@charset "utf-8";

/* 공통 */
* {box-sizing: border-box;}

/* 메뉴 */
.nav {width: 100%;background: #eee;}
.nav .logo {display: inline-block;width: 30%;float: left;padding: 20px 0;}
.nav .lnb {display: inline-block;width: 70%;float: left; }
.nav:after {content: "";clear: both;display: block;}
.nav .lnb li {display: inline-block;width: 20%;float: left;position: relative;}
.nav .lnb li a {display: block;font-size: 1.2em;padding: 28px 0;font-weight: 600;text-align: center;position: relative;}
.nav .lnb li a:hover {color: #005baa;}
.snb_depth1 {cursor: default; z-index: 9999;}
.nav .lnb li a img {display:none;position: absolute;right: 20px;top: 15px;z-index: 1000;}
.nav .lnb li:hover .snb {background: #f9f9f9;}
.nav .lnb .lnb_t {position: relative;}
.nav .lnb .snb {position: absolute;display:none; z-index:9999;margin-top: 24px !important;border-left: 1px solid #ccc;width: 100%;min-height: 355px;}
.nav .lnb .snb_last {border-right: 1px solid #ccc;}
.nav .lnb .snb li {display: block;width: 100%;font-size: 0.8em;padding-left: 12px;box-sizing: border-box; z-index: 9999;}
.nav .lnb .snb li a{display:inline-block;padding:0;font-weight: normal;color: #222;line-height: 2.1em; z-index: 9999;}
.nav .lnb .snb li a:hover {color: #005baa;font-weight: 600; z-index: 9999;}
.nav .snb_bg {display:none;position: absolute;background-color: #fff;z-index: 9999;top: 108px;left:0;width:100%;height: 400px;border-bottom: 1px solid #ddd;border-top: 1px solid #ddd;}
.nav .snb_bg .wrap img {padding-top: 40px;margin-left:-50px;box-sizing: border-box;z-index: 9999;}
.nav:hover .snb_depth1 {z-index:9999;}
.nav:hover .snb_bg {display: block; z-index: 9999;}
.nav:hover .snb {display: block; z-index: 10000;}

@media all and (min-width: 769px) {
    .nav .lnb .snb {display:none;}
    .nav:hover .snb {display: block;}
}

/*네비게이션 사용 클래스*/
.sub_history {background: #f9f9f9;padding: 0;text-align: right;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
.sub_history .hist_depth1 >li {display: inline-block;padding-left: 10px;margin-left:5px;color: #666;background: url("/images/cn/bullet2.png") no-repeat left center;}
.sub_history .hist_depth1 >li:first-child {margin-left: 0;padding-left: 0;background: none;}
.sub_history .hist_depth1 >li a {padding: 10px 0;display: block;color: #222;padding: 15px 20px;}
.sub_history .hist_depth1 .active {font-weight: 600;color: #444;position: relative;}
.sub_history .hist_depth1 .active:hover {color: #25649e;}
.sub_history .hist_depth1 .active:hover .hist_depth2 {display: block;}
.sub_history .hist_depth2 {display:none;position: absolute;top:46px;right: 0;width: 130px;text-align: center;z-index: 99;border: 1px solid #ddd;font-size: 0.95em;}
.sub_history .hist_depth2 li a {display: block;padding: 8px 10px;background: #fff;color:#333;font-weight: normal;border-bottom: 1px solid #ddd;}
.sub_history .hist_depth2 li a:hover {background: #eee;}
.sub_history .hist_depth2 li:last-child a {border: 0;}