.promo-card .title-box .subtitle{font-size:.875rem;font-weight:500;line-height:1.5;letter-spacing:1px}@media only screen and (max-width: 1024px){.promo-card .title-box .subtitle{font-size:.8125rem}}.text-box .subtitle{font-size:1.125rem;font-weight:400;line-height:1.5;letter-spacing:1px}@media only screen and (max-width: 1024px){.text-box .subtitle{font-size:.9375rem}}.text-box .title{font-size:3rem;font-weight:400;line-height:1.3;letter-spacing:1px}@media only screen and (max-width: 1024px){.text-box .title{font-size:2.0625rem}}section.book dropdown-el:not([d4-value=""]) .select-display,.promo-card .title-box .title,.campaign-card .content-main .title,.brand-card .content-main .title,.book-wrapper .promo,.book-wrapper .in-date,.book-wrapper .leave-date{font-size:1.25rem;font-weight:500;line-height:1.5;letter-spacing:1px}@media only screen and (max-width: 1024px){section.book dropdown-el:not([d4-value=""]) .select-display,.promo-card .title-box .title,.campaign-card .content-main .title,.brand-card .content-main .title,.book-wrapper .promo,.book-wrapper .in-date,.book-wrapper .leave-date{font-size:1.125rem}}section.book dropdown-el .dropdown .dropdown-list>li,section.book dropdown-el .select-display,.text-box .desc,.promo-card .desc,.campaign-card .content-main .desc,.brand-card .content-main .desc,.book-wrapper .promo::placeholder,.book-wrapper .in-date::placeholder,.book-wrapper .leave-date::placeholder,.book-wrapper .book-selector .label{font-size:1rem;font-weight:400;line-height:1.8;letter-spacing:1px}@media only screen and (max-width: 1024px){section.book dropdown-el .dropdown .dropdown-list>li,section.book dropdown-el .select-display,.text-box .desc,.promo-card .desc,.campaign-card .content-main .desc,.brand-card .content-main .desc,.book-wrapper .promo::placeholder,.book-wrapper .in-date::placeholder,.book-wrapper .leave-date::placeholder,.book-wrapper .book-selector .label{font-size:.875rem}}.campaign-card .content-header .date{font-size:.875rem;font-weight:700;line-height:1;letter-spacing:1px}@media only screen and (max-width: 1024px){.campaign-card .content-header .date{font-size:.75rem}}.promo-card .img-box .tag,.campaign-card .content-header .category.ellipsis span,.campaign-card .content-header .category,.campaign-card .img-box .tag,.brand-card .content-header .area-item.ellipsis span,.brand-card .content-header .area-item{font-size:.875rem;font-weight:500;line-height:1.5;letter-spacing:1px}@media only screen and (max-width: 1024px){.promo-card .img-box .tag,.campaign-card .content-header .category.ellipsis span,.campaign-card .content-header .category,.campaign-card .img-box .tag,.brand-card .content-header .area-item.ellipsis span,.brand-card .content-header .area-item{font-size:.75rem}}.book-wrapper{padding:20px 30px;display:flex;align-items:stretch;gap:clamp(1.875rem,-1.25rem + 4.1667vw,3.75rem);background:#3131310d}.book-wrapper .selectors{flex-grow:1;display:flex;align-items:center;gap:40px}.book-wrapper .book-selector{position:relative;display:flex;gap:20px;align-items:center;width:calc((100% - 120px) / 3);height:100%}.book-wrapper .book-selector .label{line-height:1.5;flex-shrink:0}.book-wrapper .book-selector .input-wrapper{position:relative;flex-grow:1;display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer}.book-wrapper .book-selector .icon-box{width:12px;height:12px;font-size:.75rem;cursor:pointer;transition:transform .4s}.book-wrapper .book-selector:not(:last-child):after{position:absolute;top:0;bottom:0;right:-20px;background:var(--text-color-o2);width:1px;height:100%;display:block;content:""}.book-wrapper .in-date,.book-wrapper .leave-date{font-size:1rem;font-weight:500;line-height:1.5;letter-spacing:1px;display:block;padding:0;width:calc(100% - 12px);border:none;background-color:transparent;min-width:0;color:var(--base-color);cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.book-wrapper .in-date::placeholder,.book-wrapper .leave-date::placeholder{font-size:1rem;font-weight:500;line-height:1.5;color:var(--text-color-o5);text-overflow:ellipsis}.book-wrapper .in-date.active+.icon-box,.book-wrapper .leave-date.active+.icon-box{transform:scaleY(-1)}.book-wrapper .promo{font-size:1rem;padding:0;width:100%;border:none;background-color:transparent;min-width:0;color:var(--base-color)}.book-wrapper .promo::placeholder{color:var(--text-color-o5)}.book-wrapper .promo+span{position:absolute;left:0;bottom:-6px;display:block;background:var(--text-color-o2);width:100%;height:1px;content:""}@media only screen and (max-width: 1200px){.book-wrapper{padding:15px;gap:15px}.book-wrapper .selectors{gap:30px}.book-wrapper .book-selector{gap:10px;width:calc((100% - 60px) / 3)}.book-wrapper .book-selector:not(:last-child):after{right:-15px}}@media only screen and (max-width: 1024px){.book-wrapper .in-date,.book-wrapper .leave-date{font-size:.875rem}.book-wrapper .in-date::placeholder,.book-wrapper .leave-date::placeholder{font-size:.875rem}.book-wrapper .promo{font-size:.875rem}}@media only screen and (max-width: 900px){.book-wrapper{flex-direction:column;padding:30px calc(var(--side-pixels) * 1px + (100vw - var(--side-pixels) * 2px) / 20);gap:30px}.book-wrapper .selectors{flex-direction:column}.book-wrapper .book-selector{gap:30px;width:100%}.book-wrapper .book-selector:not(:last-child):after{right:0;left:0;top:initial;bottom:-15px;width:100%;height:1px}}@media only screen and (max-width: 575px){.book-wrapper{padding:30px}}.intro-wrapper{position:fixed;top:0;left:0;z-index:99;display:none;width:100vw;height:100dvh;transition:opacity 1s}.intro-wrapper.show{display:block}.intro-wrapper.load{opacity:0}.intro-wrapper .container{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.intro-wrapper .bg{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%}.intro-wrapper .bg img,.intro-wrapper .bg video{width:100%;height:100%;object-fit:cover}.intro-wrapper .intro-content{display:flex;flex-direction:column;align-items:center;gap:80px}.intro-wrapper .logo{width:180px;aspect-ratio:180/120}.intro-wrapper .logo img{width:100%;height:100%;object-fit:cover}.intro-wrapper .button-group{display:flex;align-items:stretch;gap:15px}.intro-wrapper .common-button{width:200px}@media only screen and (max-width: 900px){.intro-wrapper .logo{width:150px}.intro-wrapper .button-group{flex-direction:column}}.brand-card{display:flex;flex-direction:column;gap:30px;width:100%}.brand-card .img-box{position:relative;width:100%;overflow:hidden}.brand-card .img-box:after{display:block;padding-top:66.6666666667%;content:""}.brand-card .img-box.is-hover .hover-img{z-index:2;opacity:1}.brand-card .img-box.is-hover .error{opacity:0;z-index:-1}.brand-card .img-box img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .4s,opacity .4s,z-index .4s}.brand-card .img-box img.img{z-index:1}.brand-card .img-box img.hover-img{z-index:0;opacity:0}.brand-card .img-box img.default-img{z-index:0}.brand-card .img-box img.error{opacity:0;z-index:-1}.brand-card .content-box{display:flex;flex-direction:column;align-items:flex-start;gap:30px;width:100%}.brand-card .content{display:flex;flex-direction:column;gap:10px;width:100%}.brand-card .content-header .area{display:flex;align-items:center;gap:23px;overflow:hidden;white-space:nowrap}.brand-card .content-header .area-item{position:relative;flex-shrink:0;display:inline-flex}.brand-card .content-header .area-item:not(:first-child):before{position:absolute;left:-13px;top:50%;transform:translate3d(0,-50%,0);display:block;background:var(--text-color);width:3px;height:3px;pointer-events:none;opacity:.5;content:""}.brand-card .content-header .area-item.ellipsis{flex:1 0 0;text-overflow:ellipsis}.brand-card .content-header .area-item.ellipsis span{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;white-space:normal}.brand-card .content-main{display:flex;flex-direction:column;align-items:start;gap:10px;text-align:left}.brand-card .content-main .title{font-size:1.375rem;display:block;max-width:100%}.brand-card .content-main .desc{font-size:.875rem}.brand-card .content-main .title-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brand-card .content-main .desc{display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:3}.brand-card .card-button:after{width:0;transition:width .4s}@media only screen and (min-width: 1201px){.brand-card:hover .card-button:after{width:100%}.brand-card .img-box:hover img.hover-img:not(.error){opacity:1;z-index:2}}@media only screen and (max-width: 1200px){.brand-card .card-button:after{width:100%}}@media only screen and (max-width: 1024px){.brand-card .content-main .title{font-size:1.125rem}.brand-card .content-main .desc{font-size:.875rem}}@media only screen and (max-width: 575px){.brand-card,.brand-card .content-box{gap:20px}.brand-card .content{gap:5px}.brand-card .content-main .title-text{display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:initial}}.campaign-card{display:flex;flex-direction:column;gap:30px;width:100%;opacity:0}.campaign-card .img-box{position:relative;width:100%;overflow:hidden}.campaign-card .img-box:after{display:block;padding-top:66.6666666667%;content:""}.campaign-card .img-box img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .4s}.campaign-card .img-box .tag{position:absolute;top:0;left:0;z-index:2;display:block;padding:10px 30px 10px 10px;color:#fff;background:linear-gradient(90deg,var(--tag-bg-color) 85%,rgba(72,93,66,0) 100%)}.campaign-card .content-box{display:flex;flex-direction:column;align-items:flex-start;gap:30px;width:100%}.campaign-card .content{display:flex;flex-direction:column;gap:20px;width:100%}.campaign-card .content-header{display:flex;align-items:center;justify-content:space-between;gap:30px;width:100%}.campaign-card .content-header .categories{flex-grow:1;display:flex;align-items:center;justify-content:end;gap:23px;overflow:hidden;white-space:nowrap}.campaign-card .content-header .categories[data-cate-color=base]{color:var(--base-color)}.campaign-card .content-header .categories[data-cate-color=base] .category:before{background:var(--base-color)}.campaign-card .content-header .categories[data-cate-color=sub]{color:var(--sub-color)}.campaign-card .content-header .categories[data-cate-color=sub] .category:before{background:var(--sub-color)}.campaign-card .content-header .categories[data-cate-color=dark]{color:var(--dark-color)}.campaign-card .content-header .categories[data-cate-color=dark] .category:before{background:var(--dark-color)}.campaign-card .content-header .categories[data-cate-color=light]{color:var(--light-color)}.campaign-card .content-header .categories[data-cate-color=light] .category:before{background:var(--light-color)}.campaign-card .content-header .date{flex-shrink:0}.campaign-card .content-header .category{position:relative;flex-shrink:0;display:inline-flex}.campaign-card .content-header .category:not(:first-child):before{position:absolute;left:-13px;top:50%;transform:translate3d(0,-50%,0);display:block;width:3px;height:3px;pointer-events:none;opacity:.2;content:""}.campaign-card .content-header .category.ellipsis{flex:1 0 0;text-overflow:ellipsis}.campaign-card .content-header .category.ellipsis span{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;white-space:normal}.campaign-card .content-main{display:flex;flex-direction:column;align-items:start;gap:10px;text-align:left}.campaign-card .content-main .desc{font-size:.875rem}.campaign-card .content-main .title-text,.campaign-card .content-main .desc{display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}.campaign-card .card-button:after{width:0;transition:width .4s}@media only screen and (min-width: 1201px){.campaign-card:hover .card-button:after{width:100%}.campaign-card .img-box:hover img{transform:scale(1.05)}}@media only screen and (max-width: 1200px){.campaign-card .card-button:after{width:100%}}@media only screen and (max-width: 575px){.campaign-card,.campaign-card .content-box{gap:20px}.campaign-card .content-header .categories{gap:15px}.campaign-card .content-header .category:not(:first-child):before{left:-10px}}.promo-card{display:flex;flex-direction:column;gap:30px;width:100%}.promo-card .img-box{position:relative;width:100%;overflow:hidden}.promo-card .img-box:after{display:block;padding-top:66.6666666667%;content:""}.promo-card .img-box img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .4s}.promo-card .img-box .tag{position:absolute;top:0;left:0;z-index:2;display:block;padding:10px 30px 10px 10px;color:#fff;background:linear-gradient(90deg,var(--tag-bg-color) 85%,rgba(72,93,66,0) 100%)}.promo-card .content-box{display:flex;flex-direction:column;align-items:flex-start;gap:30px;width:100%}.promo-card .content{display:flex;flex-direction:column;gap:10px;width:100%}.promo-card .title-box{display:flex;align-items:center;justify-content:space-between;gap:15px}.promo-card .title-box .title{font-size:1.375rem}.promo-card .title-box .subtitle{flex-shrink:0}.promo-card .desc{font-size:.875rem}.promo-card .title-box .title h4,.promo-card .title-box .subtitle,.promo-card .desc{display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}.promo-card .card-button:after{width:0;transition:width .4s}@media only screen and (min-width: 1201px){.promo-card:hover .card-button:after{width:100%}.promo-card .img-box:hover img{transform:scale(1.05)}}@media only screen and (max-width: 1200px){.promo-card .desc,.promo-card .card-button{opacity:1}.promo-card .card-button:after{width:100%}}@media only screen and (max-width: 1024px){.promo-card .title-box .title{font-size:1.125rem}}@media only screen and (max-width: 575px){.promo-card,.promo-card .content-box{gap:20px}}.text-box{display:flex;flex-direction:column;align-items:flex-start}.text-box .subtitle{margin-bottom:20px}.text-box .title{margin-bottom:10px}.text-box .desc{font-size:.875rem}.text-box .subtitle:only-child{margin-bottom:0}.text-box>.title:not(:has(+.desc)){margin-bottom:0}.text-box>a:has(.title):not(:has(+.desc)) .title{margin-bottom:0}section.welcome{height:calc(100dvh - var(--nav-height));position:relative}section.welcome .container{display:flex;align-items:center;justify-content:center;width:100%;height:100%}section.welcome .bg{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%}section.welcome .bg img,section.welcome .bg video{width:100%;height:100%;object-fit:cover}section.welcome .img-wrapper{display:flex;align-items:center;gap:30px;width:100%;height:100%}section.welcome .img-box{width:100%;height:100%}section.welcome .img-box img{width:100%;height:100%;object-fit:cover}@media only screen and (min-width: 1921px){section.welcome{height:83.3333333333dvh}}@media only screen and (max-width: 900px){section.welcome{height:500px}section.welcome .img-wrapper{flex-direction:column;gap:15px}}section.book .container{--side-pixels: 60;--total-max-width: calc(1560 + var(--side-pixels) * 2);padding-left:calc(var(--side-pixels) * 1px);padding-right:calc(var(--side-pixels) * 1px);max-width:calc(var(--total-max-width) * 1px);width:100%;margin:0 auto;display:grid;grid-template-columns:repeat(52,1fr);padding-top:60px;padding-bottom:120px}section.book .container>*{grid-column:1/-1}@media only screen and (min-width: 1921px){section.book .container{padding-left:calc(var(--side-pixels) / 1920 * 100vw);padding-right:calc(var(--side-pixels) / 1920 * 100vw);max-width:calc(var(--total-max-width) / 1920 * 100vw)}}@media only screen and (max-width: 1024px){section.book .container{--side-pixels: 40}}@media only screen and (max-width: 900px){section.book .container{grid-template-columns:repeat(23,1fr)}}@media only screen and (max-width: 768px){section.book .container{--side-pixels: 30}}@media only screen and (max-width: 575px){section.book .container{--side-pixels: 20}}section.book .container .common-button{min-width:150px;line-height:1.5}section.book .book-wrapper{background:#5b59540d}section.book .book-wrapper .book-selector{flex-grow:1}section.book .book-wrapper .book-selector:first-child{flex-shrink:0;width:370px}section.book dropdown-el{position:initial}section.book dropdown-el .select-wrapper{background-color:transparent;min-height:initial;padding:0}section.book dropdown-el .select-display{color:var(--text-color-o5)}section.book dropdown-el .icon-angle-down{font-size:.75rem;transition:transform .4s}section.book dropdown-el .dropdown{top:calc(100% + 20px);left:-30px;width:calc(100% + 60px)}section.book dropdown-el .dropdown .dropdown-list{text-align:center}section.book dropdown-el .dropdown .dropdown-list>li:nth-child(odd){background:#5b59540d}section.book dropdown-el .dropdown .dropdown-list>li:not(.has-sublayer):hover,section.book dropdown-el .dropdown .dropdown-list>li:not(.has-sublayer).active{background:var(--text-color);color:var(--reverse-color)}section.book dropdown-el[d4-status=open] .icon-angle-down{transform:scaleY(-1)}section.book dropdown-el[d4-status=open] .dropdown{border-top:1px solid var(--text-color-o2)}section.book dropdown-el:not([d4-value=""]) .select-display{font-size:1rem;color:var(--base-color)}@media only screen and (min-width: 1201px){section.book .common-button:hover{background:var(--base-color);color:var(--text-light-color)}}@media only screen and (max-width: 1500px){section.book .container{max-width:calc((664 + var(--side-pixels) * 2) / 1024 * 100vw)}section.book .book-wrapper{flex-direction:column;padding:30px;gap:30px}section.book .book-wrapper .selectors{flex-direction:column;gap:30px}section.book .book-wrapper .book-selector{gap:30px;width:100%}section.book .book-wrapper .book-selector:first-child{flex-shrink:initial;width:100%}section.book .book-wrapper .book-selector:not(:last-child):after{right:0;left:0;top:initial;bottom:-15px;width:100%;height:1px}section.book dropdown-el .dropdown{top:calc(100% + 15px);left:0;width:100%}section.book dropdown-el[d4-status=open] .dropdown{border-top:0}}@media only screen and (max-width: 1200px){section.book .common-button{background:var(--base-color);color:var(--text-light-color)}}@media only screen and (max-width: 1024px){section.book dropdown-el:not([d4-value=""]) .select-display{font-size:.875rem}}@media only screen and (max-width: 900px){section.book .container{padding:0;max-width:initial}section.book .book-wrapper{padding:30px calc(var(--side-pixels) * 1px + (100vw - var(--side-pixels) * 2px) / 20)}section.book .book-wrapper .book-selector{width:100%}}@media only screen and (max-width: 575px){section.book .book-wrapper{padding:30px 20px}}section.about .container{--side-pixels: 60;--total-max-width: calc(1800 + var(--side-pixels) * 2);padding-left:calc(var(--side-pixels) * 1px);padding-right:calc(var(--side-pixels) * 1px);max-width:calc(var(--total-max-width) * 1px);width:100%;margin:0 auto;display:grid;grid-template-columns:repeat(60,1fr);padding-bottom:clamp(3.75rem,2.1468rem + 4.461vw,7.5rem)}section.about .container>*{grid-column:1/-1}@media only screen and (min-width: 1921px){section.about .container{padding-left:calc(var(--side-pixels) / 1920 * 100vw);padding-right:calc(var(--side-pixels) / 1920 * 100vw);max-width:calc(var(--total-max-width) / 1920 * 100vw)}}@media only screen and (max-width: 1024px){section.about .container{--side-pixels: 40}}@media only screen and (max-width: 900px){section.about .container{grid-template-columns:repeat(23,1fr)}}@media only screen and (max-width: 768px){section.about .container{--side-pixels: 30}}@media only screen and (max-width: 575px){section.about .container{--side-pixels: 20}}section.about .content{display:flex;justify-content:center;z-index:-1}section.about .content[data-align=center]{justify-content:center}section.about .content[data-align=center] .text-box{align-items:center;text-align:center}section.about .content[data-align=left]{justify-content:start}section.about .content[data-align=left] .text-box{align-items:flex-start;text-align:left}section.about .content[data-align=right]{justify-content:end}section.about .content[data-align=right] .text-box{align-items:flex-end;text-align:right}section.about .text-box{max-width:56.25vw;align-items:center;text-align:center}@media only screen and (max-width: 900px){section.about .container{padding-top:clamp(3.75rem,2.1468rem + 4.461vw,7.5rem)}section.about .text-box{max-width:initial}}section.brands .wrapper,section.campaign .wrapper,section.promo .wrapper{display:flex;flex-direction:column;gap:clamp(2.5rem,1.9656rem + 1.487vw,3.75rem)}section.brands .container,section.campaign .container,section.promo .container{--side-pixels: 60;--total-max-width: calc(1800 + var(--side-pixels) * 2);padding-left:calc(var(--side-pixels) * 1px);padding-right:calc(var(--side-pixels) * 1px);max-width:calc(var(--total-max-width) * 1px);width:100%;margin:0 auto;display:grid;grid-template-columns:repeat(60,1fr)}section.brands .container>*,section.campaign .container>*,section.promo .container>*{grid-column:1/-1}@media only screen and (min-width: 1921px){section.brands .container,section.campaign .container,section.promo .container{padding-left:calc(var(--side-pixels) / 1920 * 100vw);padding-right:calc(var(--side-pixels) / 1920 * 100vw);max-width:calc(var(--total-max-width) / 1920 * 100vw)}}@media only screen and (max-width: 1024px){section.brands .container,section.campaign .container,section.promo .container{--side-pixels: 40}}@media only screen and (max-width: 900px){section.brands .container,section.campaign .container,section.promo .container{grid-template-columns:repeat(23,1fr)}}@media only screen and (max-width: 768px){section.brands .container,section.campaign .container,section.promo .container{--side-pixels: 30}}@media only screen and (max-width: 575px){section.brands .container,section.campaign .container,section.promo .container{--side-pixels: 20}}section.brands .container:has(.swiper),section.campaign .container:has(.swiper),section.promo .container:has(.swiper){position:relative;padding-left:0;padding-right:0;grid-template-columns:calc(var(--side-pixels) * 1px) repeat(60,1fr) calc(var(--side-pixels) * 1px)}section.brands .container:has(>.arrow-button),section.campaign .container:has(>.arrow-button),section.promo .container:has(>.arrow-button){display:none}section.brands .container>.content-header,section.campaign .container>.content-header,section.promo .container>.content-header{display:flex;align-items:flex-end;justify-content:space-between;gap:30px}section.brands .text-box,section.campaign .text-box,section.promo .text-box{max-width:48.4375vw}section.brands .arrow-button.mobile,section.campaign .arrow-button.mobile,section.promo .arrow-button.mobile{display:none}@media only screen and (min-width: 1921px){section.brands .container:has(.swiper),section.campaign .container:has(.swiper),section.promo .container:has(.swiper){grid-template-columns:calc(var(--side-pixels) / 1920 * 100vw) repeat(60,1fr) calc(var(--side-pixels) / 1920 * 100vw)}}@media only screen and (max-width: 900px){section.brands .container:has(.swiper),section.campaign .container:has(.swiper),section.promo .container:has(.swiper){grid-template-columns:calc(var(--side-pixels) * 1px) repeat(23,1fr) calc(var(--side-pixels) * 1px)}}@media only screen and (max-width: 767px){section.brands .container:has(>.arrow-button),section.campaign .container:has(>.arrow-button),section.promo .container:has(>.arrow-button){display:flex;justify-content:start}section.brands .container>.content-header,section.campaign .container>.content-header,section.promo .container>.content-header{flex-direction:column;align-items:flex-start}section.brands .text-box,section.campaign .text-box,section.promo .text-box{max-width:initial}}section.brands .wrapper{padding-bottom:clamp(3.75rem,2.1468rem + 4.461vw,7.5rem)}section.brands .swiper{grid-column:2/-2;height:max-content}section.brands .swiper-slide{width:45.703125vw}section.brands .slide-inner{text-align:left}section.brands .swiper-navigation{overflow:visible}section.brands .swiper-navigation .swiper-button-next,section.brands .swiper-navigation .swiper-button-prev{top:15.234375vw;transform:translate3d(0,-50%,0)}section.brands .swiper-navigation .swiper-button-next{right:calc(var(--side-pixels) * 1px);transform:translate3d(50%,-50%,0)}section.brands .swiper-navigation .swiper-button-prev{left:calc(var(--side-pixels) * 1px);transform:translate3d(-50%,-50%,0)}section.brands .swiper-navigation .swiper-button-lock{display:none}@media only screen and (min-width: 1921px){section.brands .swiper-navigation .swiper-button-next{right:calc(var(--side-pixels) / 1920 * 100vw)}section.brands .swiper-navigation .swiper-button-prev{left:calc(var(--side-pixels) / 1920 * 100vw)}}@media only screen and (max-width: 767px){section.brands .swiper{grid-column:2/-2}section.brands .swiper-slide{margin-right:0}section.brands .swiper-navigation .swiper-button-next,section.brands .swiper-navigation .swiper-button-prev{top:32.0293350717vw}}@media only screen and (max-width: 575px){section.brands .swiper-navigation .swiper-button-next,section.brands .swiper-navigation .swiper-button-prev{top:30.6666666667vw}}section.campaign .wrapper{padding-bottom:clamp(3.75rem,2.1468rem + 4.461vw,7.5rem)}section.campaign .swiper{grid-column:2/-2;height:max-content}section.campaign .swiper-slide{width:31.25vw;max-width:calc((100% - 4.6875vw) / 3);min-width:315px;text-align:left}@media only screen and (min-width: 1921px){section.campaign .swiper-slide{max-width:calc((100% - 90px) / 3)}}@media only screen and (max-width: 900px){section.campaign .swiper{grid-column:2/-1;padding-right:calc(var(--side-pixels) * 1px)}}section.promo .wrapper{padding-top:clamp(3.75rem,2.9484rem + 2.2305vw,5.625rem);padding-bottom:clamp(3.75rem,2.1468rem + 4.461vw,7.5rem)}section.promo .swiper{grid-column:2/-2;height:max-content}section.promo .swiper-slide{width:31.25vw;max-width:calc((100% - 4.6875vw) / 3);min-width:315px;text-align:left}section.promo .promo-card .title-box .title{font-size:1.25rem}@media only screen and (min-width: 1921px){section.promo .swiper-slide{max-width:calc((100% - 90px) / 3)}}@media only screen and (max-width: 1024px){section.promo .promo-card .title-box .title{font-size:1.125rem}}@media only screen and (max-width: 900px){section.promo .swiper{grid-column:2/-1;padding-right:calc(var(--side-pixels) * 1px)}}section.banner .swiper.banner{width:100%}section.banner .slide-inner{width:100%;height:100%;min-height:clamp(40.625rem,35.4672rem + 22.0065vw,61.875rem);text-align:left}section.banner .swiper-slide{height:auto}section.banner .swiper-pagination{right:73px;left:auto;top:50%;bottom:initial;transform:translate3d(0,-50%,0);display:flex;flex-direction:column;align-items:center;width:auto}section.banner .text-box .subtitle,section.banner .text-box .title,section.banner .text-box .desc{display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:3}section.banner [data-type=full]{position:relative;--side-pixels: 60;--total-max-width: calc(1800 + var(--side-pixels) * 2);padding-left:calc(var(--side-pixels) * 1px);padding-right:calc(var(--side-pixels) * 1px);max-width:calc(var(--total-max-width) * 1px);width:100%;margin:0 auto;display:grid;grid-template-columns:repeat(60,1fr)}section.banner [data-type=full]>*{grid-column:1/-1}@media only screen and (min-width: 1921px){section.banner [data-type=full]{padding-left:calc(var(--side-pixels) / 1920 * 100vw);padding-right:calc(var(--side-pixels) / 1920 * 100vw);max-width:calc(var(--total-max-width) / 1920 * 100vw)}}@media only screen and (max-width: 1024px){section.banner [data-type=full]{--side-pixels: 40}}@media only screen and (max-width: 900px){section.banner [data-type=full]{grid-template-columns:repeat(23,1fr)}}@media only screen and (max-width: 768px){section.banner [data-type=full]{--side-pixels: 30}}@media only screen and (max-width: 575px){section.banner [data-type=full]{--side-pixels: 20}}section.banner [data-type=full] .container{padding-top:60px;padding-bottom:60px;grid-column:1/-3;display:flex;align-items:flex-end}section.banner [data-type=full] .content-box{max-width:43.75vw;display:flex;flex-direction:column;align-items:flex-start;gap:60px}section.banner [data-type=full] .text-box{width:100%}section.banner [data-type=full] .img-box{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%}section.banner [data-type=full] .img-box img{width:100%;height:100%;object-fit:cover}section.banner [data-type=full][data-align=left] .container{justify-content:flex-start}section.banner [data-type=full][data-align=center] .container{grid-column:2/-2;justify-content:center}section.banner [data-type=full][data-align=center] .content-box{align-items:center}section.banner [data-type=full][data-align=center] .text-box{align-items:center;text-align:center}section.banner [data-type=full][data-align=right] .container{justify-content:flex-end}section.banner [data-type=full][data-align=right] .content-box{align-items:flex-end}section.banner [data-type=full][data-align=right] .text-box{align-items:flex-end;text-align:right}section.banner [data-type=half] .container{display:flex;align-items:center;width:100%;height:100%}section.banner [data-type=half] .content-box,section.banner [data-type=half] .img-box{width:50%}section.banner [data-type=half] .content-box{padding-left:clamp(2.8125rem,-4.6324rem + 13.2353vw,11.25rem);padding-right:clamp(2.8125rem,-4.6324rem + 13.2353vw,11.25rem);display:flex;flex-direction:column;align-items:flex-start;gap:60px}section.banner [data-type=half] .text-box{width:100%}section.banner [data-type=half] .img-box{height:100%;order:-1}section.banner [data-type=half] .img-box img{width:100%;height:100%;object-fit:cover}section.banner [data-type=half][data-align=right] .img-box{order:initial}section.banner [data-type=non_full]{--side-pixels: 60;--total-max-width: calc(1800 + var(--side-pixels) * 2);padding-left:calc(var(--side-pixels) * 1px);padding-right:calc(var(--side-pixels) * 1px);max-width:calc(var(--total-max-width) * 1px);width:100%;margin:0 auto;display:grid;grid-template-columns:repeat(60,1fr)}section.banner [data-type=non_full]>*{grid-column:1/-1}@media only screen and (min-width: 1921px){section.banner [data-type=non_full]{padding-left:calc(var(--side-pixels) / 1920 * 100vw);padding-right:calc(var(--side-pixels) / 1920 * 100vw);max-width:calc(var(--total-max-width) / 1920 * 100vw)}}@media only screen and (max-width: 1024px){section.banner [data-type=non_full]{--side-pixels: 40}}@media only screen and (max-width: 900px){section.banner [data-type=non_full]{grid-template-columns:repeat(23,1fr)}}@media only screen and (max-width: 768px){section.banner [data-type=non_full]{--side-pixels: 30}}@media only screen and (max-width: 575px){section.banner [data-type=non_full]{--side-pixels: 20}}section.banner [data-type=non_full] .container{padding:3.125vw;position:relative;grid-column:1/-1;display:flex;align-items:center;width:100%;height:100%}section.banner [data-type=non_full] .content-box{display:flex;flex-direction:column;align-items:flex-start;gap:60px;max-width:46.6666666667vw}section.banner [data-type=non_full] .text-box{width:100%}section.banner [data-type=non_full] .img-box{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%}section.banner [data-type=non_full] .img-box img{width:100%;height:100%;object-fit:cover}section.banner [data-type=non_full][data-align=left] .container{justify-content:start}section.banner [data-type=non_full][data-align=left] .content-box{align-items:flex-start}section.banner [data-type=non_full][data-align=center] .container{justify-content:center}section.banner [data-type=non_full][data-align=center] .content-box{align-items:center}section.banner [data-type=non_full][data-align=center] .text-box{align-items:center;text-align:center}section.banner [data-type=non_full][data-align=right] .container{padding:6.25vw;justify-content:end}section.banner [data-type=non_full][data-align=right] .content-box{align-items:flex-end}section.banner [data-type=non_full][data-align=right] .text-box{align-items:flex-end;text-align:right}section.banner [data-theme=light] .text-box .subtitle,section.banner [data-theme=light] .text-box .title,section.banner [data-theme=light] .text-box .desc{color:var(--text-light-color)}section.banner [data-theme=dark] .text-box .subtitle,section.banner [data-theme=dark] .text-box .title,section.banner [data-theme=dark] .text-box .desc{color:var(--text-dark-color)}@media only screen and (min-width: 1921px){section.banner .swiper.banner{height:91.6666666667dvh}section.banner .swiper-pagination{right:3.8020833333vw}}@media only screen and (max-width: 1500px){section.banner .swiper-pagination[data-align=right]{top:initial;left:initial;right:25%;bottom:30px;flex-direction:row;transform:translate3d(50%,0,0)}section.banner .swiper-pagination[data-align=left]{top:initial;left:25%;right:initial;bottom:30px;flex-direction:row;transform:translate3d(-50%,0,0)}}@media only screen and (max-width: 1024px){section.banner .slide-inner{min-height:600px}section.banner .swiper-pagination{right:53px}}@media only screen and (max-width: 900px){section.banner [data-type=full] .container{padding-top:90px;padding-bottom:90px;grid-column:1/-1}section.banner [data-type=full] .content-box{max-width:initial}section.banner [data-type=half] .container{flex-direction:column;gap:40px}section.banner [data-type=half] .content-box,section.banner [data-type=half] .img-box{width:100%}section.banner [data-type=half] .img-box{position:relative}section.banner [data-type=half] .img-box:after{display:block;padding-top:103.1253333333%;content:""}section.banner [data-type=half] .img-box img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}section.banner [data-type=half] .content-box{padding:0 40px 40px;gap:40px;max-width:initial}section.banner [data-type=half][data-align=right] .img-box{order:-1}section.banner [data-type=non_full] .container{padding:calc((100vw - var(--side-pixels) * 2px) / 23)}section.banner [data-type=non_full] .content-box{max-width:initial}section.banner .swiper:has(.swiper-slide-active [data-type=half]) .swiper-pagination{top:calc(103.1253333333vw - 15.72px - 20px);bottom:initial}section.banner .swiper-pagination{right:auto;top:initial;bottom:30px;transform:translateZ(0);flex-direction:row;align-items:center;width:100%}section.banner .swiper-pagination[data-align=right]{left:initial;right:auto;transform:translateZ(0)}section.banner .swiper-pagination[data-align=left]{left:initial;right:auto;transform:translateZ(0)}}@media only screen and (max-width: 768px){section.banner [data-type=half] .content-box{padding:0 30px 40px}}@media only screen and (max-width: 575px){section.banner [data-type=half] .content-box{padding:0 20px 40px}section.banner [data-type=non_full] .container{padding:20px}}section.faq .container,section.join .container{--side-pixels: 60;--total-max-width: calc(1800 + var(--side-pixels) * 2);padding-left:calc(var(--side-pixels) * 1px);padding-right:calc(var(--side-pixels) * 1px);max-width:calc(var(--total-max-width) * 1px);width:100%;margin:0 auto;display:grid;grid-template-columns:repeat(60,1fr)}section.faq .container>*,section.join .container>*{grid-column:1/-1}@media only screen and (min-width: 1921px){section.faq .container,section.join .container{padding-left:calc(var(--side-pixels) / 1920 * 100vw);padding-right:calc(var(--side-pixels) / 1920 * 100vw);max-width:calc(var(--total-max-width) / 1920 * 100vw)}}@media only screen and (max-width: 1024px){section.faq .container,section.join .container{--side-pixels: 40}}@media only screen and (max-width: 900px){section.faq .container,section.join .container{grid-template-columns:repeat(23,1fr)}}@media only screen and (max-width: 768px){section.faq .container,section.join .container{--side-pixels: 30}}@media only screen and (max-width: 575px){section.faq .container,section.join .container{--side-pixels: 20}}section.faq .content-wrapper,section.join .content-wrapper{display:flex;align-items:center}section.faq .img-box,section.faq .content-box,section.join .img-box,section.join .content-box{width:50%}section.faq .img-box,section.join .img-box{position:relative;display:block}section.faq .img-box:after,section.join .img-box:after{display:block;padding-top:83.3333333333%;content:""}section.faq .img-box img,section.join .img-box img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}section.faq .content-box,section.join .content-box{padding:0 7.8125vw;display:flex;flex-direction:column;align-items:flex-start;gap:60px}section.faq .content-box .text-box,section.join .content-box .text-box{width:100%}section.faq .content-box .text-box .subtitle,section.faq .content-box .text-box .title,section.faq .content-box .text-box .desc,section.join .content-box .text-box .subtitle,section.join .content-box .text-box .title,section.join .content-box .text-box .desc{display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}@media only screen and (max-width: 900px){section.faq .content-box,section.join .content-box{padding:0 4.6875vw;gap:30px}}@media only screen and (max-width: 767px){section.faq .content-wrapper,section.join .content-wrapper{flex-direction:column;gap:30px}section.faq .img-box,section.faq .content-box,section.join .img-box,section.join .content-box{width:100%}section.faq .content-box,section.join .content-box{padding:0}}@media only screen and (max-width: 767px){section.faq .container{padding-bottom:clamp(3.75rem,2.9484rem + 2.2305vw,5.625rem)}}section.join .container{padding-bottom:clamp(7.5rem,5.8968rem + 4.461vw,11.25rem)}section.join .content-box{order:-1}@media only screen and (max-width: 767px){section.join .content-box{order:initial}}