/*─────────────────────────────────────────────────────────
    Base / Layout
─────────────────────────────────────────────────────────*/
    #wrap{position:relative; overflow:clip;}
    html{scrollbar-color:#000 transparent;}
    ::-webkit-scrollbar-thumb{background:#000;}
    ::-webkit-scrollbar-thumb:hover{background:#333;}

    .w_custom{position:relative; width:calc(100% - 60px); max-width:var(--content-max); margin-inline:auto;}

    .sec{position: relative;padding-block:var(--row-gap120);}
    .sec.gray{background:var(--c-soft);}
    .sec.dark{background:var(--c-dark); color:var(--c-white);}

    .blind{position:absolute !important; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip:rect(0 0 0 0); clip-path:inset(50%); white-space:nowrap; border:0;}

    .skip-nav{position:fixed; top:0; left:0; width:100%; z-index:9999; text-align:center;}
    .skip-nav a{position:absolute; left:50%; translate:-50% -120%; display:inline-block; padding:10px 24px; background:var(--c-blue); color:var(--c-white); font-weight:700; transition:translate .2s;}
    .skip-nav a:focus{translate:-50% 0;}

    [class*="swiper-button"]::after{display: none;}

    .link{position: absolute; inset: 0; z-index: 3;}

    @media (max-width:1400px){
        br.for_pc{display: none;}
    }
    @media (max-width:1024px){
        br.for_pct{display: none;}
    }
    @media (max-width:860px){
        .w_custom{width:calc(100% - 30px);}
    }
/*─────────────────────────────────────────────────────────
    Common - section head (overline + title)
─────────────────────────────────────────────────────────*/
    .sec-head{display:flex; flex-direction:column; gap:var(--row-gap30); margin-bottom:var(--row-gap60);}
    .sec-head.cen{align-items:center; text-align:center;}
    .sec-head.mb0{margin-bottom:0;}
    .sec-head .over-line{display:inline-flex;align-items:center;font-size: var(--text-18);font-weight:600;letter-spacing:-.03em;text-transform:uppercase;color:var(--c-blue);}
    .sec-head.cen .over-line{justify-content:center;}
    .sec-head h2{font-size:var(--text-50); font-weight:700; line-height:.98; letter-spacing:-.03em; color:var(--c-ink);}
    .sec.dark .sec-head h2{color:var(--c-white);}
    .sec-head p{font-size:var(--text-18);line-height:1.55;color:var(--c-mute);}
    .sec.dark .sec-head p{color:var(--c-on-dark-mute);}
    .sec-head.cen p{margin-inline:auto;}

    .btn{display:inline-flex; align-items:center; justify-content:center; gap:10px; min-height:48px; padding:14px 24px; font-size:var(--text-15); font-weight:700; letter-spacing:-.03em; border-radius:var(--rn-xs); transition:all .25s;}
    .btn.primary{background:var(--c-blue); color:var(--c-white);}
    .btn.primary:hover{background:var(--c-blue-deep);}
    .btn.outline{background:var(--c-white); color:var(--c-ink); box-shadow:inset 0 0 0 1px var(--c-hairline-strong);}
    .btn.outline:hover{background:var(--c-ink); color:var(--c-white);}
    .btn .arw{width:14px; height:14px; flex-shrink:0;}

/*─────────────────────────────────────────────────────────
    Header (top)
─────────────────────────────────────────────────────────*/
    #header{position:fixed;top:0;left:0;width:100%;height:var(--header-h);z-index:100;display:flex;align-items:center;box-shadow:inset 0 -1px var(--c-hairline);transition:all 0.4s;background: var(--c-white);}
    #header:not(.on){background:transparent;}
    #header .w_custom{max-width:1720px;display:flex;align-items:center;justify-content:space-between;gap:20px;height: 100%;}
    #header .logo{position: relative;display:flex;align-items:center;width: 100%;height: 100%;max-width: clamp(140px, 15vw, 184px);}
    #header .logo span{position: absolute;top:0;left:0;height: 100%;transition: all 0.4s;}
        #header .logo .org{clip-path: inset(0 67% 0 0);}
        #header .logo .wh{filter: var(--filter-white);clip-path: inset(0 0 0 33%);}
        #header.on .logo .wh{filter: none;}
    #header .logo a{display: flex;align-items:center;max-width: clamp(140px, 19.4vw, 184px);height: 100%;padding-block: 15px;}
    #header .logo .logo-dark{display:none;}
    #header.on .logo .logo-white{display:none;}
    #header.on .logo .logo-dark{display:block;}
    #header .gnb-nav{position:absolute; left:50%; top:0; height:100%; translate:-50%; display:flex; align-items:center;}
    #header .gnb{display:flex; gap:clamp(16px, 3vw, 44px);}
    #header .gnb > li > a{display:flex;align-items:center;height:var(--header-h);padding-inline:clamp(10px, 1.4vw, 22px);font-size:20px;font-weight:600;color: var(--c-ink);cursor:pointer;transition: inherit;}
    #header .gnb > li.on > a{text-decoration:underline; text-underline-offset:7px; text-decoration-thickness:2px; text-decoration-color:var(--c-blue);}
    #header .gnb > li{position:relative;transition: all 0.4s;}
    #header .gnb .depth2{position:absolute;top:calc(100% - 14px);left:50%;transform:translate(-50%, 8px);min-width:180px;background:var(--c-blue);padding:10px 0;box-shadow:0 12px 28px rgba(0,0,0,.14);opacity:0;visibility:hidden;transition: inherit;z-index:50;}
    
    #header .gnb .depth2 li{transition:inherit;}
    #header .gnb .depth2 li + li{margin-top:2px;}
    #header .gnb .depth2 a{display:block;height:auto;padding:10px 22px;font-size:16px;font-weight:500;color:var(--c-white);white-space:nowrap;text-align:center;transition: inherit;}
    

    #header .utility{display:flex; align-items:center; gap:14px;}
    #header .com-btn{display:inline-flex; align-items:center; justify-content:center; height:46px; padding:0 20px; background:var(--c-white); border:1px solid #ccc; border-radius:0;}
    #header .com-btn img{height:20px; width:auto; object-fit:contain;}
    #header .all-cate{display:none; flex-direction:column; justify-content:center; gap:6px; width:30px; height:30px;}
    #header .all-cate span{display:block; width:26px; height:2px; background:var(--c-ink); transition:all 0.4s;}

    #header:hover .logo .logo-white{display:none;}
    #header:hover .logo .logo-dark{display:block;}

        /* color */
        #header:not(.on){box-shadow: none; background: none;}
        #header:not(.on) :where(.gnb > li > a, .all-cate, .logo .wh){filter: var(--filter-white);}


        @media (hover:hover) and (pointer: fine) {
            #header:not(.on):hover{box-shadow:inset 0 -1px var(--c-hairline); background:var(--c-white);}
            #header:not(.on):hover :where(.gnb > li > a, .all-cate, .logo .wh){filter:none;}
            #header .gnb > li:hover > a{color:var(--c-blue);}
            #header .gnb > li:hover .depth2{opacity:1; visibility:visible; transform:translate(-50%, 0);}
            #header .gnb .depth2 a:hover{background:var(--c-blue-deep); color:var(--c-white);}
        }

    @media (max-width:1023px){
        #header .gnb{display:none;}
        #header .all-cate{display:flex;}
    }
    @media (max-width:479px){
        #header .com-btn{display:none;}
    }

/*─────────────────────────────────────────────────────────
    Aside
─────────────────────────────────────────────────────────*/
    #aside{position:fixed; inset:0; z-index:200; background:var(--c-white); padding:90px 24px 40px; transform:translateY(-100%); opacity:0; visibility:hidden; transition:all .4s; overflow-y:auto;}
        #aside.on{transform:translateY(0); opacity:1; visibility:visible;}
        body:has(#aside.on){overflow: clip;}
    #aside .close-btn{position:absolute; top:24px; right:24px; width:40px; height:40px;}
    #aside .close-btn{&::before, &::after{content:''; position:absolute; top:50%; left:50%; width:26px; height:2px; background:var(--c-ink); translate:-50% -50%; rotate:45deg;}}
    #aside .close-btn::after{rotate:-45deg;}
    #aside .gnb > li{border-bottom:1px solid var(--c-hairline);}
    #aside .gnb > li > a{display:block; padding:20px 4px; font-size:var(--text-24); font-weight:700; color:var(--c-ink);}
    #aside .gnb .depth2{padding:0 4px 16px; display:flex; flex-direction:column; gap:2px;}
    #aside .gnb .depth2 > li > a{display:block; padding:8px 12px; font-size:var(--text-17); font-weight:500; color:var(--c-mute);}
    
        @media (hover:hover) and (pointer: fine) {
            #aside .gnb .depth2 > li > a:hover{color:var(--c-blue);}
        }

/*─────────────────────────────────────────────────────────
    Main
─────────────────────────────────────────────────────────*/
    /* 비주얼 */
        .visualSwiper{position: relative;}
        .visualSwiper .swiper-slide{position: relative;height: auto;min-height: 100dvh;overflow: hidden;padding-block: var(--row-gap160);display: flex;flex-direction: column;justify-content: center;}
        .visualSwiper .thumb{position: absolute;inset: 0;overflow: hidden;}
        .visualSwiper .thumb::before{position: absolute;content:'';inset: 0;background: rgb(0 0 0 / 30%);}
        .visualSwiper .thumb img{width: 100%;height: 100%;object-fit: cover;}
        .visualSwiper .title{display: grid;gap: clamp(20px, 3.4vw, 34px);color: var(--c-white);padding-bottom: 40px;}
        .visualSwiper .title h2{font-size: var(--text-80);font-weight: 700;line-height: 1.08;text-shadow: 0 2px 24px rgba(0,0,0,.35);}
        .visualSwiper .title h3{font-size: var(--text-22);font-weight: 500;}
        .visualSwiper .ani{opacity: 0; translate: 70px; }
            .visualSwiper .swiper-slide-active .ani{opacity: 1; translate: 0; transition: all 1.2s 0.2s;}
            .visualSwiper .swiper-slide-active .ani:nth-child(2){transition-delay: 0.4s;}
        .visualSwiper .swiper-pagination{position: absolute;bottom: 35px;left: 50%;translate: -50%;display: flex;justify-content: center;flex-wrap: wrap;gap: clamp(15px, 2vw, 20px);}
        .visualSwiper .swiper-pagination span{margin: 0 !important;width: clamp(9px, 1.3vw, 11px);height: auto;aspect-ratio: auto 1;border-radius: 100%;opacity: 1;background: rgb(255 255 255 / 45%);}
        .visualSwiper .swiper-pagination .swiper-pagination-bullet-active{background: var(--c-white);}

    /* 파트너사 */
        .partners{padding-block: clamp(20px, 3vw, 30px);overflow:hidden;border-bottom:1px solid #ddd;}
        .partners-roll{position:relative;width:100%;overflow:hidden;mask-image:linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);}
        .partners-roll .bnr-list{display:flex; gap: 40px; width:max-content; animation:partners-roll 32s linear infinite;}
        .partners-roll .bnr-list >li{display:flex;align-items:center;justify-content:center;background:var(--c-white);width: clamp(80px, 16.5vw, 160px);aspect-ratio: auto 2.23;overflow: hidden;}

        @keyframes partners-roll{
            from{transform:translateX(0);}
            to{transform:translateX(-50%);}
        }

            @media (hover:hover) and (pointer: fine) {
                .partners-roll:hover .bnr-list{animation-play-state:paused;}
            }

    /* ABOUT UNITEM */
        .about-unitem.sec{padding-bottom: var(--row-gap40);}
        .about-unitem .txt{text-align:center;display:flex;flex-direction:column;align-items:center;text-wrap: balance;}
        .about-unitem .txt .over-line{display: block;align-items:center;font-size: var(--text-18);font-weight:600;color:var(--c-blue);margin-bottom:var(--row-gap30);}
        .about-unitem .txt h2{font-size:var(--text-50);font-weight:700;line-height:1.12;color:var(--c-ink);}
        .about-unitem .txt h2 em{color:var(--c-blue); font-style:normal;}
        .about-unitem .txt p{margin-top:var(--row-gap30); font-size:var(--text-18); line-height:1.7; color:var(--c-mute);}
        .about-unitem .txt .lead-txt em{color:var(--c-blue); font-style:normal; font-weight:700;}
        .about-unitem .txt p em{color:var(--c-ink); font-style:normal; font-weight:700;}
        .about-unitem .txt .lead-txt{font-size:var(--text-20); font-weight:600; color:var(--c-charcoal);}
        .about-unitem .txt .lead-txt + p{margin-top:var(--row-gap20);}

        .contents-video{position:relative;}
        .contents-video::before{content:''; position:absolute; bottom:0; left:0; right:0; height:50%; background:var(--c-soft); z-index:0;}
        .contents-video .w_custom{padding-top: var(--row-gap40);padding-bottom: var(--row-gap140);}
        .contents-video video{display:block; width:100%; max-height:720px; height:auto; object-fit:cover; margin-inline:auto;}

    /* 제품 */
        .pg-cate{display:flex;flex-wrap:wrap;justify-content:center;gap: 12px clamp(25px, 4.4vw, 44px);margin-top:var(--row-gap30);margin-bottom:var(--row-gap30);}
        .pg-cate button{position:relative;padding: clamp(3px, 0.8vw, 6px) 2px;font-size: var(--text-17);font-weight:600;color:var(--c-mute);background:none;border:0;transition:color .25s;}
            .pg-cate button::after{content:''; position:absolute; left:0; right:0; bottom:0; height:2px; background:var(--c-blue); transform:scaleX(0); transform-origin:center; transition:transform .3s;}
            .pg-cate button.on{color:var(--c-blue);}
            .pg-cate button.on::after{transform:scaleX(1);}

            @media (hover:hover) and (pointer: fine) {
                .pg-cate button:not(.on):hover{color:var(--c-ink);}
            }

        .pgSwiper{position: relative; overflow: hidden;}
        .pgSwiper .swiper-slide{position: relative;text-align: center;height: auto;z-index: 1;}
        .pgSwiper .cont{position: relative;width: 100%; opacity: 0.6; transition: all 0.6s;}
        .pgSwiper .thumb{position: relative;display: flex;align-items: center;justify-content: center;width: 100%;height: clamp(260px, 43vw, 430px);overflow: hidden;}
        .pgSwiper .desc{display: grid;gap: 10px;opacity: 0;transition: all 0.6s;}
        .pgSwiper .desc dt{font-size: var(--text-30);font-weight: 700;color: var(--c-ink);}
        .pgSwiper .desc dd{font-size: var(--text-19);color: var(--c-charcoal);}
        .pgSwiper .swiper-arw{position: absolute;inset: auto;width: 30px;height: auto;aspect-ratio: auto 1;top: 47%;left: 50%;margin-left: -320px;translate: 0 -50%; transition: all 0.4s;}
            .pgSwiper .swiper-arw::before{position: absolute;content:'';width: 50%;aspect-ratio: auto 1;border: 2px solid var(--c-ink);clip-path: var(--clip-poly02);top: 50%;left: 67%;translate: -50% -50%;rotate: 135deg;border-radius: 2px; transition: inherit;}
            .pgSwiper .swiper-arw.next{left: auto;right: 50%;margin-inline: 0 -320px;scale: -1 -1;}

            
            .pgSwiper .on :is(.cont, .desc){opacity:1;}

            @media (hover:hover) and (pointer: fine) {
                .pgSwiper .swiper-arw:hover::before{border-color: var(--c-blue);}
            }

            @media (min-width:1301px) {
                .pgSwiper .swiper-slide:has(+ .on) .cont{translate: -120px;}
                .pgSwiper .on + .swiper-slide .cont{translate: 120px;}
            }
            @media (min-width:861px) {
                .pgSwiper .on .cont{width: calc(100% + 460px);margin-left: -230px; z-index: -1;}
                .pgSwiper .desc{width: max-content;max-width: 640px;margin-inline: auto;}
            }

        @media (max-width:640px) {
            .pgSwiper .swiper-arw{left:0; margin-inline: 0;}
            .pgSwiper .swiper-arw.next{right:0; margin-inline: 0;}
        }

    /* 신제품 */
        .new-products.sec{padding-block: var(--row-gap140);clip-path: inset(0);}
        .new-products .bg{position: fixed;inset: 0;overflow: hidden;}
        .new-products .bg img{width: 100%; height: 100%; object-fit: cover;}
        .new-products .bg::before{content:''; position:absolute; inset:0; background:rgba(10,13,20,.72); z-index:0;}
        .sol-layout{position:relative;display: flex;align-items: flex-start;gap: var(--row-gap40) clamp(50px, 5.21vw, 100px);}
        .sticky-sentinel{position:absolute; top:0; left:0; width:1px; height:1px; pointer-events:none;}

        .sol-layout .sec-head{position:sticky;top:calc(var(--header-h) + 40px);padding-top:clamp(24px, 2.6vw, 34px);width: min(380px, 28%);flex-shrink: 0;}
        .sol-layout .sec-head .over-line{filter: var(--filter-white);opacity:.85;}
        .sol-layout .sec-head h2{filter: var(--filter-white);}
        .sol-layout .sec-head p{margin-top:var(--row-gap20);font-size:var(--text-17);line-height:1.6;filter: var(--filter-white);opacity: 0.75;}
        .news-more{display:inline-flex;align-items:center;justify-content:center;margin-top: clamp(15px, 2.8vw, 28px);padding: 10px clamp(20px, 2.5vw, 25px);width:fit-content;min-width: clamp(110px, 14.5vw, 135px);min-height: clamp(46px, 5.7vw, 52px);font-size: var(--text-16);font-weight: 500;color:var(--c-white);background:none;border:1px solid var(--c-white);transition:all 0.4s;}
        
        .bento-grid{display:flex;gap: clamp(15px, 4vw, 40px);width: 100%;}
        .sol-col{display:flex;flex-direction:column;flex:1;min-width:0;gap: clamp(15px, 4vw, 40px);}
        .sol-col-offset{margin-top: clamp(15px, 4vw, 40px);}

        .bento-card{position:relative; overflow:hidden; display:flex; flex-direction:column; justify-content:space-between; gap:20px; background:var(--c-white); border:0; padding:clamp(24px, 2.6vw, 34px); transition:all 0.6s;}
        .bento-card .thumb{width:100%;aspect-ratio:3/2;display:flex;align-items:center;justify-content:center;background:var(--c-white);margin-bottom:6px;padding:clamp(8px, 1vw, 14px);overflow: hidden;}
        .bento-card .thumb img{width:100%; height:100%; object-fit:contain;}
        .bento-card .sol-kicker{display:block;font-size: var(--text-15);font-weight:600;letter-spacing:0;color:var(--c-blue);margin-block: clamp(15px, 2.8vw, 28px) clamp(12px, 1.6vw, 16px);}
        .bento-card h3{font-size:var(--text-26);font-weight:700;color:var(--c-ink);line-height:1.3;margin-bottom: clamp(25px, 3.4vw, 32px);}
        .bento-card .card-overlay{position:absolute; inset:0; z-index:2; display:flex; flex-direction:column; justify-content:flex-start; padding:clamp(24px, 2.6vw, 34px); box-sizing:border-box; background:var(--c-blue); opacity:0; translate:0 100%; pointer-events:none; transition:all 0.4s;}
        
        .bento-card .card-overlay .sol-kicker{margin:0 0 20px; font-size:16px; color:rgba(255,255,255,.85);}
        .bento-card .card-overlay h3{font-size:var(--text-30); color:var(--c-white); margin-bottom:20px;}
        .bento-card .card-overlay p{margin:0; font-size:18px; line-height:1.6; color:rgba(255,255,255,.75);}
        .bento-card .bento-link{position:absolute;right:0;bottom:0;z-index:3;width: clamp(42px, 6vw, 60px);aspect-ratio: auto 1;display:flex;align-items:center;justify-content:center;background:var(--c-soft);color:var(--c-ink);transition:all 0.4s;}
        .bento-card .bento-link svg{width: clamp(20px, 2.4vw, 24px);height: auto;aspect-ratio: auto 1;}

            @media (hover:hover) and (pointer: fine) {
                .news-more:hover{background:var(--c-white); color:var(--c-blue-deep);}
                .bento-card:hover{box-shadow:0 16px 34px rgba(0,0,0,.28);}
                .bento-card:hover .card-overlay{opacity:1; translate:0; pointer-events:auto;}
                .bento-card:hover .bento-link{background:var(--c-blue-deep); color:var(--c-white);}
            }

        @media (max-width:1024px){
            .sol-layout{flex-wrap: wrap;}
            .sol-layout .sec-head{position:relative;inset: auto;width: 100%;flex-shrink: unset;padding-top: 0;}
        }
        @media (max-width:479px){
            .bento-grid{flex-direction:column;}
            .sol-col-offset{margin-top:0;}
        }

/*─────────────────────────────────────────────────────────
    Footer
─────────────────────────────────────────────────────────*/
    /* 상담 안내 */
        .info-band{background:#fff; color:var(--c-body); border-top:1px solid #ddd;}
        .info-band .info-grid{display:grid; grid-template-columns:repeat(3, 1fr); gap:0; background:transparent;}
        .info-col{background:#fff; padding:clamp(30px, 3vw, 50px) clamp(24px, 2.4vw, 40px); display:flex; flex-direction:column; gap:var(--row-gap30);}
        .info-band .info-col + .info-col{border-left:1px solid rgba(0,0,0,.1);}
        .info-band .info-col:first-child{padding-left:0;}
        .info-band .info-col:last-child{padding-right:0;}
        .info-col .ic-head{display:flex; align-items:center; justify-content:space-between; gap:12px;}
        .info-col .ic-head h3{font-size:var(--text-24); font-weight:700; color:var(--c-ink);}
        .info-col .ic-head .ic{width: clamp(36px, 4.4vw, 44px);aspect-ratio: auto 1;display:flex;align-items:center;justify-content:center;background:#001031;color:var(--c-white);flex-shrink:0;}
        .info-col .ic-head .ic svg{width: clamp(20px, 2.2vw, 22px);height: auto;aspect-ratio: auto 1;}

        .info-col .tel{font-size:var(--text-34); font-weight:700; color:var(--c-blue); letter-spacing:-.03em;}
        .info-col .hours{display:grid; gap:8px;}
        .info-col .hours div{display:flex;gap:12px;font-size: var(--text-18);color:var(--c-mute);}
        .info-col .hours dt{flex-shrink:0;width: clamp(40px, 7.4vw, 64px);color:var(--c-charcoal);font-weight:600;}

        .info-col .acct{display:grid; gap:14px;}
        .info-col .acct dt{font-size:var(--text-15); color:var(--c-mute);}
        .info-col .acct dd{font-size:var(--text-22); font-weight:700; color:var(--c-ink); line-height:1.3;}
        .info-col .acct .num{font-size:var(--text-26);display:flex;align-items:baseline;gap:20px;flex-wrap:wrap;}
        .info-col .acct .num .bank{font-size:var(--text-17); font-weight:600; color:var(--c-charcoal);}
        .info-col .acct-holder{display:block;background: var(--gray-bg01);padding:12px 18px;font-size:var(--text-17);color:var(--c-charcoal);text-align:center;}
        .info-col .acct-holder strong{color:var(--c-ink); font-weight:700;}
        .info-col .acct-note{font-size: var(--text-16);line-height:1.6;color:var(--c-mute);}

        /* 공지사항 */
        .info-col .notice-list{display:grid; gap:14px;}
        .info-col .notice-list li{border-bottom:1px solid rgba(0,0,0,.1); padding-bottom:14px;}
        .info-col .notice-list li:last-child{border-bottom:0;}
        .info-col .notice-list a{display:flex; align-items:center; justify-content:space-between; gap:12px;}
        .info-col .notice-list .t{font-size:var(--text-17); font-weight:500; color:var(--c-ink); display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden; transition:color .25s;}
        .info-col .notice-list a::after{content:''; flex-shrink:0; width:18px; height:18px; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23194195' stroke-width='2' stroke-linecap='square'%3E%3Cpath d='M5 12h13M12 6l6 6-6 6'/%3E%3C/svg%3E") no-repeat center / contain; opacity:0; translate:-6px 0; transition:all 0.4s;}
        .info-col .notice-list .d{font-size:var(--text-14); color:var(--c-mute);}

            @media (hover:hover) and (pointer: fine) {
                .info-col .notice-list a:hover .t{color:var(--c-blue);}
                .info-col .notice-list a:hover::after{opacity:1; translate:0;}
            }

        @media (max-width:860px){
            .info-band .info-grid{grid-template-columns:1fr;}
            .info-band .info-col{padding-left:0; padding-right:0;}
            .info-band .info-col + .info-col{border-left:0; border-top:1px solid rgba(0,0,0,.1);}
        }

    /* 하단 */
        #footer{background:var(--c-blue-deep02);color:var(--c-on-dark-mute);padding-block: clamp(40px, 6.4vw, 64px);}
        #footer .ftr-top{display:flex; align-items:center; gap:clamp(24px, 4vw, 60px); flex-wrap:wrap;}
        #footer .logo{position: relative;align-self:flex-start;max-width: clamp(140px, 15vw, 184px);}
        #footer .logo span{display: block;transition: all 0.4s;}
        #footer .logo .org{clip-path: inset(0 67% 0 0);}
        #footer .logo .wh{ position: absolute;top:0;left:0; filter: var(--filter-white);clip-path: inset(0 0 0 33%);}
        #header.on .logo .wh{filter: none;}
        #footer .ftr-info{display:flex;flex-direction:column;gap: 16px;font-size: var(--text-16);line-height:1.6;}
        #footer .ftr-info .row{display:flex; flex-wrap:wrap; gap:8px 30px;}
        #footer .ftr-info .addr-row{align-items:center; gap:8px 30px;}
        #footer .ftr-info .addr-row .loc{margin-right:-16px;}
        #footer .ftr-info .loc{display:inline-flex;align-items:center;justify-content:center;min-width:38px;padding:2px 8px;font-size: var(--text-16);background:var(--c-blue);color:var(--c-white);font-weight: 600;border-radius:0;}
        #footer .ftr-info .row span{position:relative;}
        #footer .ftr-info strong{color:var(--c-white);font-weight: 500;}
        #footer .ftr-info a{color:var(--c-on-dark-mute); text-decoration:none;}
        #footer .ftr-bottom{display:flex;flex-wrap:wrap;align-items:center;gap:10px 50px;margin-top: var(--row-gap40);padding-top: var(--row-gap40);border-top:1px solid var(--c-divider-dark);}
        #footer .ftr-links{display:flex; flex-wrap:wrap; align-items:center; gap:10px 40px;}
        #footer .ftr-links > li{position:relative;}
        #footer .ftr-links > li + li::before{content:'';position:absolute;left:-20px;top:50%;translate:0 -50%;width:1px;height: clamp(10px, 1.4vw, 12px);background:var(--c-divider-dark);}
        #footer .ftr-links > li > a{color:var(--c-white);font-weight: 500;text-decoration:none;}
        #footer .ftr-links > li:nth-child(2) > a{font-weight:400;}
        #footer .copy{margin:0; color:var(--c-ash);}
        #footer .design-by{margin:0; margin-left:auto; color:var(--c-ash);}

            @media (hover:hover) and (pointer: fine) {
                #footer .ftr-info a:hover:hover{color:var(--c-white);}
            }

        @media (max-width:640px){
            #footer .ftr-bottom{flex-direction:column;align-items:flex-start;}
            #footer .copy{order:1;}
            #footer .design-by{margin-left:0; order:2;}
        }

    /* 퀵 */
        .float-quick{position:fixed;right:0;bottom:0;z-index:90;display:flex;flex-direction:column;align-items:flex-end;gap:0;opacity:0;visibility:hidden;translate:0 12px;transition:all 0.4s;width: clamp(36px, 5.8vw, 58px);pointer-events: none;}
            body:has(#header.on:not(.end)) .float-quick{opacity:1;visibility:visible;translate: 0;pointer-events: all;}
        .quick-list{display:flex;flex-direction:column;gap:0;width: 100%;}
        .quick-list > a{width: 100%;height: clamp(100px, 17vw, 170px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap: clamp(7px, 1.6vw, 16px);color:var(--c-white);transition:all 0.4s;font-weight: 500;font-size: var(--text-15);letter-spacing: -.02em;line-height: 1;}
        .quick-list .q-txt{display:flex;flex-direction:column;align-items:center;gap:0;}
        .quick-list .q-plus{font-size: var(--text-20);font-weight:400;}
        .quick-list .q-shop{background:var(--c-blue);}
        .quick-list .q-kakao{color:#3c1e1e;background:#fee500;font-weight: 700;}
        .quick-list .q-estimate{background:var(--c-blue-deep);}
        .to-top{width: 100%;aspect-ratio: auto 1;display:flex;align-items:center;justify-content:center;background:#000;color:var(--c-white);transition:all 0.4s;}
        .to-top svg{width: 20px;height:20px;}

            @media (hover:hover) and (pointer: fine) {
                .quick-list .q-shop:hover{background:var(--c-blue-deep);}
                .quick-list .q-kakao:hover{background:#f5dc00;}
                .quick-list .q-estimate:hover{background:var(--c-blue);}
                .to-top:hover{background:var(--c-charcoal);}
            }

        @media (max-width:640px){
            .quick-toggle .qt-label{display:none;}
            .quick-toggle{padding:14px 0;}
        }