@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: 83px;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: 13px;margin: 0;padding: 0;z-index: 20;}
.navbar .navbar-logo a {width: 174px;height: 58px;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:30px;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:34px; 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: 30px;}
.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 79px;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.2rem;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: center;z-index: 20;height: 330px;position: absolute;top: 27px;overflow: hidden;}
.navbar .menus>ul>li>.sub-menus>li {padding: 8px 0;}
.navbar .menus>ul>li>.sub-menus>li>a {font-size: 16px;color: #333;letter-spacing: -0.03rem;}
.navbar .menus>ul>li>.sub-menus>li>a:hover {color: #f53d0b;}
.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: '';}
.navbar .sub-nav {display:none;}
body.navbar-open .navbar .sub-nav {display: block;width: 100%;min-width: 1280px;height: 1080px;z-index: 19;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 .navbar .sub-nav .subnav-inner {/* padding: 10% 0; */width: 1280px;margin: 150px auto;position: relative;display: inline-block;text-align: left;}
body.navbar-open .navbar .sub-nav .subnav-inner ul li {float: left;width: 20%;}
body.navbar-open .navbar .sub-nav .subnav-inner ul li dl dt {margin-bottom: 30px;}
body.navbar-open .navbar .sub-nav .subnav-inner ul li dl dt>a {color: #f53d0b;font-size: 1.6rem;font-weight: 400;}
body.navbar-open .navbar .sub-nav .subnav-inner ul li dl dd {padding-left:0px;}
body.navbar-open .navbar .sub-nav .subnav-inner ul li dl dd .menu-main {font-size: 1.5rem;margin-bottom: 17px;}
body.navbar-open .navbar .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 .navbar .sub-nav .subnav-inner ul li dl dd a {color: #333;}
body.navbar-open .navbar .sub-nav .subnav-inner ul li dl dd .menu-sub a {color:#333;font-weight:300;}
body.navbar-open .navbar .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%;}