@charset "utf-8";
.sub-contents{max-width:1900px; margin:0 auto; padding:0 60px; margin-bottom:50px; margin-top:80px;}

.sub-top-bg {display:flex; flex-direction:column; justify-content: center; align-items:center; padding:0 12px; position:relative;  max-width:2000px; position: relative; background-repeat: no-repeat; width: 100%; height: 310px; margin: 0 auto;  background:#222; background-position:center; background:url(/resources/custom/images/enter/sub/sub-top-bg.jpg);}
.sub-top-bg h3{color: #fff; font-size: 65px;  font-weight:500; margin-bottom:50px;}

/*page_nav*/
.page_nav{ height:50px;}
.lnb{max-width:1400px; margin:0 auto; height:50px;}
.lnb:after{content:""; display:block; clear:both;}
.lnb .home{float:left; width:50px; height:50px; background:url(/resources/custom/images/enter/sub/sub_nav_home.png)no-repeat left ; text-indent:-9999px; position:relative;}
.lnb .home:after{content:""; display:block; width:1px; height:30px; background:#fff; right:0; top:10px; position:absolute;}
.lnb-item > ul > li > a{display:block; width:200px; height:50px; float:left; color:#fff; line-height:50px;  padding:0 12px 0 50px;}
.lnb .sub-menu{position:relative; padding-top:50px; float:left; height:0px; overflow:hidden; float:left; width:200px; }
.lnb .sub-menu{height:50px;}
.lnb .sub-menu a{color:#fff; line-height:50px; display:block; width:100%; height:100%; padding:0 12px;}
.lnb .sub-menu .active{position:absolute; height:50px; top:0; left:0; }

.lnb-item {position: relative; float: left; width: 200px; height: 50px; font-size: 16px; font-weight: 600; z-index: 1; background: url(/resources/custom/images/enter/sub/sub_nav_arrow.png)no-repeat 95% center / 16px auto;}
.lnb-item > ul {
  overflow: hidden;
  position: relative;
  top: 0;
  left: 0;
  padding-top: 50px;
  z-index: 10;
  transition: height 0.3s ease, opacity 0.3s ease;
}
.lnb-item > ul .active		{ position: absolute;/*position:relative;*/ top: 0; left: 0; right: 0; height: 50px; background: rgba(0, 0, 0, 0);}
.lnb-item > ul .active.open a {font-weight: 400; background:#1f1f1f; }
.lnb-item > ul .active.open a:active, .lnb-item > ul .active.open a:focus {color: #4dbabe;}
.lnb-item > ul:hover			{ background:rgba(0, 0, 0, 0.26); }
.lnb-item > ul > li { position: relative; display:none}
.lnb-item.open > ul {height: auto; /* JS에서 애니메이션으로 제어하므로 auto 가능 */}

.lnb-item > ul > li.active {display: list-item;}
.lnb-item .active > a			{ border-left-width: 0; margin-left: 0; border-top-width: 1px; padding-right: 0; bottom: 0;}
.lnb-item .active.open > a:after	{ background-image: url('/resources/images/site/ico-lnb-close.png'); }
.lnb-item ul > li				{ background:rgba(0, 0, 0, 0.5); border-left:1px solid #f0eded;}
.lnb-item ul > li.active{border-left:none;}

/*.lnb-item.has-active > ul {
  height: auto;
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}*/

.sub-page-top{display:flex; justify-content:space-between; padding:0 50px 40px 50px; border-bottom:1px solid #dddddd; align-items:center;}
.sub-page-top .contentsTitle{font-size:48px; }
.sub-page-top .contentsUtill{display:flex; gap:20px;}
.sub-page-top .contentsUtill .bookmark-box{position:relative;}
.sub-page-top .contentsUtill .bookmark-box:before{position:absolute; content:""; display:block; width:1px; height:36px; background:#e5e5e5; left:-10px; top:2px;}
.sub-page-top .contentsUtill button{width:40px; height:40px; background-position:center; text-indent:-9999px; border:none;}
.sub-page-top .contentsUtill .bookmark{background:url(/resources/custom/images/enter/sub/ico-bookmark.png) no-repeat center;}
.sub-page-top .contentsUtill .print{background:url(/resources/custom/images/enter/sub/ico-print.png) no-repeat center;}
.sub-page-top .svMenu{position:absolute; top:50px; right:0; width:300px; border-radius: 16px; background:#fff; padding:20px; z-index:5; box-shadow:0px 0px 8px rgba(0,0,0,.15); display:none; opacity:0}
.sub-page-top .svMenu h6{text-align:left; padding-left:0; margin:0; background:none; font-size:16px; font-weight:600; color:#222;}
.sub-page-top .svMenu .svClose{position:absolute; right:20px; top:20px; width:20px; height:20px; background:url(/resources/custom/images/enter/sub/ico_svmClo.png) no-repeat center; background-size:cover;}
/* #sub_visual .svMenu .func{display:flex; justify-content:space-between;} */
.sub-page-top .svMenu .func a{border-radius: 20px; padding:8px 12px; box-sizing:border-box; font-size:14px; line-height:1; display:inline-block;}
.sub-page-top .svMenu .func a i{display:inline-block; width:14px; height:14px; margin-right:4px; vertical-align:middle;}
.sub-page-top .svMenu .func .adMenu{background:#222; color:#fff; float:left;}
.sub-page-top .svMenu .func .adMenu i{background:url(/resources/custom/images/enter/sub/ico_svmAdd.png) no-repeat center; background-size:cover;}
.sub-page-top .svMenu .func .svReset{border:1px solid #222; color:#222; float:right;}
.sub-page-top .svMenu .func .svReset i{background:url(/resources/custom/images/enter/sub/ico_svmRes.png) no-repeat center; background-size:cover;}
.sub-page-top .svMenuList{background:#f8f8f8; padding:10px; text-align:left; border-radius: 4px; max-height:120px; overflow-y:auto; margin:20px 0 10px 0;}
.sub-page-top .svMenuList li{border-bottom:1px solid #e5e5e5; display:flex; flex-wrap:wrap; justify-content:space-between; padding:4px; color:#161616; font-size:14px; align-items:center;}
.sub-page-top .svMenuList li a{width:calc(100% - 30px); color:#161616; font-size:14px;}
.sub-page-top .svMenuList li a:focus, #sub_visual .page-role .svMenuList li a:active{color:inherit;}
.sub-page-top .svMenuList li i{width:20px; color:#023f8f; text-align:center; font-size:24px; cursor:pointer; }



@media screen and (max-width: 1400px){
		.sub-contents{padding:0 30px; margin-top:50px;}
		.sub-page-top{padding:12px;}
}

@media screen and (max-width: 1024px){
	.sub-top-bg{height:200px;}
	.sub-top-bg .sub-top-deco{background-size:100% 30%;}
	.sub-top-bg .sub-top-ttl{top:40%;}
	.sub-page-content{width:100%; padding-left:0;}
	.main_tit{padding:70px 0 20px;}
	.sub-contents{padding:0 12px;}
	.sub-page-top .contentsTitle{font-size:32px; }
}

@media all and (max-width: 800px) {
.page_nav{display:none;}
}