@charset "euc-kr";
body:before {content: '';position: fixed;background-color: transparent;z-index: -1;width: 100%;height: 100%;visibility: hidden;}
body.submenu-on:before {background-color: rgba(0, 0, 0, .6);visibility: visible;z-index: 12;}
.navbar{position: absolute;top: 0;left: 0;z-index: 20;width: 100%;padding: 0;background-color:#fff;}
.navbar .main-nav {position: relative;width: 100%;z-index: 21;}
.navbar-bg {display: none;}
body.submenu-on .navbar-bg {display: block;position: absolute;top: 82px;background-color: #fff;border-top: 1px solid #ddd;width: 100%;height: 1px;z-index: 3;height: 280px;}
.container-static {max-width: 1280px;margin: 0 auto;position: relative;width: 100%;}
.navbar .navbar-logo {position: absolute;left: 0;top: 34px;margin: 0;padding: 0;z-index: 20;}
.navbar .navbar-logo a {width: 180px;height: 24px;display: inline-block;background-image: url('../img/logo.png');background-repeat: no-repeat;background-size: 100% auto;}
.navbar .navbar-logo a.mobile {display:none;}
.navbar .gnb {display: inline-block;float: right;position: relative;}
.navbar .all {float: right;width: 34px;height: 34px;padding: 6px;margin-top: 27px;margin-left:15px;cursor: pointer;border: 1px solid #ddd;box-sizing: border-box;transition: all 0.5s ease;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;display: block;}
.navbar .all a {display:block; width:24px; height:24px;}
.navbar .all a ul{display:block; width:20px; height:20px;margin:0;overflow:hidden;}
.navbar .all a ul li{display:block; float:left; height:2px; background:#666; text-indent:-10000px; margin-top:5px; transition : all .4s;}
.navbar .all a ul li:nth-child(1){width:100%; margin-top:2px;}
.navbar .all a ul li:nth-child(2){width:100%;}
.navbar .all a ul li:nth-child(3){width:15px;}
.navbar .all a ul li.on:nth-of-type(1){
	-webkit-transform : translateY(4px) rotate(45deg);
	-ms-transform : translateY(4px) rotate(45deg);
	-moz-transform : translateY(4px) rotate(45deg);
	transform : translateY(4px) rotate(45deg);
	background:#000080;
	width:100% !important; 
	margin-top:5px;
}
.navbar .all a ul li.on:nth-of-type(2){
	opacity : 0;
	background:#000080;
}
.navbar .all a ul li.on:nth-of-type(3){
	-webkit-transform : translateY(-10px) rotate(-45deg);
	-ms-transform : translateY(-10px) rotate(-45deg);
	-moz-transform : translateY(-10px) rotate(-45deg);
	transform : translateY(-10px) rotate(-45deg);
	background:#000080;
	width:100% !important;
	margin-top:5px;
}

/* .navbar #open-menus {background-image: url(../images/nav_all.png);background-repeat: no-repeat;width: 25px;height: 25px;display: inline-block;} */
.navbar .utils {/* position: absolute; *//* right: 40px; */margin-top: 27px;z-index: 20;float: right;}
.navbar .utils a{display:block; float:left; width:75px; height:34px; font-size:14px; font-weight:500; color:#666; line-height:32px; text-align:center; border:1px solid #ddd; box-sizing:border-box; transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease;}
.navbar .utils span {display: block;float: left;margin-left:15px;}
.navbar .utils span a:hover{color:#000080; border:1px solid #000080;}
.navbar .utils>ul {margin-right: 20px;}
.navbar .utils>ul li.item {float: left;margin-right: 7px;padding: 5px 15px 5px 15px;border: 1px solid rgba(255, 255, 255, 0.5);border-radius: 25px;position: relative;letter-spacing: 0;font-weight: 400;display: inline-block;min-height: 31px;}
.navbar .utils>ul li.item.englewood:before {content: '';position: absolute;top: 0;left: 0;width: 0%;background-color: #60ab46;height: 100%;opacity: 1;border-radius: 25px;transition: all .2s ease-in-out;z-index: -1;border: 0;}
.navbar .utils>ul li.item>a {font-size: 13px;color: #fff;width: 100%;height: 100%;display: inline-block;}
.navbar .menus {margin: 20px;float: right;z-index: 20;}
.navbar .menus>ul {padding: 6px 0;display: inline-block;}
.navbar .menus>ul>li {/* padding: 0 29px; */float: left;position: relative;z-index: 10;}
.navbar .menus>ul>li {padding: 0 10px;float: left;position: relative;z-index: 10;}
/* .navbar .menus>ul>li>a {color: #333;font-size: 1.25rem;font-weight: 400;padding: 0 29px;letter-spacing: -0.05rem;position: relative;} */
.navbar .menus>ul>li>a {color: #333;font-size: 1.1rem;font-weight: 400;padding: 0 29px;letter-spacing: -0.05rem;position: relative;}
.navbar .menus>ul>li.hover>a {color: #f53d0b !important;}
.navbar .menus>ul>li>a:hover {color: #f53d0b;}
body.submenu-on .navbar .menus>ul>li>.sub-menus {display: block;margin:40px -5px;}
.navbar .menus>ul>li>.sub-menus {display:none;margin-top: 40px;margin-bottom: 30px;width: 100%;text-align: left;z-index: 20;height: 330px;position: absolute;top: 25px;overflow: hidden;}
.navbar .menus>ul>li>.sub-menus>li {padding: 8px 0;}
.navbar .menus>ul>li>.sub-menus>li>a {display:inline-block;padding-left:14px; background:url('../img/bg/sub-menus_off.png') no-repeat 5px 11px; color:#333; font-size:16px;letter-spacing: -0.03rem;}
.navbar .menus>ul>li>.sub-menus>li>a:hover {color: #f53d0b;background:url('../img/bg/sub-menus_on.png') no-repeat 0 6px}
.navbar .menus>ul>li:after {position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 1px;height: 10px;background-color: rgba(255, 255, 255, 0.5);display: inline-block;content: '';}
.sub-nav {display:none;}
body.navbar-open .sub-nav {display: block;width: 100%;height: 1080px;z-index: 1999;background-image: url('../img/bg/bg_white.png');background-position: center 10%;background-size: 100% auto;text-align: center;position: absolute;left: 0;top: 0;}
body.navbar-open .sub-nav .subnav-inner {/* padding: 10% 0; */width: 1280px;margin: 150px auto;position: relative;display: inline-block;text-align: left;}
body.navbar-open .sub-nav .subnav-inner ul li {float: left;width: 25%;}
body.navbar-open .sub-nav .subnav-inner ul li dl dt {margin-bottom: 30px;}
body.navbar-open .sub-nav .subnav-inner ul li dl dt>a {color: #f53d0b;font-size: 2rem;font-weight: 400;}
body.navbar-open .sub-nav .subnav-inner ul li dl dd {padding-left:20px;}
body.navbar-open .sub-nav .subnav-inner ul li dl dd .menu-main {font-size: 1.5rem;margin-bottom: 17px;}
body.navbar-open .sub-nav .subnav-inner ul li dl dd .menu-sub {font-size: 1.3333rem;padding: 17px 15px;border-left: 1px solid #1b1c80;color: #ccc;line-height: 100%;}
body.navbar-open .sub-nav .subnav-inner ul li dl dd a {color: #333;}
body.navbar-open .sub-nav .subnav-inner ul li dl dd .menu-sub a {color:#333;font-weight:300;}
body.navbar-open .sub-nav .subnav-inner ul li dl dd .menu-sub a:hover {font-weight:400;}


/* 영문 */
body.navbar-open .navbar .sub-nav .subnav-inner ul.eng li {float: left;width: 33%;}





/* 2020-11-18 gnb수정 */

/* TOP */
	
/* #Header {width:1280px;height:66px;margin:0 auto;} */
#Header {position: fixed;top: 0;left: 0;z-index:99999;width: 100%;padding: 0;background-color:#fff;}
#logo {float:left;width:240px;margin-top:15px;}
#logo a {font-size:10px;}
#logo a img {width:100%;}
#Header .gnb_new {position:absolute;top:23px;left:107px;z-index:-1;background:#ffef00;padding:3px 8px;border-radius:8px;color:#000;font-size:11px;font-weight:600;}
#Header .gnb_wrap {float:right;overflow:hidden;}
#Header .gnb_wrap .gnb{}
#Header .gnb_wrap .gnb li{float:left;width:auto;}
#Header .gnb_wrap .gnb li:hover a {background-color:#0b4784;color:#fff;transition : all .4s;}
#Header .gnb_wrap .gnb li .depth1{display:inline-block;padding:0 50px;vertical-align:top;height:77px;line-height:77px;color:#000;font-size:20px;}
/* #Header .gnb_wrap .gnb li:last-child .depth1{padding:0 0 0 12px;} */
/* #Header .gnb_wrap .gnb .submenu{display:none;overflow:hidden;position:absolute;top:77px;left:0;background:#0b4784;width:100%;height:200px;z-index:5;} */
#Header .gnb_wrap .gnb .submenu{display:none;overflow:hidden;position:absolute;top:77px;left:-460px;background:#0b4784;width:2200px;height:200px;z-index:5;}
#Header .gnb_wrap .gnb .submenu .submenu_inner{margin:0 auto;width:1280px;}
#Header .gnb_wrap .gnb .submenu .submenu_inner .smt{display:inline-block;float:left;width:230px;margin-right:77px;color:#fff;font-size:32px;line-height:140px;font-weight:500;text-align:center;}

/*
#Header .gnb_wrap .gnb .submenu .submenu_inner .depth2{overflow:hidden;padding:17px 0 0;}
#Header .gnb_wrap .gnb .submenu .submenu_inner .depth2 li{float:left;margin-left:3px;width:200px;height:30px;}
#Header .gnb_wrap .gnb .submenu .submenu_inner .depth2 li a{font-size:13px;color:#fff;line-height:30px;}
*/
#Header .gnb_wrap .gnb .submenu .submenu_inner .depth2{float:left;overflow:hidden;padding:14px 0 0;margin-top:20px;width:222px;height:170px;vertical-align:top;}/*padding:19px 0 0*/
#Header .gnb_wrap .gnb .submenu .submenu_inner .depth2 li{display:block;margin-left:3px;width:222px;height:36px; transition: all 2s;}
#Header .gnb_wrap .gnb .submenu .submenu_inner .depth2 li a{display:block;font-size:16px;color:#fff;padding:3px;line-height:36px;transition: all 2s;}
#Header .gnb_wrap .gnb .submenu .submenu_inner .depth2 li a:hover {text-decoration:underline!important;}
#Header .header_top {background-color:#0b4784;overflow:hidden;}

#Header .header_top ul {float:right}
#Header .header_top ul li {float:left;}
#Header .header_top ul li a {display:inline-block;padding:7px 24px;color:#fff;font-size:14px;font-weight:300;transition : all .4s;}
#Header .header_top ul li a:hover {background-color:#fff;color:#333;}





.gnb_wrap .gnb_box {float:right;}
.gnb_wrap .all {float: right;width: 34px;height: 34px;padding: 6px;margin-top: 26px;margin-left:15px;cursor: pointer;border: 1px solid #ddd;box-sizing: border-box;transition: all 0.5s ease;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;display: block;}
.gnb_wrap .all a {display:block; width:24px; height:24px;}
.gnb_wrap .all a ul{display:block; width:20px; height:20px;margin:0;overflow:hidden;}
.gnb_wrap .all a ul li{display:block; float:left; height:2px; background:#666; text-indent:-10000px; margin-top:5px; transition : all .4s;}
.gnb_wrap .all a ul li:nth-child(1){width:100%; margin-top:2px;}
.gnb_wrap .all a ul li:nth-child(2){width:100%;}
.gnb_wrap .all a ul li:nth-child(3){width:15px;}
.gnb_wrap .all a ul li.on:nth-of-type(1){-webkit-transform : translateY(4px) rotate(45deg);-ms-transform : translateY(4px) rotate(45deg);-moz-transform : translateY(4px) rotate(45deg);transform : translateY(4px) rotate(45deg);background:#000080;width:100% !important; margin-top:5px;}
.gnb_wrap .all a ul li.on:nth-of-type(2){opacity : 0;background:#000080;}
.gnb_wrap .all a ul li.on:nth-of-type(3){-webkit-transform : translateY(-10px) rotate(-45deg);-ms-transform : translateY(-10px) rotate(-45deg);-moz-transform : translateY(-10px) rotate(-45deg);transform : translateY(-10px) rotate(-45deg);background:#000080;width:100% !important;margin-top:5px;}
.gnb_wrap .utils {/* position: absolute; *//* right: 40px; */margin-top: 26px;z-index: 20;float: right;}
.gnb_wrap .utils a{display:block; float:left; width:75px; height:34px; font-size:14px; font-weight:500; color:#666; line-height:32px; text-align:center; border:1px solid #ddd; box-sizing:border-box; transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease;}
.gnb_wrap .utils span {display: block;float: left;margin-left:15px;}
.gnb_wrap .utils span a:hover{color:#000080; border:1px solid #000080;}
.gnb_wrap .utils>ul {margin-right: 20px;}
.gnb_wrap .utils>ul li.item {float: left;margin-right: 7px;padding: 5px 15px 5px 15px;border: 1px solid rgba(255, 255, 255, 0.5);border-radius: 25px;position: relative;letter-spacing: 0;font-weight: 400;display: inline-block;min-height: 31px;}
.gnb_wrap .utils>ul li.item.englewood:before {content: '';position: absolute;top: 0;left: 0;width: 0%;background-color: #60ab46;height: 100%;opacity: 1;border-radius: 25px;transition: all .2s ease-in-out;z-index: -1;border: 0;}
.gnb_wrap .utils>ul li.item>a {font-size: 13px;color: #fff;width: 100%;height: 100%;display: inline-block;}