@charset "utf-8";

/* 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:'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; box-sizing: border-box;}
body, td, th, div, span, input, select, textarea { font-family: 'NotoSansKR', 'NanumGothic','나눔고딕'; font-size: 14px; color:#555; line-height:1.2; 
	box-sizing: border-box; letter-spacing:-0.2px;}
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,tr,th,td,textarea {margin:0;padding:0; line-height:1.2; box-sizing: border-box;
	letter-spacing:-0.2px;}
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 {transition:all 0.2s;}
a:link    {color:inherit; text-decoration:none;}
a:visited {color:inherit; text-decoration:none;}
a:hover   {color:inherit; text-decoration:none; transition:all 0.2s;}
a:active  {color:inherit; text-decoration:none;}

#wrap{width:100%; min-width: 1200px; }
#header{margin:0 auto; width:100%; height:78px; position: absolute; z-index: 999;}
#header .header_inner {width:1200px; margin:0 auto; position: relative;}
.header_inner:after{content:""; display:block; clear:both;}
#logo{float:left; margin-top: 20px;}
#topmenu{position:absolute; right:0; top:15px;}
#gnb{float:right; margin-top:40px;}

#navi{position:relative;font-family: 'NotoSansKR', 'NanumGothic','나눔고딕';}
#navi .navi_main:after{content:""; display:block; clear:both;}
#navi .navi_main li{float:left; margin-left:60px;}
#navi .navi_main li:first-child{margin-left:0;}
#navi .navi_main a{font-size:20px; font-weight:300; color:#fff;}
#navi .navi_main a:hover{color:#0064c6; text-decoration:none;}
#navi .navi_sub{position:absolute; top:40px; display:block; background-color:#3886d1; width:160px;}
#navi .navi_sub:before { content: ''; display: inline-block; width: 20px; height: 20px; background: url(/images/kor04-19-0420/common/menu_arrow.png) no-repeat center center; position: absolute; left:50%; margin-left: -10px;
  top: 0; margin-top: -10.5px; z-index: -1;}
#navi .navi_sub:after{content:""; display:block; clear:both;}
#navi .navi_sub_1 {left:-50px;}
#navi .navi_sub_2 {left:72px;}
#navi .navi_sub_3 {left:190px;}
#navi .navi_sub_4 {left:330px;}
#navi .navi_sub_5 {right:-55px;}
#navi .navi_sub li{ text-align: center; border-bottom: 1px solid #2178cc;}
#navi .navi_sub li:last-child {border-bottom:none;} 
#navi .navi_sub li a{ text-decoration:none; font-size:16px; font-weight:normal; color: #fff; display: block; padding: 10px 30px;}
#navi .navi_sub li a:hover {background:#0064c4;}

#footer{width:100%; background:#444;}
#footer #foot_area { width: 1200px; margin: 0 auto; padding: 30px 0px;}
#footer .foot_top .top_info:after {content:''; display:block; clear:both;}
#footer .foot_top .top_info li { float: left; font-size: 18px; color: #fff;  padding-right: 20px;}
#footer .foot_top .top_info li:after {content:''; display:inline-block; width:1px; height:15px; background:#939393; margin-left:20px;}
#footer .foot_top .top_info li:last-child:after {display:none;}
#footer .foot_top .top_info li > img {margin-right: 10px;}
#footer .foot_top .top_sns {float: right;}
#footer .foot_top .top_sns:after {content:''; display:block; clear:both;}
#footer .foot_top .top_sns li{ float: left; margin-right:10px; }
#footer .foot_top .top_sns li:last-child {margin-right:0px;}
.foot_navi {margin: 30px 0px 25px 0px;}
.foot_navi:after {content:''; display:block; clear:both; } 
.foot_navi li {float:left; margin-right:30px; }
.foot_navi li a { font-size: 16px; color: #e2e2e2; font-weight: 300;}
.address { font-size: 16px; color: #939393; font-weight: 300; line-height: 28px;}