.dig-content {position: relative;width: 100%;height: 100%;} 
.overlay-off:before {opacity: 0 ;}  

.section {position:relative; top:0; left:0; width:100%; height:100vh;min-height: 100vh; overflow:hidden; z-index: 0;}
.section.active { pointer-events:auto;z-index:50;}
.section.previous {opacity: 1;z-index:1;}
.section.next {z-index:10;}
.section.behind { z-index: 1; }
 
/*title*/
#title { opacity: 1;min-height: 100%;color:#fff;z-index:1;}
#title:before {content:"";display: block;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.32);}
#title .inner {justify-content: start;}
#title .desc {text-align:left;}
#title .desc h2 {position:relative;padding:0 0 1rem 1.5rem;}
#title .desc h2:after {content:"";display: block;position:absolute;bottom:0;left:1rem;width:6rem;height:.2rem;background:#ffffff60;}
#title .desc p {font-size:2.5rem;color:#fff;line-height: 1.2;font-weight:400;}
#title .desc p.copyright {font-size:1.6rem;font-weight:300;margin-top:10rem;}

/*intro*/
#intro {width:100%;height:calc(100vh + 3.1rem);color:#fff;box-shadow:3px 2px 8px 10px rgba(0,0,0,.2);}
#intro:before {content:"";display: block;position:absolute;top:0;left:0;width:100%;height:100%;background: linear-gradient(0deg,rgba(0, 0, 0, .2) 0%, rgba(0, 0, 0, .45) 100%);}
#intro .inner {justify-content: start;}
#intro .desc {text-align:left;z-index: 100;} 
#intro .desc p {display:block;width:82rem;font-size:4.2rem;font-weight:400;color:#fff;line-height:5rem;letter-spacing: -.1rem;}
#intro .desc p.copyright {font-size:1.6rem;margin-top:10rem;}

/*content*/
#content {position:relative;height: auto;min-height: 100vh;overflow: hidden; -webkit-overflow-scrolling: touch;align-items:start;z-index:1;} 
#content .inner {justify-content: start;} 
#content .inner {display: flex; position: relative; width: 100%;height: auto;min-height: 100%;padding:5rem 0; flex-direction: column;justify-content: flex-start; align-items: flex-start;}
#content .inner .group {display:flex;flex-flow:column;width:120rem;height:auto;min-height:100%;text-shadow: none;justify-content:center;align-items: center; margin:0 auto;} 
#content .inner .swiper.parent-swiper {min-height: 100%;transition: height 1s ease;}

.swiper {width:calc(100% + 9rem);height:auto;min-height:100%;text-align:left;padding:5rem 4.5rem;margin:0 -4.5rem;overflow:visible;}
.swiper.parent-swiper {position:relative;/* overflow: hidden; */transform: translateX(0);touch-action: pan-y;}
.swiper.parent-swiper > .swiper-wrapper > .swiper-slide {width:100%;pointer-events: none;transition:none!important;}
.swiper.parent-swiper > .swiper-wrapper > .swiper-slide-active {opacity:1;pointer-events:auto;}
.swiper.parent-swiper > .swiper-wrapper > .swiper-slide.swiper-slide-prev { transform: translateX(0%);opacity: 0;}
.swiper.parent-swiper > .swiper-wrapper > .swiper-slide.swiper-slide-next { transform: translateX(0%);opacity: 0;}

