:root{--headerHeight: 7rem;--mainColor: #a8405a;--fs-16: clamp(1.3rem, 3vw, 1.6rem);--fs-17: clamp(1.3rem, 3.5vw, 1.7rem);--fs-18: clamp(1.4rem, 3.5vw, 1.8rem);--fs-20: clamp(1.5rem, 3.5vw, 2rem);--fs-22: clamp(1.6rem, 3.5vw, 2.2rem);--fs-23: clamp(1.8rem, 3.5vw, 2.3rem);--fs-25: clamp(2rem, 3.5vw, 2.5rem);--fs-26: clamp(2rem, 3.5vw, 2.6rem);--fs-27: clamp(2.1rem, 4vw, 2.7rem);--fs-28: clamp(2.3rem, 4vw, 2.8rem);--fs-30: clamp(2.4rem, 4vw, 3rem);--fs-32: clamp(2.4rem, 4vw, 3.2rem);--fs-33: clamp(2.4rem, 4vw, 3.3rem);--fs-35: clamp(2.5rem, 4vw, 3.5rem);--fs-36: clamp(2.5rem, 4vw, 3.6rem);--fs-38: clamp(2.7rem, 4vw, 3.8rem);--fs-40: clamp(2.8rem, 4vw, 4rem);--fs-45: clamp(3rem, 4vw, 4.5rem);--fs-50: clamp(3.2rem, 7vw, 5rem);--fs-52: clamp(3.2rem, 7vw, 5.2rem);--fs-55: clamp(3.4rem, 7vw, 5.5rem);--fs-60: clamp(3.7rem, 7vw, 6rem);--fs-62: clamp(4rem, 7vw, 6.2rem);--fs-65: clamp(4.1rem, 7vw, 6.5rem);--fs-70: clamp(4.2rem, 7vw, 7rem);--fs-72: clamp(4.3rem, 7vw, 7.2rem);--fs-75: clamp(4.3rem, 7vw, 7.5rem);--fs-80: clamp(4.4rem, 7vw, 8rem);--fs-85: clamp(4.5rem, 7vw, 8.5rem);--fs-90: clamp(5.5rem, 8vw, 9rem);--fs-95: clamp(5.6rem, 8vw, 9.5rem);--fs-100: clamp(5.8rem, 8vw, 10rem);--gap-180: clamp(12rem, 13vw, 18rem);--gap-150: clamp(9rem, 10vw, 15rem);--gap-140: clamp(8.5rem, 10vw, 14rem);--gap-130: clamp(8rem, 10vw, 13rem);--gap-120: clamp(8rem, 10vw, 12rem);--gap-100: clamp(7rem, 7vw, 10rem);--gap-95: clamp(6.5rem, 7vw, 95rem);--gap-90: clamp(6rem, 7vw, 9rem);--gap-85: clamp(5.5rem, 6.5vw, 8.5rem);--gap-80: clamp(5rem, 6.5vw, 8rem);--gap-75: clamp(4.5rem, 6.5vw, 7.5rem);--gap-70: clamp(4rem, 6.5vw, 7rem);--gap-60: clamp(4rem, 6.5vw, 6rem);--gap-55: clamp(3.5rem, 5.5vw, 5.5rem);--gap-50: clamp(3.3rem, 5.5vw, 5rem);--gap-45: clamp(3rem, 5vw, 4.5rem);--gap-40: clamp(2.8rem, 5vw, 4rem);--gap-35: clamp(2.2rem, 5vw, 3.5rem);--gap-30: clamp(2rem, 5vw, 3rem);--gap-25: clamp(1.5rem, 4vw, 2.5rem);--gap-20: clamp(1.3rem, 4vw, 2rem);--gap-15: clamp(1rem, 4vw, 1.5rem)}@font-face{font-family:Pretendard;font-weight:100 900;font-display:swap;src:url(/assets/fonts/PretendardVariable.woff2) format("woff2-variations")}
@media screen and (min-width:960px){:root{--headerHeight:10rem}}
:root{--ink:#222;--grey:#f4f4f7;--mainSoft:#e6a3b3}
*{margin:0;padding:0;border:none;border-collapse:collapse;font-family:Pretendard,"Apple SD Gothic Neo","Noto Sans KR",sans-serif;font-style:normal;word-break:keep-all;overflow-wrap:break-word;box-sizing:border-box;list-style:none}
html{font-size:62.5%;background:#fff;scroll-behavior:smooth;scroll-padding-top:calc(var(--headerHeight) + 1rem)}
html,body{color:#333;font-weight:400;line-height:1.4}
body{overflow-x:hidden;font-size:1.7rem}
a{text-decoration:none;color:inherit}
button{border:none;cursor:pointer;background:none;font:inherit;color:inherit}
button:focus,input:focus{outline:none}
:focus-visible{outline:.3rem solid var(--mainColor);outline-offset:.3rem}
img{max-width:100%;vertical-align:top;height:auto}
.center_box{width:95%;max-width:140rem;margin-inline:auto}
.pbl-120{padding-block:var(--gap-120)}
.pbl-60{padding-block:var(--gap-60)}
body.noscroll{overflow:hidden}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}

/* ===== HEADER (roborock common.css) ===== */
.header{position:fixed;width:100%;top:0;left:0;border-bottom:.1rem solid hsla(0,0%,100%,.3);z-index:5;transition:background .3s}
.header.header_on{background:#fff;border-bottom:.1rem solid #ddd}
.header__head{width:95%;height:var(--headerHeight);margin:0 auto;display:flex;align-items:center;justify-content:space-between}
.header__logo{flex-shrink:0}
.header__logo a{display:flex;align-items:center;gap:1.2rem;color:#fff;height:4rem;transition:color .3s}
.header__logo img{width:3.8rem;height:3.8rem;border-radius:.8rem}
.header__logo span{display:flex;flex-direction:column;line-height:1.15}
.header__logo strong{font-size:2rem;font-weight:800}
.header__logo small{font-size:1rem;letter-spacing:.2em;font-weight:500;opacity:.8}
.header.header_on .header__logo a,.header.header_allOpen .header__logo a{color:#000}
.header__nav{display:none}
.header__open{width:3.6rem;height:1.6rem;position:relative;display:block}
.header__open i{position:absolute;left:0;width:100%;height:.2rem;background:#fff;transition:.3s}
.header__open i:nth-child(1){top:0}.header__open i:nth-child(2){top:.7rem}.header__open i:nth-child(3){top:1.4rem}
.header.header_on .header__open i,.header.header_allOpen .header__open i{background:#000}
.header__open.closeAll i:nth-child(1){top:.7rem;transform:rotate(-45deg)}
.header__open.closeAll i:nth-child(2){opacity:0}
.header__open.closeAll i:nth-child(3){top:.7rem;transform:rotate(45deg)}
.header__right{display:flex;align-items:center;gap:2.4rem}
.header__consult{display:none}
@media screen and (max-width:1400px){
  .header.header_allOpen{background:#fff;border-color:#eee}
}
@media screen and (min-width:1400px){
  .header:hover{background:#fff;border-bottom:.1rem solid #ddd}
  .header:hover .header__logo a{color:#000}
  .header:hover .menu__depth1>a{color:#000}
  .header:hover .header__open i{background:#000}
  .header.header_on .menu__depth1>a{color:#000}
  .header__nav{height:100%;display:flex;align-items:center}
  .header__nav .menu{display:flex;width:100%;height:100%}
  .header__nav .menu__depth1{position:relative;text-align:center;height:100%}
  .header__nav .menu__depth1>a{color:#fff;font-size:1.8rem;height:100%;display:flex;align-items:center;position:relative;z-index:1;font-weight:500}
  .header__nav .menu__depth1::before{content:"";display:block;width:0;height:.2rem;background:var(--mainColor);transition:width .5s;bottom:3.2rem;position:absolute;left:50%;transform:translateX(-50%);z-index:1}
  .header__nav .menu__depth1:hover .subMenu{visibility:visible;padding-block:10rem 3.3rem}
  .header__nav .menu__depth1:hover::before{width:100%}
  .header__nav .menu__depth1:not(:last-child){margin-right:7rem}
  .header__nav .subMenu{position:absolute;left:50%;transform:translateX(-50%);width:18rem;height:0;background:#111;border:.1rem solid #3b3b3b;border-radius:0 0 1.3rem 1.3rem;visibility:hidden;top:0;transition:all .5s;z-index:0;box-sizing:content-box;overflow:hidden;padding-block:0}
  .header__nav .subMenu.longWidth{width:25rem}
  .header__nav .subMenu__depth2:not(:last-child){margin-bottom:3rem}
  .header__nav .subMenu__depth2 a{font-size:1.7rem;color:#aaa;white-space:nowrap}
  .header__nav .subMenu__depth2 a:hover{color:#fff}
  .header__consult{display:inline-flex;align-items:center;height:4.4rem;padding:0 2.4rem;border-radius:5rem;background:var(--mainColor);color:#fff;font-size:1.6rem;font-weight:700}
}

/* ===== ALL MENU ===== */
.allMenu{position:fixed;width:100%;height:100%;top:-120%;left:0;z-index:6;visibility:hidden;transition:all .5s}
.allMenu__logo{display:flex;align-items:center;gap:1.2rem;color:#fff;font-size:2rem;font-weight:800}
.allMenu__logo img{border-radius:.8rem}
@media screen and (max-width:960px){
  .allMenu{background:#fff;overflow-y:scroll}
  .allMenu__header{display:none}
  .allMenu__wrap{width:95%;max-width:150rem;margin:0 auto}
  .allMenu.showAll{top:var(--headerHeight);visibility:visible}
  .allMenu__close{display:none}
  .allMenu .menu{padding-bottom:12rem}
  .allMenu .menu__depth1{border-bottom:.1rem solid #eee}
  .allMenu .menu__depth1>a{display:flex;align-items:center;justify-content:space-between;height:9rem;font-size:2.8rem;font-weight:700;color:#111;padding-inline:2.5%;cursor:pointer}
  .allMenu .menu__depth1>a::after{content:"";display:block;width:1rem;height:1rem;border-right:.2rem solid #111;border-bottom:.2rem solid #111;transform:rotate(45deg);transition:transform .3s}
  .allMenu .menu .doOpen::after{transform:rotate(225deg)}
  .allMenu .menu .subMenu{height:0;overflow:hidden;transition:all .5s}
  .allMenu .menu .subMenu__depth2{font-size:2.3rem}
  .allMenu .menu .subMenu__depth2 a{height:6rem;color:#000;display:flex;align-items:center;justify-content:space-between}
  .allMenu .menu .subView{padding:2rem 2.5%;border-top:.1rem solid #ddd;box-sizing:content-box}
}
@media screen and (min-width:960px){
  .allMenu{background:var(--mainColor)}
  .allMenu.showAll{top:0;visibility:visible}
  .allMenu__header{width:95%;margin-inline:auto;top:var(--gap-60);position:absolute;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:space-between;z-index:2}
  .allMenu__center{height:100%;display:flex;align-items:center;position:relative;z-index:1}
  .allMenu__close{width:3rem;height:3rem;position:relative}
  .allMenu__close::before,.allMenu__close::after{content:"";position:absolute;left:0;top:1.4rem;width:100%;height:.2rem;background:#fff;transform:rotate(45deg)}
  .allMenu__close::after{transform:rotate(-45deg)}
  .allMenu__wrap{width:95%;max-width:140rem;margin-inline:auto;padding-top:2rem}
  .allMenu .menu{display:flex;column-gap:var(--gap-70);text-align:center;justify-content:center}
  .allMenu .menu__depth1{line-height:1}
  .allMenu .menu__depth1>a{display:block;color:#fff;font-weight:700;position:relative;font-size:2.4rem;margin-bottom:10rem}
  .allMenu .menu__depth1>a:hover::before{content:"";display:block;width:6rem;height:.2rem;background:#fff;position:absolute;left:50%;transform:translateX(-50%);bottom:-2rem}
  .allMenu .menu .subMenu{text-align:center;display:flex;flex-direction:column;row-gap:3.5rem}
  .allMenu .menu .subMenu__depth2{font-size:1.9rem;color:#fff}
  .allMenu .menu .subMenu__depth2 a{display:inline-block;position:relative}
  .allMenu .menu .subMenu__depth2 a:hover:after{content:"";display:block;width:100%;height:.1rem;background:#fff;position:absolute;left:0;bottom:-.5rem}
}

/* ===== QUICK ===== */
.quick{position:fixed;right:0;bottom:0;z-index:4}
.quick__cell{width:6rem;height:6rem;background:#131313}
.quick__icon{width:6rem;height:100%;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#fff}
.quick__icon svg{width:2.6rem;height:2.6rem}
.quick__move{background:#303030;width:6rem;height:6rem;display:none;color:#fff;position:relative;z-index:1}
.quick__move svg{width:1.8rem;height:1.8rem}
.quick__move.showMove{display:flex;align-items:center;justify-content:center}
.quick__open{width:6rem;height:6rem;background:#131313;display:flex;align-items:center;justify-content:center;position:relative;z-index:1;color:#fff}
.quick__open svg{width:2rem;height:2rem}
@media screen and (max-width:960px){
  .quick{bottom:calc(6rem + env(safe-area-inset-bottom))}
  .quick__list{transition:top .5s;top:0;position:absolute;z-index:0;right:0}
  .quick__text{display:none}
  .quick.opend .quick__list{top:-18rem}
}
@media screen and (min-width:960px){
  .quick__cell{transition:all .3s}
  .quick__cell:hover{background:var(--mainColor)}
  .quick__cell:hover .quick__text{left:-11rem;opacity:1}
  .quick__cell a{position:relative;height:100%;display:flex;align-items:center;justify-content:flex-end}
  .quick__text{font-size:1.5rem;font-weight:700;color:#fff;width:11rem;height:100%;position:absolute;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;background:var(--mainColor);opacity:0;left:0;transition:all .3s;white-space:nowrap}
  .quick__open{display:none}
}
.mbar{display:none}

/* ===== FOOTER ===== */
.footer{background:#222}
.footer__foot{width:95%;margin-inline:auto;position:relative;display:flex;flex-direction:column;row-gap:var(--gap-40)}
.footer__logo{display:flex;align-items:center;gap:1.2rem;color:#fff;font-size:2.2rem;font-weight:800;flex-shrink:0}
.footer__logo img{border-radius:.8rem}
.footer__ohters{display:flex;gap:var(--gap-20)}
.footer__ohters a{display:flex;width:4rem;height:4rem;border-radius:50%;border:.1rem solid #555;align-items:center;justify-content:center;color:#fff;transition:.3s}
.footer__ohters a:hover{background:var(--mainColor);border-color:var(--mainColor)}
.footer__info{display:flex;flex-wrap:wrap;font-size:1.6rem;color:#999;margin-bottom:var(--gap-30);line-height:1.6}
.footer__info span:not(:last-child){position:relative;padding-right:1rem;margin-right:1rem}
.footer__info span:not(:last-child)::after{content:"";display:block;width:.1rem;height:1rem;background:#999;position:absolute;top:50%;transform:translateY(-50%);right:0}
.footer__call{font-size:1.7rem;font-weight:600;color:#fff;margin-bottom:var(--gap-25)}
.footer__info .w{color:#fff;font-weight:600}
.footer__copy{font-size:1.4rem;color:#999;line-height:1.6;max-width:80rem}
@media screen and (min-width:960px){
  .footer__foot{flex-direction:row;column-gap:var(--gap-130)}
  .footer__ohters{position:absolute;top:0;right:0}
}

/* ===== REVEAL (moverWrap) ===== */
.movingBox{opacity:0;transition:all 1.5s}
.transY{transform:translateY(6rem)}.transLeft{transform:translateX(-6rem)}.transRight{transform:translateX(6rem)}
.delay2{transition-delay:.2s!important}.delay4{transition-delay:.4s!important}.delay6{transition-delay:.6s!important}.delay8{transition-delay:.8s!important}
.moverOn_Wrap .movingBox,.moverWrap.noanim .movingBox{transform:translate(0)!important;opacity:1!important}

/* ===== VISUAL ===== */
.visual{position:relative;overflow:hidden;background:#0b0b0c;color:#fff}
.visual__slide{display:grid}
.visual__cell{grid-area:1/1;min-height:min(100svh,120vw);display:flex;align-items:center;opacity:0;visibility:hidden;transition:opacity 1s linear,visibility 1s;position:relative;padding:calc(var(--headerHeight) + 4rem) 0 14rem}
.visual__cell.on{opacity:1;visibility:visible}
.visual__cell::before{content:"";position:absolute;inset:0;background:radial-gradient(70rem 45rem at 82% 25%,rgba(168,64,90,.28),transparent 62%),linear-gradient(120deg,#0b0b0c 35%,#1a1a22)}
.visual__cell.v2::before{background:radial-gradient(70rem 45rem at 18% 70%,rgba(168,64,90,.26),transparent 62%),linear-gradient(240deg,#0b0b0c 35%,#1d1d27)}
.visual__cell.v3::before{background:radial-gradient(70rem 45rem at 80% 80%,rgba(230,163,179,.22),transparent 62%),linear-gradient(160deg,#0b0b0c 30%,#221519)}
.visual__inner{position:relative;width:95%;max-width:140rem;margin-inline:auto;display:grid;grid-template-columns:1fr 1fr;gap:var(--gap-60);align-items:center}
.visual__text1,.visual__text2,.visual__logo{opacity:0;transform:translateY(3rem);transition:all .8s}
.visual__cell.on .visual__text1{opacity:1;transform:none;transition-delay:.2s}
.visual__cell.on .visual__text2{opacity:1;transform:none;transition-delay:.5s}
.visual__cell.on .visual__logo{opacity:1;transform:none;transition-delay:.7s}
.visual__kicker{display:inline-block;font-size:1.6rem;font-weight:700;letter-spacing:.12em;color:var(--mainSoft);margin-bottom:2rem}
.visual__title{font-size:var(--fs-70);font-weight:800;line-height:1.22;letter-spacing:-.03em}
.visual__sub{margin-top:var(--gap-30);font-size:var(--fs-22);font-weight:300;line-height:1.6;color:#ddd;max-width:48rem}
.visual__row{margin-top:var(--gap-40);display:flex;gap:1.2rem;flex-wrap:wrap}
.visual__pic{justify-self:end;width:min(100%,50rem);border-radius:1.5rem;overflow:hidden;box-shadow:0 3rem 7rem rgba(0,0,0,.5);border:.1rem solid rgba(255,255,255,.14)}
.visual__pic img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:top}
.visual__num{justify-self:end;font-size:clamp(12rem,18vw,24rem);font-weight:900;line-height:1;color:transparent;-webkit-text-stroke:.2rem rgba(168,64,90,.7)}
.visual__control{position:absolute;left:50%;transform:translateX(-50%);bottom:var(--gap-70);z-index:1}
.vdots{display:flex}
.vdots button{width:3.4rem;height:3.4rem;position:relative;border-radius:50%;border:.2rem solid transparent}
.vdots button::after{content:"";display:block;width:1rem;height:1rem;background:#545454;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.vdots button.on{border-color:#fff}
.vdots button.on::after{background:#fff}

/* ===== BANNERS (4분할) ===== */
.banners{overflow:hidden;color:#fff;background:#111}
.banners__link{display:block;padding:var(--gap-60)}
.banners__backgrounds{display:none}
.banners__title{font-size:var(--fs-50);font-weight:700;margin-bottom:var(--gap-70);line-height:1.25}
.banners__desc{font-size:var(--fs-20);margin-bottom:var(--gap-45);line-height:1.5}
.banners__icon{width:5.2rem;height:5.2rem;color:#fff}
@media screen and (max-width:768px){
  .banners__cell:not(:last-child){border-bottom:.1rem solid hsla(0,0%,100%,.3)}
  .banners__cell.cell1{background:linear-gradient(135deg,#17171d,#2b1218)}
  .banners__cell.cell2{background:linear-gradient(135deg,#1c1217,#111)}
  .banners__cell.cell3{background:linear-gradient(135deg,#111,#1c2230)}
  .banners__cell.cell4{background:linear-gradient(135deg,#1a1520,#2b1218)}
}
@media(min-width:960px)and (max-width:1400px){.banners__link{padding:var(--gap-30)}.banners__title{font-size:clamp(2rem,3vw,3.5rem)}}
@media screen and (min-width:960px){
  .banners{position:relative}
  .banners__wrap{display:flex;height:100dvh;position:relative;z-index:1}
  .banners__texts{transition:transform .3s}
  .banners__cell{width:25%;height:100%}
  .banners__cell:not(:last-child){border-right:.1rem solid hsla(0,0%,100%,.3)}
  .banners__cell:hover .banners__texts{transform:translateY(-4rem)}
  .banners__link{height:100%;display:flex;justify-content:center;flex-direction:column}
  .banners__backgrounds{display:block;position:absolute;top:0;left:0;width:110%;height:110%;z-index:0}
  .banners__bg{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transform:translateX(-3rem);transition:all .7s}
  .banners__bg.show{opacity:1;transform:translateX(0)}
  .banners__bg.bg1{background:radial-gradient(60rem 50rem at 30% 40%,rgba(168,64,90,.3),transparent 60%),linear-gradient(135deg,#0d0d10,#241017)}
  .banners__bg.bg2{background:radial-gradient(60rem 50rem at 70% 60%,rgba(230,163,179,.22),transparent 60%),linear-gradient(135deg,#0d0d10,#1a1a26)}
  .banners__bg.bg3{background:radial-gradient(60rem 50rem at 40% 70%,rgba(168,64,90,.22),transparent 60%),linear-gradient(135deg,#0d0d10,#12202c)}
  .banners__bg.bg4{background:radial-gradient(60rem 50rem at 60% 30%,rgba(230,163,179,.26),transparent 60%),linear-gradient(135deg,#0d0d10,#231226)}
}

/* ===== SECTION HEAD (event__head) ===== */
.event__head{font-size:clamp(2.8rem,5vw,4.7rem);color:#000;display:flex;align-items:center;column-gap:var(--gap-30);line-height:1.3}
.event__dl dt{font-weight:900}
.event__dl dd{font-weight:300}
.event__dl.light{color:#fff}
.event__more{width:clamp(10rem,10vw,14.5rem);height:clamp(10rem,10vw,14.5rem);border-radius:100%;background:var(--mainColor);position:relative;flex-shrink:0;display:flex;align-items:center;justify-content:center}
.event__more i{position:absolute;left:50%;top:50%;width:2.4rem;height:2.4rem;transform:translate(-50%,-50%)}
.event__more i::before{content:"";position:absolute;left:25%;top:25%;width:50%;height:50%;border-top:.2rem solid #fff;border-right:.2rem solid #fff;transform:rotate(45deg) translate(-12%,12%)}
@keyframes rotater{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}

/* ===== FIDERS (겹침 슬라이더) ===== */
.fiders{background:var(--grey);overflow:hidden;position:relative}
.fiders__bg{position:absolute;left:0;bottom:1rem;z-index:0;animation:bgZ alternate infinite 2s;width:min(60rem,45vw);height:min(36rem,26vw);background:repeating-linear-gradient(135deg,transparent 0 1.3rem,#dcdce4 1.3rem 1.4rem);-webkit-mask-image:linear-gradient(90deg,#000 20%,transparent);mask-image:linear-gradient(90deg,#000 20%,transparent)}
@keyframes bgZ{0%{left:-5%}100%{left:0}}
.fiders__center{position:relative;z-index:1}
.fiders__thum{position:relative;z-index:1;overflow:hidden}
.fiders__track{display:flex;transition:transform 1.2s cubic-bezier(.4,0,.2,1)}
.fiders__track.nt{transition:none}
.fiders__cell{position:relative;flex:0 0 100%;border-radius:1rem;overflow:hidden}
.fiders__cell::after{content:"";display:block;padding-bottom:63.7931034483%}
.fiders__cell img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:top}
.fiders__cell::before{content:"";position:absolute;inset:0;background:#fff;opacity:.5;z-index:2;transition:opacity .6s}
.fiders__cell.cur::before{opacity:0}
.fiders__box{margin-top:3rem}
.fiders__control{position:relative;z-index:1}
.fiders__arrows{display:flex;align-items:center;justify-content:flex-end;position:absolute;top:0;right:0}
.fiders__arrows>div:first-child{padding-right:var(--gap-20);margin-right:var(--gap-20);position:relative}
.fiders__arrows>div:first-child:after{content:"";display:block;width:.1rem;height:1.8rem;background:#d6d6d6;position:absolute;top:50%;transform:translateY(-50%);right:0}
.fiders__button{width:1.5rem;height:2.1rem;position:relative}
.fiders__button::after{content:"";position:absolute;top:.5rem;width:1rem;height:1rem;border-top:.2rem solid #111;border-left:.2rem solid #111}
.fiders__prev::after{left:.4rem;transform:rotate(-45deg)}
.fiders__next::after{left:-.1rem;transform:rotate(135deg)}
.fiders__button:hover::after{border-color:var(--mainColor)}
.fiders__comments{display:grid}
.fiders__textWrap{grid-area:1/1;opacity:0;visibility:hidden;transition:opacity .8s linear,visibility .8s}
.fiders__textWrap.on{opacity:1;visibility:visible}
.fiders__text1{font-size:clamp(3rem,4vw,4.3rem);font-weight:900;line-height:1.2;color:#000;margin-bottom:.5rem}
.fiders__text2{font-size:clamp(2rem,4vw,2.5rem);font-weight:600;line-height:1.3;margin-bottom:3rem}
.fiders__text3{font-size:1.6rem;color:#555;line-height:1.5;margin-bottom:clamp(4rem,4vw,6rem)}
.fiders__more{font-size:1.4rem;display:inline-flex;align-items:center;column-gap:1.3rem;font-weight:600}
.fiders__more::after{content:"";display:block;width:1.8rem;height:1rem;background:linear-gradient(currentColor,currentColor) left center/100% .1rem no-repeat;position:relative}
.fiders__more::before{content:"";order:2;width:.8rem;height:.8rem;border-top:.1rem solid currentColor;border-right:.1rem solid currentColor;transform:rotate(45deg);margin-left:-2.4rem}
.fiders__dots{display:flex;gap:.8rem;margin-top:2.4rem}
.fiders__dots button{width:1rem;height:1rem;border-radius:50%;background:#ccc;transition:.3s}
.fiders__dots button.on{background:var(--mainColor);width:2.4rem;border-radius:1rem}
@media screen and (min-width:960px){
  .fiders__thum{width:95%;margin-left:auto}
  .fiders__cell{flex:0 0 58rem;margin-inline:1.3rem}
  .fiders__slide{width:100vw;margin-left:clamp(20rem,18vw,28rem)}
  .fiders__box{margin-top:-12rem;max-width:90rem;padding:15rem 5rem 5.5rem clamp(13rem,7vw,16rem);background:#fff;box-shadow:2rem 2rem 2rem 0 rgba(0,0,0,.2);border-radius:var(--gap-20);position:relative;z-index:2}
}
@media screen and (max-width:768px){.fiders__cell::before{display:none}}

/* ===== CONTENTS (페이드 슬라이더 + 마퀴) ===== */
.contents{overflow:hidden;position:relative;background:#fff}
.contents__slideWrap{position:relative}
.contents__slide{position:relative;width:95%;max-width:71rem;margin-inline:auto;z-index:1;display:grid}
.contents__cell{grid-area:1/1;border-radius:1.5rem;overflow:hidden;color:#fff;position:relative;opacity:0;visibility:hidden;transition:opacity .5s linear,visibility .5s;aspect-ratio:1}
.contents__cell.on{opacity:1;visibility:visible}
.contents__cell a{position:absolute;inset:0;display:block}
.contents__cell img{width:100%;height:100%;object-fit:cover;object-position:top;position:absolute;top:0;left:0}
.contents__cell::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.86) 0,rgba(0,0,0,.55) 45%,rgba(0,0,0,.25));z-index:0}
.contents__inner{position:absolute;padding:var(--gap-40);width:100%;height:100%;top:0;left:0;display:flex;justify-content:space-between;flex-direction:column;z-index:1}
.contents__tag{font-size:var(--fs-55);font-weight:700;line-height:1.15;max-width:75%}
.contents__title{font-size:var(--fs-30);font-weight:600;margin-bottom:var(--gap-25);line-height:1.35}
.contents__desc{font-size:var(--fs-18);line-height:1.6}
.contents__arrow{position:absolute;z-index:2;top:var(--gap-80);width:2.7rem;height:2.7rem;border-radius:50%;border:.1rem solid #fff;background:rgba(0,0,0,.25)}
.contents__arrow::after{content:"";position:absolute;top:50%;width:.9rem;height:.9rem;border-top:.2rem solid #fff;border-left:.2rem solid #fff}
.contents__next{right:var(--gap-40)}
.contents__next::after{left:50%;transform:translate(-65%,-50%) rotate(135deg)}
.contents__prev{right:calc(var(--gap-60) + var(--gap-40))}
.contents__prev::after{left:50%;transform:translate(-35%,-50%) rotate(-45deg)}
.contents__fullBack{display:none}
@media screen and (min-width:960px){
  .contents__arrow{width:5.7rem;height:5.7rem}
  .contents__arrow::after{width:1.4rem;height:1.4rem}
  .contents__arrow:hover{background:var(--mainColor);border-color:var(--mainColor)}
  .contents__prev{right:calc(var(--gap-70) + var(--gap-40))}
  .contents__fullBack{position:absolute;top:50%;transform:translateY(-50%);display:block;z-index:0;width:100%}
}
.contents__backs{display:flex;gap:var(--gap-100)}
.contents__box{flex-shrink:0;width:23vw;max-width:40.6rem;aspect-ratio:1;opacity:.5;border-radius:1rem;display:flex;align-items:flex-end;padding:3rem;font-size:5rem;font-weight:900;color:transparent;-webkit-text-stroke:.1rem #bbb;background:var(--grey)}

/* ===== EVENT 카드 ===== */
.event{background:#fff}
.event__scroll{overflow-x:auto;overflow-y:hidden;padding-bottom:3rem}
.event__list{display:flex;width:max-content;gap:5.5rem}
.event__cell{width:43rem;flex-shrink:0}
.event__thum{position:relative;border-radius:1rem 1rem 0 0;overflow:hidden;margin-bottom:var(--gap-30);background:linear-gradient(135deg,#17171d,#2b1218);color:#fff}
.event__thum::after{content:"";display:block;padding-bottom:62.7906976744%}
.event__thum span{position:absolute;left:2.4rem;bottom:1.6rem;font-size:clamp(5rem,6vw,8rem);font-weight:900;line-height:1;color:transparent;-webkit-text-stroke:.2rem rgba(230,163,179,.8);transition:transform .3s}
.event__thum i{position:absolute;right:2rem;top:2rem;width:4rem;height:4rem;color:#fff;opacity:.8}
.event__cell:hover .event__thum span{transform:scale(1.1) translateX(.8rem)}
.event__tag{font-size:1.9rem;font-weight:700;color:var(--mainColor);line-height:1;margin-bottom:1rem}
.event__title{font-size:2.5rem;font-weight:700;color:#000;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-bottom:1rem}
.event__date{font-size:1.7rem;color:#888}
@media screen and (max-width:1400px){.event__scroll{overflow-x:scroll;overflow-y:hidden;padding-bottom:3rem}.event__scroll::-webkit-scrollbar{height:4px}.event__scroll::-webkit-scrollbar-track{background:#ddd;border-radius:50vmax}.event__scroll::-webkit-scrollbar-thumb{background:#000;border-radius:50vmax}}
@media screen and (max-width:768px){.event__list{gap:2rem}.event__cell{width:28rem;flex-shrink:0}.event__title{font-size:2rem}.event__tag{font-size:1.5rem}.event__date{font-size:1.4rem}}

/* ===== 본문 공통 컴포넌트 (SEO 섹션) ===== */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.8rem;padding:0 3.2rem;min-height:5.6rem;border-radius:5rem;font-weight:700;font-size:1.6rem;line-height:1.2;transition:.3s}
.btn-gold{background:var(--mainColor);color:#fff}
.btn-gold:hover{background:#8a3049;transform:translateY(-.2rem);box-shadow:0 1rem 2.6rem rgba(168,64,90,.35)}
.btn-line{border:.15rem solid rgba(255,255,255,.6);color:#fff}
.btn-line:hover{background:rgba(255,255,255,.14)}
.btn-navy{background:#111;color:#fff}
.btn-navy:hover{background:var(--mainColor);transform:translateY(-.2rem)}
.btn-sm{min-height:4.4rem;padding:0 2.2rem;font-size:1.5rem}
.arrow{display:inline-block;width:1rem;height:1rem;border-top:.2rem solid currentColor;border-right:.2rem solid currentColor;transform:rotate(45deg);flex:none}
.wrap{width:95%;max-width:140rem;margin-inline:auto}
.sec{padding-block:var(--gap-120)}
.sec-alt{background:var(--grey)}
.sec-dark{background:#111;color:#fff}
.sec-dark .lead,.sec-dark p{color:#ccc}
.eyebrow{display:block;color:var(--mainColor);font-size:1.4rem;font-weight:700;letter-spacing:.16em;margin-bottom:1.4rem}
h2.t{font-size:clamp(2.6rem,3.6vw,4rem);line-height:1.35;font-weight:900;letter-spacing:-.03em;margin-bottom:2.4rem;color:inherit}
.sec:not(.sec-dark) h2.t{color:#000}
h3.t{font-size:clamp(2rem,2.2vw,2.5rem);line-height:1.45;font-weight:700;margin:4rem 0 1.2rem;color:inherit}
.sec:not(.sec-dark) h3.t{color:#111}
.lead{font-size:clamp(1.7rem,1.6vw,2rem);color:#666;max-width:52rem;line-height:1.7;font-weight:300}
.center{text-align:center}.center .lead{margin:0 auto}
.prose{max-width:60rem;font-size:1.7rem;line-height:1.85}
.prose p{margin-bottom:1.2em}
.col2{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap-60);align-items:start}
.col2.rev .fig{order:-1}
.fig{border-radius:1rem;overflow:hidden;background:#fff;box-shadow:0 1rem 3rem rgba(0,0,0,.1);margin:0}
.fig img{width:100%}
.fig figcaption{padding:1.2rem 1.6rem;font-size:1.4rem;color:#666}
.fig.sm{max-width:40rem}
.check{margin:2rem 0}
.check li{position:relative;padding:1.3rem 0 1.3rem 3.8rem;border-bottom:.1rem dashed #ddd;font-size:1.65rem;line-height:1.7}
.check li::before{content:"";position:absolute;left:.4rem;top:1.9rem;width:1.6rem;height:.9rem;border-left:.3rem solid var(--mainColor);border-bottom:.3rem solid var(--mainColor);transform:rotate(-45deg)}
.check b{font-weight:700;color:#000}
.sec-dark .check b{color:#fff}
.tbl-w{overflow-x:auto;margin:2.4rem 0;border-radius:1rem;border:.1rem solid #e5e5ea;background:#fff;color:#222}
table.tbl{width:100%;min-width:56rem;font-size:1.6rem;line-height:1.65}
.tbl caption{text-align:left;padding:1.5rem 2rem;font-weight:700;background:#111;color:#fff}
.tbl th,.tbl td{padding:1.4rem 2rem;text-align:left;border-bottom:.1rem solid #eee;vertical-align:top}
.tbl thead th{background:#f4f4f7;font-weight:700}
.tbl tbody th{background:#fafafc;white-space:nowrap}
.tbl tr:last-child>*{border-bottom:0}
.trio{display:grid;grid-template-columns:repeat(3,1fr);gap:2.4rem;margin-top:var(--gap-40)}
.card{background:#fff;border:.1rem solid #e5e5ea;border-radius:1rem;padding:var(--gap-40) 3rem;transition:.35s}
.card:hover{transform:translateY(-.8rem);box-shadow:0 2rem 5rem rgba(0,0,0,.12);border-color:var(--mainColor)}
.card .no{display:block;font-size:1.4rem;font-weight:800;color:var(--mainColor);letter-spacing:.12em;margin-bottom:1.6rem}
.card h3{font-size:2.2rem;line-height:1.45;margin-bottom:1.2rem;color:#000;font-weight:800}
.card p{font-size:1.6rem;color:#666;line-height:1.75}
.sec-dark .card{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.16)}
.sec-dark .card h3{color:#fff}.sec-dark .card p{color:#ccc}
.svc{background:#fff;border:.1rem solid #e5e5ea;border-radius:1rem;padding:var(--gap-45);margin-top:2.4rem;display:grid;grid-template-columns:.8fr 1.2fr;gap:var(--gap-45);color:#222}
.svc-h em{font-size:1.4rem;font-weight:800;color:var(--mainColor);letter-spacing:.14em}
.svc-h h3{font-size:clamp(2.2rem,2.6vw,3rem);line-height:1.35;margin:1rem 0 1.2rem;font-weight:900;color:#000}
.svc-h p{color:#666;font-size:1.6rem}
.svc-h .btn{margin-top:2.4rem}
.svc-b dl{display:grid;gap:1.8rem}
.svc-b dt{font-size:1.3rem;font-weight:800;letter-spacing:.1em;color:#fff;background:#111;display:inline-block;padding:.4rem 1.4rem;border-radius:5rem;margin-bottom:.8rem}
.svc-b dd{font-size:1.65rem;line-height:1.8}
.steps{counter-reset:s;margin:2.4rem 0;display:grid;gap:1.4rem}
.steps li{counter-increment:s;position:relative;padding:2.4rem 2.4rem 2.4rem 8.6rem;background:#fff;border:.1rem solid #e5e5ea;border-radius:1rem;font-size:1.65rem;line-height:1.7;color:#333}
.steps li::before{content:counter(s);position:absolute;left:2.4rem;top:2.2rem;width:4.4rem;height:4.4rem;border-radius:50%;background:var(--mainColor);color:#fff;display:grid;place-items:center;font-weight:800}
.steps b{display:block;font-size:1.9rem;margin-bottom:.4rem;color:#000}
.tips{display:grid;grid-template-columns:repeat(3,1fr);gap:2.4rem;margin-top:var(--gap-30)}
.tip{border-top:.4rem solid var(--mainColor);background:#fff;padding:3rem 2.6rem;border-radius:0 0 1rem 1rem;box-shadow:0 1rem 3rem rgba(0,0,0,.07)}
.tip h3{font-size:1.9rem;line-height:1.5;margin-bottom:.8rem;color:#000;font-weight:800}
.tip p{font-size:1.6rem;color:#666;line-height:1.75}
.gal{display:grid;grid-template-columns:repeat(4,1fr);gap:1.8rem;margin-top:3rem}
.faq{display:grid;gap:1.4rem;margin-top:3rem}
.faq-i{background:#fff;border:.1rem solid #e5e5ea;border-radius:1rem;padding:var(--gap-35) var(--gap-35)}
.faq-i h3{font-size:clamp(1.8rem,1.9vw,2.1rem);line-height:1.55;font-weight:800;display:flex;gap:1.2rem;color:#000}
.faq-i h3::before{content:"Q";flex:none;color:var(--mainColor);font-weight:900}
.faq-i p{margin-top:1.2rem;padding-left:2.8rem;font-size:1.6rem;color:#444;line-height:1.85}
.end{background:#111;color:#fff;border-radius:1.5rem;padding:var(--gap-60);position:relative;overflow:hidden}
.end::before{content:"";position:absolute;right:-10rem;top:-10rem;width:36rem;height:36rem;border-radius:50%;background:radial-gradient(circle,rgba(168,64,90,.5),transparent 70%)}
.end>*{position:relative}
.end h2{font-size:clamp(2.4rem,3vw,3.6rem);line-height:1.4;margin-bottom:1.4rem;font-weight:900}
.end p{color:#ccc;margin-bottom:1.2rem;font-size:1.7rem;line-height:1.7}
.end .row{display:flex;gap:1.2rem;flex-wrap:wrap;margin-top:2.4rem}
.contact-li{margin:1.6rem 0;font-size:1.7rem}
.contact-li li{padding:.6rem 0}
.contact-li b{display:inline-block;min-width:9.6rem;color:var(--mainSoft)}
.updated{font-size:1.4rem;color:#888;margin-top:2.8rem}
.ccards{display:grid;grid-template-columns:repeat(3,1fr);gap:2.4rem;margin-top:var(--gap-40)}
.cc{background:#fff;border:.1rem solid #e5e5ea;border-radius:1rem;padding:var(--gap-40) 3rem;text-align:center;scroll-margin-top:12rem}
.cc h3{font-size:2.2rem;margin-bottom:.6rem;font-weight:800;color:#000}
.cc .big{display:block;font-size:2.8rem;font-weight:900;color:#111;margin:1.2rem 0 1.8rem;letter-spacing:-.02em}
.cc p{font-size:1.5rem;color:#666;margin-bottom:1.8rem;line-height:1.6}
.rel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.8rem;margin-top:3rem}
.rel-card{position:relative;background:#fff;border:.1rem solid #e5e5ea;border-radius:1rem;padding:3rem 2.8rem 6rem;display:flex;flex-direction:column;gap:.6rem;transition:.35s}
.rel-card:hover{transform:translateY(-.8rem);box-shadow:0 2rem 4.4rem rgba(0,0,0,.12);border-color:var(--mainColor)}
.rel-card em{font-style:normal;color:var(--mainColor);font-weight:800;font-size:1.4rem;letter-spacing:.12em}
.rel-card strong{font-size:2.1rem;line-height:1.4;color:#000}
.rel-card span{font-size:1.5rem;color:#666}
.rel-card .arrow{position:absolute;right:2.8rem;bottom:2.6rem}
.banners2{display:grid;grid-template-columns:1fr 1fr;gap:1.8rem;margin-top:2.4rem}
.banner{position:relative;display:block;border-radius:1rem;overflow:hidden;min-height:24rem;background:#111;color:#fff}
.banner img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top;opacity:.42;transition:transform .8s,opacity .4s}
.banner:hover img{transform:scale(1.06);opacity:.55}
.banner-tx{position:relative;display:flex;flex-direction:column;justify-content:flex-end;gap:.6rem;height:100%;min-height:24rem;padding:3rem;background:linear-gradient(0deg,rgba(0,0,0,.9),rgba(0,0,0,.15))}
.banner-tx small{color:var(--mainSoft);font-weight:700;letter-spacing:.1em;font-size:1.3rem}
.banner-tx strong{font-size:clamp(2rem,2.4vw,2.8rem);line-height:1.4}
.banner-tx .arrow{position:absolute;right:3rem;bottom:3.2rem}
.warn{margin:2.4rem 0;padding:2rem 2.4rem;border-radius:1rem;background:#fff8ea;border:.1rem solid #f0dcae}

/* 서브 히어로 */
.hero{background:#0b0b0c;color:#fff;padding:calc(var(--headerHeight) + var(--gap-60)) 0 var(--gap-80);position:relative;overflow:hidden}
.hero::before{content:"";position:absolute;inset:0;background:radial-gradient(70rem 40rem at 88% 0,rgba(168,64,90,.28),transparent 62%),linear-gradient(120deg,#0b0b0c 35%,#1a1a22)}
.hero .wrap{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:var(--gap-60);align-items:center}
.hero h1{font-size:var(--fs-70);line-height:1.22;font-weight:900;letter-spacing:-.03em}
.crumb{font-size:1.4rem;color:#aaa;margin-bottom:2rem}
.crumb a:hover{color:#fff}
.summary{margin-top:2.6rem;padding:2.2rem 2.6rem;border-left:.4rem solid var(--mainColor);background:rgba(255,255,255,.07);border-radius:0 1rem 1rem 0;font-size:clamp(1.6rem,1.5vw,1.9rem);color:#e8e8ee;line-height:1.85;font-weight:300}
.hero .row{margin-top:3.4rem;display:flex;gap:1.2rem;flex-wrap:wrap}
.hero-img{border-radius:1.5rem;overflow:hidden;box-shadow:0 3rem 7rem rgba(0,0,0,.5);border:.1rem solid rgba(255,255,255,.14);max-width:48rem;justify-self:end;width:100%}
.hero-img img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:top}

/* ===== 반응형 ===== */
@media(max-width:1024px){
  .gal{grid-template-columns:repeat(2,1fr)}
  .svc{grid-template-columns:1fr}
  .rel-grid{grid-template-columns:repeat(2,1fr)}
  .card,.tip{padding-inline:2.4rem}
}
@media(max-width:900px){
  .trio,.tips,.ccards{grid-template-columns:1fr}
}
@media(max-width:768px){
  body{padding-bottom:calc(6rem + env(safe-area-inset-bottom));font-size:1.6rem}
  .header__logo small{display:none}
  .header__logo strong{font-size:1.8rem}
  .visual__inner,.hero .wrap,.col2,.banners2{grid-template-columns:1fr}
  .visual__cell{padding-bottom:12rem}
  .visual__pic,.hero-img{justify-self:center;max-width:32rem}
  .visual__num{justify-self:start;font-size:11rem}
  .col2{gap:2.8rem}.col2.rev .fig{order:0}
  .fig.sm{max-width:30rem;margin-inline:auto}
  .steps li{padding:1.8rem 1.6rem 1.8rem 6.8rem}
  .steps li::before{left:1.6rem;width:3.6rem;height:3.6rem}
  .faq-i p{padding-left:0}
  .banner,.banner-tx{min-height:18rem}
  .hero{padding-bottom:5rem}
  .summary{padding:1.8rem}
  .event__head{flex-wrap:wrap}
  .mbar{display:grid;grid-template-columns:1fr 1fr;position:fixed;left:0;right:0;bottom:0;z-index:5;padding-bottom:env(safe-area-inset-bottom);background:#111;box-shadow:0 -.6rem 2.4rem rgba(0,0,0,.25)}
  .mbar a{display:flex;align-items:center;justify-content:center;height:6rem;font-weight:700;color:#fff;font-size:1.6rem}
  .mbar a+a{background:var(--mainColor)}
  .footer__info{font-size:1.4rem}
}

/* reveal (본문 컴포넌트용, moverWrap 연동) */
.moverWrap .reveal{opacity:0;transform:translateY(6rem);transition:opacity 1.2s,transform 1.2s}
.moverOn_Wrap .reveal{opacity:1;transform:none}
.moverOn_Wrap .card.reveal:hover,.moverOn_Wrap .rel-card.reveal:hover{transform:translateY(-.8rem)}
.contents__cell a{z-index:2}
.contents__inner{pointer-events:none}
.contents__tag{font-size:var(--fs-40);max-width:55%}
.contents__cell::after{background:linear-gradient(180deg,rgba(0,0,0,.62) 0,rgba(0,0,0,.5) 40%,rgba(0,0,0,.9) 100%)}

/* FAQ 아코디언 */
.faq-i{padding:0;overflow:hidden;transition:border-color .3s,box-shadow .3s}
.faq-i summary{list-style:none;cursor:pointer;padding:var(--gap-30) var(--gap-35);display:flex;align-items:center;justify-content:space-between;gap:2rem}
.faq-i summary::-webkit-details-marker{display:none}
.faq-i summary h3{flex:1}
.faq-i summary::after{content:"";flex:none;width:1.1rem;height:1.1rem;border-right:.2rem solid #111;border-bottom:.2rem solid #111;transform:rotate(45deg) translate(-.2rem,-.2rem);transition:transform .3s}
.faq-i[open]{border-color:var(--mainColor);box-shadow:0 1rem 3rem rgba(0,0,0,.07)}
.faq-i[open] summary::after{transform:rotate(225deg) translate(-.2rem,-.2rem);border-color:var(--mainColor)}
.faq-i summary:hover h3{color:var(--mainColor)}
.faq-i p{margin:0;padding:0 var(--gap-35) var(--gap-30) calc(var(--gap-35) + 2.8rem);animation:faqIn .35s ease}
@keyframes faqIn{from{opacity:0;transform:translateY(-.8rem)}to{opacity:1;transform:none}}
@media(max-width:768px){.faq-i summary{padding:1.8rem 1.6rem}.faq-i p{padding:0 1.6rem 1.8rem}}


/* ===== 태블릿 (769~959px) ===== */
@media screen and (min-width:769px) and (max-width:959px){
  .header__consult{display:inline-flex;align-items:center;height:4.2rem;padding:0 2rem;border-radius:5rem;background:var(--mainColor);color:#fff;font-size:1.5rem;font-weight:700}
  .visual__title{font-size:clamp(4rem,6vw,5.4rem)}
  .visual__pic{width:min(100%,40rem)}
  .banners__wrap{display:grid;grid-template-columns:1fr 1fr}
  .banners__cell{border-right:.1rem solid hsla(0,0%,100%,.2);border-bottom:.1rem solid hsla(0,0%,100%,.2)}
  .banners__cell.cell1{background:linear-gradient(135deg,#17171d,#2b1218)}
  .banners__cell.cell2{background:linear-gradient(135deg,#1c1217,#111)}
  .banners__cell.cell3{background:linear-gradient(135deg,#111,#1c2230)}
  .banners__cell.cell4{background:linear-gradient(135deg,#1a1520,#2b1218)}
  .banners__link{padding:var(--gap-45)}
  .banners__title{margin-bottom:var(--gap-30)}
  .fiders__cell{flex:0 0 78%;margin-inline:1rem}
  .fiders__cell::before{display:block}
  .fiders__box{margin-top:-8rem;padding:9rem 3.2rem 4rem;background:#fff;box-shadow:1rem 1rem 2rem rgba(0,0,0,.15);border-radius:1.5rem;position:relative;z-index:2;width:88%;margin-inline:auto}
  .contents__slide{max-width:62rem}
  .hero-img{max-width:38rem}
  .col2{gap:3.2rem}
  .ft-info{grid-template-columns:1fr 1fr}
}
/* 태블릿 가로·소형 노트북 (960~1180px) */
@media screen and (min-width:960px) and (max-width:1180px){
  .visual__title{font-size:clamp(4.4rem,5vw,5.6rem)}
  .fiders__slide{margin-left:clamp(8rem,10vw,14rem)}
  .fiders__box{max-width:78rem;padding-left:clamp(8rem,7vw,12rem)}
  .banners__title{font-size:clamp(2.2rem,2.6vw,3rem)}
  .svc{grid-template-columns:1fr}
}
/* 대형 모니터 */
@media screen and (min-width:1700px){
  .visual__cell{min-height:min(100svh,96rem)}
  .banners__wrap{height:min(100dvh,96rem)}
}
/* 초소형 모바일 (≤380px) */
@media screen and (max-width:380px){
  .visual__title{font-size:3.4rem}
  .btn{padding:0 2.2rem;min-height:5rem;font-size:1.5rem}
  .header__logo strong{font-size:1.6rem}
  .event__head{font-size:2.6rem}
  .cc .big{font-size:2.2rem}
  .tbl th,.tbl td{padding:1.1rem 1.2rem}
}
/* 터치 기기: 호버 효과 대신 탭 영역 확보 */
@media (hover:none){
  .card:hover,.rel-card:hover{transform:none}
  .banners__cell:hover .banners__texts{transform:none}
}
@media screen and (max-width:640px){
  .rel-grid{grid-template-columns:1fr}
  .rel-card{padding:2.6rem 2.4rem 5.4rem}
  .rel-card strong{font-size:1.9rem}
}

/* 모바일: 히어로 사진을 텍스트보다 먼저 */
@media screen and (max-width:768px){
  .visual__pic,.hero-img{order:-1;max-width:28rem;justify-self:center}
  .visual__inner,.hero .wrap{gap:2.4rem}
  .visual__cell{padding-top:calc(var(--headerHeight) + 2.4rem);align-items:flex-start}
  .hero{padding-top:calc(var(--headerHeight) + 2.4rem)}
  .crumb{margin-bottom:1.2rem}
}