@charset "utf-8";
/* page-index — 이 화면에서만 쓰는 규칙.

   읽는 차례: theme.css -> base.css -> site.css -> page-*.css -> (손으로 쓴 페이지 CSS)
   색·글자 크기·간격 값은 전부 theme.css 의 변수를 쓴다. */
.section{width:100%;overflow: hidden;background-color: var(--white);}
.section .inner{width:100%;height:100%;font-size:0;}
.section .inner > img{width:100%;object-position:center;display:block;}
.section .text-box{position:absolute;bottom:4rem;left:50%;transform: translateX(-50%);text-align:center;}
#sec01{width:100%;height:100%;aspect-ratio:1920 / 950;}
#sec01 .main-slide{width:100%;height:100%;}
#sec01 .main-slide .main-slide__item{overflow: hidden;}
#sec01 .main-slide .main-slide__item .image{width:100%;color: var(--white);}
#sec01 .main-slide .main-slide__item .image:has(iframe) > div{width:100%;min-width:1920px;height:0;top:0;left:50%;transform: translateX(-50%);}
#sec01 .main-slide .main-slide__item .image:has(iframe)::after{display:block;content: '';position:absolute;width:100%;height:100%;top:0;left:0;}
#sec01 .main-slide .main-slide__item .image iframe{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:auto;}
#sec01 .main-slide .main-slide__item .image img{width:100%;height:100%;object-fit:cover;object-position: top;}
#sec01 .main-slide .main-slide__item .description{position:absolute;left:6.5rem;bottom:8.2rem;}
#sec01 .main-slide .description .status{font-size:2.5rem;font-weight:500;color: var(--white);opacity:0;}
#sec01 .main-slide .description .status.fadeInUp{animation:fadeInUp .6s forwards;}
#sec01 .main-slide .description .tit{font-size:5rem;font-weight:bold;letter-spacing: -0.2rem;margin-top:2rem;color: var(--white);opacity:0;}
#sec01 .main-slide .description .tit.fadeInUp{animation:fadeInUp .6s forwards;}
#sec01 .main-slide .description .des{margin-top:3.5rem;font-size:2.8rem;font-weight:500;line-height:1.43;letter-spacing: -0.12rem;color: var(--white);opacity:0;}
#sec01 .main-slide .description .des.fadeInUp{animation:fadeInUp .6s .2s forwards;}
#sec01 .main-slide .swiper-pagination{bottom:3rem;gap:0.2rem}
#sec01 .main-slide .swiper-pagination .swiper-pagination-bullet{width:3rem;height:0.3rem;border-radius:0;background-color: var(--white);opacity:0.3;transition:all .5s;margin:0;}
#sec01 .main-slide .swiper-pagination .swiper-pagination-bullet-active{width:5.8rem;opacity:1;}
#sec02{padding:15rem 0;}
#sec02 .sec02-inner{max-width:168.4rem;margin:0 auto;}
#sec02 h2{font-weight:500;font-size:4rem;height:6rem;text-align:center;}
#sec02 .best-item{margin-top:4rem;}
#sec02 .swiper-content{position: relative;}
#sec02 .swiper-navigation{position:absolute;top:50%;left:50%;transform: translate(-50%,-50%);width:107%;z-index:0;}
#sec02 .swiper-navigation a{cursor: pointer;}
#sec02 .swiper-navigation .swiper-navigation__prev.on{opacity:0.3;}
#sec02 .swiper-navigation .swiper-navigation__next.on{opacity:0.3;}
#sec02 .swiper-navigation .icon_rotate{transform: rotate(180deg);}
#sec03{height:clamp(70vh,53.44vw,100vh);position: relative;}
#sec03 .video-content{position:relative;width:100%;min-width:1920px;padding-bottom:56.25%;height:100%;top:0;left:50%;transform: translateX(-50%);}
#sec03 .video-content .video-content__control{position:absolute;top:0;left:0;z-index:100;background-color: transparent;width:100%;height:100vh;}
.video-content iframe,.video-content object,.video-content embed{position:absolute;top:0;left:0;width:100%;height:100%;}
#sec03 .video__text a{position:absolute;bottom:4rem;left:50%;transform: translateX(-50%);z-index:10;font-size:3rem;letter-spacing: -0.06rem;color: var(--white);text-decoration: underline;font-weight:300;transition:color .5s;cursor: pointer;}
#sec03 .video__text:hover a{color: var(--mainColor);}
#sec03 .video__text .arrow{background-image: url("../img/common/arrow_next_w.svg");display: inline-block;background-size:contain;width:2rem;height:2rem;transition:all .5s;}
#sec03 .video__text:hover .arrow{background-image: url("../img/common/arrow_next_o.svg");}
#sec04 .text-box h2{font-size:4rem;letter-spacing: -0.08rem;color:#141414;line-height:1;}
#sec04 .text-box p{margin-top:1.5rem;font-size:1.4rem;line-height:1.43;letter-spacing: -0.056rem;}
#sec04 .text-box button{margin-top:3.5rem;}
#sec04 .text-box button img{margin-left:4.4rem;}
#sec05 .text-box{gap:4.5rem;}
#sec05 .text-box button img{margin-left:2.3rem;}
#sec05 .slogan{opacity:0;transform: translateY(20px);}
.round-text{opacity:0;position:fixed;bottom:3rem;left:3rem;}
@media (min-width:1920px){
#sec01 .main-slide .main-slide__item .image:has(iframe){width:100%;}
}
.prd-type--1 .product__item{border:1px solid var(--lightGray);}
.prd-type--1 .product__item + .product__item{border-left:0;}
.prd-type--1 .product__item .thumbnail{position: relative;overflow: hidden;height:clamp(40rem,30.8vw,53rem);}
.prd-type--1 .product__item .thumbnail .product__image > a{vertical-align: text-top;}
.prd-type--1 .product__item .thumbnail .best{position:absolute;top:1rem;left:1rem;background-color:#2f2f2f;font-size:1.2rem;font-weight:600;color: var(--white);padding:0.7rem 0.85rem;border-radius:0.5rem;line-height:1;z-index:10;}
.prd-type--1 .product__item .thumbnail:hover .cart{bottom:1rem;}
.prd-type--1 .product__item .thumbnail .cart{position:absolute;bottom: -7rem;left:50%;transform: translateX(-50%);width:calc(100% - 2rem);background-color:#333333;border-radius:0.5rem;transition:all .3s;z-index:100;}
.prd-type--1 .product__item .thumbnail .cart:hover{background-color: var(--mainColor);}
.prd-type--1 .product__item .cart-button{color: var(--white);text-align:center;padding:1.5rem 0;letter-spacing: -0.020rem;cursor: pointer;font-weight:600;}
.prd-type--1 .product__item .thumbnail .product__image--item{opacity:1;position:absolute;top:50%;left:50%;transform: translate(-50%,-50%);z-index:5;transition:all .2s;}
.prd-type--1 .product__item .thumbnail .product__image{width:100%;height:100%;}
.prd-type--1 .product__item .thumbnail:hover .product__image--item{opacity:0;}
.prd-type--1 .product__item .thumbnail .product__image--hover{opacity:0;width:100%;height:100%;object-fit:cover;transition:all .2s;}
.prd-type--1 .product__item .thumbnail:hover .product__image--hover{opacity:1;}
.prd-type--1 .product__item .product__image .wish{position:absolute;top:1rem;right:1rem;z-index:10;cursor: pointer;}
.prd-type--1 .product__item .description{text-align:center;padding:3rem;}
.prd-type--1 .product__item .product-info .name span{font-size:1.8rem !important;font-weight:600;color:#000 !important;letter-spacing: -0.072rem;}
.prd-type--1 .product__item .product-info .desc{margin-top:1rem;}
.prd-type--1 .product__item .product-price{margin-top:2rem;}
.prd-type--1 .swiper-button-next::after{content: none;}
.prd-type--1 .swiper-button-prev::after{content: none;}
.prd-type--2 .product__item:nth-child(4n + 1){border:1px solid var(--lightGray);border-collapse:collapse;box-sizing:border-box;}
.prd-type--2 .product__item{border-top:1px solid var(--lightGray);border-right:1px solid var(--lightGray);border-bottom:1px solid var(--lightGray);}
.prd-type--2 .product__item:nth-child(n+5):nth-child(-n+20){border-top:0;}
.prd-type--2 .product__item .thumbnail{position: relative;overflow: hidden;width:100%;height:clamp(30rem,28.05vw,47.6rem);}
.prd-type--2 .product__item .thumbnail.on::after{content: "";display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-color: var(--white);opacity:0.6;z-index:10;pointer-events: none;}
.prd-type--2 .product__item .thumbnail .product__image .wish{position:absolute;top:2rem;right:2rem;z-index:20;}
.prd-type--2 .product__item .thumbnail .product__image .wish img{width:2.2rem;height:2.2rem;}
.prd-type--2 .product__item .thumbnail .product__image--item{opacity:1;position:absolute;top:0;left:0;z-index:5;transition:all .2s;}
.prd-type--2 .product__item .thumbnail:hover .product__image--item{opacity:0;}
.prd-type--2 .product__item .thumbnail .product__image--hover{opacity:0;transition:all .2s;}
.prd-type--2 .product__item .thumbnail:hover .product__image--hover{opacity:1;}
.prd-type--2 .product__item .thumbnail .icon{position:absolute;height:2.4rem;top:2rem;left:2rem;z-index:20;display:flex;gap:0.5rem;}
.prd-type--2 .product__item .thumbnail .soldout img{height:2.4rem;}
.prd-type--2 .product__item .thumbnail .soldout:not(:has(img)){display: none;}
.prd-type--2 .product__item .description{padding:3rem 2rem;position: relative;}
.prd-type--2 .product__item .description .name{padding-right:2.5rem;}
.prd-type--2 .product__item .description .desc{margin-top:1rem;}
.prd-type--2 .product__item .description .product-price{margin-top:2rem;}
.prd-type--2 .product__item .description .price{letter-spacing: normal;}
.prd-type--2 .product__item .description .cart-button{position:absolute;top:3rem;right:2rem;cursor: pointer;}