@media(min-width: 769px){.pc{display:block !important}.mo{display:none !important}.pc_fl{display:flex !important}.mo_fl{display:none !important}}@media(max-width: 768px){.pc{display:none !important}.mo{display:block !important}.pc_fl{display:none !important}.mo_fl{display:flex !important}}.tablet.pc,.tablet.mo{display:none !important}#main section{width:100%;position:relative;transform:translateZ(0);will-change:transform}@supports(-webkit-touch-callout: none){#main section{width:calc(100% + 1px)}}#main section.sec01{height:100dvh;background-color:#000;overflow:hidden}#main section.sec01 .main-inner{position:relative;width:100%;height:100dvh;background-size:100% 100%;display:flex;justify-content:center}#main section.sec01 .main-inner .front-box{position:absolute;background-color:#cf2a1b;width:100%;height:100svh;z-index:2000}#main section.sec01 .main-inner .front-box__text{position:absolute;z-index:100}#main section.sec01 .main-inner .front-box__text *{font-family:"VITRO INSPIRE"}#main section.sec01 .main-inner .front-box__text p{line-height:1.2}#main section.sec01 .main-inner .front-box__text p span{display:inline-block;padding-right:.3rem;opacity:0}#main section.sec01 .main-inner .front-box__text p span.active{display:inline-block}#main section.sec01 .main-inner .front-box__text span.point{color:#000}#main section.sec01 .main-inner .front-box__text-01{color:#fff;white-space:nowrap;overflow:hidden}@media(max-width: 768px){#main section.sec01 .main-inner .front-box__text-01{font-size:clamp(2.4rem,6.67vw,4.8rem)}}#main section.sec01 .main-inner .front-box__text-01--hidden{opacity:0;height:0}#main section.sec01 .main-inner .front-box__text-02{color:#fff;white-space:nowrap;overflow:hidden}@media(max-width: 768px){#main section.sec01 .main-inner .front-box__text-02{font-size:clamp(7.5rem,19.53vw,15rem)}}#main section.sec01 .main-inner .front-box__text-02--hidden{opacity:0;height:0}#main section.sec01 .main-inner .left-box{top:0;left:0;clip-path:polygon(100% 0%, 0% 0%, 0% 100%);-webkit-clip-path:polygon(100% 0%, 0% 0%, 0% 100%);transform:translate3d(0, 0, 0);will-change:transform;animation:moveLeft 1.5s 4.5s ease-in-out forwards}@media(max-width: 768px){#main section.sec01 .main-inner .left-box{animation:moveLeft2 .8s 4.5s ease-in-out forwards}}#main section.sec01 .main-inner .left-box::after{content:"";position:absolute;top:0;right:-0.3rem;width:10px;height:var(--diag-length);transform-origin:top left;transform:rotate(var(--diag-angle)) translate(-50%, -1%);background:linear-gradient(180deg, #CD9D19 0%, #E3B83E 7%, #B38914 25%, #E9D599 35%, #B38914 42%, #B38914 66%, #E9D599 75%, #B38914 82%, #E3B83E 93%, #CD9F19 100%);pointer-events:none}@media(max-width: 768px){#main section.sec01 .main-inner .left-box::after{right:-0.5rem}}#main section.sec01 .main-inner .left-box::before{content:"";position:absolute;top:0;right:4px;width:3px;height:var(--diag-length);transform-origin:top left;transform:rotate(var(--diag-angle)) translate(-50%, -1%);background:#000;z-index:1000;pointer-events:none}@media(max-width: 768px){#main section.sec01 .main-inner .left-box::before{right:2px}}#main section.sec01 .main-inner .left-box .front-box__text{width:fit-content;position:absolute;top:15%;left:20%;opacity:1;animation:fadeIn .5s .3s ease-in-out forwards}@media(max-width: 768px){#main section.sec01 .main-inner .left-box .front-box__text{left:3.65rem}}#main section.sec01 .main-inner .left-box .front-box__text-01{opacity:0;animation:fadeIn .4s 3s ease-in-out forwards}#main section.sec01 .main-inner .right-box{top:0;right:0;clip-path:polygon(100% 0%, 100% 100%, 0% 100%);-webkit-clip-path:polygon(100% 0%, 100% 100%, 0% 100%);transform:translate3d(0, 0, 0);will-change:transform;animation:moveRight 1.5s 4.5s ease-in-out forwards}@media(max-width: 768px){#main section.sec01 .main-inner .right-box{animation:moveRight2 .8s 4.5s ease-in-out forwards}}#main section.sec01 .main-inner .right-box::after{content:"";position:absolute;bottom:0;left:-0.3rem;width:10px;height:var(--diag-length);transform-origin:bottom left;transform:rotate(calc(var(--diag-angle)));background:linear-gradient(180deg, #CD9D19 0%, #E3B83E 7%, #B38914 25%, #E9D599 35%, #B38914 42%, #B38914 66%, #E9D599 75%, #B38914 82%, #E3B83E 93%, #CD9F19 100%);pointer-events:none}@media(max-width: 768px){#main section.sec01 .main-inner .right-box::after{left:-0.5rem}}#main section.sec01 .main-inner .right-box::before{content:"";position:absolute;bottom:0;left:4px;width:3px;height:var(--diag-length);transform-origin:bottom left;transform:rotate(var(--diag-angle));background:#000;z-index:1000;pointer-events:none}@media(max-width: 768px){#main section.sec01 .main-inner .right-box::before{left:0px}}#main section.sec01 .main-inner .right-box .front-box__text{width:fit-content;position:absolute;bottom:15%;right:20%;opacity:1;padding-right:3px;animation:fadeIn .5s .6s ease-in-out forwards}@media(max-width: 768px){#main section.sec01 .main-inner .right-box .front-box__text{right:3.65rem}}#main section.sec01 .main-inner .right-box .front-box__text-01{opacity:0;animation:fadeIn .4s 3s ease-in-out forwards}#main section.sec01 .main-inner .main-video{position:relative;width:100%;height:100dvh;overflow:hidden;z-index:1000}#main section.sec01 .main-inner .main-video .pc iframe{width:100%;}@media(max-width: 768px){#main section.sec01 .main-inner .main-video .pc iframe{display:none}}#main section.sec01 .main-inner .main-video .mo iframe{width:100%;}@media(min-width: 769px){#main section.sec01 .main-inner .main-video .mo iframe{display:none}}@media(max-aspect-ratio: 9/16){#main section.sec01 .main-inner .main-video .mo iframe{width:100%}}#main section.sec01 .main-inner .main-video iframe{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);pointer-events:none}#main section.sec02{user-select:none;min-height:100vh}@media(max-width: 1024px){#main section.sec02{height:100vh;overflow:hidden}}#main section.sec02 .inner{height:100%}#main section.sec02 .inner .sec02-slide{position:relative}@media(max-width: 1024px){#main section.sec02 .inner .sec02-slide{height:100%}}#main section.sec02 .inner .sec02-slide .swiper-slide{width:100%;height:auto}#main section.sec02 .inner .sec02-slide .swiper-slide .img-box{width:100%;height:100vh;}#main section.sec02 .inner .sec02-slide .swiper-slide .img-box img{width:100%;height:100%;object-fit:cover}#main section.sec02 .inner .sec02-slide .progress-bar{width:13.4rem;height:2px;background:rgba(255,255,255,.3);position:absolute;bottom:4rem;left:50%;transform:translateX(-50%);z-index:1000}@media(max-width: 768px){#main section.sec02 .inner .sec02-slide .progress-bar{bottom:2.8rem;width:clamp(9.85rem,27.2vw,19.6rem)}}#main section.sec02 .inner .sec02-slide .progress-bar .progress-fill{position:absolute;top:0;left:0;width:0;height:100%;background:var(--main_color)}#main section.sec02 .inner .text-box{position:absolute;top:50%;left:12rem;transform:translateY(-50%);z-index:100}#main section.sec02 .inner .text-box>img{width:clamp(24rem,20.43vw,32.7rem)}#main section.sec02 .inner .text-box p.vitro-core{margin-top:clamp(3rem,3.12vw,5rem);font-size:clamp(2.3rem,2.62vw,4.2rem);line-height:1.3;letter-spacing:-0.168rem;color:var(--white)}#main section.sec02 .inner .text-box p:not(.vitro-core){margin-top:1.6rem;font-size:clamp(1.4rem,1.52vw,2.2rem);color:#eeeeee;font-weight:500;letter-spacing:-0.088rem}@media(max-width: 1024px){#main section.sec02 .inner .text-box{top:7.75rem;left:1.5rem;transform:translateY(0)}#main section.sec02 .inner .text-box img{width:19.45rem}#main section.sec02 .inner .text-box p.vitro-core{margin-top:2rem}#main section.sec02 .inner .text-box p:not(.vitro-core){margin-top:1rem}}#main section.sec02 .inner .thumbs-slide{width:73rem;position:absolute;bottom:5.4rem;left:50%;transform:translateX(-50%);z-index:1000}@media(max-width: 1024px){#main section.sec02 .inner .thumbs-slide{width:calc(100% - 7rem);bottom:4rem;transform:translateX(-50%)}}#main section.sec02 .inner .thumbs-slide .swiper-wrapper .swiper-slide{width:20%;height:100%;opacity:.4;cursor:pointer}#main section.sec02 .inner .thumbs-slide .swiper-wrapper .swiper-slide img{aspect-ratio: 138/70;}#main section.sec02 .inner .thumbs-slide .swiper-wrapper .swiper-slide.swiper-slide-active{opacity:1 !important}@media(max-width: 768px){#main section.sec02 .inner .thumbs-slide .swiper-wrapper .swiper-slide{width:clamp(9.85rem,27.2vw,19.6rem)}}#main section.sec03{height:100vh}#main section.sec03 .inner .text-box__top{position:absolute;width:100%;top:0;left:0;z-index:3;background-color:var(--main_color);height:100vh;display:flex;align-items:center;justify-content:center}#main section.sec03 .inner .text-box__top::after{content:"";position:absolute;bottom:-118px;left:0;width:100%;height:120px;background-color:var(--main_color);clip-path:polygon(100% 0, 0 0, 0 100%)}#main section.sec03 .inner .text-box__top p{color:#fff}@media(max-width: 1024px){#main section.sec03 .inner .text-box__top p{text-align:center;line-height:1.2}}#main section.sec03 .inner .pin-box-wrap{position:relative;width:100%;height:100vh}#main section.sec03 .inner .pin-box{position:absolute;top:0;left:0;width:100%;height:100vh;display:flex;align-items:center;justify-content:center;background-color:#fff;z-index:1}#main section.sec03 .inner .pin-box p{color:rgba(0,0,0,.2);background-clip:text;-webkit-background-clip:text;background-size:0% 100%;background-position:left center;background-repeat:no-repeat;background-image:linear-gradient(90deg, black, black);line-height:1.4;display:inline-block;text-align:center;width:auto;max-width:100%}#main section.sec03 .inner .pin-box p .text-word{color:rgba(0,0,0,.2);background-clip:text;-webkit-background-clip:text;background-size:0% 100%;background-position:left center;background-repeat:no-repeat;background-image:linear-gradient(90deg, black, black);display:inline;
    font-family:"VITRO CORE",sans-serif}#main section.sec03 .inner .pin-box p .text-line{color:rgba(0,0,0,.2);background-clip:text;-webkit-background-clip:text;background-size:0% 100%;background-position:left center;background-repeat:no-repeat;background-image:linear-gradient(90deg, black, black);display:block}#main section.sec03 .inner .pin-box p span.point{color:var(--main_color);font-family:"VITRO CORE",sans-serif}#main section.sec03 .inner .pin-box-wrap .pin-box{width:100%;height:100vh}#main section.sec04{padding:9.8rem 0;height:100vh}@media(max-width: 768px){#main section.sec04{padding:4rem 0}}#main section.sec04 .inner{height:-webkit-fill-available;padding:0 clamp(8rem,8.2vw,17.8rem)}@media(max-width: 768px){#main section.sec04 .inner{padding:0}}#main section.sec04 .inner .pc{height:100%}#main section.sec04 .inner .swiper{height:100%}#main section.sec04 .sec04-slide .swiper-button-next,#main section.sec04 .sec04-slide .swiper-button-prev{display:none}#main section.sec04:has(.sec04-slide .swiper-button-prev.swiper-button-disabled) .slide-fake-buttton__prev{opacity:.2}#main section.sec04:has(.sec04-slide .swiper-button-next.swiper-button-disabled) .slide-fake-buttton__next{opacity:.2}#main section.sec04 .slide-fake-buttton__prev,#main section.sec04 .slide-fake-buttton__next{filter:brightness(0);transition:filter .3s ease;cursor:pointer}#main section.sec04 .slide-fake-buttton__prev:hover,#main section.sec04 .slide-fake-buttton__next:hover{filter:brightness(1)}#main section.sec04 .slide-fake-buttton__prev{position:absolute;top:49%;left:7rem;transform:translateY(-50%)}#main section.sec04 .slide-fake-buttton__next{position:absolute;top:49%;right:7rem;transform:translateY(-50%)}#main section.sec04 .slide-real-buttton{display:flex;justify-content:space-between;align-items:center;gap:2.2rem}#main section.sec04 .cont-box{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:5rem}#main section.sec04 .cont-box__item{text-align:center}#main section.sec04 .cont-box__left{display:flex;justify-content:center;align-items:center}#main section.sec04 .cont-box__center{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3rem}@media(max-width: 768px){#main section.sec04 .cont-box__center{gap:clamp(1rem,2.08vw,1.5rem)}}#main section.sec04 .cont-box__center-images{display:flex;justify-content:center;align-items:center;gap:2.2rem}#main section.sec04 .cont-box__center-arrow{margin-top:12rem;cursor:pointer;width:clamp(5rem,5.41vw,9.2rem)}@media(max-width: 768px){#main section.sec04 .cont-box__center-arrow{width:clamp(4.5rem,9.3vw,6.75rem)}}#main section.sec04 .cont-box__center-bottle{min-width:15rem !important;width:24.9rem !important;height:61.7rem !important;background-size:contain;background-position:center;background-repeat:no-repeat;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#main section.sec04 .cont-box__right{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0 clamp(5rem,5.27vw,8.5rem)}#main section.sec04 .cont-box__right-text{width:100%}#main section.sec04 .cont-box__right-text p:first-child{font-size:4.8rem;line-height:1.4;letter-spacing:-0.192rem;color:var(--black50)}#main section.sec04 .cont-box__right-text p:nth-child(2){line-height:1}#main section.sec04 .cont-box__right-text .btn-go{padding:1.75rem 0;width:100%}#main section.sec04 .cont-mo{position:relative}#main section.sec04 .cont-mo .swiper-slide{display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0}#main section.sec04 .cont-mo .swiper-slide .cont-mo__center{transition:transform .4s ease,opacity .4s ease;will-change:transform,opacity}#main section.sec04 .cont-mo .swiper-slide .cont-mo__center .cont-mo__center-bottle{transition:transform .4s ease,opacity .4s ease;will-change:transform,opacity}#main section.sec04 .cont-mo .swiper-slide .cont-mo__center .point_color{opacity:0;transition:opacity .4s ease}#main section.sec04 .cont-mo .swiper-slide.swiper-slide-active{transform:scale(1);z-index:9999;opacity:1}#main section.sec04 .cont-mo .swiper-slide.swiper-slide-active .cont-mo__center{}#main section.sec04 .cont-mo .swiper-slide.swiper-slide-active .cont-mo__center .cont-mo__center-arrow{opacity:0;visibility:visible}#main section.sec04 .cont-mo .swiper-slide.swiper-slide-active .cont-mo__center .point_color{opacity:0;visibility:visible}#main section.sec04 .cont-mo .swiper-slide.swiper-slide-prev .cont-mo__center{transform:translate3d(15%, 0, 0)}@media(max-width: 360px){#main section.sec04 .cont-mo .swiper-slide.swiper-slide-prev .cont-mo__center{transform:translate3d(-5%, 0, 0)}}#main section.sec04 .cont-mo .swiper-slide.swiper-slide-prev .cont-mo__center .cont-mo__center-bottle{transform:scale(0.8);opacity:.3}#main section.sec04 .cont-mo .swiper-slide.swiper-slide-next .cont-mo__center{transform:translate3d(-115%, 0, 0)}@media(max-width: 360px){#main section.sec04 .cont-mo .swiper-slide.swiper-slide-next .cont-mo__center{transform:translate3d(-95%, 0, 0)}}#main section.sec04 .cont-mo .swiper-slide.swiper-slide-next .cont-mo__center .cont-mo__center-bottle{transform:scale(0.8);opacity:.3}#main section.sec04 .cont-mo__top{text-align:center;opacity:0}#main section.sec04 .cont-mo__top img{max-width:27rem;width:100%}#main section.sec04 .cont-mo__center{}#main section.sec04 .cont-mo__center-arrow{width:clamp(4.5rem,9.3vw,6.75rem) !important;opacity:0;visibility:hidden}#main section.sec04 .cont-mo__center-bottle{width:12.6rem !important;height:100% !important;aspect-ratio:22.2/54.9;min-width:10.2rem !important;background-size:contain;background-position:center;background-repeat:no-repeat}#main section.sec04 .cont-mo__center>p{margin-top:1.5rem;font-size:clamp(1.1rem,2.22vw,1.6rem);text-align:center;white-space:nowrap;opacity:0}#main section.sec04 .cont-mo__center .point_color{opacity:0;visibility:hidden}#main section.sec04 .cont-mo__bottom{margin-top:clamp(4rem,8.34vw,6rem);text-align:center;opacity:0}#main section.sec04 .cont-mo__bottom>p:first-child{font-size:clamp(2.8rem,5.83vw,4.2rem);line-height:1.6;letter-spacing:-0.112rem;opacity:.5}#main section.sec04 .cont-mo__bottom>p:nth-child(2){line-height:1}#main section.sec04 .cont-mo__bottom .btn-more{background-color:var(--black);color:var(--white);font-size:clamp(1.4rem,1.4583vw,2.8rem);padding:1.25rem 1.9rem}#main section.sec05{padding:8rem 0 12rem}@media(max-width: 768px){#main section.sec05{padding:1rem 0 3.6rem}}#main section.sec05 .roll-list{gap:8rem}@media(max-width: 768px){#main section.sec05 .roll-list{gap:2.5rem}}@media(max-width: 768px){#main section.sec05 .roll-list li:not(:has(img)){font-size:clamp(6rem,12.5vw,9rem)}}#main section.sec05 .roll-list li:has(img){clip-path:polygon(5% 0, 100% 0%, 95% 100%, 0% 100%);transform:translateZ(0);will-change:transform;backface-visibility:hidden;-webkit-backface-visibility:hidden}@media(max-width: 768px){#main section.sec05 .roll-list li:has(img){width:11.3rem}}#main section.sec05 .roll-list li:has(img) img{width:100%;height:100%;object-fit:cover;image-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transform:translateZ(0);will-change:transform;backface-visibility:hidden;-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0)}#main section.sec06{background-color:var(--black)}#main section.sec06 .inner{padding:12.3rem 0 0 0;display:grid;grid-template-columns:74.7fr 117.3fr}@media(max-width: 768px){#main section.sec06 .inner{padding:clamp(8rem,16.6vw,12rem) 0;grid-template-columns:1fr}}#main section.sec06 .inner .left-box{position:relative;padding-left:12rem}@media(max-width: 768px){#main section.sec06 .inner .left-box{padding-left:1.5rem}}#main section.sec06 .inner .left-box p{color:var(--white);font-size:clamp(3.2rem,4.02vw,5.8rem)}#main section.sec06 .inner .left-box>img{margin:1.4rem 0;width:clamp(22.5rem,33.12vw,47.7rem)}#main section.sec06 .inner .left-box .img-box{margin-top:1.7rem}@media(max-width: 768px){#main section.sec06 .inner .left-box .img-box{position:absolute;top:0;right:0}#main section.sec06 .inner .left-box .img-box img{width:clamp(7.8rem,16.25vw,11.7rem);transform:rotate(-22.98deg)}}#main section.sec06 .inner .right-box{position:relative;min-width:0;overflow:hidden;padding-top:3.5rem;padding-left:9rem}@media(max-width: 768px){#main section.sec06 .inner .right-box{padding:0 1.5rem;margin-top:5.8rem}}#main section.sec06 .inner .right-box::before{content:"";position:absolute;top:0;left:0;width:20.9rem;height:90%;opacity:.7;background:linear-gradient(-90deg, rgba(0, 0, 0, 0) 0%, #000 54.31%);z-index:1000}@media(max-width: 768px){#main section.sec06 .inner .right-box::before{content:none}}#main section.sec06 .inner .right-box .sec06-slide .swiper-wrapper{min-width:0}@media(max-width: 768px){#main section.sec06 .inner .right-box .sec06-slide .swiper-wrapper{flex-direction:column;gap:2.5rem}}#main section.sec06 .inner .right-box .sec06-slide .swiper-wrapper .swiper-slide{position:relative;aspect-ratio:1}@media(max-width: 768px){#main section.sec06 .inner .right-box .sec06-slide .swiper-wrapper .swiper-slide{width:100% !important}}#main section.sec06 .inner .right-box .sec06-slide .swiper-wrapper .swiper-slide .img-box{width:100%;height:100%}#main section.sec06 .inner .right-box .sec06-slide .swiper-wrapper .swiper-slide .img-box img{width:100%;height:100%;object-fit:cover}#main section.sec06 .inner .right-box .sec06-slide .swiper-wrapper .swiper-slide .text-box{position:absolute;bottom:0;left:0;width:100%;height:41rem;padding:4rem;box-sizing:border-box;background:linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%);display:flex;flex-direction:column;justify-content:flex-end}
    @media(max-width: 768px){#main section.sec06 .inner .right-box .sec06-slide .swiper-wrapper .swiper-slide .text-box{height:18.3rem;padding:2rem}}#main section.sec06 .inner .right-box .sec06-slide .swiper-wrapper .swiper-slide .text-box h3{font-size:clamp(1.9rem,1.94vw,2.8rem);color:var(--white);font-weight:700;letter-spacing:-0.112rem;line-height:1.5}#main section.sec06 .inner .right-box .sec06-slide .swiper-wrapper .swiper-slide .text-box pre{margin-top:clamp(1rem,1.38vw,2rem);color:var(--white);font-size:clamp(1.3rem,1.25vw,1.8rem);line-height:1.4;letter-spacing:-0.072rem}#main section.sec06::before{clip-path:polygon(0% 0%, 100% 0%, 0% 100%);content:"";position:absolute;top:0;left:0;width:100%;height:10.1rem;background-color:var(--main_color)}@media(max-width: 768px){#main section.sec06::before{background-color:var(--white);height:4rem;top:-0.1rem}}#main section.sec07{background-color:var(--main_color)}@media(max-width: 768px){#main section.sec07::before{clip-path:polygon(0% 100%, 100% 100%, 100% 0%);content:"";position:absolute;top:-3.9rem;left:0;width:100%;height:4rem;background-color:var(--main_color)}}#main section.sec07 .inner{padding:clamp(6rem,12.91vw,9.3rem) 0 clamp(12.5rem,27.78vw,20rem)}#main section.sec07 .inner h2{text-align:center;line-height:1.6}@media(max-width: 768px){#main section.sec07 .inner h2{font-size:clamp(7rem,14.58vw,10.5rem)}}#main section.sec07 .inner .sns-sort{justify-content:center;margin-bottom:8rem;gap:1rem}@media(max-width: 768px){#main section.sec07 .inner .sns-sort{gap:.5rem;margin-bottom:5rem}}#main section.sec07 .inner .sns-sort li{padding:.9rem 2rem;background-color:var(--white);color:var(--black);display:flex;align-items:center;gap:1rem;font-weight:500;clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);transition:clip-path .3s ease,background-color .3s ease,color .3s ease,padding .3s ease}@media(max-width: 768px){#main section.sec07 .inner .sns-sort li{padding:1rem 1.5rem;font-size:1.3rem;gap:.5rem}#main section.sec07 .inner .sns-sort li.on,#main section.sec07 .inner .sns-sort li:hover{padding:.9rem 2.2rem}}#main section.sec07 .inner .sns-sort li img{width:clamp(1.8rem,3.34vw,2.4rem);filter:invert(1);transition:filter .3s ease}#main section.sec07 .inner .sns-sort li .youtube{filter:invert(0);}#main section.sec07 .inner .sns-sort li.on,#main section.sec07 .inner .sns-sort li:hover{background-color:var(--black);clip-path:polygon(10% 1%, 100% 0%, 90% 100%, 0% 100%);color:var(--white);padding:.9rem 2.9rem}#main section.sec07 .inner .sns-sort li.on img,#main section.sec07 .inner .sns-sort li:hover img{filter:invert(0)} #main section.sec07 .inner .sns-sort li.on .youtube,#main section.sec07 .inner .sns-sort li:hover .youtube{filter:invert(1)}#main section.sec07 .inner .tab-cont-wrap{position:relative}#main section.sec07 .inner .tab-cont-wrap .scroll-notice{position:absolute;display:flex;top:5.5rem;left:52%;width:fit-content;background-color:rgba(0,0,0,0);z-index:1000}@media(max-width: 768px){#main section.sec07 .inner .tab-cont-wrap .scroll-notice{display:none}}#main section.sec07 .inner .tab-cont-wrap .scroll-notice__icon{background-color:var(--black);clip-path:polygon(20% 1%, 100% 0%, 90% 100%, 0% 100%);padding:.6rem 2rem;margin-right:-1.6rem;display:flex;align-items:center;justify-content:center}#main section.sec07 .inner .tab-cont-wrap .scroll-notice__text{padding:.6rem 2rem;background-color:var(--main_color);color:var(--white);clip-path:polygon(10% 1%, 100% 0%, 90% 100%, 0% 100%);font-size:1.4rem;font-weight:500;line-height:1.6;letter-spacing:-0.056rem}#main section.sec07 .inner .tab-cont-wrap .sns-list .swiper{width:100%;height:100%}#main section.sec07 .inner .tab-cont-wrap .sns-list .swiper-slide{text-align:center;font-size:18px;background:#fff;aspect-ratio:42/58;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}#main section.sec07 .inner .tab-cont-wrap .sns-list .swiper-slide img{display:block;width:100%;height:100%;object-fit:cover}