@charset "utf-8";

@font-face {
    font-family: 'YeogiOttaeJalnan';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.2/JalnanOTF00.woff') format('woff');
    font-weight: normal;
    font-display: swap;
}

.mainNav>ul{justify-content:flex-end;/* gap:10rem; */}
.mainNav>ul>li{width: 15.5%;position:relative;}
.mainNav>ul>li>a {height:12rem;text-align: center;}
.mainNav .depth2 {top:12rem;}

.gnb > a {display:none;}
.siteMap {width:6rem; height:6rem; border-radius:50%; background:#095bcc url(/culture/common/images/sitemap.png) no-repeat 50% 50%; display:block!important; text-indent:-9999px; transition:all .2s;}
.siteMap:hover {background:#053b85 url(/culture/common/images/sitemap.png) no-repeat 50% 50%;}
.moMenu {width:6rem; height:6rem; border-radius:50%; background:#095bcc url(/culture/common/images/sitemap.png) no-repeat 50% 50%; text-indent:-9999px; }
.moMenu i {display:none!important;}
@media (max-width: 1056px) {
.siteMap {display:none!important;}	
}

#headerWrap { background:rgba(255,255,255,1); backdrop-filter: blur(10px);}
body #wrap.on #headerWrap {background:#fff;}

.mainNav .depth2>div .title-wrap {display:none;}
.mainNav .depth2>div>ul {justify-content:flex-end; width:100%;}



#sub-container { position:relative; z-index:80; padding:0 0 10rem; }
#sub-container .dv-wrap { display:block; justify-content:space-between; align-items: flex-start; }
#sub-container #content { width:100%; }

.subtop {width:100%; border-radius:2.5rem; background:#333 url(/culture/portal/images/common/subtop1.jpg) no-repeat 50% 50% / cover; padding:13rem 6rem 6rem 6rem; }
.subtop.bg-menu02 {background-image: url(/culture/portal/images/common/subtop2.jpg);}
.subtop.bg-menu04 {background-image: url(/culture/portal/images/common/subtop3.jpg);}
.subtop.bg-menu05 {background-image: url(/culture/portal/images/common/subtop4.jpg);}
#sub-container #content #conts{margin-top:8rem;}
#sub-container #content #conts:has(>.subDepth4) { margin-top:0;}

.spot {border-bottom:none; padding-bottom:0; position:relative; margin-bottom:0; z-index:2;}
.spot h2 {font-weight: 700; color:#fff; font-size:6rem; margin:1rem 0 2rem; word-break:break-word; font-family: 'YeogiOttaeJalnan';}

.breadcrumb-wrap ol {width:100%;}
.breadcrumb-wrap ol li {height:3rem; } 
.breadcrumb-wrap ol li a {font-size:1.6rem; color:#fff;  display:inline-block; position:relative; line-height: 3rem;}
.breadcrumb-wrap ol li a span {color:#fff; border-bottom:0; transform:translateY(0);}
.breadcrumb-wrap ol li a:hover span{color:#ffff00; border-bottom:0;}
.breadcrumb-wrap ol li:last-child a {font-weight:600; color:#fff; }
.breadcrumb-wrap ol li:first-child a {padding-left:3rem;}
.breadcrumb-wrap ol li:first-child a span {width:0; height:0; overflow:hidden; text-indent:-9999px; display:inline-block;}
.breadcrumb-wrap ol li:first-child a:before {color:#111; background:#fff; margin-right:0; width:2.8rem; height:2.8rem; border-radius:50%; text-align:center; font-size:1.6rem; color:#095bcc; content:'\ee1f'; transform:translateY(-0.1rem); display:flex; align-items: center; justify-content: center; position:absolute; top:0.2rem; left:0;}
.breadcrumb-wrap ol li a:after {transform:translateY(-1rem); display:inline-block;}
.breadcrumb-wrap ol li:first-child a:after {transform:translateY(-0.1rem); }

@media (max-width: 1056px) {
    .subtop {padding:8rem 3rem 3rem 3rem; }
	.spot h2 {font-size:3.5rem;}
}


/* subnav (LNB) */
.subnav { width:fit-content; }
.subnav-tit {display:none; }
.subnav-list { border:none; background:transparent; border-radius:0; overflow:visible; width:fit-content; }
.subnav-list > li { width:fit-content; }
.subnav-list > li > a {display:none;}


/* subnav depth3 */
.subnav-list .depth3 { background:none; padding:0; border-top:none; background:rgba(255,255,255,0.3); display:flex; width:auto; border-radius:5rem; overflow:hidden;}
.subnav-list .depth3 li > a { display: block; padding: 1rem 2.5rem 1rem 2.5rem; font-size: 1.6rem; color: #fff; position: relative; transition: all 0.2s; border-radius:5rem; }
.subnav-list .depth3 li > a:before { display:none;}
.subnav-list .depth3 li > a:hover,
.subnav-list .depth3 li.on > a { color:#fff; font-weight: 600; background:#333; }
.subnav-list .depth3 li > a:after {display:none!important;}
.subnav-list .depth4 {display:none!important;}


/* ********************
 푸터 설정
********************** */
#footerWrap { background: #111;}
.f-logo-info {  flex-direction: row; gap:10rem; color:#fff;}
.f-logo-info .f-logo img {filter:grayscale(1);}
.f-info {color: #fff; font-size:1.4rem; }
.f-info h6 {font-size:2.35rem;}
.f-info address {color: #fff; opacity:0.7;}
.f-info p strong {color: #fff; opacity:0.7; }

.footerBot { border-top: 1px solid #333; }
.f-legal a { color: #fff; }

@media (max-width: 1056px) {
	.f-logo-info {  flex-direction:column; gap:3rem;}
}