@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:'nbg';
  src: url('nbg.eot'); /* IE 4-8 */
  src: url('nbg.eot?') format('eot'), /* IE 9 */ 
       url('nbg.woff') format('woff'); /* IE 9, Firefox 3.6+, Chrome 6+ */
}

@font-face { 
  font-family:'nbgb';
  src: url('nbgb.eot'); /* IE 4-8 */
  src: url('nbgb.eot?') format('eot'), /* IE 9 */ 
       url('nbgb.woff') format('woff'); /* IE 9, Firefox 3.6+, Chrome 6+ */
}

@font-face {
   font-family: 'nanum-barun-gothic';
	font-style: normal;
	 font-weight: 200;
    src: url('nanumbarungothiclight.eot');
    src: url('nanumbarungothiclight.eot?#iefix') format('embedded-opentype'),
		 url('nanumbarungothiclight.eot?') format('eot'),
         url('nanumbarungothiclight.woff2') format('woff2'),
         url('nanumbarungothiclight.woff') format('woff'),
         url('nanumbarungothiclight.ttf') format('truetype'),
         url('nanumbarungothiclight.svg#nanum-barun-gothic-light') format('svg');  

}

@font-face {
	font-family: 'nanum-barun-gothic';
	font-style: normal;
	font-weight: 400;
    src: url('nanumbarungothicregular.eot');
    src: url('nanumbarungothicregular.eot?#iefix') format('embedded-opentype'),
		 url('nanumbarungothicregular.eot?') format('eot'),
         url('nanumbarungothicregular.woff2') format('woff2'),
         url('nanumbarungothicregular.woff') format('woff'),
         url('nanumbarungothicregular.ttf') format('truetype'),
         url('nanumbarungothicregular.svg#nanum-barun-gothic-regular') format('svg');

}

@font-face {
    font-family: 'nanum-barun-gothic';
	font-style: normal;
	font-weight: 700;
    src: url('nanumbarungothicbold.eot');
    src: url('nanumbarungothicbold.eot?#iefix') format('embedded-opentype'),
		 url('nanumbarungothicbold.eot?') format('eot'),
         url('nanumbarungothicbold.woff2') format('woff2'),
         url('nanumbarungothicbold.woff') format('woff'),
         url('nanumbarungothicbold.ttf') format('truetype'),
         url('nanumbarungothicbold.svg#nanum-barun-gothic-bold') format('svg');
}

/* 숨김설정 */
.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 10px;padding:0 0 0 13px;}
.list li ul {margin:10px 0 0 0.5%;}
.list li ul li {background:url('../img/common/icon/arr_line.gif') no-repeat 0 8px;padding-left:12px;}
.list li ul li:nth-last-of-type(1) {margin-bottom:10px;}

.list2 {}
.list2:after {display: block; clear: both; content: ""}
.list2 li {background:url('/theme/basic/img/common/icon/arr_9.gif') no-repeat 0 10px;padding:0 0 0 13px;}
.list2 li ul {margin:10px 0 0 0.5%;}
.list2 li ul li {background:url('../img/common/icon/arr_line.gif') no-repeat 0 10px;padding-left:12px;}
.list2 li ul li:nth-last-of-type(1) {margin-bottom:10px;}

.list_dl {}
.list_dl:after {display: block; clear: both; content: ""}
.list_dl li {background:url('/theme/basic/img/common/icon/dot_gray_2.png') no-repeat 0 10px;padding:0 0 0 13px;line-height:2.0em}
.list_dl li strong {padding-right:8px;font-size:1.1em;}

