/*스타일*/

.main .main-conts-box {width:100%;}
.main .main-conts-box .main-conts {width:100%; height:var(--nvh); display:flex; align-items:center;}
.main .main-conts-box .main-conts > .wrap {width:95%; max-width:var(--wid-w); margin:0 auto;}
.main .main-conts-box .slick-slide {height:var(--nvh) !important;}

.main .main-conts-box .main-conts .video-wrap {width:100%; height:100%;}
.main .main-conts-box .main-conts .video-box {width:100%; height:100%; background:#000;}
.main .main-conts-box .main-conts .video-box span {display:block; overflow:hidden; position:relative; min-width:100%; min-height:100%; width:100%; height:auto; pointer-events:none;}
.main .main-conts-box .main-conts .video-box span iframe {position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:0;}

.main .main-conts-box .main-conts {background:#000;}
.main .main-conts-box .main-conts .current-conts {width:100%; margin-top:var(--gap-60);}
.main .main-conts-box .main-conts .current-conts:nth-child(1) {margin-top:0;}
.main .main-conts-box .main-conts .current-conts em {display:block; font-size:var(--font-24); font-weight:600; font-family:var(--Archivo); margin-bottom:var(--gap-16); text-align:center; position:relative; color:#fff;}
.main .main-conts-box .main-conts .current-conts em:before {content:""; width:20px; height:2px; background:var(--yellow); position:absolute; left:50%; top:0; transform:translateX(-50%);}
.main .main-conts-box .main-conts .current-conts .current-tb {width:100%; display:flex; gap:var(--gap-24);}
.main .main-conts-box .main-conts .current-conts .current-tb .list-box {width:calc((100% - (var(--gap-24) * 3)) / 4); position:relative; overflow:hidden;}
.main .main-conts-box .main-conts .current-conts .current-tb .list-box .thumnail {width:100%; position:relative; z-index:1;}
.main .main-conts-box .main-conts .current-conts .current-tb .list-box .thumnail span {display:block; width:100%; height:0; padding-bottom:calc(720 / 1280 * 100%); position:relative; overflow:hidden}
.main .main-conts-box .main-conts .current-conts .current-tb .list-box .thumnail span img {display:block; min-width:100%; min-height:100%; width:100%; height:auto; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%) scale(1); transition:transform 0.7s ease-in-out;}
.main .main-conts-box .main-conts .current-conts .current-tb .list-box .cover {width:100%; height:100%; display:flex; align-items:center; justify-content:center; padding:var(---gap-16); text-align:center; position:absolute; left:0; top:0; background:rgba(0,0,0,0.6); z-index:2; color:#fff; visibility:hidden; opacity:0; transition:visibility 0.5s ease-in-out, opacity 0.5s ease-in-out;}
.main .main-conts-box .main-conts .current-conts .current-tb .list-box:hover .thumnail span img {transform:translate(-50%,-50%) scale(1.15);}
.main .main-conts-box .main-conts .current-conts .current-tb .list-box:hover .cover {visibility:visible; opacity:1;}



.contents {width:100%; min-height:var(--nvh); position:relative; overflow:hidden; padding-top:80px; padding-bottom:var(--gap-120); color:#fff;}
.contents > .wrap {width:92%; max-width:var(--wid-w); margin:0 auto;}
.contents .page-title {width:100%; height:300px; display:flex; align-items:center; justify-content:center; position:relative;}
.contents .page-title h2 {font-family:var(--Archivo); font-weight:900; color:#fff; letter-spacing:-5px; font-size:70px;}
.contents .page-title h2 span {display:inline-block; animation:loading 0.7s;}
.contents .page-title h2 span:nth-child(2) {animation-delay:0.1s;}
.contents .page-title h2 span:nth-child(3) {animation-delay:0.2s;}
.contents .page-title h2 span:nth-child(4) {animation-delay:0.3s;}
.contents .page-title h2 span:nth-child(5) {animation-delay:0.4s;}
.contents .page-title h2 span:nth-child(6) {animation-delay:0.5s;}
.contents .page-title h2 span:nth-child(7) {animation-delay:0.6s;}
.contents .page-title h2 span:nth-child(8) {animation-delay:0.7s;}
.contents .page-title h2 span:nth-child(9) {animation-delay:0.8s;}
.contents .page-title h2 span:nth-child(10) {animation-delay:0.9s;}
.contents .page-title .subject {font-size:var(--font-32); color:#fff; font-weight:700; line-height:1.2; width:100%;}
.contents .page-title .info {display:flex; align-items:center; justify-content:center; margin-top:var(--gap-16); gap:var(--gap-24);}
.contents .page-title .info span {font-size:var(--font-14); font-weight:300; letter-spacing:-0.5px; position:relative;}
.contents .page-title .info span:before {content:""; width:3px; height:3px; background:#fff; border-radius:50%; position:absolute; left:calc((var(--gap-24) / 2) * -1); top:50%; transform:translateY(-50%);}
.contents .page-title .info span:first-child:before {display:none;}
.contents .page-title .title-box {position:relative; z-index:10;}
.contents .page-title .preview {position:absolute; left:0; top:0; width:100vw; height:380px; left:50%; top:-80px; transform:translateX(-50%); opacity:0.2; background-size:cover; background-repeat:no-repeat; background-position:center;}

.contents .category {width:100%; margin-bottom:var(--gap-60); overflow-x:auto; overflow-y:hidden;}
.contents .category::-webkit-scrollbar {height:4px; border-radius:10px;}
.contents .category::-webkit-scrollbar-thumb {background:rgba(255,255,255,0.3);}
.contents .category ul {display:flex; align-items:center; gap:var(--gap-24); justify-content:center;}
.contents .category ul li a {font-family:var(--Roboto); font-weight:500; color:#fff; position:relative; font-size:var(--font-24); position:relative;}
.contents .category ul li a:after {content:""; width:0; height:2px; background:var(--yellow); position:absolute; left:50%; bottom:0; transform:translateX(-50%); transition:width 0.5s ease-in-out;}
.contents .category ul li.on a {color:var(--yellow);}
.contents .category ul li.on a:after {width:100%;}

.contents .search-wrap {width:100%; margin-bottom:var(--gap-60);}
.contents .search-wrap .search-box {width:90%; max-width:600px; margin:0 auto; position:relative;}
.contents .search-wrap .search-box input[type="text"] {width:100%; height:54px; box-sizing:border-box; border-radius:30px; padding:0 calc(var(--gap-24) + var(--gap-24)) 0 var(--gap-24); font-size:var(--font-18); background:transparent; border:2px solid #fff; color:#fff;}
.contents .search-wrap .search-box input[type="text"]:focus {background:#fff; color:#000;}
.contents .search-wrap .search-box .btn-search {width:var(--gap-24); height:var(--gap-24); font-size:0; background:url(/img/icon_search_w.svg) center no-repeat; background-size:cover; position:absolute; right:var(--gap-24); top:50%; transform:translateY(-50%);}
.contents .search-wrap .search-box input[type="text"]:focus + .btn-search {background-image:url(/img/icon_search_b.svg);}


@keyframes loading {
	0%, 100% {transform:translateY(0); filter:blur(0); opacity:1;}
	50% {transform:translateY(15px); filter:blur(5px); opacity:0.2;}
}

@media screen and (max-width: 1024px) {
	.contents .page-title {height:250px;}
	.contents .page-title h2 {font-size:62px; letter-spacing:-4.5px;}
	.contents .page-title .preview {height:330px;}
}

@media screen and (max-width: 768px) {
	.contents .page-title {height:200px;}
	.contents .page-title h2 {font-size:48px; letter-spacing:-4px;}
	.contents .page-title .preview {height:280px;}
}

@media screen and (max-width: 480px) {
	.contents {padding-top:70px;}
	.contents .page-title {height:130px;}
	.contents .page-title h2 {font-size:32px; letter-spacing:-3px;}
	.contents .page-title .preview {height:200px; top:-70px;}

	.contents .search-wrap .search-box input[type="text"] {height:46px;}
}

.contents .paging {width:100%; margin-top:var(--gap-60); display:flex; align-items:center; justify-content:center; gap:var(--gap-8);}
.contents .paging a {min-width:32px; height:32px; display:flex; align-items:center; justify-content:center; font-family:var(--Montserrat); font-size:var(--font-16); color:#fff; position:relative; padding:0 5px;}
.contents .paging a:not(.nav):after {content:""; width:0; height:2px; background:var(--yellow); position:absolute; left:50%; bottom:0; transform:translateX(-50%); transform:width 0.4s ease-in-out;}
.contents .paging a.nav {font-size:0; position:relative;}
.contents .paging a.nav:before {content:""; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:auto 80%; position:absolute; left:0; top:0;}
.contents .paging a.begin:before, .contents .paging a.end:before {background-image:url(/img/arrow_doubble.svg);}
.contents .paging a.prev:before, .contents .paging a.next:before {background-image:url(/img/arrow.svg);}
.contents .paging a.begin:before, .contents .paging a.prev:before {transform:scaleX(-1);}
.contents .paging a.on {color:var(--yellow); font-weight:600;}
.contents .paging a.on:after {width:60%;}

@media screen and (max-width: 480px) {
	.contents .paging a {min-width:28px; height:28px;}
}

.contents .view-wrap {width:100%; padding:var(--gap-80) 0;}
.contents .view-wrap .view-tb {width:100%; max-width:1000px; margin:0 auto;}
.contents .view-wrap figure {width:100%; display:block; margin:0; margin-bottom:var(--gap-16);}
.contents .view-wrap figure img {max-width:100%; display:block; margin:0 auto; cursor:pointer;}
.contents .view-wrap .conts {font-size:var(--font-16); color:#fff; text-align:center;}
.contents .view-wrap .video-box {width:100%; display:block; margin-bottom:var(--gap-16); position:relative; height:0; padding-bottom:calc(720 / 1280 * 100%);}
.contents .view-wrap .video-box iframe {width:100%; height:100%; position:absolute; left:0; top:0;}

.contents .button-box {width:100%; display:flex; align-items:center; justify-content:center; gap:var(--gap-16); flex-wrap:wrap;}
.contents .button {display:flex; align-items:center; justify-content:center;}
.contents .basic-button {min-width:250px; height:60px; box-sizing:border-box; border:1px solid #fff; color:#fff; font-size:var(--font-16); transition:background 0.4s ease-in-out;}
.contents .basic-button:hover {background:#fff; color:#000;}

@media screen and (max-width: 768px) {
	.contents .basic-button {min-width:200px; height:50px;}
}

@media screen and (max-width: 480px) {
	.contents .basic-button {min-width:160px; height:42px;}
}



.photo .page-title h2 span:nth-child(2) {animation-delay:0.1s;}
.photo .page-title h2 span:nth-child(3) {animation-delay:0.2s;}
.photo .page-title h2 span:nth-child(4) {animation-delay:0.3s;}
.photo .page-title h2 span:nth-child(5) {animation-delay:0.4s;}
.photo .page-title h2 span:nth-child(6) {animation-delay:0.5s;}

.photo .photo-list {width:100%; display:flex; gap:var(--gap-60); flex-wrap:wrap;}
.photo .photo-list .list-box {width:calc((100% - (var(--gap-60) * 2)) / 3); position:relative;}
.photo .photo-list .list-box a {display:block; width:100%; height:100%;}
.photo .photo-list .list-box .thumnail {width:100%; position:relative;}
.photo .photo-list .list-box .thumnail span {display:block; width:100%; height:0; padding-bottom:calc(200 / 300 * 100%); position:relative; overflow:hidden;}
.photo .photo-list .list-box .thumnail span img {display:block; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); transition:transform 0.7s ease-in-out;}
.photo .photo-list .list-box .thumnail.horizontal span img {width:auto; height:120%;}
.photo .photo-list .list-box .thumnail.vertical span img {width:100%; height:auto; top:80%;}
.photo .photo-list .list-box .thumnail .cover {width:100%; height:100%; background:rgba(0,0,0,0.7); position:absolute; left:0; top:0;}
.photo .photo-list .list-box .thumnail .cover:after {content:""; width:var(--font-18); height:var(--font-18); background:url(/img/icon_lock.svg) center no-repeat; background-size:cover; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.photo .photo-list .list-box .conts {width:100%; margin-top:var(--gap-16); font-size:var(--font-16); color:#fff; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; text-align:center;}
.photo .photo-list .list-box .date {width:100%; margin-top:var(--gap-8); font-size:var(--font-12); color:rgba(255,255,255,0.5); font-weight:300; text-align:center;}
.photo .photo-list .list-box .conts-check {width:100%; display:flex; align-items:center; justify-content:center; gap:0 var(--gap-8); margin-top:var(--gap-8);}
.photo .photo-list .list-box .conts-check span {display:flex; align-items:center; justify-content:center; padding:0 var(--gap-16); height:20px; border-radius:20px; font-size:10px; color:#fff;}
.photo .photo-list .list-box .conts-check span.new {background:var(--yellow);}
.photo .photo-list .list-box .conts-check span.up {background:var(--blue);}
.photo .photo-list .list-box:hover .thumnail span img {transform:translate(-50%,-50%) scale(1.1);}
.photo .photo-list .list-box.lock .thumnail span img {filter:grayscale(50%);}

@media screen and (max-width: 1280px) {
	.photo .photo-list {gap:60px 40px;}
	.photo .photo-list .list-box {width:calc((100% - (40px * 2)) / 3);}
}

@media screen and (max-width: 1024px) {
	.photo .photo-list .list-box {width:calc((100% - 40px) / 2);}
}

@media screen and (max-width: 768px) {
	.photo .photo-list {gap:40px 30px;}
	.photo .photo-list .list-box {width:calc((100% - 30px) / 2);}
}

@media screen and (max-width: 600px) {
	.photo .photo-list .list-box {width:100%;}
}

.photo .photo-list.type-B {gap:0;}
.photo .photo-list.type-B .list-box {width:calc(100% / 3);}
.photo .photo-list.type-B .list-box .thumnail span {padding-bottom:100%;}
.photo .photo-list.type-B .list-box .thumnail span:before {content:""; width:100%; height:100%; background:rgba(0,0,0,0.5); position:absolute; left:0; top:0; z-index:2; opacity:0; transition:0.7s ease-in-out;}
.photo .photo-list.type-B .list-box .thumnail span img {object-fit:cover; z-index:1;}
.photo .photo-list.type-B .list-box .thumnail.horizontal span img {width:100%; height:100%; object-position:50% 50%;}
.photo .photo-list.type-B .list-box .thumnail.vertical span img {width:100%; height:100%; top:50%; transform:translate(-50%, -50%); object-position:50% 20%;}
.photo .photo-list.type-B .list-box .conts-wrap {width:100%; height:100%; padding:var(--gap-24); font-size:var(--font-14); color:#fff; text-align:left; display:flex; align-items:flex-end; margin-top:0; position:absolute; left:0; top:0; z-index:10;}
.photo .photo-list.type-B .list-box .conts-wrap .conts-box {width:100%;}
.photo .photo-list.type-B .list-box .conts {margin-top:0; font-size:var(--font-14); text-align:left; text-shadow:0 0 3px rgba(0,0,0,0.3);}
.photo .photo-list.type-B .list-box .date {margin-top:3px; font-size:var(--font-12); text-align:left; text-shadow:0 0 3px rgba(0,0,0,0.3);}
.photo .photo-list.type-B .list-box .conts-check {justify-content:flex-end; gap:0; margin-top:0; position:absolute; right:0; top:0; z-index:2;}
.photo .photo-list.type-B .list-box .conts-check span {padding:0; width:24px; height:24px; border-radius:0; font-size:10px; color:#fff;}
.photo .photo-list.type-B .list-box .conts-check span.new {background:var(--yellow); color:#333;}
.photo .photo-list.type-B .list-box .conts-check span.up {background:#000;}
.photo .photo-list.type-B .list-box:hover .thumnail span:before {opacity:1;}
.photo .photo-list.type-B .list-box:hover .thumnail span img {transform:translate(-50%,-50%) scale(1.1);}

@media screen and (max-width: 1024px) {
	.photo .photo-list.type-B .list-box .conts-wrap {padding:15px;}
}

@media screen and (max-width: 648px) {
	.photo .photo-list.type-B .list-box {width:calc(100% / 2);}
}

@media screen and (max-width: 480px) {
    .photo .photo-list.type-B {gap:5px;}
	.photo .photo-list.type-B .list-box {width:100%;}
}


.video .page-title h2 span:nth-child(2) {animation-delay:0.1s;}
.video .page-title h2 span:nth-child(3) {animation-delay:0.2s;}
.video .page-title h2 span:nth-child(4) {animation-delay:0.3s;}
.video .page-title h2 span:nth-child(5) {animation-delay:0.4s;}
.video .page-title h2 span:nth-child(6) {animation-delay:0.5s;}


.video .video-list {width:100%; display:flex; gap:var(--gap-60); flex-wrap:wrap;}
.video .video-list .list-box {width:calc((100% - (var(--gap-60) * 2)) / 3);}
.video .video-list .list-box a {display:block; width:100%; height:100%; position:relative;}
.video .video-list .list-box .thumnail {width:100%;}
.video .video-list .list-box .thumnail span {display:block; width:100%; height:0; padding-bottom:calc(720 / 1280 * 100%); position:relative; overflow:hidden;}
.video .video-list .list-box .thumnail span img {display:block; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); transition:transform 0.7s ease-in-out; min-width:100%; width:100%; height:auto;}
.video .video-list .list-box .conts {width:100%; margin-top:var(--gap-16); font-size:var(--font-16); color:#fff; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; text-align:center;}
.video .video-list .list-box .date {width:100%; margin-top:var(--gap-8); font-size:var(--font-12); color:rgba(255,255,255,0.5); font-weight:300; text-align:center;}
.video .video-list .list-box:hover .thumnail span img {transform:translate(-50%,-50%) scale(1.1);}

.video .video-list.type-B {gap:0;}
.video .video-list.type-B .list-box {width:calc(100% / 3); position:relative;}
.video .video-list.type-B .list-box .thumnail {position:relative; z-index:0;}
.video .video-list.type-B .list-box .conts-wrap {width:100%; height:100%; position:absolute; left:0; top:0; padding:var(--gap-24); display:flex; align-items:flex-end; z-index:1; visibility:hidden;}

@media screen and (max-width: 1280px) {
	.video .video-list {gap:60px 40px;}
	.video .video-list .list-box {width:calc((100% - (40px * 2)) / 3);}
}

@media screen and (max-width: 1024px) {
	.video .video-list .list-box {width:calc((100% - 40px) / 2);}
}

@media screen and (max-width: 768px) {
	.video .video-list {gap:40px 30px;}
	.video .video-list .list-box {width:calc((100% - 30px) / 2);}
}

@media screen and (max-width: 600px) {
	.video .video-list .list-box {width:100%;}
}


.event .page-title h2 span:nth-child(2) {animation-delay:0.1s;}
.event .page-title h2 span:nth-child(3) {animation-delay:0.2s;}
.event .page-title h2 span:nth-child(4) {animation-delay:0.3s;}
.event .page-title h2 span:nth-child(5) {animation-delay:0.4s;}
.event .page-title h2 span:nth-child(6) {animation-delay:0.5s;}

.event .event-list {width:100%; display:flex; gap:var(--gap-60); flex-wrap:wrap;}
.event .event-list .list-box {width:calc((100% - (var(--gap-60) * 3)) / 4);}
.event .event-list .list-box a {display:block; width:100%; height:100%;}
.event .event-list .list-box .thumnail {width:100%;}
.event .event-list .list-box .thumnail span {display:block; width:100%; height:0; padding-bottom:calc(300 / 200 * 100%); position:relative; overflow:hidden;}
.event .event-list .list-box .thumnail span img {display:block; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); transition:transform 0.7s ease-in-out; width:100%; height:100%; object-fit:cover;}
.event .event-list .list-box .conts {width:100%; margin-top:var(--gap-16); font-size:var(--font-16); color:#fff; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; text-align:center;}
.event .event-list .list-box .date {width:100%; margin-top:var(--gap-8); font-size:var(--font-12); color:rgba(255,255,255,0.5); font-weight:300; text-align:center;}
.event .event-list .list-box:hover .thumnail span img {transform:translate(-50%,-50%) scale(1.1);}

.event .event-list.type-B .list-box .thumnail span img {width:100%; height:100%; object-fit:cover;}

@media screen and (max-width: 1280px) {
	.event .event-list {gap:60px 40px;}
	.event .event-list .list-box {width:calc((100% - (40px * 2)) / 3);}
}

@media screen and (max-width: 1024px) {
	.event .event-list .list-box {width:calc((100% - 40px) / 2);}
}

@media screen and (max-width: 768px) {
	.event .event-list {gap:40px 30px;}
	.event .event-list .list-box {width:calc((100% - 30px) / 2);}
}

@media screen and (max-width: 600px) {
	.event .event-list .list-box {width:100%;}
}



@media screen and (max-width: 1024px) {}

@media screen and (max-width: 768px) {}

@media screen and (max-width: 480px) {}