/* Font */
@font-face {
    font-family:'NanumGothic';
    src: url('/tpl/webfont/NanumGothic.eot');
    src: url('/tpl/webfont/NanumGothic.eot?#iefix') format('embedded-opentype'),
         url('/tpl/webfont/NanumGothic.woff') format('woff'),
         url('/tpl/webfont/NanumGothic.ttf') format('truetype');   
}
@font-face {
  font-family: 'Nanum Pen Script';
  font-style: normal;
    src: url('/tpl/webfont/NanumPen.eot');
    src: url('/tpl/webfont/NanumPen.eot?#iefix') format('embedded-opentype'),
         url('/tpl/webfont/NanumPen.woff') format('woff'),
         url('/tpl/webfont/NanumPen.ttf') format('truetype');   
}
@font-face {
  font-family: 'Nanum Brush Script';
  font-style: normal;
    src: url('/tpl/webfont/NanumBrush.eot');
    src: url('/tpl/webfont/NanumBrush.eot?#iefix') format('embedded-opentype'),
         url('/tpl/webfont/NanumBrush.woff') format('woff'),
         url('/tpl/webfont/NanumBrush.ttf') format('truetype');   
}
/* 본고딕 */
@font-face {
    font-family:'NotoSansKR';
    src: url('/tpl/webfont/NotoSansKR-Regular.eot');
    src: url('/tpl/webfont/NotoSansKR-Regular.eot?#iefix') format('embedded-opentype'),
         url('/tpl/webfont/NotoSansKR-Regular.woff') format('woff'),
         url('/tpl/webfont/NotoSansKR-Regular.ttf') format('truetype');  
}
@font-face {
    font-family:'NotoSansKR';
	font-weight:100;
    src: url('/tpl/webfont/NotoSansKR-Thin.eot');
    src: url('/tpl/webfont/NotoSansKR-Thin.eot?#iefix') format('embedded-opentype'),
         url('/tpl/webfont/NotoSansKR-Thin.woff') format('woff'),
         url('/tpl/webfont/NotoSansKR-Thin.ttf') format('truetype');  
}
@font-face {
    font-family:'NotoSansKR';
	font-weight:300;
    src: url('/tpl/webfont/NotoSansKR-Light.eot');
    src: url('/tpl/webfont/NotoSansKR-Light.eot?#iefix') format('embedded-opentype'),
         url('/tpl/webfont/NotoSansKR-Light.woff') format('woff'),
         url('/tpl/webfont/NotoSansKR-Light.ttf') format('truetype');  
}
@font-face {
    font-family:'NotoSansKR';
	font-weight:500;
    src: url('/tpl/webfont/NotoSansKR-Medium.eot');
    src: url('/tpl/webfont/NotoSansKR-Medium.eot?#iefix') format('embedded-opentype'),
         url('/tpl/webfont/NotoSansKR-Medium.woff') format('woff'),
         url('/tpl/webfont/NotoSansKR-Medium.ttf') format('truetype');  
}

@font-face {		 
    font-family:'NotoSansKR';
	font-weight:700;
    src: url('/tpl/webfont/NotoSansKR-Bold.eot');
    src: url('/tpl/webfont/NotoSansKR-Bold.eot?#iefix') format('embedded-opentype'),
         url('/tpl/webfont/NotoSansKR-Bold.woff') format('woff'),
         url('/tpl/webfont/NotoSansKR-Bold.ttf') format('truetype');  
}
@font-face {		 
    font-family:'NotoSansKR';
	font-weight:900;
    src: url('/tpl/webfont/NotoSansKR-Black.eot');
    src: url('/tpl/webfont/NotoSansKR-Black.eot?#iefix') format('embedded-opentype'),
         url('/tpl/webfont/NotoSansKR-Black.woff') format('woff'),
         url('/tpl/webfont/NotoSansKR-Black.ttf') format('truetype');
}


