/* common */

/* main */
main section:not(:last-of-type){ margin-bottom: 150px;}
main section > .title-box{ overflow: hidden;}
main section > .title-box > div{  display:flex; justify-content:space-between; align-items:center; margin-bottom: 30px; }
main section > .title-box .title{ color:#000; font-weight: 500; letter-spacing: -1.8px; }
main section > .title-box a img{ transition:all 0.7s; }
main section > .title-box a:hover img{ transform:rotate(360deg); }
main section > .title-box > div > div{ display:flex; }
main .visual{ width: 100%; height: 100vh; margin-bottom: 200px; overflow: hidden;}
main .visual .slide-box{ position: relative; width: 100%; height: 100%; }
main .visual .slide-box .swiper-slide .fit-box{ width: 100%; height: 100%; }
main .visual .slide-box .swiper-slide .txt-box{ position: absolute; left: 60px; bottom: 120px; }
main .visual .slide-box .swiper-slide .txt-box .title{ color:#fff; margin-bottom: 10px; font-weight: 500; letter-spacing: -1.98px; transform: translate3d(-100px, 0, 0);  opacity: 0; filter:blur(15px);  transition:all 1s 0.5s;}
main .visual .slide-box .swiper-slide .txt-box .txt{ position: relative; color:#fff; line-height: 1.63; letter-spacing: -0.66px; transform: translate3d(100px, 0, 0); opacity: 0; transition:all 1s 0.8s; filter:blur(15px); }
main .visual .slide-box .swiper-slide-active .txt-box .title{ opacity: 1; filter:blur(0); transform: translate3d(0, 0, 0); }
main .visual .slide-box .swiper-slide-active .txt-box .txt{ opacity: 1; filter:blur(0); transform: translate3d(0, 0, 0);}
main .visual .slide-box .slide-nav{ position: absolute; bottom: 40px; left: 0; width: 100%; z-index: 2; font-family: var(--syn); text-transform: uppercase; }
main .visual .slide-box .slide-nav > div{ display:flex; justify-content:space-between; }
main .visual .slide-box .slide-nav button{ position: relative;color:#fff; font-weight: 600; font-family: var(--syn);}
main .visual .slide-box .slide-nav button:after{ content:''; display:block; position: absolute; top: 100%; left: 0; width: 0; height: 2px; background: #fff; opacity: 0; transition:all 0.5s; }
main .visual .slide-box .slide-nav button:hover:after{ width: 100%; opacity: 1; }
main .visual .slide-box .slide-nav .slide-num{ font-variant-numeric: lining-nums proportional-nums; font-weight: 600; color:#fff; opacity: 0.3;}

main .philosophy .content .item-box{ position: relative; width: 100%; height: 640px; display:flex; align-items:flex-end; }
main .philosophy .content .item-box:before{ content:''; display:block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.5; z-index: 0; transition:all 0.5s; 
background: linear-gradient(180deg, rgba(17, 17, 17, 0.00) 19.45%, #111 100%); }
main .philosophy .content .item-box .fit-box{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1;}
main .philosophy .content .item-box .txt-box{ position: relative; width: 100%; margin-bottom: 40px; display:flex; justify-content:space-between; align-items:flex-end; color:#fff; z-index: 2;
font-variant-numeric: lining-nums proportional-nums; letter-spacing: -0.72px; text-transform: uppercase; font-weight: 500; }
main .philosophy .content .item-box .txt-box .txt{ filter:blur(15px); -webkit-filter:blur(15px); opacity: 0; transition:all 0.8s; }
main .philosophy .content .item-box .txt-box .center{ position: absolute; transform:translateX(-50%); left: 50%; bottom: 0; color: #EADAB9; font-weight: 600; font-family: var(--syn); 
width: max-content;}
main .philosophy .content .item-box .txt-box .type2{ text-align: right; line-height: 1.5; font-weight: 300; }
@media (hover: hover) {
	main .philosophy .content .item-box:hover:before{ opacity: 0; }
	main .philosophy .content .item-box:hover .txt-box .txt{ opacity: 1; filter:blur(0); -webkit-filter:blur(0); }
}

main .sale .slide-nav{ margin-right: 10px; }
main .sale .slide-nav button:not(:last-child){ margin-right: 10px; }
main .sale .slide-nav button:not(.swiper-button-disabled) path{ stroke: #000; }
main .sale .slide-box{  overflow: hidden;}
main .sale .slide-box .swiper-slide{ width: calc((100% - 30px) / 3);}
main .sale .slide-box .swiper-slide a{ display:block; }
main .sale .slide-box .swiper-slide .img-box{ position: relative; width: 100%; height: 700px; margin-bottom: 20px; }
main .sale .slide-box .swiper-slide .img-box .fit-box{ width: 100%; height: 100%; }
main .sale .slide-box .swiper-slide .img-box .fit-box img{ transition:all 0.7s; }
main .sale .slide-box .swiper-slide .img-box span{ position: absolute; top: 0; right: 0; padding: 0 15px; background: #000; color:#fff; font-weight: 500; letter-spacing: -0.46px; height: 30px; display:flex; justify-content:center; align-items:center; }
main .sale .slide-box .swiper-slide .img-box span.off{ background: #999; }
main .sale .slide-box .swiper-slide p{ color:#222; font-weight: 500; letter-spacing: -0.66px; text-overflow: ellipsis; overflow: hidden;  display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
main .sale .slide-box .swiper-slide:hover .img-box .fit-box img{ transform:translate(-50%,-50%) scale(1.1); }

main .news .content{ border-top:3px solid #000; }
main .news .content .item-box{ border-bottom:1px solid #eee; }
main .news .content .item-box a{ position: relative; display:flex; padding: 50px 40px; }
main .news .content .item-box .day{ min-width: 200px; font-family: var(--syn); color:#ccc; font-weight: 500; font-variant-numeric: lining-nums proportional-nums; letter-spacing: -0.54px; font-weight: 500; }
main .news .content .item-box .title{ margin: 0 60px; width:28%; color:#222; font-weight: 500; line-height: 1.38; letter-spacing: -1.08px; flex-shrink:0; }
main .news .content .item-box .txt{ color:#666; font-weight: 300; letter-spacing: -0.6px; line-height: 1.5; text-overflow: ellipsis; overflow: hidden;  display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}