@charset "utf-8";
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 100;
  src: url(../fonts/NotoSansKR-Thin.woff2) format('woff2');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url(../fonts/NotoSansKR-Light.woff2) format('woff2');
}
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 400;
   src: url(../fonts/NotoSansKR-Regular.woff2) format('woff2');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 500;
   src: url(../fonts/NotoSansKR-Medium.woff2) format('woff2');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 700;
   src: url(../fonts/NotoSansKR-Bold.woff2) format('woff2');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 900;
   src: url(../fonts/NotoSansKR-Black.woff2) format('woff2');
 }
@font-face {
    font-family: 'Candara';
    src: url('../fonts/Candara.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Candara';
    src: url('../fonts/Candara-Bold.woff2') format('woff2');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Candara';
    src: url('../fonts/Candara-Light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
}

html, body{height:100%;}
html, body, div, dl, dt, dd, ul, ol, li, p, h1, h2 ,h3, h4, h5, h6{margin:0px; padding:0px;font-family:"Noto Sans KR"; font-size:15px;font-weight:400;line-height: 1.3; list-style:none; color:#454545;box-sizing: border-box;word-break: keep-all;letter-spacing:-0.5px;}
a{text-decoration:none;color:#454545;}
img{border:0;vertical-align:middle;max-width: 100%;}
select{font-family:"Noto Sans KR";border:1px solid #d6d6d6;vertical-align:middle;}
input{font-family:"Noto Sans KR";vertical-align:middle;margin:0;padding:0;font-size:15px;color:#6e6e6e;font-weight:400;}
label {cursor:pointer;}
textarea{font-family:"Noto Sans KR";vertical-align:middle;font-size:15px;color:#6e6e6e;font-weight:400;}
table caption{overflow: hidden;width:0;height:0;line-height:0;margin:0;}
table{border-collapse:separate;border-collapse:collapse;width:100%;border-spacing:0;table-layout: fixed;}

.blind{width:0;height:0;position:absolute;top:-9999px;left:-9999px;overflow:hidden;}
.clfix:after {content: ""; display: block; height: 0px; clear: both; visibility: hidden;}
.clear {clear:both; font-size:0; line-height:0; overflow:hidden; height:0 !important; }
.floatL {float:left;}
.floatR {float:right;}
.floatN {float:none;}
.disnone{display:none;}
.txtL {text-align:left !important;}
.txtC {text-align:center !important;}
.txtR {text-align:right !important;}

/* Margins */
.mtp0{margin-top:0px !important;} .mtp5{margin-top:5px !important;} .mtp10{margin-top:10px !important;} .mtp15{margin-top:15px !important;} .mtp20{margin-top:20px !important;} .mtp25{margin-top:25px !important;} .mtp30{margin-top:30px !important;} .mtp40{margin-top:40px !important;} .mtp50{margin-top:50px !important;} .mtp60{margin-top:60px;} .mtp80{margin-top:80px;} .mtp100{margin-top:100px;}
.pdt5{padding-top:5px;} .pdt10{padding-top:10px;} .pdt20{padding-top:20px;} .pdt80{padding-top:80px;} .pdb100{padding-bottom:100px;}

/* Header */
body.main_head #header{position: fixed;left: 0;top: 0;border-bottom:0;background:none;}
body.main_head .top_menu > li > a{color:#fff;}
body.main_head .top_menu > li > a:hover{color:#000;}
body.main_head .main_a{display:block;}
body.main_head .sub_a{display:none;}
body.main_head #header:hover{background:#fff;}
body.main_head #header:hover .top_menu > li > a{color:#103c6a;}
body.main_head #header:hover .main_a{display:none;}
body.main_head #header:hover .sub_a{display:block;}
body.foxed.main_head #header{background:#fff;}
body.foxed.main_head #header .top_menu > li > a{color:#000;}
body.foxed.main_head #header .top_menu > li > a:hover{color:#103c6a;}
body.foxed.main_head #header .main_a{display:none;}
body.foxed.main_head #header .sub_a{display:block;}

.main_a{display:none;}
#wrap{position:relative;width:100%;margin:0 auto;min-width: 640px;}
#header{position:fixed;top:0;background:#fff;width:100%;box-sizing:border-box;height:100px;padding: 0 20px;border-bottom:1px solid #dfdfdf;margin:0 auto;transition: all 0.3s ease-in-out;opacity: 1;z-index:999;}
.head_wid{position:relative;width:100%;max-width: 1720px;box-sizing:border-box;margin:0 auto;}
#header h1{position:absolute;left: 0;top:0;}
#header h1 > a{display:block;line-height: 100px;font-size: 0;width: 210px;}
#header a.mor_open{display:block;position:absolute;right:0;top:38px;}
.top_menu{float: right;padding-right: 130px;font-size: 0;}
.top_menu > li{display: inline-block;margin-left: 60px;}
.top_menu > li > a{display: block;font-size: 22px;color: #000;font-weight: bold;font-family: 'Candara';line-height: 100px;position:relative;}
.top_menu > li > a:hover{color:#103c6a;}
.top_menu > li > a:after{content:'';position:absolute;bottom:0;height:2px;width:0;background:#103c6a;left:0;transition:0.3s;}
.top_menu > li > a:hover:after{width:100%;}

/* Side menu */
.menu_area{display: none;position: fixed;right: 0;top: 0;bottom: 0;width: calc((100% - 1720px) / 2 + 470px);height: 100%;padding: 200px 40px 0 55px;box-sizing: border-box;z-index: 999;background: rgba(29,59,103,0.8);}
.menu_area > .mor_out{display: inline-block;width: 24px;font-size:0;position:absolute;top:0;line-height:100px;left:441px;}
.menu > li{margin-bottom: 40px;}
.menu > li > a{display: inline-block;font-size: 35px;color: #fff;font-weight: bold;font-family: 'Candara';line-height: 1;}
.menu > li > ul{padding-left: 22px;}
.menu > li > ul > li{margin-top: 10px;}
.menu > li > ul > li > a{display: inline-block;font-size: 18px;color: #fff;font-family: 'Candara';line-height: 1;opacity:0.9;}
.ma_foot{position:absolute;left: 55px;bottom:5%;padding-right: 30px;}
.ma_foot > p{font-size: 12px;color:#fff;font-weight: 300;letter-spacing: 0.5px;line-height:1.6;opacity:0.7;}
.ma_foot > p > span{display: inline-block;margin-right: 16px;position: relative;}
.ma_foot > p > span:last-child{margin-right: 0;}
.ma_foot > p > span:after{content: "/";position: absolute;right: -11px;top: 0;font-size: 12px;color:#c5c5c5;font-weight: 100;line-height:1.5;}
.ma_foot > p > span:last-child:after{display: none;}
.ma_foot > p:last-child{margin-top:24px;}

#all_contents{position:relative;width:100%;margin:0 auto;margin-top:100px;}

/* Footer */
#footer{width:100%;margin:0 auto;background:#1d3b67;box-sizing:border-box;padding:35px 20px;}
.foot_wid{position:relative;width:100%;max-width: 1180px;box-sizing:border-box;margin:0 auto;}
.foot_wid .flogo{float:left;}
.foot_wid .flogo > a{display:inline-block;width: 210px;margin-top: 10px;}
.foot_wid .foot_txt{float:right;text-align:right;}
.foot_wid .foot_txt > p{font-size:13px;color:#fff;font-weight:300;line-height:1.3;margin: 6px 0;}
.foot_wid .foot_txt > p > span{display: inline-block;margin-right: 15px;position:relative;}
.foot_wid .foot_txt > p > span:after{content:"/";position:absolute;right:-10px;top:2px;font-size:11px;color:#979797;font-weight:100;}
.foot_wid .foot_txt > p > span:last-child{margin-right:0;}
.foot_wid .foot_txt > p > span:last-child:after{display:none;}

/* Responsive */
@media screen and (max-width:1719px){
    .menu_area{width: 470px;padding: 200px 20px 0 30px;}
    .menu_area > .mor_out{left:auto;right:25px;}
    .ma_foot{left: 30px;}
    .ma_foot > p > span.mo:after{display: none;}
}
@media screen and (max-width:1024px){
    .top_menu{display: none;}
}
@media screen and (max-width:640px){
    #header h1 > a{width: auto;}
    .menu_area{width: 450px;padding: 200px 40px 0 40px;}
    .menu > li > a{font-size: 40px;}
    .menu > li > ul{padding-left: 0;}
    .menu > li > ul > li > a{font-size: 23px;}
    .ma_foot{left: 40px;}
    .ma_foot > p{font-size: 15px;}
    .foot_wid .flogo{float:none;}
    .foot_wid .foot_txt{float:none;text-align:left;margin-top: 20px;}
    .foot_wid .foot_txt > p{font-size:18px;}
}