@charset "utf-8";
.sub-top-bg {max-width:2000px; width:100%; position: relative; background-repeat: no-repeat; height: 450px; border-radius:0 30px 30px 0;
background:url(/resources/custom/images/damunhwa/sub/sub-top-bg.jpg);     background-size: cover;     margin: 0 auto;}
.sub-top-ttl{position:absolute; width:100%; top:50%; left:50%; transform:translate(-50%, -50%); text-align:center;}
.sub-top-ttl h3{font-size:65px; font-weight:600; margin-bottom:30px; color:#fff;}
.sub-top-ttl h5{ color:#fff; font-size:18px; word-break: keep-all; font-weight:500;}
.sub-top-bg .sub-top-util{display:flex; gap:30px; justify-content: center; align-items:center;}


.sub-top-bg .contentsUtill{display:flex; gap:14px;} 
.sub-top-bg .contentsUtill li{position:relative;}
.sub-top-bg .contentsUtill button{width:40px; height:40px; background-position:center; text-indent:-9999px; border-radius:50%; border: none;}
.sub-top-bg .contentsUtill .bookmark{background:url(/resources/custom/images/damunhwa/sub/ico-bookmark.png) rgba(255,255,255,1) no-repeat center;}
.sub-top-bg .contentsUtill .print{background:url(/resources/custom/images/damunhwa/sub/ico-print.png) rgba(255,255,255,1) no-repeat center;}
.sub-top-bg .svMenu{position:absolute; top:50%; right:50%; transform:translate(-50%, -50%); 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-top-bg .svMenu h6{text-align:left; padding-left:0; margin:0; background:none; font-size:16px; font-weight:600; color:#222;}
.sub-top-bg .svMenu .svClose{position:absolute; right:20px; top:20px; width:20px; height:20px; background:url(/resources/custom/images/damunhwa/sub/ico_svmClo.png) no-repeat center; background-size:cover;}
/* #sub_visual .svMenu .func{display:flex; justify-content:space-between;} */
.sub-top-bg .svMenu .func a{border-radius: 20px; padding:8px 12px; box-sizing:border-box; font-size:14px; line-height:1; display:inline-block;}
.sub-top-bg.svMenu .func a i{display:inline-block; width:14px; height:14px; margin-right:4px; vertical-align:middle;}
.sub-top-bg .svMenu .func .adMenu{background:#222; color:#fff; float:left;}
.sub-top-bg .svMenu .func .adMenu i{background:url(/resources/custom/images/damunhwa/sub/ico_svmAdd.png) no-trepeat center; background-size:cover;}
.sub-top-bg .svMenu .func .svReset{border:1px solid #222; color:#222; float:right;}
.sub-top-bg .svMenu .func .svReset i{background:url(/resources/custom/images/damunhwa/sub/ico_svmRes.png) no-repeat center; background-size:cover;}
.sub-top-bg .svMenuList{background:#f8f8f8; padding:10px; text-align:left; border-radius: 4px; max-height:120px; overflow-y:auto; margin:20px 0 10px 0;}
.sub-top-bg .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; position:relative;}
.sub-top-bg .svMenuList li a{width:calc(100% - 30px); color:#161616; font-size:14px;}
.sub-top-bg .svMenuList li a:focus, #sub_visual .page-role .svMenuList li a:active{color:inherit;}
.sub-top-bg .svMenuList li i{width:20px; color:#023f8f; text-align:center; font-size:24px; cursor:pointer; }

.page_nav{padding-top:50px;}
#selbox_lnb{display:flex; align-items:center;}
#selbox_lnb .lnb{margin:0 auto; height:50px; background:#fff; border-radius:60px; box-shadow:0 1px 10px rgba(0,0,0,0.12), 0 1px 10px rgba(0,0,0,0.24)}
#selbox_lnb .lnb:after{content:""; display:block; clear:both;}
#selbox_lnb .lnb-item > ul > li > a{display:block; width:220px; height:50px; float:left; color:#5a5a5a; line-height:50px;  padding:0 45px; background:#fff; font-size:20px; font-weight:400;}
#selbox_lnb .lnb .sub-menu{position:relative; padding-top:50px; float:left; height:0px; overflow:hidden; float:left; width:200px; }
#selbox_lnb .lnb .sub-menu{height:50px;}
#selbox_lnb .lnb .sub-menu a{color:#5a5a5a; line-height:50px; display:block; width:100%; height:100%; padding:0 12px; font-weight:400;}
#selbox_lnb .lnb .sub-menu .active{position:absolute; height:50px; top:0; left:0; }

#selbox_lnb .lnb-item {position: relative; width: 220px; height: 50px; font-size: 16px; font-weight: 600;}
#selbox_lnb .lnb-item > ul              { position: absolute; top: 0; left: 0; right: 0; padding-top: 50px; height: 0px; overflow: hidden;}
#selbox_lnb .lnb-item > ul .active      { position: absolute; top: 0; left: 0; right: 0; height: 50px; background: rgba(0, 0, 0, 0);}
#selbox_lnb .lnb-item > ul .active a{background: url(/resources/custom/images/damunhwa/sub/ico-lnb-open.png)no-repeat 90% center / 16px auto; color: #fff;}
#selbox_lnb .lnb-item > ul .active.open a {font-weight: 400; border:none; }
#selbox_lnb .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); }*/

#selbox_lnb .lnb-item .active > a{ border-left-width: 0; margin-left: 0; border-top-width: 1px;/*  padding-right: 0; */ bottom: 0;}
#selbox_lnb .lnb-item ul > li{ background:rgba(0, 0, 0, 0.5);}
#selbox_lnb .lnb-item ul > li.active{border-left:none;}

#tab_lnb{ margin:0 auto;}
#tab_lnb .tab-lnb-item.first{display:none;}
#tab_lnb .tab-lnb-item > ul > li{display:none;}
#tab_lnb .tab-lnb-item > ul > li > a{display:none;}
#tab_lnb .tab-lnb-item > ul > .active{display:block;}
#tab_lnb .tab-lnb-item .sub-menu{    display: flex;justify-content: start; gap: 20px; flex-wrap: wrap;}
#tab_lnb .tab-lnb-item .sub-menu > li > a{display:block; padding:0 20px;  color:#000; font-size:26px; position:ralative; line-height:50px; font-weight:600;} 
#tab_lnb .tab-lnb-item .sub-menu > .active > a{color:#007838}
#tab_lnb .tab-lnb-item .sub-menu > .active > a:after{background:#007838;  content:""; display:block; width:100%; height:3px; left:0; bottom:0;}
#tab_lnb .tab-lnb-item .sub-menu .sub-menu{display:none;}

.sub-contents{padding:50px 0; position:relative;}
.sub-contents:before{content:""; display:block; width:100%; height:100%;  background:url(/resources/custom/images/damunhwa/sub/sub-con-bg.png); opacity: 0.2; position:absolute; top:0; left:0; z-index:-1;}
.contentsTitle{font-size:48px; font-weight:600; margin-top:50px; text-align:center;}

@media all and (max-width:2000px){
		.sub-top-bg{width:97%; margin-left:0; margin-right:auto;}
}
@media all and (max-width:1000px){
		#selbox_lnb{display:none;}
		.sub-top-bg{height:350px; width:100%;}
		.sub-top-ttl h3{font-size:40px; margin-bottom:10px;}
		.sub-top-bg .sub-top-util{flex-direction:column; gap:10px;}
		#tab_lnb .tab-lnb-item .sub-menu{gap:0;}
		#tab_lnb .tab-lnb-item .sub-menu > li > a{font-size:18px;}
}
@media all and (max-width:767px){
		.sub-top-bg{height:280px}
		.sub-top-ttl h5{font-size:16px;}
		#tab_lnb{display:none;}
}

/*애니메이션*/
.sub-top-ttl h3, .sub-top-ttl .sub-top-util{opacity:0; transition:all .5s; transform:translateY(100px);}
.sub-top-ttl .sub-top-util{transition-delay:.3s;}
.sub-top-ttl.active h3 ,.sub-top-ttl.active .sub-top-util {opacity:1; transform:translateY(0);}