.index-page .header{opacity:0;pointer-events:none;transition:opacity 0.5s ease}.index-page .header .site-logo{display:none}.index-page .header .modal-menu-btn{opacity:0}.index-page.modal-menu-open .header{pointer-events:all;opacity:1}.index-page.modal-menu-open .header .modal-menu-btn{opacity:1}.index-page.modal-menu-open.scrolled-main-visual .header .modal-menu-btn{opacity:1}@media (min-width: 768px){.index-page .footer-full{min-height:100vh;margin-top:0;padding:120px 0;display:flex;width:100%;align-items:center}}.inner{max-width:1168px;margin:0 auto;width:calc(100% - 40px )}@media (min-width: 768px){.inner{width:92%}}.main_visual{position:relative;height:100vh;height:100dvh;width:100%}.main_visual .img-wrapper{position:absolute;width:100%;height:100%;top:0;left:0}.main_visual .img-wrapper img{width:100%;height:100%;object-fit:cover;object-position:center}.main_visual .mv-nav{position:absolute;left:20px;top:145px}.main_visual .mv-nav .logo{width:33vw;max-width:180px;opacity:0;transform:translateY(20px);transition:all 0.7s ease-in-out}.is-loaded .main_visual .mv-nav .logo{opacity:1;transform:translateY(0)}@media (min-width: 768px){.main_visual .mv-nav .logo{width:45vw}}.main_visual .mv-nav .logo svg{width:100%;height:auto}.main_visual .mv-nav .mv-nav-list{margin-top:10px;opacity:0;transform:translateY(20px);transition:all 0.7s ease-in-out}.is-loaded .main_visual .mv-nav .mv-nav-list{opacity:1;transform:translateY(0)}.main_visual .mv-nav .mv-nav-item{margin-bottom:10px}.main_visual .mv-nav .mv-nav-item a{color:#f7f6f2;font-family:"Open Sans",sans-serif;font-size:16px;line-height:1;position:relative;padding-bottom:5px;display:inline-block}.main_visual .mv-nav .mv-nav-item a::before{content:"";background-color:#f7f6f2;bottom:0;left:0;height:1px;position:absolute;width:100%;width:0;transition:width 0.8s ease-in-out;transition-delay:0.8s}.is-loaded .main_visual .mv-nav .mv-nav-item a::before{width:100%}.main_visual .mv-nav .mv-nav-item a:hover{opacity:1}.main_visual .mv-nav .mv-nav-item a:hover::before{animation:underline-animation 0.8s infinite}@media (min-width: 768px){.main_visual .mv-nav{top:50%;transform:translateY(-88%);right:60%}.main_visual .mv-nav .logo{width:300px;margin:0 auto}.main_visual .mv-nav .mv-nav-list{margin-top:16px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:16px}.main_visual .mv-nav .mv-nav-item{margin-bottom:0}.main_visual .mv-nav .mv-nav-item a{font-size:18px}}.top-fixed-block .sns-links{position:fixed;top:16px;left:20px;color:#f7f6f2;z-index:100;transform:translateY(-200%);transition:transform 0.9s ease-in-out;transition-delay:0.5s}.is-loaded .top-fixed-block .sns-links{opacity:1;transform:translateY(0%)}@media (max-width: 349px){.top-fixed-block .sns-links{left:12px;top:10px}}.top-fixed-block .sns-links .sns-links-list{margin:0;flex-wrap:wrap;display:flex;gap:8px 10px;line-height:1;align-items:center}@media (max-width: 767px){.top-fixed-block .sns-links .sns-links-list{max-width:calc(100vw - 120px)}}@media (max-width: 349px){.top-fixed-block .sns-links .sns-links-list{gap:0 5px}}.top-fixed-block .sns-links .sns-links-list li{padding:0 3px;margin:0}.top-fixed-block .sns-links .sns-links-list li a:not(.btn){font-size:0;width:auto;height:auto;border:none;color:#fff}.top-fixed-block .sns-links .sns-links-list li a:not(.btn) .sns-icon i{font-size:20px}.top-fixed-block .sns-links .sns-links-list li a:not(.btn) .sns-icon img,.top-fixed-block .sns-links .sns-links-list li a:not(.btn) .sns-icon svg{width:25px;height:25px}@media (min-width: 768px){.top-fixed-block .sns-links .sns-links-list li a:not(.btn) .sns-icon i{font-size:25px}.top-fixed-block .sns-links .sns-links-list li a:not(.btn) .sns-icon svg,.top-fixed-block .sns-links .sns-links-list li a:not(.btn) .sns-icon img{width:30px;height:30px}}.top-fixed-block .sns-links .sns-links-list li a:not(.btn) svg path{transition:all 0.3s;fill:#fff}.top-fixed-block .sns-links .sns-links-list li a:not(.btn) img{filter:none}.scrolled-main-visual .top-fixed-block .sns-links .sns-links-list li a:not(.btn){color:#bc1e69}.scrolled-main-visual .top-fixed-block .sns-links .sns-links-list li a:not(.btn) img{filter:invert(100%) invert(20%) sepia(86%) saturate(4190%) hue-rotate(320deg) brightness(69%) contrast(92%)}.scrolled-main-visual .top-fixed-block .sns-links .sns-links-list li a:not(.btn) svg path{fill:#bc1e69}.top-fixed-block .top-fixed-menu{z-index:100;position:fixed;top:16px;right:20px;text-align:right;transform:translateY(-180%);transition:transform 0.9s ease-in-out;transition-delay:0.4s}.is-loaded .top-fixed-block .top-fixed-menu{opacity:1;transform:translateY(0%)}@media (max-width: 349px){.top-fixed-block .top-fixed-menu{right:12px;top:12px}}.top-fixed-block .top-fixed-menu .menu-item{margin-bottom:16px;color:#f7f6f2;font-family:"Open Sans",sans-serif;font-size:18px;line-height:1;cursor:pointer;transition:color 0.3s}@media (max-width: 767px){.top-fixed-block .top-fixed-menu .menu-item{text-shadow:1px 1px 1px rgba(18,18,18,0.16)}}.top-fixed-block .top-fixed-menu .menu-item:hover{opacity:0.7}.scrolled-main-visual .top-fixed-block .top-fixed-menu .menu-item{color:#bc1e69}.top-fixed-block .top-fixed-menu .menu-item a:not(.btn){color:#f7f6f2}.scrolled-main-visual .top-fixed-block .top-fixed-menu .menu-item a:not(.btn){color:#bc1e69}.swiper-banner{width:100%;opacity:0;transform:translateY(50%);transition:all 1s ease-in-out;transition-delay:0.8s;margin-top:-14vh}.swiper-banner .swiper-container{overflow:visible}@media (min-width: 768px){.swiper-banner{margin-top:-10%}}.is-loaded .swiper-banner{transform:translateY(0);opacity:1}.banner-wrapper{margin-bottom:48px}.banner{padding:2% 0;position:relative}@media (min-width: 768px){.banner .swiper-wrapper:has(>:nth-child(-n+3):last-child){justify-content:center}.banner .swiper-wrapper:has(>:nth-child(-n+3):last-child) .swiper-slide{width:33.3333%}}@media (max-width: 767px){.banner .swiper-wrapper:has(>:nth-child(-n+1):last-child){justify-content:center}.banner .swiper-wrapper:has(>:nth-child(-n+1):last-child) .swiper-slide{width:92%}}.banner .swiper-slide.prev-active{opacity:0}.banner .banner-item{position:relative}.banner .banner-item:nth-of-type(1){z-index:10}.banner .banner-item:nth-of-type(2){z-index:9}.banner .banner-item:nth-of-type(3){z-index:8}.banner .banner-item:nth-of-type(4){z-index:7}.banner .banner-item:nth-of-type(5){z-index:6}.banner .banner-item:nth-of-type(6){z-index:5}.banner .banner-item:nth-of-type(7){z-index:4}.banner .banner-item:nth-of-type(8){z-index:3}.banner .banner-item:nth-of-type(9){z-index:2}.banner .banner-item:nth-of-type(10){z-index:1}.banner .banner-item a{padding-top:66.6666%;position:relative;border-radius:10px;overflow:hidden;top:0;left:0;display:block;width:100%}.banner .banner-item a:hover{opacity:1}@media (min-width: 768px){.banner .banner-item a:hover{transform:scale(1.05)}}.banner .banner-item a img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center}.banner .banner-item:nth-of-type(4n+1){transform:rotate(-6deg)}.banner .banner-item:nth-of-type(4n+2){transform:rotate(10deg)}.banner .banner-item:nth-of-type(4n+3){transform:rotate(-9deg)}.banner .banner-item:nth-of-type(4n+4){transform:rotate(6deg)}.main-content{position:relative}.main-content .no-content{text-align:center}.main-content .corner-title{display:flex;justify-content:center;gap:10px}@media (min-width: 768px){.main-content .corner-title{align-items:center}.main-content .corner-title h2{font-size:62px}}.main-content .corner-title .read-more{margin:0}.main-content .corner-title .read-more a{box-shadow:none;vertical-align:middle;background:transparent;color:#bc1e69;padding:0;position:relative;min-width:auto;border-radius:0;font-size:14px;font-style:inherit;font-family:"Poppins",sans-serif;font-weight:bold;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;zoom:1;height:100%}@media (max-width: 767px){.main-content .corner-title .read-more a{padding-left:12px;line-height:1;width:45px;text-align:left;display:flex;white-space:nowrap;align-items:center}}@media (min-width: 768px){.main-content .corner-title .read-more a{font-size:12px;height:auto;writing-mode:vertical-rl;text-orientation:mixed}}.main-content .corner-title .read-more a::after{content:none}.main-content .corner-title .read-more a::before{content:"";position:absolute;top:0;transform:none;width:1px;background:#bc1e69;height:100%;z-index:1;padding:0}.main-content .corner-title .read-more a:hover::before{animation:viewmore-animation 0.8s infinite}.main-content .section-news,.main-content .section-fanclub{width:100%}@media (min-width: 992px){.main-content .section-news .content-list ul,.main-content .section-fanclub .content-list ul{display:flex;gap:182px;gap:calc(182 / 1366 * 100vw)}.main-content .section-news .content-list ul li,.main-content .section-fanclub .content-list ul li{flex:1;position:relative;border:none}.main-content .section-news .content-list ul li+li::before,.main-content .section-fanclub .content-list ul li+li::before{content:"";position:absolute;width:1px;background-color:#707070;display:block;height:100%;left:calc(-91 / 1366 * 100vw);top:0;bottom:0}.main-content .section-news .content-list ul li:nth-of-type(4),.main-content .section-news .content-list ul li:nth-of-type(5),.main-content .section-fanclub .content-list ul li:nth-of-type(4),.main-content .section-fanclub .content-list ul li:nth-of-type(5){display:none}.main-content .section-news .content-list ul li a:not(.btn),.main-content .section-fanclub .content-list ul li a:not(.btn){padding:0}}@media (min-width: 1200px){.main-content .section-news .content-list ul,.main-content .section-fanclub .content-list ul{gap:182px}.main-content .section-news .content-list ul li+li::before,.main-content .section-fanclub .content-list ul li+li::before{left:-91px}}.main-content .section-news{padding:60px 0}.main-content .section-fanclub{position:relative;padding:60px 0}.main-content .section-fanclub .inner{position:relative}.main-content .section-fanclub::before{content:"";position:absolute;left:50%;transform:translateX(-50%);top:0;bottom:0;width:100vw;background-color:#8acbd8}@media (max-width: 767px){.main-content .section-fanclub .corner-title{text-align:left}}.main-content .section-fanclub .corner-title .read-more a:not(.btn)::before{background-color:#bc1e69}.main-content .section-fanclub .content-list{margin-bottom:16px}@media (min-width: 768px){.main-content .section-fanclub .content-list{margin-bottom:60px}}.main-content .section-fanclub .content-list ul a{color:#fff}.main-content .section-fanclub .content-list ul li{border-color:#fff}.main-content .section-fanclub .content-list ul li .read-more::before{background-color:#fff}.main-content .section-fanclub .content-list ul li+li::before{background-color:#fff}.main-content .section-fanclub .read-more a:not(.btn):hover{color:#bc1e69}.main-content .section-fanclub .read-more a:not(.btn)::before{background-color:#fff}.main-content .section-fanclub .read-more a:not(.btn)::after{background-color:#fff}.main-content .section-live,.main-content .section-movie,.main-content .section-fc-cta{background-color:#f7f6f2}@media (min-width: 768px){.main-content .section-live,.main-content .section-movie,.main-content .section-fc-cta{padding:60px 0;min-height:100vh;min-height:100dvh;display:flex;align-items:center}}.main-content .section-music{background-color:#f7f6f2;padding:60px 0}.main-content .section-live{position:relative;overflow-y:hidden}@media (max-width: 767px){.main-content .section-live{padding:64px 0}}@media (min-width: 768px){.main-content .section-live .live-container{display:flex;justify-content:space-between}}.main-content .section-live .corner-title{position:relative;z-index:3}.main-content .section-live .live-link{display:block;position:relative;z-index:4}@media (min-width: 768px){.main-content .section-live .live-link{width:60%}}.main-content .section-live .tour-bg{position:absolute;top:0;bottom:0;width:100vw;left:50%;transform:translateX(-50%);-ms-filter:blur(50px);filter:blur(50px)}.main-content .section-live .tour-bg img{width:100%;height:100%;object-fit:cover;object-position:center}@media (max-width: 767px){.main-content .section-movie{padding:64px 0 38px}}@media (max-width: 767px){.main-content .section-movie .swiper-movie{margin-left:-20px;margin-right:-20px}}.main-content .section-movie .swiper-movie .swiper-slide{transition:all 0.3s ease;transform:scale(0.8);transform-origin:100% 50%;opacity:0.6}.main-content .section-movie .swiper-movie .swiper-slide.swiper-slide-active{transform:scale(1);opacity:1;z-index:2}.main-content .section-movie .swiper-movie .swiper-slide.swiper-slide-active+.swiper-slide{transform-origin:0% 50%}.main-content .section-movie .swiper-action{display:flex;justify-content:space-between;margin:0 auto;width:82.95739348%}@media (min-width: 768px){.main-content .section-movie .swiper-action{width:65.91304348%}}.main-content .section-movie .swiper-action .swiper-button{background-color:transparent;border:none;font-size:0;width:48px;height:16px;background-image:url(/assets/whitejam/app/slide-arrow-51de4908fe24c379bbe15985c2c313d8.png);background-size:contain;background-repeat:no-repeat;background-position:center;position:static;transform:none}.main-content .section-movie .swiper-action .swiper-button::after{content:none}.main-content .section-movie .swiper-action .swiper-button.swiper-button-next{transform:scale(-1, 1)}.main-content .section-fc-cta{background-image:url(/assets/whitejam/app/about_fc/bg-feature01-919c6e98b7bdb22c48b1d9374ac49240.png),url(/assets/whitejam/app/about_fc/bg-feature02-196a7b1ce2982df0fbbf5af5af9c41cd.png);background-size:54px auto,54px auto;background-repeat:repeat-y,repeat-y;background-position:left top,right top}@media (max-width: 767px){.main-content .section-fc-cta{padding-bottom:80px;padding-top:64px}}@media (min-width: 768px){.main-content .section-fc-cta{background-size:120px auto,120px auto}}@media (min-width: 768px){.main-content .section-fc-cta .fc-cta-container{display:flex;justify-content:center;gap:5%}}.main-content .section-fc-cta .fc-cta-container .fc-cta-image{max-width:100%;width:230px}@media (max-width: 767px){.main-content .section-fc-cta .fc-cta-container .fc-cta-image{margin:0 auto;margin-bottom:20px}}@media (min-width: 768px){.main-content .section-fc-cta .fc-cta-container .fc-cta-image{width:30%;flex-shrink:0;margin-bottom:0}}.main-content .section-fc-cta .fc-cta-container .fc-cta-image img{width:100%;height:100%;object-fit:contain;object-position:center}.main-content .section-fc-cta .fc-cta-container .fc-cta-text{text-align:center}.main-content .section-fc-cta .fc-cta-container .fc-cta-text .fc-cta-title{line-height:1}@media (min-width: 768px){.main-content .section-fc-cta .fc-cta-container .fc-cta-text .fc-cta-title{line-height:1.2;font-size:46px}}.main-content .section-fc-cta .fc-cta-container .fc-cta-text .fc-cta-title span{font-size:1em;margin:0;display:inline-block;line-height:1}.main-content .section-fc-cta .fc-cta-container .fc-cta-text .fc-cta-title span::before{content:none;padding:0}.main-content .section-fc-cta .fc-cta-container .fc-cta-text .fc-cta-title .title-top{color:#8acbd8;text-shadow:2px 2px 0 #bc1e69}@media (max-width: 767px){.main-content .section-fc-cta .fc-cta-container .fc-cta-text .fc-cta-title .title-top{font-size:32px}}.main-content .section-fc-cta .fc-cta-container .fc-cta-text .fc-cta-title .title-bottom{color:#bc1e69;text-shadow:2px 2px 0 #8acbd8}@media (max-width: 767px){.main-content .section-fc-cta .fc-cta-container .fc-cta-text .fc-cta-title .title-bottom{font-size:36px;text-shadow:none}}.main-content .section-fc-cta .fc-cta-container .fc-cta-text .fc-cta-lead{font-size:20px;font-weight:bold;text-align:center;line-height:1.75}.main-content .section-fc-cta .fc-cta-container .fc-cta-text .fc-cta-lead .read-more a:not(.btn)::before{background-color:#bc1e69}.main-content .section-fc-cta .fc-cta-container .fc-cta-text .fc-cta-lead .read-more a:not(.btn)::after{background-color:#bc1e69}@media (min-width: 768px){.main-content .section-fc-cta .fc-cta-container .fc-cta-text .fc-cta-lead{font-size:24px}}.main-content .section-fc-cta .fc-cta-container .read-more{margin-bottom:60px}.main-content .section-fc-cta .fc-cta-container .read-more a:not(.btn){line-height:1.4;background-color:#8acbd8}.main-content .section-music{padding:0}@media (min-width: 768px){.main-content .section-music .music-container{display:flex;width:100%}}.main-content .section-music .container-text{display:flex;align-items:center;flex-direction:column;justify-content:center}@media (min-width: 768px){.main-content .section-music .container-text{width:42%;padding-left:calc((100vw - 1168px)/2 )}}.main-content .section-music .container-text .corner-title{text-align:center}.main-content .section-music .container-text .music-title-list{width:100%}@media (max-width: 767px){.main-content .section-music .container-text .music-title-list{display:flex}}.main-content .section-music .container-text .music-title-item{font-size:16px;font-weight:bold;padding:8px 24px;background-color:rgba(138,203,216,0.1);position:relative}.main-content .section-music .container-text .music-title-item::before{content:"";position:absolute;top:0;bottom:0;left:0;width:0;background-color:#8acbd8;transition:width 0.3s ease}.main-content .section-music .container-text .music-title-item span{position:relative;transition:color 0.3s ease}@media (max-width: 767px){.main-content .section-music .container-text .music-title-item{flex:1;text-align:center;display:flex;align-items:center;justify-content:center;padding:26px 10px}}@media (min-width: 768px){.main-content .section-music .container-text .music-title-item{margin-bottom:32px;font-size:24px}}.main-content .section-music .container-text .music-title-item:nth-last-of-type(1){margin-bottom:0}.main-content .section-music .container-text .music-title-item.current span{color:#fff}.main-content .section-music .container-text .music-title-item.current::before{width:100%}.main-content .section-music .container-thumb{overflow:hidden;position:relative;height:123vw;height:123dvw;padding:40px 20px;max-height:436px}@media (min-width: 768px){.main-content .section-music .container-thumb{width:58%;height:100vh;height:100dvh;max-height:none}}.main-content .section-music .container-thumb .music-thumb-item{display:flex;align-items:center;flex-direction:column;justify-content:center;position:absolute;gap:20px;top:0;bottom:0;left:0;right:0;opacity:0;transition:opacity 0.8s ease;pointer-events:none}@media (min-width: 768px){.main-content .section-music .container-thumb .music-thumb-item{gap:40px}}.main-content .section-music .container-thumb .music-thumb-item .thumb-img{position:relative;width:70%;margin:0 auto;max-width:460px;transform:translateY(20px);transition:all 0.8s ease}.main-content .section-music .container-thumb .music-thumb-item .thumb-img .js-scroll{opacity:0;transform:translateY(20px)}.main-content .section-music .container-thumb .music-thumb-item .thumb-img .js-scroll.is-scroll{opacity:1;transform:translateY(0px)}@media (max-width: 767px){.main-content .section-music .container-thumb .music-thumb-item .thumb-img{max-width:296px;width:80%}}.main-content .section-music .container-thumb .music-thumb-item .background{position:absolute;top:0;bottom:0;left:0;right:0;-ms-filter:blur(50px);filter:blur(50px)}.main-content .section-music .container-thumb .music-thumb-item .background img{width:100%;height:100%;object-fit:cover;object-position:center}.main-content .section-music .container-thumb .music-thumb-item .read-more a:not(.btn){transform:translateY(20px);transition:all 0.8s ease;transition-delay:0.5s;opacity:0;background-color:#8acbd8;min-width:148px;font-size:14px;padding:7px 10px;position:relative;overflow:hidden}.main-content .section-music .container-thumb .music-thumb-item .read-more a:not(.btn)::before{background-color:#bc1e69}.main-content .section-music .container-thumb .music-thumb-item .read-more a:not(.btn)::after{background-color:#bc1e69}@media (min-width: 768px){.main-content .section-music .container-thumb .music-thumb-item .read-more a:not(.btn){min-width:226px;padding:10px 10px;font-size:19px}}.main-content .section-music .container-thumb .music-thumb-item.current{opacity:1;pointer-events:all}.main-content .section-music .container-thumb .music-thumb-item.current .thumb-img.js-scroll.is-scroll{transform:translateY(0);opacity:1}.main-content .section-music .container-thumb .music-thumb-item.current .read-more a:not(.btn){opacity:1;transform:translateY(0)}@keyframes underline-animation{0%{width:0}100%{width:100%}}@keyframes viewmore-animation{0%{transform:translateY(100%)}100%{transform:translateY(-100%)}}
