@charset "utf-8";

/* 서브상단 타이틀 바 */
.breadcrumbs .page-header {height:124px;position:relative;background-size:cover;background-position:center;background-repeat:no-repeat;}
.breadcrumbs .page-header:before {content:"";position:absolute;inset:0;}

@media (max-width:992px) {
.breadcrumbs .page-header {height:114px;position:relative;background-size:cover;background-position:center;background-repeat:no-repeat;}
.breadcrumbs .page-header:before {content:"";background:#fff;position:absolute;inset:0;}
}

/* 서브페이지 네비 */
.sub_navi_wrap {position:relative;width:100%;height:46px;border-bottom:1px solid #ddd;background:#fff;}
.sub_navi {position:relative;width:100%;max-width:1296px;margin:0 auto;}
.sub_navi .navi {float:left;font-size:1.00rem;font-weight:600;letter-spacing:-0px;}
.sub_navi .navi > li.home a {display:block;width:46px;height:46px;background:url("../img/navi_home.png") no-repeat 17px 50%;text-indent:-99999px;}
.sub_navi .navi > li {float:left;position:relative;height:46px;border-left:1px solid #ddd;border-right:1px solid #ddd;margin-left:-1px;}

.sub_navi .navi > li:first-child {margin-left:0px;}
.sub_navi .navi > li.navili > a {display:block;padding:0 0px 0 15px;min-width:160px;line-height:46px;color:#555;font-size:0.88rem;}
.sub_navi .navi > li.navili > a {background:url("../img/navi_down.png") no-repeat right 21px;}
.sub_navi .navi > li.navili.on > a {background:url("../img/navi_up.png") no-repeat right 21px;}
.sub_navi .navi > li.navili .selectnavi {position:absolute;left:-1px;top:45px;width:100%;border:1px solid #e7e7e7;border-top:0;
background:#fff;/*-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;*/ box-sizing:content-box;display:none;z-index:9999999}
.sub_navi .navi > li.navili .selectnavi.open {display:block;}	
.sub_navi .navi > li.navili .selectnavi li {background:#fff;}
.sub_navi .navi > li.navili .selectnavi li a {display:block;padding:0 0 0 25px;border-top:1px solid #e7e7e7;color:#777;text-decoration:none;line-height:46px;font-size:0.88rem;}
.sub_navi .navi > li.navili .selectnavi li a:hover,
.sub_navi .navi > li.navili .selectnavi li a:focus {background:#f9f9f9;}
.sub_navi .navi > li.navili .selectnavi li.on a {color:#777;}

@media (max-width:1140px) {
.sub_navi_wrap {position:relative;width:100%;height:36px;border-bottom:1px solid #ddd;background:#fff;}
.sub_navi {position:relative;width:100%;margin:0 auto;}
.sub_navi .navi {float:left;font-size:0.88rem;font-weight:600;letter-spacing:-0px;}
.sub_navi .navi > li.home a {display:block;width:36px;height:36px;background:url("../img/navi_home.png") no-repeat 11px 50%;text-indent:-99999px;}
.sub_navi .navi > li {float:left;position:relative;height:36px;border-left:1px solid #ddd;border-right:1px solid #ddd;margin-left:-1px;}

.sub_navi .navi > li.navili > a {display:block;padding:0 0px 0 15px;min-width:130px;line-height:36px;color:#555;font-size:0.75rem;}
.sub_navi .navi > li.navili > a {background:url("../img/navi_down.png") no-repeat right 16px;}
.sub_navi .navi > li.navili.on > a {background:url("../img/navi_up.png") no-repeat right 16px;}
.sub_navi .navi > li.navili .selectnavi {position:absolute;left:-1px;top:35px;width:100%;border:1px solid #e7e7e7;border-top:0;}

.sub_navi .navi > li.navili .selectnavi li a {display:block;padding:0 0 0 25px;border-top:1px solid #e7e7e7;color:#777;text-decoration:none;line-height:36px;font-size:0.75rem;}
}