.swiper .swiper-slide {display: flex; flex-flow:column wrap; align-items: center; justify-content: center; background-size: cover; background-position: center; position: relative;padding:0; opacity: 1;transition: transform 0.8s ease, opacity 0.8s ease;} 
.swiper .swiper-slide .slide-image {position:relative;display:flex;width:100%;flex-flow:column;flex:1 1 100%;align-items: center;padding:5rem 0;margin:0;gap:4rem;}
.swiper .swiper-slide .slide-image:before {content:"";display:block;width:100%;height:1px;background:#ddd;position:absolute;left:0;bottom:0;}
.swiper h3 {font-family:'Pretendard', 'Noto Sans KR', sans-serif;font-weight:600;font-size:3.2rem;color:#222;line-height: 1.2;} 
.swiper .swiper-slide .slide-image img {width:auto;max-width:100%;max-height:47.4rem;object-fit:cover;border:.1rem solid #ddd;transition:all 1s ease;}
.swiper .slide-text {width:100%;font-size:1.8rem;color:#fff;line-height:2.6rem;color:#333;padding:3rem 0 5rem;} 

.section.long .fixed-button-wrap {opacity: 0;position:fixed;top:50%;transform: translateY(-50%);}
.section.long.active .fixed-button-wrap {display:block;width:100%;height:auto;opacity: 1;z-index:100;}
.swiper-button-next , 
.swiper-button-prev {width:6rem;height:6rem;border-radius: 50%;box-shadow: 0 2px 5px rgba(0,0,0,0.15);padding:0;text-align:center;color:#909090;}
.swiper-button-next i, 
.swiper-button-prev i {content:"";display: block;width:1.6rem;height:1.6rem;border:2px solid #aeb1b2;border-top:none;border-right:none;transform: rotate(-135deg);color:transparent;}
.swiper-button-prev i {transform: rotate(45deg);} 
.swiper-button-next:hover, 
.swiper-button-prev:hover {border-color:#202020;box-shadow: 0 2px 8px rgba(0,0,0,0.3);}
.swiper-button-next:hover i, 
.swiper-button-prev:hover i{border-color:#202020;}
.swiper-button-next:after, 
.swiper-button-prev:after {display:none;}
.swiper-button-next {right:2.5rem;} 
.swiper-button-prev {left:2.5rem;}
.swiper .scroll-down {position: absolute;bottom: 2rem;left: 50%;transform: translateX(-50%);font-size: 3rem;color: white;animation: bounce 2s infinite;} 


/*gallery*/
.gallery {display: flex;width:100%;height:auto;overflow:hidden;gap: 3rem;flex-wrap: wrap;justify-content:start;padding:6rem 0;align-items: center;} 
.gallery-item {position:relative;cursor: pointer;aspect-ratio: 4 / 3;overflow: hidden;flex:0 0 calc(33.3333333% - 2rem);box-sizing: border-box;display:inline-flex;justify-content: center;align-items: center;background:#00000010;border:1px solid#00000025;}
.gallery-item::after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height:100%; box-sizing: border-box; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .6) 100%); opacity: 0; transform: translateY(100%); transition: all 1s ease; }
.gallery-item a {display:flex;justify-content: center;align-items: center; width: 100%;height: 100%;background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .2) 100%);}
.gallery-item:hover::after { opacity: 1; transform: translateY(0);}
.gallery-item .gallery-caption {display:flex;align-items:flex-end;justify-content:start;width:100%;height:100%;position:absolute;left:0;padding:1.2rem;color: #fff; font-size: 1.8rem; line-height:1.1;text-align:left;opacity: 0; transform: translateY(100%); transition: all .8s ease;z-index: 100;}
.gallery-item:hover .gallery-caption {opacity: 1;transform: translateY(0);cursor: pointer;}
.gallery-item img { height:100%; object-fit: cover; transition: transform 1s;}
.gallery-item img:hover { transform: scale(1.1);} 
/*lightGallery */ 
.lg-inner {height: 100%;}
.lg-img-wrap img {max-width: 100%;max-height: 100%;transition: all 3s ease;} 
.lg-toolbar .lg-icon:after {content:"";display:block;font-family: 'remixicon' !important;font-style: normal;-webkit-font-smoothing: antialiased;} 
.lg-toolbar .lg-fullscreen:after {content:"\ed9c"}
.lg-outer .lg-share:after {content:"\f0fe"}
.lg-toolbar .lg-rotate-left:after{content:"\ea3c"}
.lg-toolbar .lg-rotate-right:after {content:"\eb95"}
.lg-toolbar .lg-flip-hor,
.lg-toolbar .lg-flip-ver{display: none;}
.lg-toolbar .lg-download:after {content:"\ec5a"}
.lg-toolbar .lg-icon.lg-zoom-in:after {content:"\f2db"}
.lg-toolbar .lg-icon.lg-zoom-out:after {content:"\f2dd"}
.lg-toolbar .lg-close:after {content:"\f4c8"}
.lg-sub-html p {color:#fff;font-size:1.8rem;line-height: 1.4;}
.lg-outer {display: flex;flex-flow: column;} 
.lg-outer .lg-content {flex:1 1 100%;top:4.5rem!important;bottom:16rem!important;}
.lg-outer.lg-components-open:not(.lg-zoomed) .lg-components { display:flex;flex-flow:column;width:100%;height:16rem;}
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-dummy-img,
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image {width:auto;}
.lg-outer.lg-components-open:not(.lg-zoomed) .lg-sub-html {flex:1;display: inline-flex;justify-content: center;align-items: center;}
.lg-outer.lg-animate-thumb .lg-thumb {display:flex;justify-content: center;margin:0 auto;gap:1rem;} 
.lg-outer .lg-thumb-item {border-radius: 0;}
.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item {position:relative;width:9rem!important;height:6rem!important;border:1px solid #000;}
.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item:before {content:"";display:block;width:100%;height:100%;background:rgba(0,0,0,.7);position:absolute;top:0;left:0;}
.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item.active:before {display: none;}
.lg-outer .lg-thumb-item.active, 
.lg-outer .lg-thumb-item:hover {border:2px solid #fff;}
.lg-backdrop { z-index: 99998 !important; pointer-events: auto !important;}
.lg-outer { z-index: 99999 !important; position: fixed !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; pointer-events: auto !important;}
.lg-outer .lg-close { z-index: 100000 !important; pointer-events: auto !important;}

/*slide video gallery*/
.video-gallery-wrapper { width:100%;height:auto;position:relative; display: flex;justify-content: center; padding:5rem 0 0;margin:0; flex-wrap: wrap; overflow: visible;z-index:99;} 
.video-gallery-wrapper .swiper-free-mode>.swiper-wrapper {width:100%; height:auto;display:flex;gap:3rem;flex-flow:row nowrap; overflow: visible !important;} 
.video-gallery-wrapper .main-swiper {position:relative;width: 100%;height:auto;padding:0;margin:0!important;overflow:hidden;}
.video-gallery-wrapper .main-swiper .video-box {width:100%;height:48rem;aspect-ratio: 16/9;background:#202020;}
.video-gallery-wrapper .main-swipervideo { width: 100%; height:100%; object-fit: cover; transition: all 1s ease;}
.video-gallery-wrapper .main-swiper .swiper-slide {justify-content:flex-start;height:100%;padding:0;margin: 0!important;}
.video-gallery-wrapper .main-swiper .swiper-slide-active .video-box{opacity: 1;z-index: 1; border:0}
.video-gallery-wrapper .main-swiper p {display: block;width:100%;height:2.5rem;font-size:2.5rem;font-weight:500;line-height:1;padding:0;margin:1rem 0;color:#202020;text-align:left;transform: translateX(-100%); animation: slideIn .5s linear 1 forwards;}
.video-gallery-wrapper .swiper-button-next, 
.video-gallery-wrapper .swiper-button-prev { position:absolute;top:50%; color:#fff; z-index: 10;overflow:visible;} 


.thumb-swiper { position: relative;min-width:100%;width:calc(100% + 2rem);padding:1rem;min-height:auto; height:auto;overflow: hidden;display:flex;justify-content:start; z-index:3;}  
.thumb-swiper .swiper-wrapper .slide-wrap {width:100%;height:auto;width:100%;position:relative; display: flex;justify-content: center; padding:5rem 0 0;}
.thumb-swiper .swiper-slide {position:relative;height: auto;display:flex;flex-flow:column;align-items:start;justify-content:start;gap:1.2rem;} 
.thumb-swiper .swiper-slide > div {position: relative;display:block;width:100%;max-height:20rem;aspect-ratio: 4 / 3; background-color:#fff;box-shadow:0 4px 4px #00000020;cursor: pointer;}
.thumb-swiper .swiper-slide > div:before {content:"";display:block;width:100%;height:100%;background-color:rgba(0, 0, 0, .42);position:absolute;top:0;left:0;transition: all 3s ease-out;z-index: 10;} 
.thumb-swiper .swiper-slide > div:after {content: "\f508";font-family: 'remixicon' !important;font-style: normal;-webkit-font-smoothing: antialiased;transform:translate(-50%, -50%);display: flex;justify-content:center;align-items:center;position:absolute;top:50%;left:50%;width:6rem;height:6rem;border-radius:50%;background-color:#00000052;color:#fff;font-size:2.6rem;box-shadow: 0 2px 5px rgba(0,0,0, .2);transition: all 0.3s ease; z-index:10;}
.thumb-swiper .swiper-slide img {position:relative; width:100%;height:100%;object-fit: cover;background-color:#00000042;z-index: 1;}
.thumb-swiper .swiper-slide p {width: 100%;height: 4rem;overflow: hidden;font-size:1.8rem;font-weight:400;line-height: 1.2;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.thumb-swiper .swiper-slide > div:hover:after,
.thumb-swiper .swiper-slide-thumb-active > div:after {opacity: 0;}
.thumb-swiper .swiper-slide-thumb-active > div,
.thumb-swiper .swiper-slide > div:hover {opacity: 1;box-shadow: 0 2px 10px 4px #639ece80;} 
.thumb-swiper .swiper-slide > div:hover:before {display:none;}
.thumb-swiper .swiper-slide-thumb-active > div img,
.thumb-swiper .swiper-slide > div:hover img {border:5px solid #fff;}
.thumb-swiper .swiper-slide-thumb-active > div:before {display:none;} 

.video-gallery-wrapper .thumb-swiper-button-next , 
.video-gallery-wrapper .thumb-swiper-button-prev {position:absolute;bottom:calc(100% - 48rem - 24rem);width:6rem;height:6rem;border-radius: 50%;background:rgba(0, 0, 0, .24);box-shadow: 0 2px 5px rgba(0,0,0,0.20);padding:0;display:flex;justify-content: center;align-items: center; color:#a1a1a1;cursor: pointer;z-index: 100;}
.video-gallery-wrapper .thumb-swiper-button-next i, 
.video-gallery-wrapper .thumb-swiper-button-prev i {content:"";display: block;width:1.8rem;height:1.8rem;border:2px solid #fff;border-top:none;border-right:none;transform: rotate(-135deg);}
.video-gallery-wrapper .thumb-swiper-button-prev i {transform: rotate(45deg);} 
.video-gallery-wrapper .thumb-swiper-button-prev:hover,
.video-gallery-wrapper .thumb-swiper-button-next:hover { background:rgba(0, 0, 0, .38);box-shadow: 0 2px 8px rgba(0,0,0,0.5);}
.video-gallery-wrapper .thumb-swiper-button-prev:after,
.video-gallery-wrapper .thumb-swiper-button-next:after{display:none;}
.video-gallery-wrapper .thumb-swiper-button-prev {left:-4.2rem;}
.video-gallery-wrapper .thumb-swiper-button-next {right:-4.2rem;}
.video-desc { display: none;}
.video-desc.active { display: block;} 


/*scroll btn*/
.scroll-up,
.scroll-down {background:transparent;border:none;position: fixed;left: 50%; transform: translateX(-50%); width: 100%;height:5rem;cursor: pointer; animation: bounce 2s infinite; z-index: 100;}
.scroll-up i ,
.scroll-down i {font-size:3.2rem;color:#f4f4f4;text-shadow: 0 2px 2px rgba(0, 0, 0, .2);opacity: .6;}
.scroll-up:hover i,
.scroll-down:hover i {opacity: 1;}
.scroll-up { top:0;}
.scroll-down {bottom:1rem;}
.scroll-up.show {opacity: 1; transform: translateY(0) translateX(-50%);}

.w-full {height:100vh;padding:0;}
.w-full.section {padding:0;}
.w-full .img-wrapper {width:100%;height:100vh;position:absolute;top:0;left:0;}
.w-full .inner {position:relative;width:100%;height:100vh;}
#content.w-full .inner {position:relative;width:100%;height:100vh;}
.w-full .img-wrapper > img {width:100%;height:100vh;object-fit: cover;}
.w-full .desc {display:flex;flex-flow:column; position:absolute;bottom:6rem;left:0; width:100%;max-height:51vh;max-width:61rem;min-height:20rem;color:#202020;background:rgba(255,255,255,.75); box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 5px 5px rgba(0,0,0,0.05);transition: all 0.3s cubic-bezier(.25,.8,.25,1);padding:3rem;}
.w-full .desc h3 {flex:0 0 auto;margin-bottom:1rem;font-size:3.2rem;line-height:1.2;font-family:'Pretendard';}
.w-full .desc p {font-size:1.8rem;line-height:1.2;padding:1.5rem 0 0;display:block; flex: 1 1 auto; overflow: auto;}
.w-full .video-wrapper {width:100%;height:100vh;padding:0;background:#101010;position: relative;display: flex;justify-content: center;align-items: center; box-sizing:border-box}
.w-full .video-inner {display:flex; width:100%; max-height:100%; aspect-ratio: 16/9;}
.w-full .video-wrapper .video-box {width:100%;height:100%; border:0}

.animate-up {opacity: 0;transform: translateY(10rem); transition: all 0.8s ease;} 
.animate-up.visible {opacity: 1;transform: translateY(0);}
.animate-up.fade-out {  opacity: 0;  transform: translateY(2rem);}


@keyframes slideIn {
0% {transform: translateX(-10%);}
100% {transform: translateX(0);}
}

@keyframes bounce {
0%, 100% { transform: translateX(-50%) translateY(0); }
50% { transform: translateX(-50%) translateY(10px); } 
}

/*outro*/ 
#outro {min-height:100vh;color:#fff; background-size:cover;background-position:center center;background-color:#000;}
#outro:before {content:"";display: block;position:absolute;top:0;left:0;width:100%;height:100%;background:#00000024;}
#outro:after {content:"";display:block;position: absolute;  inset: 0; background: rgba(255, 255, 255, 0.20);  backdrop-filter: blur(10px); 
  -webkit-backdrop-filter: blur(10px); border-radius: 10px; }
#outro .inner {justify-content: start;}
#outro .desc {min-width:100%;text-align:left;text-shadow:0 0 0;}
#outro .desc h6 {font-size:2.4rem;font-weight:600;} 
#outro .desc .list {display:flex;flex-flow:column nowrap;list-style: none;width:100%;height:auto;border-top:.2rem solid #8e8e8e;border-bottom:.1rem solid #8e8e8e;padding:2rem 0;}
#outro .desc .list li {list-style: none;}
#outro .desc .list li a {position:relative;display:inline-block;font-size:1.8rem;font-weight:300;color:#fff;text-decoration: none;}
#outro .desc .list.refer {margin-top:1rem;gap:1rem;} 
a.new-win:after {content: "\f0f4";font-family: remixicon !important;font-style: normal;-webkit-font-smoothing: antialiased;display:inline-block;width:2.8rem;height:2.8rem;background:#aeb1b2;border-radius:50%;text-align:center;color:#111;margin-left:1.2rem;}
#outro .desc .list.prov {display: flex;flex-flow:row wrap;justify-content:space-between;border:none;margin-top:5rem;}
#outro .desc .list.prov dt {width:6rem; font-size:2rem;font-weight:400;line-height:2rem;}
#outro .desc .list.prov dd {flex:1 1 calc(50% - 6rem);font-size:1.8rem;font-weight:300;line-height:2rem;}

#outro .desc .open {display:flex;justify-content: start;align-items: center;flex-flow:row wrap;gap:2.8rem;margin-top:5rem;}
#outro .desc .open img {width:31rem;height:7.8rem;}
#outro .desc .open p {font-size:1.8rem;line-height:2.6rem;font-weight:300;color:#fff;}


/* slide image gallery popup */
.popup-overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.65); justify-content: center; align-items: center; z-index: 1000;}
.popup-wrap { position: relative;padding:0; width:auto; max-width: 120rem; max-height: 90%;min-height:70vh;margin-right:1.3rem; text-align: center;}
.popup-wrap img { width:auto;max-width: 120rem; max-height: 80vh; min-height:60vh;object-fit: cover;border:1px solid rgba(0,0,0,.15);box-shadow: 0 5px 5px rgba(0,0,0,0.15); cursor: pointer;}
.popup-wrap p { margin-top: 1.5rem; font-size: 1.8rem;line-height:1.6;color:#fff;}
.popup-overlay .close-btn {width:6rem;height:6rem; position: absolute; top:0; right: 0; border: none; background:transparent;text-shadow: 0 3px 3px rgba(0,0,0,0.7); font-size: 3rem; color:#fff;cursor: pointer;opacity: .4;}
.popup-overlay .close-btn:hover {opacity: 1;}


/* =========================================
Responsive CSS(~ 1360px)
========================================= */
@media (max-width: 1360px) {

html { font-size: 70%; }
section .inner {width:90%;}
#content .inner {width: calc(100% - 10rem);margin: 0 auto;} 
#content .inner .group {width:100%;height:auto !important;padding: 0 0 5rem 0;margin: 0 auto;} 

/* Title & Intro */
#title .desc h2 { font-size:5.4rem;padding-left: 0; } 
#intro{padding:0 4rem}
#intro .desc p { width: 100%; font-size:2.6rem; line-height: 3.2rem}
#intro .desc p.copyright,
#title .desc p.copyright { margin-top: 6rem;}
.swiper .swiper-slide .slide-image {padding:2rem 0 4rem;}

/* Swiper */
.swiper {margin:0 auto;padding:3.5rem 4.5rem;}
.swiper .swiper-slide .slide-image img {width:auto;max-height:36rem; }
.swiper-button-prev,
.swiper-button-next,
.swiper-button-prev:hover,
.swiper-button-next:hover { width: 4.8rem; height: 4.8rem; box-shadow: 0 0 0;border:none;}
.swiper-button-prev{left:.5rem;}
.swiper-button-next {right:.5rem;}

/* Gallery */
.gallery {gap:2rem; padding:0;width: calc(100% + 2rem); margin-right: -2rem;} 
.swiper {margin:0 -4.5rem !important}
.swiper .thumb-swiper {margin:0 -1.6rem!important;padding:1rem 1.6rem 0;width: calc(100% + 3.2rem);}

/* Video Gallery */
.video-gallery-wrapper .main-swiper .video-box{height:42rem;}   
.video-gallery-wrapper .thumb-swiper-button-prev,
.video-gallery-wrapper .thumb-swiper-button-next {bottom:14.5rem; width: 5rem; height: 5rem; }
.video-gallery-wrapper .thumb-swiper-button-prev {left:-3.5rem;}
.video-gallery-wrapper .thumb-swiper-button-next {right:-3.5rem;} 
.video-gallery-wrapper .thumb-swiper .swiper-slide p {font-size:1.6rem;}
.w-full .desc {left:4rem;}
/* Outro */ 
#outro .desc .open img { width: 25rem; height: auto; }
#outro .desc .open { flex-flow: column nowrap; align-items: flex-start;} 
}

/* ==============================
Mobile (max-width:1024px)
============================== */
@media only screen and (max-device-width: 1024px) {
 
}

@media (max-width: 1024px) {  
/*content*/ 
#content .inner {width:calc(100% - 9rem);margin:0 auto;padding:5rem 4.5rem;}
/* Swiper */
.swiper { min-height:auto;padding:0;}
.swiper-wrapper {min-height: auto;}
.swiper .swiper-slide .slide-image {padding-top:0;} 
.swiper-slide {height:auto;} 
.swiper h3 { font-size: 3.2rem; } 

/* Gallery */  
.gallery-item {gap:1.5rem; } 

/* Video Gallery */
.video-gallery-wrapper { flex-direction: column; padding: 2rem 0;}   
.video-gallery-wrapper .main-swiper .video-box{height:36rem;}   
.video-gallery-wrapper .thumb-swiper {margin:0 0 0 -1.6rem!important;padding:1rem 1.6rem 0 1.6rem;width: calc(100% + 3.2rem);height: auto;}
.video-gallery-wrapper .swiper-slide p {font-size:2rem;}
.video-gallery-wrapper .thumb-swiper-button-prev,
.video-gallery-wrapper .thumb-swiper-button-next {width:4rem;height:4rem;} 
.video-gallery-wrapper .thumb-swiper-button-next i, 
.video-gallery-wrapper .thumb-swiper-button-prev i {width:1.2rem;height:1.2rem;}
.video-gallery-wrapper .thumb-swiper-button-prev {left:-3rem; }
.video-gallery-wrapper .thumb-swiper-button-next {right:-3rem;} 
    
/* Scroll Buttons */
.scroll-down i, .scroll-up i { font-size: 4rem; }

/* Outro */
#outro { height: auto; padding: 5rem 0; background-position: center; }
#outro .desc h6 { font-size: 2rem; }
#outro .desc .list { padding: 1.5rem 0; }
#outro .desc .list li a { font-size: 1.6rem; }
#outro .desc .list.prov { gap: 1.5rem; }
#outro .desc .list.prov dt{width:6rem;}
#outro .desc .list.prov dd {flex:0 0 calc(100% - 7.5rem);}
#outro .desc .open img { width: 100%; max-width: 24rem; height: auto; }
#outro .desc .open p { font-size: 1.6rem; }
#content.type2 {padding:0;}
#content.type2 .desc {width:96%;left:50%;transform: translate(-50%);height:auto;}
}



/* ==============================
Mobile (max-width: 767px)
============================== */
@media (max-width: 767px) {

html { font-size: 50%; }
body { overflow-x: hidden; }

.section { height: auto; min-height: 100vh; padding: 5rem 0; }
.inner{ width: 92%; margin: 0 auto;} 
.section.long .group{width:90%;height:auto!important;padding:4rem;}

.gallery-item .gallery-caption {display:none;}
.video-gallery-wrapper .thumb-swiper-button-next,
.video-gallery-wrapper .thumb-swiper-button-prev { display: none; }

.swiper-button-next,
.swiper-button-prev {border-radius:0;width:3rem;height:4rem;background:rgba(0,0,0,.4);}
.swiper-button-next:hover,
.swiper-button-prev:hover {width:3rem;height:4rem;background:rgba(0,0,0,.5);}
.swiper-button-next i,
.swiper-button-prev i {border-color:#f8f8f8;}
.swiper-button-next:hover i,
.swiper-button-prev:hover i {border-color:#fff;}  

#intro .desc p {font-size:3rem; line-height:3.8rem}

#content .inner { width: calc(100% - 4rem);padding:4rem 0;}
.video-gallery-wrapper .main-swiper .video-box {height: 36rem;}
.lg-toolbar .lg-icon {width:4rem;font-size:2.4rem;}
.lg-prev {left:0;}
.lg-next {right:0;} 
.w-full .desc {max-width:calc(100% - 8rem);}
.swiper {width:100%;margin:0rem !important;} 
}

/* ==============================
Mobile (max-width: 480px)
============================== */
@media (max-width: 480px) {
html { font-size: 50%; } 
#title .desc h2 {font-size:4.8rem;line-height:1.2;}
#intro{padding:0 2rem}
h2 br,p br{display: none;}  
.gallery {gap:1.5rem; padding:0;width: calc(100% + 1.5rem); margin-right: -1.5rem;} 
.gallery-item { flex: 0 0 calc(50% - 1.2rem);}  
}