@charset "utf-8";
@media only screen and (max-width: 1023px) {
    .section .txt-54 { font-size: 36px; }
    .section .txt-20 { font-size: 16px; }
}
/****************** 메인비주얼 ******************/
.section1 { position: relative; height: 0; padding-bottom: 50%; }
.section1 .main-swiper { position: absolute; width: 100%; height: 100%; }
.section1 .main-swiper .swiper-slide { display: flex; align-items: center; }
.section1 .main-swiper .swiper-slide .img-wrap { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; }
/* .section1 .main-swiper .swiper-slide .img-wrap::before { content:""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 1) 100%); } */
.section1 .main-swiper .swiper-slide .img-wrap::before { content:""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to bottom, #000, transparent 10%, transparent 75%, #000); }
/* .section1 .main-swiper .swiper-slide .img-wrap::after { content:""; position: absolute; top:  0; left: 0; width: 100%; height: 100%; background: linear-gradient(to left, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 1) 100%); } */
.section1 .main-swiper .swiper-slide .img-wrap::after { content:""; position: absolute; top:  0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.1); }
.section1 .main-swiper .swiper-slide .img-wrap img { width: 100%; height: 100%; object-fit: cover; object-position: top; opacity: 1; }
.section1 .main-swiper .swiper-slide .txt-wrap { margin-bottom: 30vh; }
.section1 .main-swiper .swiper-slide .txt-wrap .txt-over3 { max-width: 30vw; line-height: 2; opacity: .7; }
.section1 .main-swiper .swiper-slide .txt-wrap .info-st1 li + li::before { background-color: var(--white30); }
.section1 .main-swiper .swiper-button-st4 { position: absolute; bottom: 130px; left: 50%; transform: translateX(-50%); z-index: 1; }
.section1 .main-thumb-wrap { position: absolute; bottom: 110px; left: 0; width: 100%; }
.section1 .thumb-swiper { overflow: visible; }
.section1 .thumb-swiper .swiper-wrapper { align-items: flex-end; }
.section1 .thumb-swiper .swiper-slide { width: 110px; border-radius: 5px; overflow: hidden; cursor: pointer; background-color: #000; }
.section1 .thumb-swiper .swiper-slide img { opacity: .5; }
.section1 .thumb-swiper .swiper-slide.swiper-slide-thumb-active { width: 130px; }
.section1 .thumb-swiper .swiper-slide.swiper-slide-thumb-active img { opacity: 1; }
.section1 .scroll-down { position: absolute; bottom: 30px; left: 50%; transform: translateX(-50%); z-index: 1; display: flex; flex-direction: column; align-items: center; gap: 20px; animation: bounce 2s infinite; }
.section1 .scroll-down span { font-family: var(--head-font); color: #fff; letter-spacing: 0px; }
.section1 .scroll-down i { color: #fff; animation: arrow 2s infinite; }
.section1 .scroll-down i:nth-child(2) { animation-delay: 0.3s; }
.section1 .scroll-down svg { width: 50px; height: 50px; }
.section1 .scroll-down svg path:last-child { animation: wheel 2s infinite; }
.section1 .scroll-down .arr { display: flex; flex-direction: column; }
@keyframes wheel { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(4px); } }
@keyframes arrow { 0%, 100% { opacity: 0; transform: translateY(-10px); } 50% { opacity: 1; transform: translateY(0); } }
@keyframes bounce { 0%, 100% { transform: translateX(-50%) translateY(0); } 50% { transform: translateX(-50%) translateY(10px); } }
@media only screen and (max-width: 1320px) {
    .section1 .main-swiper .swiper-slide .img-wrap img { object-fit: contain; }
}
@media only screen and (max-width: 1023px) {
    .section1 .txt-48 { font-size: 3rem; }
	.section1 .txt-18 { font-size: 16px; }
    .section1 .info-st1 { flex-direction: column; align-items: flex-start; gap: 5px; }
    .section1 .info-st1 li::before { display: none; }
    .section1 .info-st1 li + li { padding-left: 0; }
    .section1 .main-swiper .swiper-button-st4 { bottom: 20px; }
    .section1 .main-swiper .swiper-slide .txt-wrap { margin: 2rem 0 0 0; }
    .section1 .main-swiper .swiper-slide .txt-wrap .txt-over3 { max-width: 100%; line-height: 1.5; }
    .section1 .thumb-swiper .swiper-slide { width: 80px; border-radius: 3px; }
    .section1 .thumb-swiper .swiper-slide.swiper-slide-thumb-active { width: 100px; }
    .section1 .scroll-down { display: none; }
}
@media only screen and (max-width: 767px) {
    .section1 { padding-bottom: 140%; }
    .section1 .main-swiper .swiper-slide .img-wrap img { object-fit: cover; }
    .section1 .main-swiper .swiper-slide .img-wrap img.pc { display: none; }
    .section1 .main-swiper .swiper-slide .img-wrap img.mo { display: block; }
}



/****************** section2 ******************/
.section2 { position: relative; padding: 50px 0; background-color: #000; overflow: hidden; }
.section2 .gradient-overlay { position: absolute; top: 0; left: 0; z-index: 0; width: 0%; height: 100%; background: linear-gradient( to right, #B92657 0%, #8C277F 50%, #5F28A7 100%); }
.section2 .inner-padding { position: relative; z-index: 1; }
.section2 .sec-tit { margin-bottom: 45px; }
.section2 .quick-list { display: flex; align-items: stretch; margin: 0 -10px; }
.section2 .quick-list li { width: calc(100% / 6); padding: 0 10px; }
.section2 .quick-list li a { display: flex; flex-direction: column; gap: 30px; align-items: center; justify-content: center; height: 100%; padding: 40px 0; color: #fff; background: var(--white10); border: 1px solid var(--white10); border-radius: 5px; text-align: center; transition: all .3s; }
.section2 .quick-list li a .icn { display: flex; align-items: center; justify-content: center; width: 70px; height: 70px; }
.section2 .quick-list li a:hover { color: #000; background-color: #fff; transform: translateY(-10px); }
.section2 .quick-list li a:hover .icn { filter: invert(1); transition: all .3s; }
@media only screen and (max-width: 1200px) {
    .section2 .quick-list { margin: 0 -5px; }
    .section2 .quick-list li { padding: 0 5px; }
}
@media only screen and (max-width: 1023px) {
    .section2 .quick-list { flex-wrap: wrap; row-gap: 10px; }
    .section2 .quick-list li { width: calc(100% / 3); }
    .section2 .quick-list li a .icn { width: 50px; height: 50px; }
    .section2 .quick-list li a .icn img { width: 40px; height: 40px; }
    .section2 .quick-list li:nth-child(5) a .icn img { width: 30px; height: 30px; }
    
}
@media only screen and (max-width: 767px) {
    .section2 .quick-list li a { gap: 20px; padding: 30px 0; }
    .section2 .quick-list li a .txt-15 { font-size: 14px; }
    .section2 .quick-list li a .txt-24 { margin-top: 5px; font-size: 20px; }
}
@media only screen and (max-width: 490px) {
    .section2 .quick-list li { width: calc(100% / 2); }
}



/****************** section3 ******************/
.section3 { position: relative; padding: 100px 0; background-color: #000; }
.section3 .sec-tit {  }
.section3 .sec-tit .flex { justify-content: space-between; align-items: center; margin-top: 30px; }
.section3 .movie-swiper { width: 100%; height: 100%; overflow: visible; perspective: 1800px; }
.section3 .movie-swiper .swiper-wrapper {pointer-events: none;}
.section3 .movie-swiper .swiper-slide { width: 300px; pointer-events: auto;}
.section3 .movie-swiper .swiper-slide a { display: block; }
.section3 .movie-swiper .swiper-slide .img-wrap { position: relative; border-radius: 5px; overflow: hidden; }
.section3 .movie-swiper .swiper-slide .img-wrap img { width: 100%; height: 100%; object-fit: cover; transition: all .3s ease; }
.section3 .movie-swiper .swiper-slide .img-wrap .no-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.section3 .movie-swiper .swiper-slide .state-st1 { position: absolute; top: 0; left: 0; opacity: 0; visibility: hidden; transition: 0.35s cubic-bezier(0.6, 0, 0.4, 1); }
.section3 .movie-swiper .swiper-slide .txt-wrap { padding-top: 30px; opacity: 0; visibility: hidden; transition: 0.35s cubic-bezier(0.6, 0, 0.4, 1); }
.section3 .movie-swiper .swiper-slide .txt-wrap .tit { display: flex; align-items: center; justify-content: center; gap: 5px; }
.section3 .movie-swiper .swiper-slide .txt-wrap .info-st1 { justify-content: center; margin: 6px 0 20px; }
.section3 .movie-swiper .swiper-slide .txt-wrap .info-st1 > li + li::before { background: var(--white30); }
.section3 .movie-swiper .swiper-slide.swiper-slide-active .txt-wrap { opacity: 1; visibility: visible; }
.section3 .movie-swiper .swiper-slide.swiper-slide-active .state-st1 { opacity: 1; visibility: visible; }

.section3 .movie-swiper .swiper-slide a:hover .img-wrap img { transform: scale(1.2); }
@media only screen and (max-width: 1023px) {
    .section3 { padding: 50px 0; }
    .section3 .sec-tit .flex { margin-top: 20px; }
}





/****************** section4 ******************/
.section4 { padding: 100px 0; background-color: #fff; }
.section4 .flex {  }
.section4 .flex .lf { display: flex; width: 500px; padding-right: 4rem; }
.section4 .flex .lf .sec-tit .more-btn-st1 { margin-top: 30px; }
.section4 .flex .rg { flex-grow: 1; width: calc(100% - 500px); }
.section4 .flex .rg .sec-con { display: flex; }
.section4 .culture-recent { width: 100%; max-width: 450px; }
.section4 .culture-recent .culture-item {  }
.section4 .culture-item { width: 100%; }
.section4 .culture-item .img-wrap img { width: 100%; }
.section4 .culture-item .txt-wrap { padding-top: 20px; }
.section4 .culture-colgroup { display: flex; gap: 6rem; width: calc(100% - 450px); padding-left: 6rem; }
.section4 .culture-colgroup .col { width: calc(50% - 3rem); }
.section4 .culture-colgroup .col:first-child { margin-top: 20rem; }
.section4 .culture-colgroup .col:last-child { margin-top: 10rem; }
.section4 .culture-list .culture-item + .culture-item { margin-top: 7rem; }
@media only screen and (max-width: 1700px) {
    .section4 .flex .lf { width: 400px; }
    .section4 .flex .rg { width: calc(100% - 400px); }
    .section4 .culture-recent { max-width: 350px; }
    .section4 .culture-colgroup { gap: 3rem; width: calc(100% - 350px); padding-left: 3rem; }
    .section4 .culture-colgroup .col { width: calc(50% - 1.5rem); }
}
@media only screen and (max-width: 1200px) {
    .section4 .flex { flex-direction: column; gap: 3rem; }
    .section4 .flex .lf { flex-direction: column; row-gap: 3rem; width: 100%; padding-right: 0; }
    .section4 .flex .rg { width: 100%; }
    .section4 .culture-recent { max-width: 400px; }
    .section4 .culture-colgroup { width: calc(100% - 400px); }
    .section4 .txt-24 { font-size: 2rem; }
}
@media only screen and (max-width: 1023px) {
    .section4 { padding: 80px 0; }
    .section4 .culture-recent { max-width: 50%; }
    .section4 .culture-colgroup { flex-direction: column; width: calc(100% - 50%); }
    .section4 .culture-colgroup .col { width: 100%; }
}
@media only screen and (max-width: 767px) {

}
@media only screen and (max-width: 560px) {
    .section4 .flex .rg .sec-con { flex-direction: column; }
    .section4 .culture-recent { max-width: 100%; }
    .section4 .culture-colgroup { width: 100%; padding-left: 0; }
    .section4 .culture-colgroup .col:first-child { margin-top: 7rem; }
    .section4 .culture-colgroup .col:last-child { margin-top: 7rem; }
}