@charset "utf-8";

/* 나눔고딕 정의 */
@import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css');

@font-face{
font-family:"Nanum Gothic";
src:url('NanumGothic.eot');
src:url('NanumGothic.eot?#iefix') format('embedded-opentype'),
url('NanumGothic.woff') format('woff'),
url('NanumGothic.ttf') format('truetype');
src:local('abc'), url('NanumGothic.woff') format('woff');
}

@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(NanumGothic-Regular.eot);
  src: url(NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(NanumGothic-Regular.woff2) format('woff2'),
       url(NanumGothic-Regular.woff) format('woff'),
       url(NanumGothic-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 700;
  src: url(NanumGothic-Bold.eot);
  src: url(NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(NanumGothic-Bold.woff2) format('woff2'),
       url(NanumGothic-Bold.woff) format('woff'),
       url(NanumGothic-Bold.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 800;
  src: url(NanumGothic-ExtraBold.eot);
  src: url(NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
       url(NanumGothic-ExtraBold.woff2) format('woff2'),
       url(NanumGothic-ExtraBold.woff) format('woff'),
       url(NanumGothic-ExtraBold.ttf) format('truetype');
}

@font-face{
 font-family: 'NanumGothicWeb';
 font-style: normal;
 font-weight: normal;
 src: url('NanumGothic.eot'); 
 src: local('abc'), url('NanumGothic.woff') format('woff'), url('NanumGothic.ttf') format('truetype');
}

@font-face {
  font-family: 'Nanum Barun Gothic';
  font-style: normal;
  font-weight: 200;
  src: url('NanumBarunGothicUltraLight.eot');
  src: local('Nanum Barun Gothic UltraLight'),
       local('NanumBarunGothicUltraLight'),
       url(NanumBarunGothicUltraLight.eot?#iefix) format('embedded-opentype'),
       url(NanumBarunGothicUltraLight.woff2) format('woff2'),
       url(NanumBarunGothicUltraLight.woff) format('woff'),
       url(NanumBarunGothicUltraLight.ttf) format('truetype');
}

@font-face {
  font-family: 'Nanum Barun Gothic';
  font-style: normal;
  font-weight: 300;
  src: url('NanumBarunGothicLight.eot');
  src: local('Nanum Barun Gothic Light'),
       local('NanumBarunGothicLight'),
       url(NanumBarunGothicLight.eot?#iefix) format('embedded-opentype'),
       url(NanumBarunGothicLight.woff2) format('woff2'),
       url(NanumBarunGothicLight.woff) format('woff'),
       url(NanumBarunGothicLight.ttf) format('truetype');
}

@font-face {
  font-family: 'Nanum Barun Gothic';
  font-style: normal;
  font-weight: 400;
  src: url('NanumBarunGothic.eot');
  src: local('Nanum Barun Gothic'),
       local('NanumBarunGothic'),
       url(NanumBarunGothic.eot?#iefix) format('embedded-opentype'),
       url(NanumBarunGothic.woff2) format('woff2'),
       url(NanumBarunGothic.woff) format('woff'),
       url(NanumBarunGothic.ttf) format('truetype');
}

@font-face {
  font-family: 'Nanum Barun Gothic';
  font-style: normal;
  font-weight: 700;
  src: url('NanumBarunGothicBold.eot');
  src: local('Nanum Barun Gothic Bold'),
       local('NanumBarunGothicBold'),
       url(NanumBarunGothicBold.eot?#iefix) format('embedded-opentype'),
       url(NanumBarunGothicBold.woff2) format('woff2'),
       url(NanumBarunGothicBold.woff) format('woff'),
       url(NanumBarunGothicBold.ttf) format('truetype');
}

@font-face {
  font-family: 'Nanum Barun Gothic';
  font-style: normal;
  font-weight: 200;
  src: url('NanumBarunGothicUltraLight.eot');
  src: local('Nanum Barun Gothic UltraLight'),
       local('NanumBarunGothicUltraLight'),
       url(NanumBarunGothicUltraLight.eot?#iefix) format('embedded-opentype'),
       url(NanumBarunGothicUltraLight.woff2) format('woff2'),
       url(NanumBarunGothicUltraLight.woff) format('woff'),
       url(NanumBarunGothicUltraLight.ttf) format('truetype');
}

@font-face {
  font-family: 'Nanum Barun Gothic';
  font-style: normal;
  font-weight: 300;
  src: url('NanumBarunGothicLight.eot');
  src: local('Nanum Barun Gothic Light'),
       local('NanumBarunGothicLight'),
       url(NanumBarunGothicLight.eot?#iefix) format('embedded-opentype'),
       url(NanumBarunGothicLight.woff2) format('woff2'),
       url(NanumBarunGothicLight.woff) format('woff'),
       url(NanumBarunGothicLight.ttf) format('truetype');
}

@font-face {
  font-family: 'Nanum Barun Gothic';
  font-style: normal;
  font-weight: 400;
  src: url('NanumBarunGothic.eot');
  src: local('Nanum Barun Gothic'),
       local('NanumBarunGothic'),
       url(NanumBarunGothic.eot?#iefix) format('embedded-opentype'),
       url(NanumBarunGothic.woff2) format('woff2'),
       url(NanumBarunGothic.woff) format('woff'),
       url(NanumBarunGothic.ttf) format('truetype');
}

@font-face {
  font-family: 'Nanum Barun Gothic';
  font-style: normal;
  font-weight: 700;
  src: url('NanumBarunGothicBold.eot');
  src: local('Nanum Barun Gothic Bold'),
       local('NanumBarunGothicBold'),
       url(NanumBarunGothicBold.eot?#iefix) format('embedded-opentype'),
       url(NanumBarunGothicBold.woff2) format('woff2'),
       url(NanumBarunGothicBold.woff) format('woff'),
       url(NanumBarunGothicBold.ttf) format('truetype');
}

/* 숨김설정 */
.hidden {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}

.border {border:1px solid #DBDBDB;}

.tac {text-align:center;}

/* 블릿만 있는 리스트 경우 */
.list {}
.list:after {display: block; clear: both; content: ""}
.list li {background:url('/theme/basic/img/common/icon/dot_gray_2.png') no-repeat 0 8px;padding:0 0 3px 12px;text-align:left;}
.list li ul {margin:10px 0 0 0.5%;}
.list li ul li {background:url('../img/common/icon/arr_line.gif') no-repeat 0 10px;padding-left:12px;}
.list li ul li:nth-last-of-type(1) {margin-bottom:10px;}

/* 블릿이 있는 타이틀+내용 경우 */
.infolist {}
.infolist:after {display: block; clear: both; content: ""}
.infolist li {background:url('/theme/basic/img/common/icon/line_1_gr.gif') no-repeat 0 4px;padding:0 0 15px 12px;}
.infolist li p {margin-bottom:0 !important}

/* 블릿이 있는 리스트인데 p 태그 밑에 들어가는 경우 */

/* 블릿이 있는 리스트인데 dl 태그 들어가는 경우 */
.depth_list dt {font-size:1.2em;color:#CC0000;font-weight:bold;padding:0 0 3px 10px;margin-top:15px;background:url('/theme/basic/img/common/icon/line_1_gr.gif') no-repeat 0 4px;}
.depth_list dd {margin-left:10px;}

/* dl 태그 제목 설명 이미지 들어가는 경우 */
.dl_list {}
.dl_list:after {display: block; clear: both; content: ""}
.dl_list dt {font-size:1.3em;padding:30px 190px 10px 0;color:#E92227;font-weight:bold;border-top:1px dashed #D1D1D1;}
.dl_list dd {padding:0 190px 0 0;margin-bottom:20px;}
.dl_list dd img {margin-bottom:20px;}

.dl_list2 {}
.dl_list2:after {display: block; clear: both; content: ""}
.dl_list2 dt {font-size:1.6em;padding:20px 0 10px 0;color:#E92227;font-weight:bold;text-align:center;}
.dl_list2 dd {padding:0 0 40px 0;margin-bottom:20px;text-align:center;font-size:1.1em;border-bottom:1px solid  #D1D1D1;}
.dl_list2 img {margin-bottom:15px;}

.dl_list3 {}
.dl_list3:after {display: block; clear: both; content: ""}
.dl_list3 dt {font-size:1.2em;line-height:1.2em;background-color:#005892;color:#fff;font-weight:bold;text-align:left;padding:1.3% 0 0% 2.5%;}
.dl_list3 dd {padding:1.5% 2.5% 1%;text-align:center;font-size:1.1em;border:1px solid  #D1D1D1;}
.dl_list3 dd ul {}
.dl_list3 dd ul li {background:url('/theme/basic/img/common/icon/arr_2.gif') no-repeat 0 10px;padding:0 0 5px 14px;line-height:1.5em;text-align:left;}
.dl_list3 img {margin-bottom:15px;}

/* 블릿이 없는 ul + dl */
.infolist_dl {margin:0 0 10px 18px;}
.infolist_dl:after {display: block; clear: both; content: ""}
.infolist_dl li {margin-bottom:10px;}
.infolist_dl dt {display:inline-block;width:19%;min-height:100%;padding:2.5% 1% 2.5%;margin-right:1%;color:#fff;font-weight:bold;text-align:center;font-size:1.1em;background:url('/theme/basic/img/sub03/dl_cons2.jpg') no-repeat;}
.infolist_dl dd {display:inline-block;width:70%;min-height:100%;padding:2.5% 3% 2.5% 3%;border:1px solid #D1D1D1;}
.infolist_dl dd span {font-size:1.1em;color:#0067A3;}

.infolist_dl dt.type2 {background:url('/theme/basic/img/sub03/dl_cons1.jpg') no-repeat;}

/* box */
.box {padding:2% 2% 1.5%;background-color:#F2F2F2;border:1px solid #ddd;}
.box strong {color:#0067A3;font-size:1.1em;}
/*.box p {margin-bottom:0;}*/

.box_deco {padding:2.7% 2% 2.2%;color:#333;background-color:#F2F2F2;border:1px solid #ddd;text-align:center;}
.box_deco span {color:#00578A}

/* box 블릿이 있는 리스트 경우*/
.boxlist {padding:2% 2.5% 1%;background-color:#F2F2F2;border:1px solid #ddd;margin-bottom:20px;}
.boxlist:after {display: block; clear: both; content: ""}
.boxlist h4 {color:#CC0000;font-size:1.2em;margin-bottom:10px;background:none;}
.boxlist li {background:url('/theme/basic/img/common/icon/dot_blue.png') no-repeat 0 7px;padding:0 0 5px 14px;font-size:.9em;}
.boxlist li strong {color:#0067A3;}
.boxlist p {margin-bottom:10px !important}
.boxlist p strong {color:#CC0000}

/* box 블릿이 있고 왼쪽이미지 */
.boxlist_img {margin-bottom:20px;}
.boxlist_img:after {display: block; clear: both; content: ""}
.boxlist_img .tt {margin-left:34%;background-color:#666;font-size:1.5em;color:#fff;padding:15px 2.5%}
.boxlist_img h4 {margin:10px 0 15px !important;}
.boxlist_img ul {margin-left:34%;padding:2% 2.5% 1%;background-color:#F2F2F2;border:1px solid #ddd;}
.boxlist_img ul li {background:url('/theme/basic/img/common/icon/dot_blue.png') no-repeat 0 7px;padding:0 0 5px 14px;font-size:.9em;}
.boxlist_img ul li strong {color:#0067A3;}
.boxlist_img p {margin-bottom:10px !important}
.boxlist_img p strong {color:#CC0000}

/* background */
.bgwhite {background-color:#fff;}
.bgbeige {background-color:#F2EDE6;}
.bggray {background-color:#D9D9D9}
.bggray2 {background-color:#F0F0F0}
.bgblue {background-color:#005892}
.bgblue2 {background-color:#0067AA}
.bggreen {background-color:#00838B;color:#fff}
.bgskyblue {background-color:#3BAADF}
.bgyellow {background-color:#FFFF00;color:#151515 !important}
.brimg {border:4px solid #D9D9D9;}
.brimg2 {border:3px solid #D9D9D9;padding:25px 20px;}

/* font */
.fontsize10{font-size:10px;}
.fontsize11{font-size:11px;}
.fontsize12{font-size:12px;}
.fontsize13{font-size:13px;}
.fontsize14{font-size:14px;}
.fontsize15{font-size:15px;}
.fontsize16{font-size:16px;}
.fontsize17{font-size:17px;}
.fontsize18{font-size:18px;}
.fontsize19{font-size:19px;}
.fontsize20{font-size:20px;}
.fontsize21{font-size:21px;}
.fontsize22{font-size:22px;}
.fontsize23{font-size:23px;}
.fontsize24{font-size:24px;}
.fontsize25{font-size:25px;}
.fontsize26{font-size:26px;}
.fontsize27{font-size:27px;}
.fontsize28{font-size:28px;}
.fontsize29{font-size:29px;}
.fontsize30{font-size:30px;}

/* width */
.w10pro {width:10%;min-width:10%;}
.w11pro {width:11%;min-width:11%;}
.w12pro {width:12%;min-width:12%;}
.w13pro {width:13%;min-width:13%;}
.w14pro {width:14%;min-width:14%;}
.w15pro {width:15.3%;min-width:15.3%;}
.w16pro {width:16%;min-width:16%;}
.w17pro {width:17%;min-width:17%;}
.w18pro {width:18%;min-width:18%;}
.w19pro {width:19%;min-width:19%;}
.w20pro {width:20%;min-width:20%;}
.w21pro {width:21%;min-width:21%;}
.w22pro {width:22%;min-width:22%;}
.w23pro {width:23%;min-width:23%;}
.w24pro {width:24%;min-width:24%;}
.w25pro {width:25%;min-width:25%;}
.w26pro {width:26%;min-width:26%;}
.w27pro {width:27%;min-width:27%;}
.w28pro {width:28%;min-width:28%;}
.w29pro {width:29%;min-width:29%;}
.w30pro {width:30%;min-width:30%;}
.w31pro {width:31%;min-width:31%;}
.w32pro {width:32.73%;min-width:32.73%;}
.w33pro {width:33.333%;min-width:33.333%;}
.w35pro {width:35%;min-width:35%;}
.w40pro {width:40%;min-width:40%;}
.w45pro {width:45%;min-width:45%;}
.w47pro {width:46%;min-width:46%;}
.w47pro {width:47%;min-width:47%;}
.w48pro {width:48%;min-width:48%;}
.w49pro {width:49.4%;min-width:49.4%;}
.w50pro {width:50%;min-width:50%;}
.w55pro {width:55%;min-width:55%;}
.w60pro {width:60%;min-width:60%;}
.w65pro {width:65%;min-width:65%;}
.w67pro {width:65%;min-width:67%;}
.w68pro {width:68%;min-width:68%;}
.w69pro {width:69%;min-width:69%;}
.w70pro {width:70%;min-width:70%;}

/* height */
.h5{height:5px !important;}
.h10{height:10px;}
.h13{height:13px;}
.h15{height:15px;}
.h20{height:20px;}
.h25{height:25px;}
.h30{height:30px;}
.h35{height:35px;}
.h40{height:40px;}
.h50{height:50px;}
.h60{height:60px;}
.h70{height:70px;}
.h80{height:80px;}
.h90{height:90px;}
.h100{height:100px;}
.h150{height:150px;}
.h200{height:200px;}
.h230{height:230px;}
.h233{height:233px;}
.h250{height:250px;}
.h300{height:300px;min-height:300px;}
.h310{height:310px;min-height:310px;}
.h320{height:320px;min-height:320px;}
.h330{height:330px;min-height:330px;}
.h340{height:340px;min-height:340px;}
.h350{height:350px;min-height:350px;}
.h360{height:360px;min-height:360px;}
.h370{height:370px;min-height:370px;}
.h380{height:380px;min-height:380px;}
.h390{height:390px;min-height:390px;}
.h400{height:400px;min-height:400px;}
.h500{height:500px;min-height:500px;}
.h539{height:539px;min-height:539px;}
.h540{height:540px;min-height:540px;}


/* padding */
.pdt3{padding-top:3px !important;}
.pdt4{padding-top:4px !important;}
.pdt5{padding-top:5px !important;}
.pdt6{padding-top:6px !important;}
.pdt7{padding-top:7px !important;}
.pdt10{padding-top:10px !important;}
.pdt13{padding-top:13px;}
.pdt14{padding-top:14px;}
.pdt15{padding-top:15px;}
.pdt16{padding-top:16px;}
.pdt17{padding-top:17px;}
.pdt18{padding-top:18px;}
.pdt19{padding-top:19px;}
.pdt20 {padding-top:20px}
.pdt30 {padding-top:30px;}
.pdt40 {padding-top:40px;}
.pdt50 {padding-top:50px;}
.pdt60 {padding-top:60px;}
.pdt70{padding-top:70px;}
.pdt80{padding-top:80px;}
.pdt90{padding-top:90px;}
.pdt100{padding-top:100px;}
.pdt200 {padding-top:200px;}
.pdt300 {padding-top:300px;}
.pdt350 {padding-top:350px;}

.pdb10 {padding-bottom:10px !important;}
.pdb20 {padding-bottom:20px;}
.pdb30 {padding-bottom:30px;}
.pdb40 {padding-bottom:40px;}
.pdb50 {padding-bottom:50px;}
.pdb60 {padding-bottom:60px;}
.pdb70 {padding-bottom:70px;}
.pdb80 {padding-bottom:80px;}
.pdb90 {padding-bottom:90px;}
.pdb100 {padding-bottom:100px;}
.pdb150 {padding-bottom:150px;}
.pdb200 {padding-bottom:200px;}
.pdb200 {padding-bottom:200px;}
.pdb300 {padding-bottom:300px;}
.pdb350 {padding-bottom:450px;}
.pdb400 {padding-bottom:400px;}
.pdb450 {padding-bottom:450px;}

/* margin */
.mg0 {margin:0 auto;}

.mgt10 {margin-top:1em !important;}
.mgt11 {margin-top:1.1em;}
.mgt12 {margin-top:1.2em;}
.mgt13 {margin-top:1.3em;}
.mgt14 {margin-top:1.4em;}
.mgt15 {margin-top:1.5em;}
.mgt20 {margin-top:2.0em;}
.mgt25 {margin-top:2.5em;}
.mgt30 {margin-top:3em;}
.mgt40 {margin-top:4em;}
.mgt50 {margin-top:5em;}
.mgt60 {margin-top:6em;}
.mgt70 {margin-top:7em;}

.mgb0 {margin-bottom:0 !important;}
.mgb2 {margin-bottom:.1em;}
.mgb3 {margin-bottom:.2em;}
.mgb4 {margin-bottom:.3em;}
.mgb5 {margin-bottom:.4em;}
.mgb6 {margin-bottom:.5em;}
.mgb7 {margin-bottom:.6em;}
.mgb8 {margin-bottom:.7em;}
.mgb9 {margin-bottom:.8em;}
.mgb10 {margin-bottom:.9em !important;}
.mgb11 {margin-bottom:1.1em;}
.mgb12 {margin-bottom:1.2em;}
.mgb15 {margin-bottom:1.5em;}
.mgb19 {margin-bottom:1.9em;}
.mgb20 {margin-bottom:2em;}
.mgb25 {margin-bottom:2.1em;}
.mgb30 {margin-bottom:2.5em;}
.mgb40 {margin-bottom:3em;}
.mgb50 {margin-bottom:4em;}
.mgb60 {margin-bottom:5em;}
.mgb70 {margin-bottom:6em;}
.mgb80 {margin-bottom:7em;}

.mgl5 {margin-left:1%}
.mgl15 {margin-left:1.0em;}
.mgl18 {margin-left:1.2em;}
.mgl20 {margin-left:2.0em;}
.mgl30 {margin-left:2.5em;}
.mgl40 {margin-left:3.0em;}
.mgl50 {margin-left:3.5em;}

.mgr0 {margin-left:0em;}
.mgr5 {margin-left:1.0em;}
.mgr10 {margin-left:1.5em;}
.mgr20 {margin-left:2.0em;}
.mgr30 {margin-left:2.5em;}
.mgr40 {margin-left:3.0em;}

.mgr5pro {margin-right:5%;}
.mgr6pro {margin-right:6%;}
.mgr7pro {margin-right:7%;}