/*Defalut */
* {margin:0; padding:0}
body, td, th, div, span, input, select, textarea { font-family:"NotoSansKR", sans-serif; font-size:12px; font-weight:400; color:#7c7b7b; line-height:1.2; }
body { height:100%; overflow-y:scroll; *overflow-y:; -webkit-text-size-adjust:none;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button,span,table,th,td,textarea {margin:0;padding:0;}
h1,h2,h3,h4,h5,h6 {font-weight:normal;}
ul,ol,dl,dd,dt,li {list-style-type:none;}
img,th,td,fieldset,iframe { border:0; }
img {border:0;vertical-align:top;outline:none}
table,tbody,tfoot,thead,tr,th,td {border-collapse:collapse;}
textarea { border:1px solid #d1d1d1; height:120px; }
input,select,label { vertical-align:middle; }

/* Link */
a:link    {color:#7d7d7d; text-decoration:none;}
a:visited {color:#7d7d7d; text-decoration:none;}
a:hover   {color:#0b96d4; text-decoration:underline;}
a:active  {color:#0b96d4; text-decoration:none;}

.bold_black { color:#000; font-weight:bold; }
.site_navi { text-align:right; font-size: 11px; color:#838383; width:100%; border-bottom:1px solid #ddd; padding-bottom:7px; }
.gray_font_11 { font-size: 11px; color: #797979; }
.pdno {padding-right:0;}
.bgno {background:none;}

body{background:url('/images/kor16-17-0392/common/top_bg.gif') repeat-x 0 0;}
#header{position:relative;margin:0 auto;width:980px;height:130px;}
#header .site_link {position:absolute; right:-140px; top:35px;}

#lnb{position:absolute;top:5px;right:0;}
#lnb ul, #lnb li{float:left;}
#lnb li{margin-left:5px;}
#lnb .sns_btn{margin-right:10px;}
#lnb .lnb{margin-top:3px;}
#lnb .lnb li{padding-left:5px;line-height:10px;border-left:1px solid #fff;}
#lnb .lnb a{color:#fff;line-height:10px;}
#lnb .lnb a:hover{text-decoration:none;color:#fff;}
#lnb .lnb a:active{text-decoration:none;color:#fff;}
#lnb li:first-child{margin-left:0;border-left:0;}

#logo{position:absolute;top:30px;left:0;}
#gnb{position:absolute;top:60px;right:0;}
#visual {margin:0 auto;width:980px;text-align:center;}

#container{margin:0 auto;width:980px; position:relative;}
#footer{padding:20px 0;}

/* sub */
#leftMenu{float:left;width:180px;}
#leftMenu p{margin:55px 0}
#leftMenu .sub h2{
	width:100%;
	height:180px;
	font-size:30px;
	color:#fff;
	font-weight:600;
	line-height:1.1;	
	text-align:center;
	align-content: center;
	background:#4dcfe5;
	border:1px solid #21c4e0;
	box-sizing:border-box;	
}
#leftMenu .sub.sub3 h2{font-size:26px;letter-spacing:-1px;}
#leftMenu .sub ul li{	
	width:100%;
	min-height:50px; 
	height:auto;
	padding:10px 20px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	border:1px solid #e5e5e5;
	border-top:none;
	align-content: center;
}
#leftMenu .sub ul li a{
	width:100%;
	height:100%;
	display:inline-block;
	font-size:14px;
	font-weight:500;
	line-height:1.2;	
	text-decoration:none;
	align-content: center;	
}
#leftMenu .sub ul li a:hover{color:inherit}
#leftMenu .sub ul li._on a{
    font-weight:600;
	color:#3aa2c7;
	background-image:url("/images/kor16-17-0392/sub/ico_left_dot_b.gif");
	background-repeat:no-repeat;
	background-position:right center;	
}

.sideBanner {
  position: absolute;	  
  top: 150px;
  right: -115px;
  text-align:center; 
}
.sideBanner p {
	font-size:14px; 
	color:#222;
	line-height:1.2;
	font-weight:500;
	letter-spacing:-0.5px;		
	margin-bottom:10px;
}