@charset "utf-8";
@font-face {
    font-family:'Noto Sans Korean Thin';
    font-style:normal;
    font-weight:normal;
    src: local('Noto Sans Thin'), local('NotoSans-Thin'),
    url(/common/font/eot/NotoSansKR-Thin-Hestia.eot),
    url(/common/font/eot/NotoSansKR-Thin-Hestia.eot?#iefix) format('embedded-opentype'),
    url(/common/font/woff/NotoSansKR-Thin-Hestia.woff) format('woff'),
    url(/common/font/otf/NotoSansKR-Thin-Hestia.otf) format('opentype');
}

@font-face {
    font-family:'Noto Sans Korean Light';
    font-style:normal;
    font-weight:normal;
    src: local('Noto Sans Light'), local('NotoSans-Light'),
    url(/common/font/eot/NotoSansKR-Light-Hestia.eot),
    url(/common/font/eot/NotoSansKR-Light-Hestia.eot?#iefix) format('embedded-opentype'),
    url(/common/font/woff/NotoSansKR-Light-Hestia.woff) format('woff'),
    url(/common/font/otf/NotoSansKR-Light-Hestia.otf) format('opentype');
}

@font-face {
    font-family:'Noto Sans Korean DemiLight';
    font-style:normal;
    font-weight:normal;
    src: local('Noto Sans DemiLight'), local('NotoSans-DemiLight'),
    url(/common/font/eot/NotoSansKR-DemiLight-Hestia.eot),
    url(/common/font/eot/NotoSansKR-DemiLight-Hestia.eot?#iefix) format('embedded-opentype'),
    url(/common/font/woff/NotoSansKR-DemiLight-Hestia.woff) format('woff'),
    url(/common/font/otf/NotoSansKR-DemiLight-Hestia.otf) format('opentype');
}

@font-face {
    font-family:'Noto Sans Korean Regular';
    font-style: normal;
    font-weight:normal;
    src: local('Noto Sans Regular'), local('NotoSans-Regular'),
    url(/common/font/eot/NotoSansKR-Regular-Hestia.eot),
    url(/common/font/eot/NotoSansKR-Regular-Hestia.eot?#iefix) format('embedded-opentype'),
    url(/common/font/woff/NotoSansKR-Regular-Hestia.woff) format('woff'),
    url(/common/font/otf/NotoSansKR-Regular-Hestia.otf) format('opentype');
}

@font-face {
    font-family:'Noto Sans Korean Medium';
    font-style:normal;
    font-weight:normal;
    src:local('Noto Sans Medium'), local('NotoSans-Medium'),
    url(/common/font/eot/NotoSansKR-Medium-Hestia.eot),
    url(/common/font/eot/NotoSansKR-Medium-Hestia.eot?#iefix) format('embedded-opentype'),
    url(/common/font/woff/NotoSansKR-Medium-Hestia.woff) format('woff'),
    url(/common/font/otf/NotoSansKR-Medium-Hestia.otf) format('opentype');
}

@font-face {
    font-family:'Noto Sans Korean Bold';
    font-style:normal;
    font-weight:normal;
    src:local('Noto Sans Bold'), local('NotoSans-Bold'),
    url(/common/font/eot/NotoSansKR-Bold-Hestia.eot),
    url(/common/font/eot/NotoSansKR-Bold-Hestia.eot?#iefix) format('embedded-opentype'),
    url(/common/font/woff/NotoSansKR-Bold-Hestia.woff) format('woff'),
    url(/common/font/otf/NotoSansKR-Bold-Hestia.otf) format('opentype');
}

@font-face {
    font-family:'Noto Sans Korean Black';
    font-style:normal;
    font-weight:normal;
    src:local('Noto Sans Black'), local('NotoSans-Black'),
    url(/common/font/eot/NotoSansKR-Black-Hestia.eot),
    url(/common/font/eot/NotoSansKR-Black-Hestia.eot?#iefix) format('embedded-opentype'),
    url(/common/font/woff/NotoSansKR-Black-Hestia.woff) format('woff'),
    url(/common/font/otf/NotoSansKR-Black-Hestia.otf) format('opentype');
}



/*font*/
.bold{font-weight:bold;}
.gray {color:#cbcbcb;}
.float-left{float:left;}
.float-right{float:right;}

html,body{height:100%}
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0}
body,input,textarea,select,button,table{font:14px/1.6 "Noto Sans Korean Regular", "sans-serif", "Malgun Gothic", "dotum", "gulim";font-size:14px;color:#222;font-weight:400;line-height:1.5}
img,fieldset{max-width:100%;height:auto;border:0;vertical-align:top}
ul,ol{list-style:none}
p{text-align:left}
em,address{font-style:normal}
a{text-decoration:none;color:#555}
a:hover,a:active,a:focus{text-decoration:none}
article,aside,dialog,footer,header,section,footer,nav,figure{display:block;margin:0;padding:0}
button, input[type="submit"]{cursor:pointer}
caption, legend{overflow:hidden;position:static;left:-1px;top:-1px;width:1px;height:1px;font-size:0;line-height:0}
strong{font-weight:600}
legend, .hd-element {
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
    font-size: 0;
    line-height: 0;
}

/*공통*/
#header2 {position: relative; border-top:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8 }
#header2 .btn-all { float:right;width:78px; height: 78px; background: url('../images/layout/btn_all.png') no-repeat 0 0; text-indent: -9999px; margin-left: 20px; }
#header2 .btn-twit { float:right; padding-top:21px;padding-right:100px}
#gnb {}
#gnb > ul:after { display: block; content: ''; clear: both; }
#gnb > ul > li { float:left; position:relative; width:285px; border-right:1px solid #e8e8e8}
#gnb > ul > li:first-child {border-left:1px solid #e8e8e8}
#gnb > ul > li > a { display: block; height: 52px; line-height: 47px; font-size:18px; color: #111; text-align:center; font-family:'Noto Sans Korean medium';}

.dep2 { display: none;position: absolute; left: 0; right:0; top:52px; background: #fff; z-index:99; min-width:240px; }

.dep2 .in {position: relative; }
.dep2 .tit { position: absolute; right: 0; top:0; }
.dep2 ul { }
.dep2 ul:after { display: block; content: ''; clear: both; }
.dep2 ul li {position: relative;}
.dep2 ul li > a { display: block; background: #3367ba; line-height: 20px; font-size:15px; padding: 12px 28px; color:#fff; border-bottom:1px solid #2d60a5}
.dep2 ul li:hover > a,
.dep2 ul li.active > a { color: #fff; }
.dep2 ul li .d2 { padding:10px 0 ; background:#4b5868}
.dep2 ul li .d2 p a { display: block; font-size:14px; line-height:22px; color: #fff; padding-left: 13px;
    background: url('../images/layout/bul_m_3dep.gif') 2px 13px no-repeat;margin:0 15px;
    text-align: left;}
.dep2 ul li .d2 p a:hover {text-decoration: underline; }
.gnbbg5 {border:0}


#gnb > ul > li:hover .dep2 { display: block; }

#m-header { display: none; position: relative; }
#m-header .logo { text-align: center; padding:0 0 10px 0; }
#m-header .logo img { height:40px; }

/* 전체메뉴보기 */
#all_menu .all_btn{position:relative;max-width:1200px;margin:0 auto;}
#all_menu .allm_btn{display:inline-block;position:absolute;right:0;top:-53px;width:60px;height:52px; border-right:1px solid #e8e8e8;background:url('../images/layout/btn_all.png') no-repeat 50% 50%;text-align:center;text-indent:-9999px}
#all_menu .allm_btn.on{background:#fff url('../images/layout/allmenu_close_1.png') center center no-repeat;background-size:25px}

#allMenu{display:none;background-color:#fafafa;position:absolute;top:193px;left:0;
width:100%;z-index:99999;font-size:0.9375em;border-top:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8}
#allMenu>div{overflow:auto;width:100%;max-width:1200px;margin:0 auto}
.allM_Box{overflow:hidden;}
.allM_Box>li{position:relative;box-sizing:border-box;float:left;width:285px;padding:15px 20px;min-height:280px;text-align:center}
.allM_Box>li:last-child {}
.allM_Box>li>a{position:absolute;left:0;top:0;width:100%;height:45px;line-height:45px;display:block;font-size:1.2em;color:#fff;background:#3367ba;}
@media screen and (min-width:1025px) {
.allM_Box>li>a {width:0; height:0; font-size:0}
}
.allM_Box>li>ul>li{padding-bottom:8px;background: url(../images/layout/bul_3dep.gif) 5px 10px no-repeat;
    text-align: left;
    line-height: 24px; padding-left:15px;}
.allM_Box>li>ul>li>a{color:#333;font-size:15px;}

.allM_Box>li>ul>li>ul {margin-top:8px;}
.allM_Box>li>ul>li>ul>li{padding-left:13px;background:url('../images/layout/bul_3dep.gif') 5px 9px no-repeat;text-align:left; line-height:22px;}
.allM_Box>li>ul>li>ul>li>a{color:#444;font-size:13px}
.allMenu_close{width:100%;background-color:#3c3f50;border-top:1px solid #6f9bd6;box-shadow:1px 2px 2px rgba(0,0,0,0.2)}
.m_sns{display:none}
.close_btn{width:100%;max-width:1200px;height:25px;margin:0 auto;padding:10px 0;text-align:right}
.close_btn button{width:25px;height:25px;margin-right:10px;background:url('../images/layout/allmenu_close.png') no-repeat;border:0;transition:all .4s}
.close_btn button:hover,.close_btn button:focus{transform:rotate(180deg)}

/* 전체메뉴_상단링크버튼(모바일에서만 보여줌) */
.mobile_link{display:none;background:#fff;margin-bottom:5px}
.mobile_link h2{padding:10px 0}
.mobile_link h2 a img{width:175px}
.mobile_link ul:after{content:"";display:block;clear:both}
.mobile_link ul li{float:left;width:33.3%;box-sizing:border-box;border-width:1px 0 1px 1px;border-style:solid;border-color:#e7e7e7}
.mobile_link ul li:first-child{border-left:0}
/* .mobile_link ul li:first-child, .mobile_link ul li:nth-child(2){width:50%;border-bottom:0} */
.mobile_link ul li a{display:block;font-size:13px;color:#666;height:45px;line-height:45px}
.mobile_link ul li a img{width:35px;margin-top:-2px}



/* 반응형 */
@media screen and (max-width: 1199px) and (min-width:1025px) {
	#gnb > ul > li, .allM_Box>li {width: 240px;}
	#all_menu .allm_btn {right:2%; border-right:0}
	#gnb > ul > li {border-right:0}
	#gnb > ul > li:first-child {border-left:0}
	#allMenu>div {    max-width: 962px;}
	.allM_Box>li {border-right: 1px solid #e8e8e8;}
	.allM_Box>li:first-child{border-left:1px solid #e8e8e8}
	#allMenu {background-color:#fff;}
}

@media all and (max-width:1024px){
    img { max-width:100%; }
    body {min-width:0;}
    #m-header .logo{height:53px}
    #m-header .logo a{margin-left:10px;}
     #m-header .logo img { margin-top:1%;}
    #wrap.main .dep2 .in {padding:0 12px;max-width:768px;width:auto;box-sizing:border-box;}
    #m-header { display: block; }
    #m-header .logo{text-align:left}
    #header1 { display:none}
    #header1 a { height: 25px; line-height: 24px; font-size:11px;}
    #header2 { display: none; }

    /* 모바일메뉴 */
    .mobile_link{display:block}
    #all_menu .allm_btn{top:0}
    #all_menu .btn a{right:1%}
    #all_menu .allm_btn,#all_menu .allm_btn.on{background:url('../images/layout/btn_m_nav.png') no-repeat 50% 50%; margin-top:5px;}
    #all_menu .allm_btn{width:50px;height:50px;z-index:999}
    #allMenu{overflow-y: auto;position:fixed;top:0;right:0;width:100%;height:100%;background: rgba(0,0,0,0.25);z-index:99999}
    #allMenu>div{width:280px;height:100%;position:absolute;right:0;padding:0;background:#f2f2f2;z-index:9999;}
    #allMenu>div>div>div{margin-right:0;text-align:center;  position: static !important; }
    #allMenu .link{display:block}
    .allM_Box>li>a{position:static;left:inherit;top:inherit;border-bottom:0;color:inherit;text-decoration:none;background:#f5f5f5;}
	#all_menu .btn-dept {border:0; font-size:24px; padding:10px; vertical-align: baseline; float:right; line-height:1; background:none;}
    .allM_Box>li>a.on{color:#fff;background:#2763ba url('../images/layout/dep2_close.png') 93% center no-repeat}
    .allM_Box>li>a.empty{background:#2c3e7e}
    .allM_Box>li{width:100%;text-align:left;padding:0; background:#f5f5f5;}
    .allM_Box>li>a{display:inline;padding:0 15px;height:50px;line-height:50px;text-decoration:none;
	    font-family: 'Noto Sans Korean Medium' !important;color:#000;font-size:17px}
    .allM_Box>li:hover>a,.allM_Box>li:active>a,.allM_Box>li:visited>a{text-decoration:none}
	.allM_Box>li>.btn-dept2 {float: right;background:#f5f5f5;
    font-size: 20px;
    padding: 13px 16px 13px 15px;
    line-height: 1;
    color: #222;}
    .allM_Box>li>ul{padding:0;background:#FFF; border-top:1px solid #d8d8d8;}
    .allM_Box>li>ul>li{padding:0;border-bottom:1px solid #d8d8d8;  background:none; 
	/* background:#f2f2f2; */ 
	/* background:url(../images/layout/bul_mobile_2dep.gif) 20px 18px no-repeat */}
    .allM_Box>li>ul>li>a{display:inline-flex;padding:12px 0px 12px 15px;text-decoration:none;
	color:#222;/* background:url('../images/layout/dep2_more.png') 93% center no-repeat */}
    .allM_Box>li>ul>li>.btn-dept2 {color:#555;; font-size:20px; padding:10px 15px 10px 10px ; background:none; line-height:1; float:right;}
	.allM_Box>li>ul>li>a.on{/* background:url('../images/layout/dep2_close.png') 93% center no-repeat; */}
    .allM_Box>li>ul>li>a.empty{background:none}
	.allM_Box>li>ul>li:last-child{border-bottom:0 !important;}

    .allM_Box>li>ul>li>ul{padding:7px 15px;background:#fff; margin-top:0; border-top:1px solid #d8d8d8}
    .allM_Box>li>ul>li>ul>li{background: url('../images/ico/ico-dotted-grey.png') 5px center no-repeat}
    .allM_Box>li>ul>li>ul>li>a{display:block;font-size:13px;padding:5px 0;text-decoration:none;}

    #allMenu .gnb_wrap{display:block}
    #allMenu .allM_Box>li{float:none;min-height:inherit;border-left:0;border-right:0;border-bottom:1px solid #d8d8d8}
    #allMenu .allM_Box>li>ul, #allMenu .allM_Box>li>ul>li>ul{display:none}
    .allMenu_close{display:none}
}

@media (min-width:860px) and (max-width:991px){
	#all_menu .allm_btn {right:6%;border-right:0}
}
@media (min-width:750px) and (max-width:859px){
	#all_menu .allm_btn {right:2%;border-right:0}
}