@charset "utf-8";
/*********************************************
+ Layout css Document
+ Version : 1.0
+ Copyright : Web's republic Inc.
*********************************************/
#wrap {min-width:1400px}
/* 헤더 */
#header {position:relative; width:100%; background:#004f99; z-index:8000}
#header .top_bar {width:100%; background:#fff}
#header .top_bar .inner {padding:20px 0}
#header .top_bar .inner #logo {}
#header .top_bar .inner #logo {float:left; width:406px}
#header .top_bar .inner #logo a {display:block; width:100%; height:100%}
#header .top_bar .inner #logo a img {display:block; width:100%}
#header .top_bar .inner .top_phone {float:right; width:auto;font-family:"Gotham";text-align:right;}
#header .top_bar .inner .top_phone h1 {font-family:"NanumMyeongjo";color:#004f99;font-size:25px;}
#header .top_bar .inner .top_phone h1 i {position:relative;top:2px;}
#header .top_bar .inner .top_phone > img {display:block; width:100%}
#header .top_bar .inner .top_phone > span {font-size:14px; font-weight:; color:#666666}
#header #nav {width:1200px; margin:0 auto; background:#004f99}
#header #nav .all_btn {float:left; width:50px; height:50px}
#header #nav .all_btn a {display:block; width:100%; height:100%; border-right:1px solid #266daf; border-left:1px solid #266daf}
#header #nav .all_btn button {position:relative}
#header #nav .all_btn button span.line {position:absolute; top:0; left:12px; display:block; width:25px; height:2px; background:#fff; transition:all 0.3s ease}
#header #nav .all_btn button span.line1 {top:2px}
#header #nav .all_btn button span.line2 {top:12px}
#header #nav .all_btn button span.line3 {top:22px}
#header #nav #allMenu {display:none; position:absolute; top:94px; left:0; width:100%; background:#06345f; z-index:1000}
#header #nav #allMenu .allMenu_area {margin:0 -30px; padding:40px 0}
#header #nav #allMenu .allMenu_area .inner {position:relative}
#header #nav #allMenu .allMenu_area dl {float:left; width:20%; padding:0 30px}
#header #nav #allMenu .allMenu_area dl dt {font-size:15px; font-weight:; color:#b5c7e4; padding-bottom:10px;font-family:"Gotham"}
#header #nav #allMenu .allMenu_area dl dd {padding-bottom:5px}
#header #nav #allMenu .allMenu_area dl dd a {display:block; position:relative; font-size:13px; font-weight:500; color:#fff; transition:all 0.3s ease;font-family:"Gotham"}
#header #nav #allMenu .allMenu_area dl dd a:hover {}
#header #nav #allMenu .allMenu_area dl dd a:hover:after {content:''; position:absolute; top:10px; left:-10px; width:5px; height:1px; background:#fff}
#header #nav #allMenu .allMenu_area .allMenu_close {position:absolute; bottom:-60px; left:0px}
#header #nav #allMenu .allMenu_area .allMenu_close a {display:block; width:40px; height:40px; background:#000; line-height:40px; text-align:center}
#header #nav #allMenu .allMenu_area .allMenu_close a button {background:none; margin:0; padding:0}
#header #nav #allMenu .allMenu_area .allMenu_close a button span {position:absolute; top:20px; left:8px; display:block; width:25px; height:2px; background:#fff}
#header #nav #allMenu .allMenu_area .allMenu_close a button span.close1 {transform:rotate(45deg)}
#header #nav #allMenu .allMenu_area .allMenu_close a button span.close2 {transform:rotate(-45deg)}
#header #nav #gnb {width:100%}
#header #nav #gnb:after {clear:both; content:''; display:block}
#header #nav #gnb > li {float:left; padding:0 40px}
#header #nav #gnb > li > a {display:block; line-height:50px; font-size:15px; font-weight:; color:#b5c7e4; transition:all 0.3s ease;font-family:"Gotham"}
#header #nav #gnb > li > a:hover {color:#fff}
#header #nav #gnb > li dl {display:none; position:absolute; top:144px; left:0; width:100%; background:#17446e; height:50px; line-height:50px}
#header #nav #gnb > li dl.sub1 .lnb {padding-left:80px}
#header #nav #gnb > li dl.sub2 .lnb {padding-left:230px}
#header #nav #gnb > li dl.sub3 .lnb {padding-left:362px}
#header #nav #gnb > li dl.sub4 .lnb {padding-left:178px}
#header #nav #gnb > li dl.sub5 .lnb {padding-left:0}
#header #nav #gnb > li dl .lnb {max-width:1200px; margin:0 auto}
#header #nav #gnb > li dl:after {clear:both; content:''; display:block}
#header #nav #gnb > li dl dd {display:inline}
#header #nav #gnb > li dl dd a {font-size:13px; font-weight:; color:#fff; padding:0 10px; line-height:50px; transition:all 0.3s ease;font-family:"Gotham"}
#header #nav #gnb > li dl dd a:hover {text-decoration:underline}
#header #nav #gnb > li:hover dl {display:block}
#header #nav:after {content:''; clear:both; display:block}
#header #nav .side_icon {float:right}
#header #nav .side_icon > ul {font-size:0; margin:0 -10px}
#header #nav .side_icon > ul:after {clear:both; content:''; display:block}
#header #nav .side_icon > ul li {display:inline-block; padding:0 10px; vertical-align:middle}
#header #nav .side_icon > ul li a {font-size:23px; line-height:50px; font-weight:500; color:#b5c7e4; vertical-align:middle; transition:all 0.3s ease;}
#header #nav .side_icon > ul li a:hover {color:#fff}

