.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}}.promo-card .title-box .title{font-size:1.25rem;font-weight:500;line-height:1.5;letter-spacing:1px}.promo-card .desc,.common-banner .content-box .desc,.common-banner[data-type=detail] .content-box .desc{font-size:1rem;font-weight:400;line-height:1.8;letter-spacing:1px}@media only screen and (max-width: 1024px){.promo-card .desc,.common-banner .content-box .desc,.common-banner[data-type=detail] .content-box .desc{font-size:.875rem}}.share-box>span{font-size:1rem;font-weight:700;line-height:1.8;letter-spacing:1px}@media only screen and (max-width: 1024px){.share-box>span{font-size:.875rem}}.common-banner .content-box .title{font-size:clamp(2.5rem,-.3571rem + 4.4643vw,5rem);font-weight:400;line-height:1.3;letter-spacing:1px}.common-banner .content-box .subtitle{font-size:2rem;font-size:clamp(1.5rem,.9286rem + .8929vw,2rem);font-weight:400;line-height:1.5;letter-spacing:1px}.common-banner[data-type=detail] .content-box .title{font-size:clamp(2.25rem,.5357rem + 2.6786vw,3.75rem);font-weight:400;line-height:1.5;letter-spacing:1px}.common-banner[data-type=detail] .content-box .subtitle{font-size:clamp(1.5rem,.9286rem + .8929vw,2rem);font-weight:400;line-height:1.8;letter-spacing:1px}.common-banner[data-type=detail] .content-box .date{font-size:.875rem;font-weight:700;line-height:1;letter-spacing:1px}@media only screen and (max-width: 1024px){.common-banner[data-type=detail] .content-box .date{font-size:.75rem}}section.more .title{font-size:1.5rem;font-weight:400;line-height:1.5;letter-spacing:1px}@media only screen and (max-width: 1024px){section.more .title{font-size:1.25rem}}.breadCrumbs .item{font-size:.875rem;font-weight:400;line-height:1.8;letter-spacing:1px}@media only screen and (max-width: 1024px){.breadCrumbs .item{font-size:.75rem}}.promo-card .img-box .tag{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{font-size:.75rem}}.common-banner[data-type=half]{padding:clamp(1.25rem,.9828rem + .7435vw,1.875rem) 0;display:flex;align-items:start;gap:clamp(1.875rem,.8036rem + 1.6741vw,2.8125rem)}.common-banner[data-type=half] .content-box,.common-banner[data-type=half] .img-box{width:calc((100% - clamp(1.875rem,.8036rem + 1.6741vw,2.8125rem))/2)}.common-banner[data-type=half] .content-box{padding:clamp(3.75rem,-.5357rem + 6.6964vw,7.5rem) 0;display:flex;flex-direction:column;align-items:flex-start;gap:clamp(1.875rem,-.2679rem + 3.3482vw,3.75rem)}.common-banner[data-type=half] .content-box .text-box{gap:clamp(1.875rem,-.2679rem + 3.3482vw,3.75rem)}.common-banner[data-type=half] .content-box .title,.common-banner[data-type=half] .content-box .subtitle,.common-banner[data-type=half] .content-box .desc{display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:5}.common-banner[data-type=half] .content-box .desc{max-width:600px}.common-banner[data-type=half] .content-box .circle-button{border-color:var(--bg-color);background-color:var(--text-color);color:var(--bg-color);font-size:.625rem}.common-banner[data-type=half] .img-box{position:relative}.common-banner[data-type=half] .img-box:before{display:block;padding-top:79.7720797721%;content:""}.common-banner[data-type=half] .img-box img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}@media only screen and (max-width: 1024px){.common-banner[data-type=half] .content-box{padding:clamp(1.875rem,-3.75rem + 11.7188vw,3.75rem) 0}}@media only screen and (max-width: 768px){.common-banner[data-type=half]{flex-direction:column-reverse}.common-banner[data-type=half] .content-box,.common-banner[data-type=half] .img-box{width:100%}.common-banner[data-type=half] .content-box{padding:0}.common-banner[data-type=half] .content-box .circle-button{font-size:.5rem}}.common-banner[data-type=full]{padding:calc(var(--side-pixels) * 1px) 0;position:relative;display:flex;align-items:flex-end;min-height:clamp(39.6875rem,29.9349rem + 27.1375vw,62.5rem);min-height:min(clamp(39.6875rem,29.9349rem + 27.1375vw,62.5rem),100dvh - var(--nav-height))}.common-banner[data-type=full][data-theme=light] .content-box{color:var(--text-light-color)}.common-banner[data-type=full][data-theme=light] .content-box .circle-button{border-color:var(--sub-color);background-color:var(--sub-color);color:var(--text-dark-color)}.common-banner[data-type=full][data-theme=dark] .content-box{color:var(--text-dark-color)}.common-banner[data-type=full][data-theme=dark] .content-box .circle-button{border-color:var(--sub-color);background-color:var(--dark-color);color:var(--text-light-color)}.common-banner[data-type=full] .img-box{position:absolute;top:0;left:calc(-1px * var(--side-pixels));z-index:-1;width:100vw;height:100%}.common-banner[data-type=full] .img-box img{width:100%;height:100%;object-fit:cover}.common-banner[data-type=full] .content-box{display:flex;align-items:flex-end;justify-content:space-between;gap:clamp(1.875rem,-.2679rem + 3.3482vw,3.75rem);width:100%}.common-banner[data-type=full] .content-box .text-box{flex-grow:1;gap:clamp(1.875rem,-.2679rem + 3.3482vw,3.75rem);max-width:885px}.common-banner[data-type=full] .content-box .title,.common-banner[data-type=full] .content-box .subtitle,.common-banner[data-type=full] .content-box .desc{display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:5}.common-banner[data-type=full] .content-box .circle-button{flex-shrink:0;border-color:var(--sub-color);background-color:var(--dark-color);color:var(--text-light-color);font-size:.625rem}@media only screen and (min-width: 1921px){.common-banner[data-type=full] .img-box{left:calc(-1 * var(--side-pixels) / 1920 * 100vw)}}@media only screen and (max-width: 1024px){.common-banner[data-type=full] .content-box .text-box{max-width:432px}}@media only screen and (max-width: 575px){.common-banner[data-type=full] .content-box{flex-direction:column;align-items:flex-start;justify-content:center}.common-banner[data-type=full] .content-box .circle-button{font-size:.5rem}}.common-banner[data-type=pureText]{padding:120px 0 60px;position:relative;display:flex;align-items:center}.common-banner[data-type=pureText] .content-box{display:flex;flex-direction:column;align-items:center;gap:60px;width:100%;color:var(--text-dark-color)}.common-banner[data-type=pureText] .content-box .text-box{flex-grow:1;align-items:center;gap:60px}.common-banner[data-type=pureText] .content-box .content-title{align-items:center}.common-banner[data-type=pureText] .content-box .title,.common-banner[data-type=pureText] .content-box .subtitle,.common-banner[data-type=pureText] .content-box .desc{display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:5}.common-banner[data-type=pureText] .content-box .subtitle{order:-1}.common-banner[data-type=pureText] .content-box .desc{max-width:600px;text-align:center}.common-banner[data-type=pureText] .content-box .circle-button{flex-shrink:0;border-color:var(--sub-color);background-color:var(--dark-color);color:var(--text-light-color);font-size:.625rem}.common-banner[data-type=pureText] .img-box{display:none}.common-banner[data-type=detail]{padding:clamp(1.25rem,.1812rem + 2.974vw,3.75rem) 0;display:flex;align-items:center;gap:clamp(1.875rem,-2.4107rem + 6.6964vw,5.625rem)}.common-banner[data-type=detail] .content-box{flex:1;display:flex;flex-direction:column;align-items:flex-start}.common-banner[data-type=detail] .content-box .text-box{width:100%}.common-banner[data-type=detail] .content-box .text-box:after{margin:30px 0;display:block;order:2;width:100%;height:1px;background:var(--text-color-o2);content:""}.common-banner[data-type=detail] .content-box .title{font-size:2.8125rem}.common-banner[data-type=detail] .content-box .subtitle{font-size:1.5rem}.common-banner[data-type=detail] .content-box .date{order:3}.common-banner[data-type=detail] .content-box .desc{font-size:.875rem;order:3}.common-banner[data-type=detail] .content-box .content-title{order:1}.common-banner[data-type=detail] .img-box{position:relative;width:48.3333333333%}.common-banner[data-type=detail] .img-box:before{display:block;padding-top:66.6666666667%;content:""}.common-banner[data-type=detail] .img-box img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.common-banner[data-type=detail][data-align=left] .content-box{order:1}.common-banner[data-type=detail][data-align=left] .img-box,.common-banner[data-type=detail][data-align=right] .content-box{order:2}.common-banner[data-type=detail][data-align=right] .img-box{order:1}@media only screen and (max-width: 1024px){.common-banner[data-type=detail] .content-box .title{font-size:1.625rem}.common-banner[data-type=detail] .content-box .subtitle{font-size:1rem}.common-banner[data-type=detail] .content-box .date{font-size:.875rem}}@media only screen and (max-width: 575px){.common-banner[data-type=detail]{flex-direction:column-reverse}.common-banner[data-type=detail] .content-box,.common-banner[data-type=detail] .img-box{width:100%}.common-banner[data-type=detail][data-align=left] .content-box,.common-banner[data-type=detail][data-align=left] .img-box,.common-banner[data-type=detail][data-align=right] .content-box,.common-banner[data-type=detail][data-align=right] .img-box{order:initial}}.common-banner .content-box .text-box{display:flex;flex-direction:column;align-items:flex-start}.common-banner .content-box .title{font-size:3.75rem}.common-banner .content-box .subtitle{font-size:1.5rem}.common-banner .content-box .desc{font-size:.875rem}.common-banner .content-box .content-title{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.common-banner .content-box .circle-button .icon-box{transition:transform .4s}@media only screen and (min-width: 1201px){.common-banner .content-box .circle-button:hover .icon-box{transform:translate3d(0,3px,0)}}@media only screen and (max-width: 1024px){.common-banner .content-box .title{font-size:2.375rem}.common-banner .content-box .subtitle{font-size:1.25rem}}.share-box{display:flex;align-items:center;gap:15px}.share-box>span{font-size:.875rem}.share-box .link-group{display:flex;align-items:center;gap:10px}.share-box .icon-box{display:inline-flex;align-items:center;justify-content:center;width:45px;height:45px;border-radius:50%;transition:background .4s,color .4s;font-size:1.5625rem}@media only screen and (min-width: 1201px){.share-box .icon-box:hover{background:var(--text-color);color:var(--bg-color)}}@media only screen and (max-width: 1024px){.share-box>span{font-size:.8125rem}}.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}}.breadCrumbs{--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-top:15px;padding-bottom:15px}.breadCrumbs>*{grid-column:1/-1}@media only screen and (min-width: 1921px){.breadCrumbs{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){.breadCrumbs{--side-pixels: 40}}@media only screen and (max-width: 900px){.breadCrumbs{grid-template-columns:repeat(23,1fr)}}@media only screen and (max-width: 768px){.breadCrumbs{--side-pixels: 30}}@media only screen and (max-width: 575px){.breadCrumbs{--side-pixels: 20}}.breadCrumbs .items{flex-grow:1;display:flex;align-items:center;overflow:hidden;white-space:nowrap}.breadCrumbs .item{flex-shrink:0;display:inline-flex}.breadCrumbs .item.ellipsis{flex:1 0 0;text-overflow:ellipsis}.breadCrumbs .item.ellipsis a,.breadCrumbs .item.ellipsis span{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;white-space:normal}.breadCrumbs .item:not(:first-child):before{margin:0 10px;content:"/"}@media only screen and (max-width: 575px){.breadCrumbs{padding-top:8px;padding-bottom:8px}}section.more .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-top:clamp(5.625rem,4.8234rem + 2.2305vw,7.5rem);padding-bottom:clamp(5.625rem,4.8234rem + 2.2305vw,7.5rem);border-top:1px solid var(--text-color-o2)}section.more .container>*{grid-column:1/-1}@media only screen and (min-width: 1921px){section.more .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.more .container{--side-pixels: 40}}@media only screen and (max-width: 900px){section.more .container{grid-template-columns:repeat(23,1fr)}}@media only screen and (max-width: 768px){section.more .container{--side-pixels: 30}}@media only screen and (max-width: 575px){section.more .container{--side-pixels: 20}}section.more .container>.content{display:flex;flex-direction:column;align-items:flex-start;gap:clamp(1.875rem,1.0734rem + 2.2305vw,3.75rem)}section.more .title{font-size:1.25rem}section.more .title[data-align=center]{align-self:center}section.more .more-wrapper{display:flex;justify-content:center;flex-wrap:wrap;gap:clamp(1.875rem,.8036rem + 1.6741vw,2.8125rem);width:100%}section.more .campaign-card{width:calc((100% - clamp(1.875rem,.8036rem + 1.6741vw,2.8125rem) * 2) / 3)}section.more .swiper.more{display:none}section.more .swiper.more .campaign-card{width:100%}section.more .swiper.more .swiper-pagination{position:relative;top:initial;bottom:initial}@media only screen and (max-width: 1200px){section.more .more-wrapper{display:none}section.more .swiper.more{display:flex;flex-direction:column;gap:30px}}@media only screen and (max-width: 1024px){section.more .title{font-size:1.125rem}}.promo-detail-page section.banner .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)}.promo-detail-page section.banner .container>*{grid-column:1/-1}@media only screen and (min-width: 1921px){.promo-detail-page section.banner .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){.promo-detail-page section.banner .container{--side-pixels: 40}}@media only screen and (max-width: 900px){.promo-detail-page section.banner .container{grid-template-columns:repeat(23,1fr)}}@media only screen and (max-width: 768px){.promo-detail-page section.banner .container{--side-pixels: 30}}@media only screen and (max-width: 575px){.promo-detail-page section.banner .container{--side-pixels: 20}}.promo-detail-page section.content .container{--side-pixels: 60;--total-max-width: calc(1200 + 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(40,1fr);padding-top:clamp(1.25rem,.1812rem + 2.974vw,3.75rem);padding-bottom:clamp(5.625rem,4.8234rem + 2.2305vw,7.5rem)}.promo-detail-page section.content .container>*{grid-column:1/-1}@media only screen and (min-width: 1921px){.promo-detail-page section.content .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){.promo-detail-page section.content .container{--side-pixels: 40}}@media only screen and (max-width: 900px){.promo-detail-page section.content .container{grid-template-columns:repeat(23,1fr)}}@media only screen and (max-width: 768px){.promo-detail-page section.content .container{--side-pixels: 30}}@media only screen and (max-width: 575px){.promo-detail-page section.content .container{--side-pixels: 20}}.promo-detail-page section.content .share-box{margin:60px auto 0}.promo-detail-page section.more .promo-card{width:calc((100% - clamp(1.875rem,.8036rem + 1.6741vw,2.8125rem) * 2) / 3)}.promo-detail-page section.more .swiper.more .swiper-slide{text-align:left}.promo-detail-page section.more .swiper.more .promo-card{width:100%}
