@charset "utf-8";

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

/*네비게이션 사용 클래스*/
.sub_visual {width: 100%;height: 80px;background:#2e3092;}
.sub_history {width:1200px; margin:0 auto; border-left:1px solid #6768af}
.sub_history .hist_depth1 >li {display: inline-block;padding-left: 20px; padding-right:100px; color: #666; border-right:1px solid #6768af}
.sub_history .hist_depth1 >li:not(:first-child) {background: url("/images/navi_icon1.png") 100% no-repeat;background-position:right center; padding-right:0; width:250px}
.sub_history .hist_depth1 >li:first-child {margin-left: 0;padding-left: 23px; padding-right:23px}
.sub_history .hist_depth1 >li a {padding:17px 0;display: block; color:#fff}
.sub_history .hist_depth1 .active {font-weight:400;color: #fff;position: relative;}
.sub_history .hist_depth1 .active:hover {color: #fff;}
.sub_history .hist_depth1 .active:hover .hist_depth2 {display: block;}
.sub_history .hist_depth2 {display:none;position: absolute;top:54px;right: 0;width:250px;text-align: center;z-index: 99;border: 1px solid #ddd;font-size:13px;}
.sub_history .hist_depth2 li a {display: block;padding: 10px 10px;background: #fff;color:#333;font-weight: normal;border-bottom: 1px solid #ddd;}
.sub_history .hist_depth2 li a:hover {background: #f1f1f1;}
.sub_history .hist_depth2 li:last-child a {border: 0;}