/* 서브 중앙 네비 */
#sub_nav {border-bottom:1px solid #d9d9d9;}
#sub_nav > .inner {height:50px}
#sub_nav .home_link {float:left}
#sub_nav .home_link a {display:block; width:50px; height:50px; text-align:center; line-height:50px; border-left:1px solid #d9d9d9; border-right:1px solid #d9d9d9}
#sub_nav .home_link a i {font-size:20px; font-weight:500; color:#004f99; vertical-align:middle}
#sub_nav .dropdown {float:left; position:relative}
#sub_nav .dropdown > a {display:block; width:100%; height:50px; line-height:49px; padding:0 80px 0 20px; border-right:1px solid #d9d9d9;font-family:"Gotham"}
#sub_nav .dropdown.open > a span {color:#004f99}
#sub_nav .dropdown.open > a span:after {content:'\e942'; font-family:'xeicon'; font-size:14px; position:absolute; top:2px; right:20px; transform:rotate(180deg); transition:all 0.3s ease}
#sub_nav .dropdown > a span {font-size:16px; font-weight:; color:#777777; vertical-align:middle}
#sub_nav .dropdown > a span:after {content:'\e942'; font-family:'xeicon'; font-size:14px; position:absolute; top:2px; right:20px; transition:all 0.3s ease}
#sub_nav .dropdown .navList {display:none; position:absolute; top:50px; left:0; width:100%; z-index:7000}
#sub_nav .dropdown .navList > ul {border-top:1px solid #d9d9d9;}
#sub_nav .dropdown .navList > ul li {border-bottom:1px solid #d9d9d9; border-right:1px solid #d9d9d9; border-left:1px solid #d9d9d9; margin-left:-1px; background:#fff}
/*#sub_nav .dropdown .navList > ul li:first-child {border-top:1px solid #d9d9d9}*/
#sub_nav .dropdown .navList > ul li a {display:block; padding:15px 0 15px 20px; font-size:14px; font-weight:; color:#777777; transition:all 0.3s ease;font-family:"Gotham"}
#sub_nav .dropdown .navList > ul li a:hover {color:#004f99}


/* 푸터 */
#footer {padding:80px 0; background:#004f99}
#footer .site_map {margin:0 -10px}
#footer .site_map:after {clear:both; content:''; display:block}
#footer .site_map dl {float:left; width:20%; padding:0 10px}
#footer .site_map dl dt {font-size:16px; font-weight:;font-family:"Gotham"; color:#fff; padding-bottom:30px}
#footer .site_map dl dd {padding:2px 0}
#footer .site_map dl dd a {font-size:14px; font-weight:500; color:#bbcddd; transition:all 0.3s ease;font-family:"Gotham"}
#footer .site_map dl dd a:hover {color:#fff; text-decoration:underline}
#footer .site_map dl.qr_code_box {position:absolute;right:0px;}
#footer .site_map dl.qr_code_box .qr_code {width:120px; margin:0 auto; padding-bottom:10px}
#footer .site_map dl.qr_code_box .qr_code img {display:block; width:100%}
#footer .site_map dl.qr_code_box dd {font-size:14px; font-weight:500; color:#fff; text-align:center}
#footer .copyright {padding-top:30px}
#footer .copyright p {font-size:14px; font-weight:500; color:#bbcddd;font-family:"Gotham"}

/* 공통 */
.inner {width:1200px; margin:0 auto}
.container_inner {width:1200px; margin:0 auto}
.footer_inner {width:1200px; margin:0 auto;position:relative;}
.slick-prev, .slick-next {display:none !important}