.list2_ul {}
.list2_ul:after {display: block; clear: both; content: ""}
.list2_ul li {background:url('/theme/basic/img/common/icon/arr_9.gif') no-repeat 0 12px;padding:0 0 0 13px;font-size:1.1em;font-weight:bold;}
.list2_ul li ul {margin:10px 0 0 0.5%;}
.list2_ul li ul li {background:url('/theme/basic/img/common/icon/dot_gray_2.png') no-repeat 0 9px;padding:0 0 0 13px;font-size:.9em;font-weight:normal;}
.list2_ul li ul li:nth-last-of-type(1) {margin-bottom:15px;}
.list2_ul li span {color:#CC0000}

/* 블릿이 있는 타이틀+내용 경우 */
.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 {}
.dl_list3 dt {display:block;font-size:1.2em;padding:0 20px 0 0;color:#FF7300;font-weight:bold;}
.dl_list3 dd {display:inline-block;padding:0 0 15px;margin-bottom:10px;}
.dl_list3 dd img {margin-bottom:20px;}

.dl_list4 {}
.dl_list4:after {display: block; clear: both; content: ""}
.dl_list4 dt {font-size:1.2em;font-weight:bold;color:#333;padding:5px 0 10px 20px;background:url('/theme/basic/img/common/icon/h4_orange.png') no-repeat 0 4px;}
.dl_list4 dd {font-size:1.1em;margin:0 0 15px 20px;}
.dl_list4 dd ul {}
.dl_list4 dd ul li {background:url('/theme/basic/img/common/icon/dot_gray_2.png') no-repeat 0 6px;padding:0 0 6px 13px;}
.dl_list4 img {margin-bottom:15px;}
.dl_list4 strong {color:#FF7300}

/* 블릿이 없는 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.5%;}
.box strong {color:#FFFF00;font-size:1.1em;}

/* 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:#F5F5F5;border:1px solid #ddd;}
.boxlist_img ul li {background:url('/theme/basic/img/common/icon/dot_blue.png') no-repeat 0 9px;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}
.bggreen {background-color:#00838B;color:#fff}
.bgskyblue {background-color:#3BAADF}
.bgblue {background-color:#007AC3}
.bgblue2 {background-color:#004F9C}
.bgyellow {background-color:#FFFF00;color:#151515 !important}

.brimg {border:4px solid #D9D9D9;}
.br_blue {padding:2% 2%;color:#222;border:3px dashed #004F9C;background-color:#F7F7F7;}
.br_blue strong {color:red;font-size:1.1em;}
.br_blue_line {border-top:2px solid #007AC3;}

.dotline {border-bottom:1px dashed #ccc;padding-top:60px;}

/* font */
.tac {text-align:center;}
.tal {text-align:left !important;}
.bold {font-weight:bold;}

.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 !important;}
.fontsize27{font-size:27px;}
.fontsize28{font-size:28px;}
.fontsize29{font-size:29px;}
.fontsize30{font-size:30px !important;}

/* font color */
.f_white {color:#fff}
.f_yellow {color:#FFFF00}
.f_red {color:#C01F25}
.f_black {color:#000;}
.f_blue {color:#007AC3;}
.f_blue2 {color:#004F9C;}
.f_navy {color:#000099;}

/* 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% !important;min-width:50% !important;}
.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%;}
.w100pro {width:100%;min-width:100%;}

/* 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;}
.h355{height:355px;min-height:355px;}
.h360{height:360px;min-height:360px;}
.h370{height:370px;min-height:370px;}
.h380{height:380px;min-height:380px;}
.h385{height:385px;min-height:385px;}
.h390{height:390px;min-height:390px;}
.h395{height:395px;min-height:395px;}
.h400{height:400px;min-height:400px;}
.h405{height:405px;min-height:405px;}
.h410{height:410px;min-height:410px;}
.h415{height:415px;min-height:415px;}
.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 !important;}
.mgt50 {margin-top:5em !important;}
.mgt60 {margin-top:6em !important;}
.mgt70 {margin-top:7em !important;}
.mgt170 {margin-top:170px}
.mgt200 {margin-top:200px}

.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:15px !important;}
.mgb19 {margin-bottom:1.9em;}
.mgb20 {margin-bottom:2em;}
.mgb25 {margin-bottom:25px !important;}
.mgb30 {margin-bottom:30px !important;}
.mgb35 {margin-bottom:35px !important;}
.mgb40 {margin-bottom:3em;}
.mgb50 {margin-bottom:50px !important;}
.mgb55 {margin-bottom:3.5em !important;}
.mgb60 {margin-bottom:5em;}
.mgb70 {margin-bottom:6em;}
.mgb80 {margin-bottom:7em;}

.mgl5 {margin-left:1%}
.mgl10 {margin-left:10px;}
.mgl15 {margin-left:15px;}
.mgl18 {margin-left:1.2em;}
.mgl20 {margin-left:20px;}
.mgl28 {margin-left:28px;}
.mgl30 {margin-left:30px;}
.mgl35 {margin-left:35px;}
.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%;}