html{scroll-padding-top: clamp(65px, 10vw, 100px);}
body{background:var(--black-color00);}
@media (prefers-reduced-motion: no-preference){
    html{scroll-behavior: smooth;}
}
#wrap{position: relative; overflow: clip;}
.w_custom{position: relative; width: calc(100% - 60px); max-width: 1400px; margin-inline: auto;}
.w_custom.main{width:100%;max-width:100%;}
#container{padding-top:var(--row-gap180);padding-bottom:var(--row-gap140);}
#container:has(.full-sec){width: 100%; max-width:100%;}
#container:has(.pd-dn){padding-bottom:0;}
#container:has(#mainContent){padding:0;}
/* body::-webkit-scrollbar {display: none; } */
body [class*="swiper-button"]:after{display: none;}
.link{position: absolute; inset: 0; z-index: 5;}
.blind{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;}
.ofc{overflow:hidden;}
.ofc > img{width:100% !important;height:100% !important;object-fit:cover !important;}
.dragscroll{ scrollbar-gutter: stable;}
.dragscroll::-webkit-scrollbar {width: clamp(3px, 0.6vw, 4px); height: clamp(3px, 0.6vw, 4px);}
.dragscroll::-webkit-scrollbar-track {background: #eee; border-radius: 10px;}
.dragscroll::-webkit-scrollbar-thumb {background: #aaa; border-radius: 10px;}

br.for_m{display: none;}
@media (max-width:1600px) {
    br.for_pc{display: none;}
}
@media (max-width:1023px) {
    br.for_tm{display: none;}
    br.for_m{display:inline;}
}
@media (max-width:860px) {
    .w_custom{width: calc(100% - 30px);}
}
@media (max-width:320px) {
    .w_custom{width: calc(100% - 20px);}
}

/* ========================================
    빠른 상담문의 (Quick Inquiry)
======================================== */
    #dbQuickInquiry{display: none;}
    /* ── 공통 ── */
    .db-qi-header { display: flex; align-items: center; justify-content: space-between; padding: 0.75rem 1rem; }
    .db-qi-title { font-size: 1rem; font-weight: 700; color: var(--qi-text, #fff); }
    .db-qi-close { background: none; border: none; color: var(--qi-text, #fff); font-size: 1.5rem; cursor: pointer; opacity: 0.7; line-height: 1; }

    .db-qi-input { display: block; width: 100%; padding: 0.5rem 0.75rem; border: 1px solid rgba(255,255,255,0.3); border-radius: 0.375rem; background: rgba(255,255,255,0.15); color: var(--qi-text, #fff); font-size: 0.875rem; outline: none; transition: border-color 0.2s; }
    .db-qi-input::placeholder { color: rgba(255,255,255,0.6); }
    .db-qi-input:focus { border-color: rgba(255,255,255,0.7); background: rgba(255,255,255,0.25); }

    .db-qi-privacy { display: flex; align-items: center; gap: 0.375rem; font-size: 0.75rem; color: var(--qi-text, #fff); opacity: 0.85; cursor: pointer; flex-shrink: 0; }
    .db-qi-privacy input[type="checkbox"] { width: 14px; height: 14px; flex-shrink: 0; }
    .db-qi-privacy-link { color: var(--qi-text, #fff); text-decoration: underline; opacity: 0.8; margin-left: 0.25rem; }

    .db-qi-btn { padding: 0.5rem 1.5rem; background: rgba(255,255,255,0.95); color: var(--qi-bg, #1e40af); border: none; border-radius: 0.375rem; font-weight: 700; font-size: 0.875rem; cursor: pointer; transition: background 0.2s; white-space: nowrap; flex-shrink: 0; }

    .db-qi-msg { text-align: center; font-size: 0.8rem; padding: 0.5rem; color: var(--qi-text, #fff); }
    .db-qi-form { display: flex; flex-direction: column; gap: 0.5rem; padding: 0 1rem 1rem; }

    /* ── 하단 고정 바 ── */
    .db-qi-bottom { position: fixed; bottom: 0; left: 0; right: 0; z-index: 9980; }
    .db-qi-bottom-tab { display: flex; align-items: center; justify-content: center; gap: 0.5rem; width: 100%; padding: 0.75rem; background: var(--qi-bg, #1e40af); color: var(--qi-text, #fff); border: none; cursor: pointer; font-size: 0.9rem; font-weight: 600; }
    .db-qi-bottom-panel { background: var(--qi-bg, #1e40af); border-top: 1px solid rgba(255,255,255,0.1); }
    .db-qi-bottom-inner { max-width: 1200px; margin: 0 auto; }
    .db-qi-form-row { flex-direction: row !important; flex-wrap: wrap; align-items: center; gap: 0.5rem; }
    .db-qi-form-row .db-qi-input { width: auto; flex: 1 1 150px; min-width: 120px; }

    /* 캡차 영역 */
    .db-qi-captcha { flex: 0 0 auto; display: flex; align-items: center; }
    .db-qi-captcha img { height: 40px !important; border-radius: 6px; }
    .db-qi-captcha input[name="captcha_answer"] { height: 40px; padding: 0 10px; border: 1px solid #d1d5db; border-radius: 6px; width: 110px; font-size: 13px; color: #111; background: #fff; }
    @media (max-width: 768px) {
        .db-qi-captcha { width: 100%; justify-content: flex-start; }
    }

    /* ── 우측 패널 ── */
    .db-qi-right { position: fixed; right: 0; top: 50%; transform: translateY(-50%); z-index: 9980; display: flex; align-items: flex-start; }
    .db-qi-right-tab { writing-mode: vertical-rl; text-orientation: mixed; padding: 1rem 0.5rem; background: var(--qi-bg, #1e40af); color: var(--qi-text, #fff); border: none; border-radius: 0.5rem 0 0 0.5rem; cursor: pointer; font-size: 0.85rem; font-weight: 600; letter-spacing: 0.05em; }
    .db-qi-right-panel { display: none; width: 280px; background: var(--qi-bg, #1e40af); border-radius: 0.5rem 0 0 0.5rem; box-shadow: -4px 0 20px rgba(0,0,0,0.15); }

    /* hover */
    @media (hover:hover) and (pointer:fine){
        .db-qi-close:hover { opacity: 1; }
        .db-qi-privacy-link:hover { opacity: 1; }
        .db-qi-btn:hover { background: #fff; }
        .db-qi-bottom-tab:hover { filter: brightness(1.1); }
        .db-qi-right-tab:hover { filter: brightness(1.1); }
    }

    /* ── 반응형 ── */
    @media (max-width: 768px) {
        .db-qi-form-row { flex-direction: column !important; }
        .db-qi-form-row .db-qi-input { width: 100%; flex: none; }
        .db-qi-right { right: 0; top: auto; bottom: 0; transform: none; left: 0; flex-direction: column; }
        .db-qi-right-tab { writing-mode: horizontal-tb; text-orientation: initial; border-radius: 0; width: 100%; text-align: center; }
        .db-qi-right-panel { width: 100%; border-radius: 0; }
    }

/*────────────────────────────────────────────────────
    Header
────────────────────────────────────────────────────*/
    #header{position:fixed;height:clamp(55px, 9vw, 90px);top: 0;z-index: 100;width:100%;transition:all 0.3s;background:none;box-shadow:none;}
    #header .w_custom{height: 100%;max-width:1760px;display: flex;align-items: center;justify-content: space-between;gap: 15px;}
    #header .logo{height: 100%;flex-shrink:0;}
    #header .logo a{display: flex;align-items: center;height: 100%;padding-block: 10px;}
    #header .logo a img{height:clamp(40px, 4.5vw, 52px);}
    #header .gnb{display: flex;justify-content: center;height: 100%;text-align: center;}
    #header .gnb > li{position: relative;font-size:var(--text-18);font-weight: 600;color: var(--black-color03);line-height: 1.4;letter-spacing: 0;transition: all 0.4s;}
    #header .gnb > li > a{display: flex;align-items: center;justify-content: center;height: 100%;position: relative;padding-inline:clamp(20px, 2vw, 40px);}
        #header .gnb > li.on > a{color: var(--point-color01);}
    #header .gnb .dep02{position: absolute;top: 80%;left: 50%;width: max-content;max-width: 300px;min-width: 180px;translate: -50%;background: var(--point-color01);padding-block: 18px;opacity: 0;pointer-events: none;transition: inherit;}
    #header .gnb .dep02 > li{font-size: 90%;filter: var(--filter-white); transition: inherit;}
    #header .gnb .dep02 > li > a{display: block;padding: 10px 25px;}
    #header .gnb .dep03{display: none;}
    #header .utility{position: relative;display: flex;align-items: center;gap:var(--row-gap40);flex-shrink:0;}
    #header .allCate{display:flex;flex-direction: column;align-items: center;justify-content:space-between;width: clamp(30px, 4vw, 40px);aspect-ratio: auto 1.9;}
    #header .allCate span{display: inline-block;width:100%;height:3px;background:var(--black-color01);transition:width 0.3s;}
    #header .allCate span:nth-child(1){align-self: flex-end;width:50%;}
    #header .allCate span:nth-child(3){align-self: flex-start;width:50%;}

        #header :is(.logo, .gnb > li, .allCate){filter:var(--filter-white);}

        #header.on{background:rgba(0,0,0,0.4);backdrop-filter:blur(3px);}
        /* #header.on :is(.logo, .gnb > li, .allCate){filter:none;} */

        /* hover */
        @media (hover:hover) and (pointer: fine) {
            #header:hover{background:rgba(0,0,0,0.4);backdrop-filter:blur(3px);}
            /* #header:hover :is(.logo, .gnb > li, .allCate){filter:none;} */

            #header .gnb > li:hover{color: var(--point-color01);}
            #header .gnb > li:hover > a{color: var(--point-color01);}
            #header .gnb > li:hover .dep02{opacity: 1; pointer-events: auto;}
            #header .gnb .dep02:has(> li:hover) > li:not(:hover){opacity: 0.4;}

            #header .allCate:hover span{width:100%;}

        }

    @media (max-width:1400px) {
        #header .utility{gap:var(--row-gap20);}
    }
    @media (max-width:1200px) {
        #header .gnb > li{font-size:var(--text-18)}
        #header .gnb > li > a{padding-inline:2vw;}
    }
    @media (max-width:1023px) {
        #header .gnb{display: none;}
    }
/*───────────────────────────────────────────────────────────

	Aside 

───────────────────────────────────────────────────────────*/
    #aside{position: fixed;top: 0;left:0;width: 100%;height: 100%;z-index: 999;background: rgba(255,255,255,0.8);backdrop-filter:blur(10px);display: flex;flex-direction: column;overflow: hidden;overflow-y: auto;padding-block: 10vh;box-sizing: border-box;opacity: 0;transition: all 0.6s;clip-path: inset(0 0 100% 0);}
        #aside.on{opacity: 1;clip-path: inset(0);}
        body:has(#aside.on){overflow: clip; touch-action: none;}
    #aside .w_custom{flex-shrink: 0;max-width: 1800px;min-height: 100%;display: flex;align-items: center;}
    #aside .gnb{width: 100%;display: grid;align-items: start;justify-content: center;grid: auto / repeat(6, 1fr);gap: clamp(15px, 2.2vw, 40px);}
    #aside .gnb > li{color: var(--black-color01);font-size: var(--text-20);text-align: center;}
        
        @media (min-width:861px) {
            #aside .gnb > li{opacity:0;translate:0 100px;transition:all 0.8s 0.3s;}
            #aside.on .gnb > li{opacity:1;translate:0;}
            #aside.on .gnb > li:nth-child(2){transition-delay:0.4s;}
            #aside.on .gnb > li:nth-child(3){transition-delay:0.5s;}
            #aside.on .gnb > li:nth-child(4){transition-delay:0.6s;}
            #aside.on .gnb > li:nth-child(5){transition-delay:0.7s;}
            #aside.on .gnb > li:nth-child(6){transition-delay:0.8s;}
        }
    #aside .gnb > li > a{position: relative;display: block;font-size: var(--text-40);font-weight: 700;line-height: 1.4;padding-block: 30px;transition: all 0.4s;letter-spacing: 0;}
        #aside .gnb > li > a:before{position: absolute;content: '';top: 0;left: 50%;translate: -50%;width:12px;height: 0;opacity:0;border-radius:100%;background: var(--point-color01);transition:all 0.3s;}
    #aside .gnb .dep02{position: relative;}
    #aside .gnb .dep02 > li > a{display: block;font-weight: 400;padding-block: clamp(7px, 1.7vw, 13px);color: var(--black-color06);line-height: 1.6;transition: all 0.4s;}
    #aside .gnb .dep03{display: none;}
    #aside .utility{position: absolute;top: clamp(30px, 2.8vw, 50px);right: clamp(30px, 2.8vw, 50px);display: flex;align-items: center;gap: clamp(15px, 1.6vw, 30px);z-index:2;}
    #aside .close_btn{position: relative;width: clamp(30px, 4vw, 40px);aspect-ratio:auto 1;z-index: 9;}
    #aside .close_btn span{position: absolute;top:50%;left:50%;transform: translate(-50%, -50%) rotate(45deg);width: 100%;height: 2px;background: var(--black-color01);}
    #aside .close_btn span + span{transform: translate(-50%, -50%) rotate(-45deg);}
    
        /* over */
            @media (hover:hover) and (pointer:fine){
				#aside .gnb > li:hover > a{color: var(--point-color01);}
                #aside .gnb > li:hover > a:before{height:12px;opacity:1;}
                #aside .gnb .dep02 > li:hover a{color: var(--point-color01);}
            }

    @media (max-width:1300px){
        #aside .gnb{grid: auto / repeat(3, 1fr);}
    }
    @media (max-width:1023px){
        #aside{padding-block: clamp(80px, 12vw, 120px);}
    }
    @media (max-width:860px){
		#aside{display: block;}
		#aside .w_custom{align-items:flex-start;}
		#aside .gnb{grid-template: auto / repeat(1, 1fr);gap:0;}
        #aside .gnb > li{padding-block: clamp(20px, 3vw, 25px);text-align:left;border-bottom: 1px solid rgba(0,0,0,0.15);}
        #aside .gnb > li > a{padding-block: 0;}
		#aside .gnb > li > a:before{display: none;}
        #aside .gnb .dep02{display: grid;gap: 0 20px;grid-template: auto / repeat(2, 1fr);margin-top: clamp(10px, 1.8vw, 15px);justify-content: flex-start;}
		#aside .utility{top:15px; right: 15px;}
    }
    @media (max-width:479px){
        #aside .gnb .dep02{grid-template: auto / repeat(1, 1fr);}
    }

/*───────────────────────────────────────────────────────────

	Footer

───────────────────────────────────────────────────────────*/
    #footer{background:var(--black-color00);padding-block:var(--row-gap50) var(--row-gap30);}
    #footer .w_custom{display: flex;gap:var(--row-gap50);max-width:1760px;align-items: flex-start;justify-content: space-between;}

    /* 상단 — 로고 + 대표번호 */
    #footer .ft_top_info{display: flex;align-items:flex-start;gap:var(--row-gap60);flex-wrap:wrap;}
    #footer .logo{height:clamp(40px, 4.5vw, 52px);filter:var(--filter-white);flex-shrink:0;}
    #footer .logo img{width:auto;height:100%;}
    #footer .ft_txt{display: flex;align-items: flex-start;flex-direction:column;gap:var(--row-gap30);}
    .addr-list{display: flex;flex-direction:column;gap:clamp(6px, 1vw, 10px);}
    .addr-list > li{display: flex;flex-wrap:wrap;gap:clamp(6px, 1vw, 10px) var(--row-gap20);}
    .addr-list dl{display: flex;align-items: center;gap:var(--row-gap10);font-size:var(--text-15);color:var(--point-white);line-height:1.4;letter-spacing:-0.02em;font-family:var(--font-type02);}
        .addr-list dt{font-weight:500;flex-shrink:0;}
        .addr-list dd{font-weight:400;opacity:0.8;}
    #footer .copy{font-size:var(--text-14);color:var(--point-white);font-weight:400;line-height:1.4;letter-spacing:-0.02em;font-family:var(--font-type01);opacity:0.4;}

    #footer .ft_menu{display: flex;align-items: center;gap:clamp(20px, 3vw, 34px);flex-shrink:0;}
        #footer .ft_menu > li{position: relative;font-size:var(--text-15);color:var(--point-white);font-weight:400;line-height:1.4;letter-spacing:-0.02em;font-family:var(--font-type02);white-space:nowrap;}
        #footer .ft_menu > li + li:before{content:"";position: absolute;top:50%;left:calc(clamp(20px, 3vw, 34px) / 2 * -1);translate:-50% -50%;width:4px;aspect-ratio:auto 1;border-radius:100%;background:var(--point-white);opacity:0.4;}
        #footer .ft_menu > li.policy a{font-weight:600;}
    
    @media (max-width:860px) {
        #footer .ft_top_info{flex-direction: column;gap:var(--row-gap30)}
        #footer .w_custom{flex-direction: column;}
    }
    @media (max-width:640px) {
        #footer .ft_top_info{flex-direction: column;align-items: flex-start;gap:var(--row-gap25);}
        .addr-list > li{flex-direction:column;}
    }

    /* 퀵 */
        .quick-list{position: fixed;left: 50%;bottom: clamp(15px, 4vw, 40px);translate: -50%;max-width: 1880px;display: flex;flex-direction: column;align-items: flex-end;gap: clamp(5px, 2vw, 10px);z-index: 50; opacity: 0; pointer-events: none; transition: all 0.4s;}
            body:has(#header.on:not(.end)) .quick-list{opacity: 1;}
            body:has(#header.on:not(.end)) .quick-list > li{pointer-events: all;}
        .quick-list > li{position: relative;width: clamp(40px, 5vw, 50px);aspect-ratio: auto 1;background: var(--point-white);box-shadow:var(--shadow-01);border-radius:100%;}
        .quick-list > li a{display: flex;align-items: center;justify-content: center;}
        .quick-list > li img{filter:var(--filter-black);}

            @media (min-width:861px) {
                .quick-list{width: calc(100% - 80px);}
            }


/*───────────────────────────────────────────────────────────

    Main

───────────────────────────────────────────────────────────*/
    .main_visual{position: relative;width: 100%;height:100vh;overflow: hidden;}
    .main_visual_video{display: block;width: 100%;height: 100%;max-width: none; max-height: none;object-fit: cover;object-position: center center;}
    .main_visual::after{content:'';position:absolute;left:0;right:0;bottom:0;height:40%;background:linear-gradient(to top, rgba(0,0,0,.7) 0%, rgba(0,0,0,.25) 45%, rgba(0,0,0,0) 100%);pointer-events:none;z-index:1;}
    .main_visual .txt{position:absolute;left:0;right:0;bottom:var(--row-gap60);z-index:2;color:var(--point-white);}
    .main_visual .txt::before{content:'';display:block;width:60px;height:3px;margin-bottom:var(--row-gap20);background:var(--point-white);animation:mainTxtLine 1s cubic-bezier(.16,.84,.44,1) .2s both;}
    .main_visual .txt h2{font-size:var(--text-48);font-weight:700;line-height:1.3;letter-spacing:-0.02em;color:var(--point-white);text-shadow:0 2px 20px rgba(0,0,0,.3);animation:mainTxtUp 1s cubic-bezier(.16,.84,.44,1) .4s both;}

    @keyframes mainTxtLine{from{opacity:0;translate:-30px 0;}to{opacity:1;translate:0 0;}}
    @keyframes mainTxtUp{from{opacity:0;translate:0 30px;}to{opacity:1;translate:0 0;}}
    @media (prefers-reduced-motion: reduce){
        .main_visual .txt::before, .main_visual .txt h2{animation:none;}
    }

    @media (max-width:1023px){
        .main_visual{height:110vw;}
        .main_visual .txt{bottom:var(--row-gap40);}
    }
    @media (max-width:480px){
        .main_visual .txt::before{width:40px;margin-bottom:var(--row-gap15);}
    }

/*───────────────────────────────────────────────────────────

    About — 포스터형 에디토리얼 (구 about02, 2026-09-17 about.html로 통합)

───────────────────────────────────────────────────────────*/
    #container:has(.ab_page){padding-top:0;padding-bottom:0;}

    .ab_page{background:var(--black-color00);color:var(--point-white);overflow:clip;}
    .ab_page .hl{font-weight:800;color:var(--point-color01);}

    .ab_sec_label{display:flex;align-items:center;gap:14px;font-size:var(--text-16);font-weight:800;letter-spacing:0.06em;text-transform:uppercase;color:var(--point-white);margin-bottom:var(--row-gap50);}
    .ab_sec_label:before{content:'';width:20px;height:20px;flex-shrink:0;background:var(--point-color01);}

    /* Hero — 추상적/디자인틱한 영상 배경 위 문구 노출 */
    .ab_hero{position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden;padding-block:var(--row-gap160) var(--row-gap90);}
    .ab_hero_media{position:absolute;inset:0;z-index:0;}
    .ab_hero_media video{width:100%;height:100%;object-fit:cover;}
    .ab_hero_media:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg, rgba(0,0,0,.55) 0%, rgba(0,0,0,.5) 45%, rgba(0,0,0,.82) 100%);}
    .ab_hero_inner{position:relative;z-index:1;width:100%;}
    .ab_eyebrow{font-size:var(--text-14);font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:rgba(255,255,255,0.65);margin-bottom:var(--row-gap30);}
    .ab_hero_tit{font-size:var(--text-90);font-weight:800;line-height:1.05;letter-spacing:-0.02em;text-transform:uppercase;color:var(--point-white);text-shadow:0 2px 30px rgba(0,0,0,.3);}
    .ab_hero_foot{display:flex;justify-content:flex-end;margin-top:var(--row-gap60);}
    .ab_hero_foot_inner{max-width:750px;text-align:right;}
    br.ab_br{display:none;}
    @media (min-width:1200px){ br.ab_br{display:inline;} .ab_hero_foot_inner{max-width:960px;} }
    .ab_hero_kr{font-size:var(--text-36);font-weight:600;color:var(--point-white);margin-bottom:var(--row-gap20);}
    .ab_hero_txt{font-size:var(--text-18);line-height:1.85;color:rgba(255,255,255,0.72);}
    .ab_hero_txt + .ab_hero_txt{margin-top:var(--row-gap15);}
    .ab_hero_txt strong{color:var(--point-white);font-weight:700;}

    @media (max-width:640px){
        .ab_hero{min-height:auto;}
    }

    /* Marquee */
    .ab_marquee{overflow:hidden;background:var(--point-color01);border-block:2px solid var(--black-color00);padding-block:var(--row-gap20);}
    .ab_marquee_track{display:flex;align-items:center;width:max-content;gap:var(--col-gap40);white-space:nowrap;animation:abMarquee 26s linear infinite;}
    .ab_marquee_track span{font-size:var(--text-28);font-weight:800;text-transform:uppercase;color:var(--black-color00);letter-spacing:0.01em;}
    .ab_marquee_track .dot{font-weight:400;opacity:0.55;}
    @keyframes abMarquee{from{transform:translateX(0);}to{transform:translateX(-50%);}}
    @media (prefers-reduced-motion: reduce){
        .ab_marquee_track{animation:none;}
    }

    /* What we do — 2x2 소프트 카드 그리드 (Why us와 동일 레이아웃) */
    .ab_what{padding-block:var(--row-gap100);}
    .ab_what_grid{display:grid;grid-template-columns:var(--grid-array02);gap:var(--col-gap30);}
    .ab_what_grid > li{display:flex;flex-direction:column;align-items:flex-start;background:var(--black-color02);padding:var(--row-gap40) var(--col-gap30) var(--row-gap45);box-shadow:0 25px 40px rgba(0,0,0,.35);transition:transform 0.25s, box-shadow 0.25s;}
    .ab_what_icon{display:flex;align-items:center;justify-content:center;width:72px;height:72px;margin-bottom:var(--row-gap25);background:rgba(255,255,255,0.06);border-radius:100%;color:var(--point-color01);}
    .ab_what_icon svg{width:36px;height:36px;}
    .ab_what_en{display:block;font-size:var(--text-13);font-weight:700;letter-spacing:0.06em;text-transform:uppercase;color:var(--point-color01);margin-bottom:var(--row-gap10);}
    .ab_what_name{font-size:var(--text-20);font-weight:800;color:var(--point-white);margin-bottom:var(--row-gap15);line-height:1.4;}
    .ab_what_tag{font-size:var(--text-13);font-weight:600;color:rgba(255,255,255,0.45);margin-bottom:var(--row-gap15);}
    .ab_what_desc{font-size:var(--text-14);line-height:1.7;color:rgba(255,255,255,0.6);}

        @media (hover:hover) and (pointer:fine){
            .ab_what_grid > li:hover{transform:translateY(-6px);box-shadow:0 30px 50px rgba(0,0,0,.5);}
        }

    /* Why us — 2x2 소프트 카드 그리드 (advio 비전 페이지 참고) */
    .ab_why{padding-block:var(--row-gap100) var(--row-gap160);}
    .ab_why_grid{display:grid;grid-template-columns:var(--grid-array02);gap:var(--col-gap30);}
    .ab_why_grid > li{display:flex;flex-direction:column;align-items:flex-start;background:var(--black-color02);padding:var(--row-gap40) var(--col-gap30) var(--row-gap45);box-shadow:0 25px 40px rgba(0,0,0,.35);transition:transform 0.25s, box-shadow 0.25s;}
    .ab_why_icon{display:flex;align-items:center;justify-content:center;width:72px;height:72px;margin-bottom:var(--row-gap25);background:rgba(255,255,255,0.06);border-radius:100%;color:var(--point-color01);}
    .ab_why_icon svg{width:36px;height:36px;}
    .ab_why_en{display:block;font-size:var(--text-13);font-weight:700;letter-spacing:0.06em;text-transform:uppercase;color:var(--point-color01);margin-bottom:var(--row-gap10);}
    .ab_why_name{font-size:var(--text-20);font-weight:800;color:var(--point-white);margin-bottom:var(--row-gap15);line-height:1.4;}
    .ab_why_tag{font-size:var(--text-13);font-weight:600;color:rgba(255,255,255,0.45);margin-bottom:var(--row-gap15);}
    .ab_why_desc{font-size:var(--text-14);line-height:1.7;color:rgba(255,255,255,0.6);}

        @media (hover:hover) and (pointer:fine){
            .ab_why_grid > li:hover{transform:translateY(-6px);box-shadow:0 30px 50px rgba(0,0,0,.5);}
        }

    @media (max-width:1023px){
        .ab_hero_foot{justify-content:flex-start;}
        .ab_hero_foot_inner{max-width:640px;text-align:left;}
    }

/*───────────────────────────────────────────────────────────

    Studio

───────────────────────────────────────────────────────────*/
    #container:has(.st_page){padding-top:0;padding-bottom:0;}

    .st_page{background:var(--black-color00);color:var(--point-white);}
    .st_page .hl{font-weight:800;color:var(--point-color01);}

    .st_sec_label{display:flex;align-items:center;gap:14px;font-size:var(--text-16);font-weight:800;letter-spacing:0.06em;text-transform:uppercase;color:var(--point-white);margin-bottom:var(--row-gap20);}
    .st_sec_label:before{content:'';width:20px;height:20px;flex-shrink:0;background:var(--point-color01);}
    .st_sec_tit{font-size:var(--text-36);font-weight:800;color:var(--point-white);line-height:1.3;margin-bottom:var(--row-gap20);}
    .st_sec_desc{font-size:var(--text-16);line-height:1.8;color:rgba(255,255,255,0.65);margin-bottom:var(--row-gap50);}

    /* Hero — 영상 배경 위 문구 노출 */
    .st_hero{position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden;padding-block:var(--row-gap160) var(--row-gap90);}
    .st_hero_media{position:absolute;inset:0;z-index:0;}
    .st_hero_media video{width:100%;height:100%;object-fit:cover;}
    .st_hero_media:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg, rgba(0,0,0,.55) 0%, rgba(0,0,0,.5) 45%, rgba(0,0,0,.82) 100%);}
    .st_hero_inner{position:relative;z-index:1;width:100%;}
    .st_eyebrow{font-size:var(--text-14);font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:rgba(255,255,255,0.65);margin-bottom:var(--row-gap30);}
    .st_hero_tit{font-size:var(--text-90);font-weight:800;line-height:1.05;letter-spacing:-0.02em;text-transform:uppercase;color:var(--point-white);text-shadow:0 2px 30px rgba(0,0,0,.3);}
    .st_hero_foot{display:flex;justify-content:flex-end;margin-top:var(--row-gap60);}
    .st_hero_foot_inner{max-width:620px;text-align:right;}
    .st_hero_kr{font-size:var(--text-36);font-weight:600;color:var(--point-white);margin-bottom:var(--row-gap20);}
    .st_hero_txt{font-size:var(--text-18);line-height:1.85;color:rgba(255,255,255,0.72);}
    .st_hero_txt strong{color:var(--point-white);font-weight:700;}

    @media (max-width:1023px){
        .st_hero_foot{justify-content:flex-start;}
        .st_hero_foot_inner{max-width:640px;text-align:left;}
    }
    @media (max-width:640px){
        .st_hero{min-height:auto;}
    }

    /* Studio overview — 소프트 스탯 카드 */
    .st_overview{padding-block:var(--row-gap100);}
    .st_stat_grid{display:grid;grid-template-columns:var(--grid-array04);gap:var(--col-gap30);}
    .st_stat_grid > li{background:var(--black-color02);padding:var(--row-gap40) var(--col-gap30);box-shadow:0 25px 40px rgba(0,0,0,.35);}
    .st_stat_val{font-size:var(--text-40);font-weight:800;color:var(--point-color01);letter-spacing:-0.01em;margin-bottom:var(--row-gap10);}
    .st_stat_name{font-size:var(--text-16);font-weight:700;color:var(--point-white);letter-spacing:0.02em;margin-bottom:var(--row-gap10);}
    .st_stat_desc{font-size:var(--text-14);line-height:1.7;color:rgba(255,255,255,0.6);}

    /* Motion capture — 토글 리스트 (about.html 아코디언과 동일 기법) */
    .st_mocap{padding-block:var(--row-gap100);}
    .st_list > li{border-bottom:1px solid rgba(255,255,255,0.15);}
    .st_list > li:first-child{border-top:1px solid rgba(255,255,255,0.15);}
    .st_list_row{list-style:none;cursor:pointer;display:flex;align-items:center;flex-wrap:wrap;gap:var(--col-gap24);padding-block:var(--row-gap35);}
    .st_list_row::-webkit-details-marker{display:none;}
    .st_list_idx{font-size:var(--text-15);font-weight:700;color:rgba(255,255,255,0.35);}
    .st_list_name{font-size:var(--text-32);font-weight:800;letter-spacing:-0.01em;color:var(--point-white);transition:color 0.25s;}
    .st_list_tag{font-size:var(--text-14);font-weight:700;letter-spacing:0.02em;text-transform:uppercase;color:var(--point-color01);padding:6px 14px;border:1px solid var(--point-color01);border-radius:999px;}
    .st_list_ico{position:relative;flex:0 0 auto;width:22px;height:22px;margin-left:auto;}
    .st_list_ico:before, .st_list_ico:after{content:'';position:absolute;top:50%;left:50%;translate:-50% -50%;background:var(--point-white);transition:transform 0.3s;}
    .st_list_ico:before{width:16px;height:2px;}
    .st_list_ico:after{width:2px;height:16px;}
    .st_list details[open] .st_list_ico:after{transform:translate(-50%, -50%) rotate(90deg);}
    .st_list_media{margin:0 0 var(--row-gap20) calc(2.2em + var(--col-gap24));max-width:100%;aspect-ratio:16/9;overflow:hidden;background:var(--black-color02);}
    .st_list_media video{width:100%;height:100%;object-fit:cover;display:block;}
    .st_list_media.st_media_xsens{aspect-ratio:1916/714;}
    .st_list_desc{padding:0 0 var(--row-gap35) calc(2.2em + var(--col-gap24));max-width:none;font-size:var(--text-18);line-height:1.8;color:var(--point-white);}
    @media (min-width:901px){ .st_list_desc{white-space:nowrap;} }

        @media (hover:hover) and (pointer:fine){
            .st_list details:hover .st_list_name{color:var(--point-color01);}
        }

    @media (max-width:640px){
        .st_list_media{margin-left:0;}
        .st_list_desc{padding-left:0;}
    }

    /* Facial capture — 지원 장비 라벨 + 강조된 결론 문장으로 메시지 명확화 (2026-09-17) */
    .st_facial{padding-block:var(--row-gap100);}
    .st_facial_label{font-size:var(--text-13);font-weight:700;letter-spacing:0.06em;text-transform:uppercase;color:rgba(255,255,255,0.4);margin-bottom:var(--row-gap15);}
    .st_facial_grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(160px, 1fr));gap:var(--col-gap20);margin-bottom:var(--row-gap30);}
    .st_facial_item{display:flex;flex-direction:column;align-items:flex-start;gap:var(--row-gap10);padding:var(--row-gap25) var(--col-gap20);border:1px solid rgba(255,255,255,0.15);transition:border-color 0.3s;}
    .st_facial_icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;flex-shrink:0;border-radius:100%;background:rgba(255,255,255,0.06);color:var(--point-color01);}
    .st_facial_icon svg{width:22px;height:22px;}
    .st_facial_name{font-size:var(--text-16);font-weight:700;color:var(--point-white);}
    .st_facial_type{font-size:var(--text-13);font-weight:600;letter-spacing:0.04em;text-transform:uppercase;color:rgba(255,255,255,0.45);}

        @media (hover:hover) and (pointer:fine){
            .st_facial_item:hover{border-color:var(--point-color01);}
        }

    .st_facial_note{position:relative;margin-top:var(--row-gap30);padding-top:var(--row-gap25);border-top:1px solid rgba(255,255,255,0.15);font-size:var(--text-18);font-weight:600;line-height:1.7;color:var(--point-white);}

    /* Gallery */
    .st_gallery{padding-block:var(--row-gap100);}
    .st_gallery_swiper .swiper-slide{aspect-ratio:16/9;background:var(--black-color02);}
    .st_gallery_swiper .swiper-slide figure{position:relative;width:100%;height:100%;}
    .st_gallery_cap{position:absolute;top:var(--row-gap20);left:var(--col-gap24);z-index:2;font-size:var(--text-14);font-weight:700;letter-spacing:0.02em;color:var(--point-white);padding:8px 16px;background:rgba(0,0,0,.55);}
    .st_gallery_nav{width:52px;height:52px;border-radius:100%;background:rgba(0,0,0,.45);border:1px solid rgba(255,255,255,.35);color:var(--point-white);transition:background-color 0.25s, border-color 0.25s;}
    .st_gallery_nav.swiper-button-prev{left:var(--col-gap24);}
    .st_gallery_nav.swiper-button-next{right:var(--col-gap24);}
    .st_gallery_nav svg{width:22px;height:22px;display:block;}
    .st_gallery_nav.swiper-button-disabled{opacity:0.3;}

        @media (hover:hover) and (pointer:fine){
            .st_gallery_nav:hover{background:var(--point-color01);border-color:var(--point-color01);}
        }

    @media (max-width:640px){
        .st_gallery_swiper .swiper-slide{aspect-ratio:4/3;}
        .st_gallery_nav{width:40px;height:40px;}
        .st_gallery_nav svg{width:16px;height:16px;}
        .st_gallery_cap{font-size:var(--text-13);padding:6px 12px;}
    }

    /* Specification table */
    .st_spec{padding-block:var(--row-gap100) var(--row-gap160);}
    .st_spec_table{width:100%;border-collapse:collapse;}
    .st_spec_table thead th{font-size:var(--text-13);font-weight:700;letter-spacing:0.06em;text-transform:uppercase;color:rgba(255,255,255,0.4);text-align:left;padding-block:var(--row-gap15);border-bottom:1px solid rgba(255,255,255,0.18);}
    .st_spec_table tbody th, .st_spec_table tbody td{font-size:var(--text-15);padding-block:var(--row-gap15);border-bottom:1px solid rgba(255,255,255,0.12);text-align:left;}
    .st_spec_table tbody th{color:rgba(255,255,255,0.65);font-weight:600;width:40%;}
    .st_spec_table tbody td{color:var(--point-white);font-weight:600;}

    @media (max-width:640px){
        .st_spec_table thead{display:none;}
        .st_spec_table tbody tr{display:flex;flex-direction:column;padding-block:var(--row-gap15);border-bottom:1px solid rgba(255,255,255,0.12);}
        .st_spec_table tbody th, .st_spec_table tbody td{border-bottom:none;padding-block:2px;width:auto;}
    }

/*───────────────────────────────────────────────────────────

    Service

───────────────────────────────────────────────────────────*/
    #container:has(.sv_page){padding-top:0;padding-bottom:0;}

    .sv_page{background:var(--black-color00);color:var(--point-white);}
    .sv_page .hl{font-weight:800;color:var(--point-color01);}

    .sv_sec_label{display:flex;align-items:center;gap:14px;font-size:var(--text-16);font-weight:800;letter-spacing:0.06em;text-transform:uppercase;color:var(--point-white);margin-bottom:var(--row-gap20);}
    .sv_sec_label:before{content:'';width:20px;height:20px;flex-shrink:0;background:var(--point-color01);}
    .sv_sec_tit{font-size:var(--text-36);font-weight:800;color:var(--point-white);line-height:1.3;margin-bottom:var(--row-gap20);}
    .sv_sec_desc{font-size:var(--text-16);line-height:1.8;color:rgba(255,255,255,0.65);max-width:700px;margin-bottom:var(--row-gap50);}

    /* Hero — 영상 배경 위 문구 노출 */
    .sv_hero{position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden;padding-block:var(--row-gap160) var(--row-gap90);}
    .sv_hero_media{position:absolute;inset:0;z-index:0;}
    .sv_hero_media video{width:100%;height:100%;object-fit:cover;}
    .sv_hero_media:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg, rgba(0,0,0,.55) 0%, rgba(0,0,0,.5) 45%, rgba(0,0,0,.82) 100%);}
    .sv_hero_inner{position:relative;z-index:1;width:100%;}
    .sv_eyebrow{font-size:var(--text-14);font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:rgba(255,255,255,0.65);margin-bottom:var(--row-gap30);}
    .sv_hero_tit{font-size:var(--text-90);font-weight:800;line-height:1.05;letter-spacing:-0.02em;text-transform:uppercase;color:var(--point-white);text-shadow:0 2px 30px rgba(0,0,0,.3);}
    .sv_hero_foot{display:flex;justify-content:flex-end;margin-top:var(--row-gap60);}
    .sv_hero_foot_inner{max-width:620px;text-align:right;}
    .sv_hero_kr{font-size:var(--text-36);font-weight:600;color:var(--point-white);margin-bottom:var(--row-gap20);}
    .sv_hero_txt{font-size:var(--text-18);line-height:1.85;color:rgba(255,255,255,0.72);}
    .sv_hero_txt strong{color:var(--point-white);font-weight:700;}

    @media (max-width:1023px){
        .sv_hero_foot{justify-content:flex-start;}
        .sv_hero_foot_inner{max-width:640px;text-align:left;}
    }
    @media (max-width:640px){
        .sv_hero{min-height:auto;}
    }

    .sv_mocap{padding-block:var(--row-gap100);}
    .sv_stream{padding-block:var(--row-gap100) var(--row-gap160);}

    /* 패키지 소개 (Motion Capture / Live Streaming 공용) — 비교표 위에 티어별 한 줄 포지셔닝 문구 노출 (PPT 원본 텍스트) */
    .sv_tier_intro{display:grid;grid-template-columns:var(--grid-array04);border-top:1px solid rgba(255,255,255,0.18);border-bottom:1px solid rgba(255,255,255,0.18);margin-bottom:var(--row-gap40);}
    .sv_tier_intro3{grid-template-columns:var(--grid-array03);}
    .sv_tier_intro > li{padding:var(--row-gap30) var(--col-gap24);border-right:1px solid rgba(255,255,255,0.18);}
    .sv_tier_intro > li:last-child{border-right:none;}
    .sv_tier_intro_name{font-size:var(--text-19);font-weight:800;letter-spacing:0.02em;color:var(--point-white);margin-bottom:var(--row-gap10);}
    .sv_tier_intro_desc{font-size:var(--text-15);font-weight:600;color:rgba(255,255,255,0.7);}
    .sv_tier_intro_txt{font-size:var(--text-13);line-height:1.6;color:rgba(255,255,255,0.5);margin-top:var(--row-gap10);}
    .sv_tier_intro_hl{background:var(--point-color01);}
    .sv_tier_intro_hl .sv_tier_intro_name{color:var(--point-white);}
    .sv_tier_intro_hl .sv_tier_intro_desc{color:var(--point-white);}
    .sv_tier_intro_hl .sv_tier_intro_txt{color:rgba(255,255,255,0.85);}

        @media (hover:hover) and (pointer:fine){
            /* PC 오버 시 강조가 호버한 티어로 이동 (마우스 아웃되면 기본 강조인 ENTERPRISE/PREMIUM으로 복귀) */
            .sv_tier_intro:hover .sv_tier_intro_hl:not(:hover){background:transparent;transition:background-color 0.2s;}
            .sv_tier_intro:hover .sv_tier_intro_hl:not(:hover) .sv_tier_intro_desc{color:rgba(255,255,255,0.7);}
            .sv_tier_intro:hover .sv_tier_intro_hl:not(:hover) .sv_tier_intro_txt{color:rgba(255,255,255,0.5);}

            .sv_tier_intro > li:hover{background:var(--point-color01);transition:background-color 0.2s;}
            .sv_tier_intro > li:hover .sv_tier_intro_desc{color:var(--point-white);}
            .sv_tier_intro > li:hover .sv_tier_intro_txt{color:rgba(255,255,255,0.85);}
        }

    @media (max-width:860px){
        .sv_tier_intro{grid-template-columns:var(--grid-array02);}
        .sv_tier_intro > li{border-bottom:1px solid rgba(255,255,255,0.18);}
        .sv_tier_intro > li:nth-child(2n){border-right:none;}
    }
    @media (max-width:479px){
        .sv_tier_intro{grid-template-columns:var(--grid-array01);}
        .sv_tier_intro > li{border-right:none !important;}
    }

    /* 패키지 비교표 (Motion Capture / Live Streaming 공용) — PPT 원본의 기능×패키지 매트릭스 그대로 반영 */
    .sv_compare_wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;}
    .sv_compare_table{width:100%;min-width:640px;border-collapse:collapse;margin-top:var(--row-gap10);}
    .sv_compare_table thead th{position:sticky;top:0;background:var(--black-color00);font-size:var(--text-15);font-weight:800;color:var(--point-white);text-align:center;padding:var(--row-gap20) var(--col-gap20);border-bottom:2px solid rgba(255,255,255,0.25);white-space:nowrap;}
    .sv_compare_table thead th:first-child{text-align:left;color:rgba(255,255,255,0.4);font-size:var(--text-13);text-transform:uppercase;letter-spacing:0.06em;font-weight:700;}
    .sv_compare_table thead th.sv_compare_hl{color:var(--point-color01);border-left:1px solid var(--point-color01);border-right:1px solid var(--point-color01);border-top:2px solid var(--point-color01);}
    .sv_compare_table tbody tr{border-bottom:1px solid rgba(255,255,255,0.1);}
    .sv_compare_table tbody tr:nth-child(even){background:rgba(255,255,255,0.025);}
    .sv_compare_table tbody th{position:sticky;left:0;background:var(--black-color00);text-align:left;font-size:var(--text-14);font-weight:600;color:rgba(255,255,255,0.75);padding:var(--row-gap15) var(--col-gap20);white-space:nowrap;}
    .sv_compare_table tbody td{text-align:center;font-size:var(--text-14);font-weight:600;color:rgba(255,255,255,0.85);padding:var(--row-gap15) var(--col-gap20);white-space:nowrap;}
    .sv_compare_table tbody td.sv_compare_hl{border-left:1px solid var(--point-color01);border-right:1px solid var(--point-color01);}
    .sv_compare_table tbody tr:last-child td.sv_compare_hl{border-bottom:2px solid var(--point-color01);}

        @media (hover:hover) and (pointer:fine){
            /* 비교표 강조 컬럼도 티어 인트로 호버에 연동 — 기본 강조(ENTERPRISE/PREMIUM) 컬럼을 끄고 호버한 컬럼을 켠다 */
            .sv_mocap:has(.sv_tier_intro > li:hover):not(:has(.sv_tier_intro > li.sv_tier_intro_hl:hover)) .sv_compare_table thead th.sv_compare_hl,
            .sv_stream:has(.sv_tier_intro > li:hover):not(:has(.sv_tier_intro > li.sv_tier_intro_hl:hover)) .sv_compare_table thead th.sv_compare_hl{
                color:var(--point-white);border-left:none;border-right:none;border-top:none;
            }
            .sv_mocap:has(.sv_tier_intro > li:hover):not(:has(.sv_tier_intro > li.sv_tier_intro_hl:hover)) .sv_compare_table tbody td.sv_compare_hl,
            .sv_stream:has(.sv_tier_intro > li:hover):not(:has(.sv_tier_intro > li.sv_tier_intro_hl:hover)) .sv_compare_table tbody td.sv_compare_hl{
                border-left:none;border-right:none;
            }
            .sv_mocap:has(.sv_tier_intro > li:hover):not(:has(.sv_tier_intro > li.sv_tier_intro_hl:hover)) .sv_compare_table tbody tr:last-child td.sv_compare_hl,
            .sv_stream:has(.sv_tier_intro > li:hover):not(:has(.sv_tier_intro > li.sv_tier_intro_hl:hover)) .sv_compare_table tbody tr:last-child td.sv_compare_hl{
                border-bottom:none;
            }

            .sv_mocap:has(.sv_tier_intro > li:nth-child(1):hover) .sv_compare_table thead th:nth-child(2),
            .sv_mocap:has(.sv_tier_intro > li:nth-child(2):hover) .sv_compare_table thead th:nth-child(3),
            .sv_mocap:has(.sv_tier_intro > li:nth-child(3):hover) .sv_compare_table thead th:nth-child(4),
            .sv_stream:has(.sv_tier_intro > li:nth-child(1):hover) .sv_compare_table thead th:nth-child(2),
            .sv_stream:has(.sv_tier_intro > li:nth-child(2):hover) .sv_compare_table thead th:nth-child(3){
                color:var(--point-color01);border-left:1px solid var(--point-color01);border-right:1px solid var(--point-color01);border-top:2px solid var(--point-color01);
            }
            .sv_mocap:has(.sv_tier_intro > li:nth-child(1):hover) .sv_compare_table tbody td:nth-child(2),
            .sv_mocap:has(.sv_tier_intro > li:nth-child(2):hover) .sv_compare_table tbody td:nth-child(3),
            .sv_mocap:has(.sv_tier_intro > li:nth-child(3):hover) .sv_compare_table tbody td:nth-child(4),
            .sv_stream:has(.sv_tier_intro > li:nth-child(1):hover) .sv_compare_table tbody td:nth-child(2),
            .sv_stream:has(.sv_tier_intro > li:nth-child(2):hover) .sv_compare_table tbody td:nth-child(3){
                border-left:1px solid var(--point-color01);border-right:1px solid var(--point-color01);
            }
            .sv_mocap:has(.sv_tier_intro > li:nth-child(1):hover) .sv_compare_table tbody tr:last-child td:nth-child(2),
            .sv_mocap:has(.sv_tier_intro > li:nth-child(2):hover) .sv_compare_table tbody tr:last-child td:nth-child(3),
            .sv_mocap:has(.sv_tier_intro > li:nth-child(3):hover) .sv_compare_table tbody tr:last-child td:nth-child(4),
            .sv_stream:has(.sv_tier_intro > li:nth-child(1):hover) .sv_compare_table tbody tr:last-child td:nth-child(2),
            .sv_stream:has(.sv_tier_intro > li:nth-child(2):hover) .sv_compare_table tbody tr:last-child td:nth-child(3){
                border-bottom:2px solid var(--point-color01);
            }
        }

    .sv_dot{display:inline-block;width:8px;height:8px;border-radius:100%;background:var(--point-color01);}
    .sv_dash{display:inline-block;width:10px;height:2px;background:rgba(255,255,255,0.25);}

    /* 비교표 소카테고리(그룹 제목 행) */
    .sv_compare_table tbody tr.sv_group_row{background:rgba(255,255,255,0.05);border-bottom:1px solid rgba(255,255,255,0.18);}
    .sv_compare_table tbody tr.sv_group_row th{background-color:var(--black-color00);background-image:linear-gradient(rgba(255,255,255,0.05),rgba(255,255,255,0.05));font-size:var(--text-13);font-weight:800;color:var(--point-color01);letter-spacing:0.04em;padding-top:var(--row-gap20);padding-bottom:var(--row-gap10);}
    .sv_compare_table tbody tr.sv_group_row td{padding-top:var(--row-gap20);padding-bottom:var(--row-gap10);}

    @media (max-width:768px){
        .sv_compare_table{min-width:580px;}
    }

    /* Add-on services table — 핵심 강조 요소 */
    .sv_addon{padding-block:var(--row-gap100);}
    .sv_addon_table{width:100%;border-collapse:collapse;margin-top:var(--row-gap10);}
    .sv_addon_table thead th{font-size:var(--text-13);font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:rgba(255,255,255,0.4);text-align:left;padding:var(--row-gap15) var(--col-gap20);border-bottom:1px solid rgba(255,255,255,0.2);}
    .sv_addon_table tbody tr{border-bottom:1px solid rgba(255,255,255,0.12);transition:background 0.25s;}
    .sv_addon_table tbody tr:last-child{border-bottom:1px solid rgba(255,255,255,0.2);}
    .sv_addon_table tbody th, .sv_addon_table tbody td{padding:var(--row-gap25) var(--col-gap20);text-align:left;vertical-align:top;}
    .sv_addon_table tbody th{display:flex;align-items:center;gap:10px;width:240px;font-size:var(--text-19);font-weight:800;color:var(--point-white);}
    .sv_addon_table tbody th:before{content:'';flex-shrink:0;width:9px;height:9px;background:var(--point-color01);}
    .sv_addon_tags{display:flex;flex-wrap:wrap;gap:10px;}
    .sv_addon_tags > li{font-size:var(--text-14);font-weight:600;color:rgba(255,255,255,0.8);padding:8px 16px;border:1px solid rgba(255,255,255,0.22);border-radius:999px;transition:border-color 0.25s, color 0.25s, background 0.25s;}

        @media (hover:hover) and (pointer:fine){
            .sv_addon_table tbody tr:hover{background:rgba(255,255,255,0.025);}
            .sv_addon_tags > li:hover{border-color:var(--point-color01);color:var(--point-white);background:rgba(234,0,66,0.12);}
        }

    @media (max-width:640px){
        .sv_addon_table thead{display:none;}
        .sv_addon_table tbody tr{display:block;padding-block:var(--row-gap25);}
        .sv_addon_table tbody th, .sv_addon_table tbody td{display:block;width:auto;padding:0;}
        .sv_addon_table tbody th{margin-bottom:var(--row-gap15);}
        .sv_addon_table tbody td{margin-top:var(--row-gap15);}
    }

/*───────────────────────────────────────────────────────────

    게시판

───────────────────────────────────────────────────────────*/
    .sub_title{text-align: center;font-size:var(--text-48);color:var(--point-white);font-weight:600;margin-bottom: var(--row-gap50);}
    /*input*/
		#wrap [type="checkbox"]{display: inline-flex;align-items: center;justify-content: center;width: clamp(18px, 2.5vw, 20px);height: clamp(18px, 2.5vw, 20px);border: 1px solid var(--border-color01);flex-shrink: 0;cursor: pointer;appearance:none;}
		#wrap [type="checkbox"]::before{display: inline-flex;content:'';width: clamp(8px, 1.36vw, 10px);aspect-ratio: auto 1.33;background: url('/images/chk_icon.svg') no-repeat center / 100% auto;filter:var(--filter-white);}
		#wrap [type="checkbox"]:checked{border-color: var(--point-color01);background: var(--point-color01);}
		#wrap [type="checkbox"]:checked:before{filter: var(--filter-white);}
		#wrap label:has([type="checkbox"]){display:inline-flex;align-items: flex-start;gap: 8px;font-size: var(--text-14);font-weight: 500;color: var(--black-color08);line-height: clamp(18px, 2.5vw, 20px);cursor: pointer;}
		#wrap label:has([type="checkbox"]) em{font-weight: 600; color: var(--point-red02); display: contents;}

        #wrap :is(input[type="text"], input[type="password"], input[type="number"], input[type="date"], input[type="email"], input[type="tel"], textarea) { height:clamp(36px, 4vw, 40px); line-height: 1.5; width: 100%; border:1px solid var(--border-color01);color: var(--black-color05); font-weight: 400; font-size: var(--text-14); font-family: var(--font-type02); padding: 0 clamp(8px, 1.6vw, 16px); text-indent: 0; margin: 0; box-sizing: border-box; vertical-align: middle; text-align: left; outline: 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;box-sizing: border-box;background:var(--border-color03);}
            #wrap textarea {min-height: 130px; resize: none; padding:var(--row-gap15) !important;}
            #wrap textarea[name="cf_field_2"] {min-height:0; height:clamp(36px, 4vw, 40px); padding:calc((clamp(36px, 4vw, 40px) - 23px) / 2) clamp(8px, 1.6vw, 16px) !important; overflow:hidden;}
        #wrap :is(input[type="text"], input[type="password"], input[type="number"], input[type="date"], input[type="email"], input[type="tel"], textarea)::placeholder { color: var(--black-color08); font-weight: 400; }
        #wrap :is(input[type="text"], input[type="password"], input[type="number"], input[type="date"], input[type="email"], input[type="tel"], textarea):focus {background: var(--point-white); border-color: var(--point-color01);}

    /* === search === */
		#wrap .search_wrap{margin-bottom:var(--row-gap30);}
		#wrap .search_wrap .inp_box {display: flex; justify-content:flex-end; gap: 8px; width: 100%;}
		#wrap .search_wrap .inp_box [type="text"]{width: 230px;}
		#wrap .search_wrap .inp_box button{width:clamp(36px, 4vw, 40px);height:clamp(36px, 4vw, 40px);flex:0 0 auto;aspect-ratio:auto 1;background:var(--point-color01) url('/images/ico_search.svg') no-repeat center / clamp(13px, 1.6vw, 18px) auto;box-sizing:border-box;font-size:0;}

	/* === paging === */
		#wrap .paging {position: absolute; left: 50%; top: 50%; translate: -50% -50%; display: flex; justify-content: center; align-items: center; width: max-content; text-align:center;}
		#wrap .paging span {display:inline-block;vertical-align:top;}
		#wrap .paging a {box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;font-size:var(--text-14);font-weight: 500;color:var(--black-color08);padding:0;border:0;box-sizing:border-box;width:clamp(24px, 3.2vw, 32px);height:clamp(24px, 3.2vw, 32px);line-height:1;min-width:auto;text-align:center;vertical-align:top;margin:0 4px;}
		#wrap .paging :is(.on a, a.on){background:var(--point-color01);color:var(--point-white);font-weight:600;}
		#wrap .paging .arw {font-size:0;width:clamp(16px, 2.4vw, 24px); background:no-repeat center;filter:var(--filter-white)}
		#wrap .paging .arw.first {background-image:url("/images/paging_first.svg");}
		#wrap .paging .arw.prev {background-image:url("/images/paging_prev.svg"); margin-right: 10px;}
		#wrap .paging .arw.next {background-image:url("/images/paging_prev.svg"); margin-left: 10px;scale:-1 -1;}
		#wrap .paging .arw.last {background-image:url("/images/paging_first.svg");scale:-1 -1;}

		@media (max-width:860px) {
			#wrap .paging {position: relative; left: inherit; top: inherit; translate: 0; width: 100%;}
			#wrap .paging + .btn_wrap {margin-top: var(--row-gap40);}
		}
	
	
	/* === list === */
		/* 일반 */
			#wrap .nodata {width: 100% !important; text-align:center !important; min-height: clamp(112px, 11.66vw, 224px);}
			#wrap .bbs_table {position: relative; width: 100%; table-layout: fixed; font-size: var(--text-16); border-top: 1px solid var(--black-color01);}
			#wrap .bbs_table :where(th, td){line-height: 1.3;border-bottom: 1px solid var(--border-color01);padding: 21px 8px;text-align: center;}
			#wrap .bbs_table th{font-size:100%; font-weight: 500; color: var(--point-white);}
			#wrap .bbs_table td{font-size:90%;font-weight: 400; color: var(--black-color08);}
			#wrap .bbs_table td.left{font-size:100%;text-align: left; padding-inline: var(--row-gap15); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-break: break-all;color:var(--point-white);font-weight:400;}
			#wrap .bbs_table .notice td.left{font-weight:500;}
			#wrap .bbs_table .notice .tag{display: inline-flex;align-items: center;justify-content: center;box-sizing:border-box;font-size:var(--text-13);color:var(--point-white);font-weight:600;background:var(--point-color01);padding:8px 16px 7px;line-height:1;}
				#wrap .bbs_table .for_t {display: none;}
				#wrap .bbs_table td.img img{display:inline-block;height:clamp(13px, 1.6vw, 19px);}

                /* over */
                /*@media (hover:hover) and (pointer:fine) {
                    #wrap .bbs_table tbody tr:not(:has(.nodata)):hover {background: var(--gray-bg01);}
                }*/


			@media (max-width:1023px) {
				#wrap .bbs_table .notice .tag{padding:5px 11px 4px;}
			}
			@media (max-width:860px) {
				#wrap .bbs_table{display: block;}
				#wrap .bbs_table thead{display: none;}
				#wrap .bbs_table :where(tbody, tr, th, td){display: block; width: 100%; border:0; padding:0; text-align: left;}
				#wrap .bbs_table tr{padding:var(--row-gap20);display: flex;flex-wrap: wrap;gap: var(--row-gap10) var(--row-gap15);border-bottom: 1px solid var(--border-color01);}
				#wrap .bbs_table td{width: auto;}
				#wrap .bbs_table td.left{width: 100%; padding: 0;}
				#wrap .bbs_table td.num{display: none;}
					#wrap .bbs_table .for_t {display: inline-block;}
			}

        /*gallery*/
            .sub_gallery{display:grid;gap:var(--row-gap15);grid:auto / repeat(4, 1fr);}
            .sub_gallery li{overflow:hidden;background:var(--point-white);box-shadow:var(--shadow-03);}
            .sub_gallery li a{display: flex;flex-direction: column;}
            .sub_gallery li .thumb{aspect-ratio:auto 1.5;}
            .sub_gallery li .thumb img{transition:all 0.3s;}
            .sub_gallery li .info{padding:clamp(12px, 1.6vw, 16px) clamp(10px, 1.9vw, 19px);display: flex;flex-direction: column;gap:var(--row-gap10);align-items: flex-start;}
                .sub_gallery li .info .notice{display: inline-flex;align-items: center;justify-content: center;box-sizing:border-box;font-size:var(--text-13);color:var(--point-white);font-weight:600;background:var(--point-color01);padding:6px 10px;line-height:1;border-radius:var(--radius-06);}
                .sub_gallery li .info .title{font-size:var(--text-18);color:var(--black-color02);font-weight:500;line-height:1.5;text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2;}
                .sub_gallery li .info .content{font-size:var(--text-14);color:var(--black-color04);font-weight:400;line-height:1.6;text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:1;}
                .sub_gallery li .info .date{font-size:var(--text-14);color:var(--black-color08);font-weight:400;display: block;margin-top:clamp(6px, 1.1vw, 11px);}

                @media (hover:hover) and (pointer:fine) {
                    .sub_gallery li:hover img{scale:1.1;}
                }

            @media (max-width:1023px) {
                .sub_gallery{grid:auto / repeat(3, 1fr);}
            }
            @media (max-width:640px) {
                .sub_gallery{grid:auto / repeat(2, 1fr);}
            }
            @media (max-width:479px) {
                .sub_gallery{grid:auto / repeat(1, 1fr);}
            }

        /*video — giantstep.co.kr/log.php 스타일(다크, 무테두리, 카테고리+날짜 메타행) 반영, 2026-09-18*/
            .bl-prefixes{display:flex;flex-wrap:wrap;align-items:center;gap:clamp(13px, 1.6vw, 22px);margin-bottom:var(--row-gap25);}
            .bl-prefix-tab{font-size:var(--text-13);font-weight:700;color:var(--black-color08);transition:color 0.2s;}
            .bl-prefix-tab.is-active{color:var(--point-white);}
                @media (hover:hover) and (pointer:fine){
                    .bl-prefix-tab:not(.is-active):hover{color:var(--point-white);}
                }

            .bl-video-grid{display:grid;gap:var(--col-gap24) var(--col-gap20);grid-template-columns:repeat(4, 1fr);}
                .bl-video-grid > .is-notice{grid-column:1 / -1;}

            .bl-video-card{position:relative;}
            .bl-video-card.video-popup-trigger{cursor:pointer;}

            .bl-video-thumb{position:relative;display:block;overflow:hidden;background:var(--black-color02);}
            .bl-video-img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;transition:transform 0.4s;}
            .bl-video-img--secret, .bl-video-img--empty{display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,0.35);}
            .bl-video-img--secret{flex-direction:column;gap:4px;}
                @media (hover:hover) and (pointer:fine){
                    .bl-video-thumb:hover .bl-video-img{transform:scale(1.06);}
                }
            .bl-video-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.2);transition:background 0.2s;pointer-events:none;}
                @media (hover:hover) and (pointer:fine){
                    .bl-video-thumb:hover .bl-video-overlay{background:rgba(0,0,0,.35);}
                }
            .bl-video-play{display:flex;align-items:center;justify-content:center;width:45px;height:45px;border-radius:100%;background:rgba(255,255,255,.9);}
            .bl-video-play-icon{width:19px;height:19px;margin-left:2px;color:var(--point-color01);}

            .bl-video-body{padding-top:var(--row-gap15);}
            .bl-video-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:var(--text-12);font-weight:700;letter-spacing:0.02em;text-transform:uppercase;color:var(--black-color08);margin-bottom:var(--row-gap10);}
            .bl-video-prefix{color:var(--black-color08);}
            .bl-video-title{display:block;font-size:var(--text-14);font-weight:700;line-height:1.4;color:var(--point-white);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;}
            .bl-video-title--link{transition:color 0.2s;}
                @media (hover:hover) and (pointer:fine){
                    .bl-video-title--link:hover{color:var(--black-color08);}
                }
            .bl-video-title--secret{color:rgba(255,255,255,0.35);}
                @media (hover:hover) and (pointer:fine){
                    .bl-video-title--secret:hover{color:var(--black-color08);}
                }
            .bl-secret-icon{display:inline-block;width:11px;height:11px;margin-right:2px;vertical-align:-2px;}
            .bl-secret-icon--lg{width:38px;height:38px;margin:0 0 6px;}
            .bl-secret-thumb-msg{font-size:10px;}

            .bl-empty{padding-block:51px;text-align:center;color:rgba(255,255,255,0.35);}

            @media (max-width:1023px) {
                .bl-video-grid{grid-template-columns:repeat(3, 1fr);}
            }
            @media (max-width:640px) {
                .bl-video-grid{grid-template-columns:repeat(2, 1fr);}
            }
            @media (max-width:479px) {
                .bl-video-grid{grid-template-columns:repeat(1, 1fr);}
            }

            /* video modal */
            .bl-video-modal{display:none;position:fixed;inset:0;z-index:50;}
            .bl-video-modal.is-open{display:block;}
            .bl-video-modal-overlay{position:absolute;inset:0;background:rgba(0,0,0,.7);}
            .bl-video-modal-wrap{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:16px;}
            .bl-video-modal-card{position:relative;width:100%;max-width:896px;}
            .bl-video-modal-close{position:absolute;top:-40px;right:0;z-index:10;color:#fff;transition:color 0.2s;}
            .bl-video-modal-close svg{width:32px;height:32px;}
                @media (hover:hover) and (pointer:fine){
                    .bl-video-modal-close:hover{color:#d1d5db;}
                }
            .bl-video-modal-frame{background:#000;border-radius:var(--radius-14);overflow:hidden;box-shadow:0 25px 50px rgba(0,0,0,.5);}
            .bl-video-modal-content{width:100%;aspect-ratio:16/9;}
            .bl-video-modal-media{width:100%;height:100%;}
            .bl-video-modal-empty{display:flex;align-items:center;justify-content:center;height:100%;color:#9ca3af;}

    /* === view === */
		#wrap .bbs_view .view_tit{display: flex;flex-direction: column;gap:var(--row-gap30);box-sizing:border-box;padding-bottom:var(--row-gap40);border-bottom:1px solid var(--border-color01);align-items: flex-start;}
		#wrap .bbs_view .view_tit h4{display: flex;align-items:center;gap:var(--row-gap20);}
		#wrap .bbs_view .view_tit h4 .tag{display: inline-flex;align-items: center;justify-content: center;box-sizing:border-box;font-size:var(--text-16);color:var(--point-white);font-weight:600;background:var(--point-color01);padding:clamp(6px, 1vw, 10px) clamp(10px, 2vw, 20px) clamp(5px, 0.5vw, 9px);line-height:1;}
		#wrap .bbs_view .view_tit h4 strong{color:var(--point-white);font-weight:600;line-height:1.4;font-size:var(--text-34);}
		#wrap .bbs_view .view_tit .name_box{display: flex;align-items: center;gap:var(--row-gap40);}
		#wrap .bbs_view .view_tit .name_box dl{display: flex;align-items: center;gap:clamp(10px, 1.2vw, 16px);position: relative;}
		#wrap .bbs_view .view_tit .name_box dl + dl:before{width:1px;height:clamp(8px, 1vw, 12px);content:"";background:var(--border-color01);display: inline-block;position: absolute;left:-20px;top:50%;translate:0 -50%;}
		#wrap .bbs_view .view_tit .name_box :where(dt, dd) {font-size:var(--text-18);font-weight:500;font-family:var(--font-type03);}
		#wrap .bbs_view .view_tit .name_box dt{color:var(--black-color08);}
		#wrap .bbs_view .view_tit .name_box dd{color:var(--point-white);}
		#wrap .bbs_view div.view_cont{border-bottom:1px solid var(--border-color01);padding:clamp(25px, 4vw, 40px) 0;text-align: center;}
        #wrap .bbs_view .db-user-content{color:var(--point-white)}
		#wrap .bbs_view .extra_editor_wrap{display: flex;box-sizing:border-box;background:var(--gray-bg01);align-items: center;padding:clamp(12px, 2.2vw, 27px) 0;border:none;margin-top:40px;}
		#wrap .bbs_view .extra_editor_wrap h5 {text-align: center;font-size:var(--text-18);color:var(--black-color03);font-weight:500;width:clamp(100px, 15vw, 180px);flex-shrink:0;background:none;}
		#wrap .bbs_view .extra_editor_wrap > div.extra_cont{box-sizing:border-box;padding-inline:var(--row-gap60) clamp(12px, 3vw, 30px);position: relative;}
		#wrap .bbs_view .extra_editor_wrap > div.extra_cont:before{width:1px;height:clamp(8px, 1vw, 12px);content:"";background:var(--border-color01);display: inline-block;position: absolute;left:0;top:50%;translate:0 -50%;}
		#wrap .bbs_view .extra_editor_wrap > div.extra_cont a{font-size:var(--text-18);color:var(--black-color06) !important;font-weight:400;}
        #wrap .view_btn {position: relative; margin-top: var(--row-gap60);text-align: center;}
        .main_more{display: inline-flex;align-items: center;justify-content:center;width:clamp(160px, 20vw, 200px);height:clamp(46px, 5vw, 56px);background:var(--point-color01);border:1px solid var(--point-color01);font-size:var(--text-18);color:var(--point-white);font-weight:600;transition:all 0.3s;}

    /* === write === */
		#wrap .bbs_write { box-sizing: border-box; display: flex; flex-direction: column; flex-wrap: wrap; gap: var(--row-gap20); padding-block: var(--row-gap20); border-top: 1px solid var(--border-color01); border-bottom: 1px solid var(--border-color01); }
		#wrap .bbs_write .line2 { gap: var(--row-gap60); }
		#wrap .bbs_write dl { display: flex; flex-wrap: wrap; width: 100%; align-items: center; box-sizing: border-box; }
		#wrap .bbs_write dl dt { width: clamp(140px, 12vw, 180px); box-sizing: border-box; padding-right: 15px; padding-left: 2px; color: var(--point-white); font-weight: 500; font-size: var(--text-18); letter-spacing: -0.03em; }
		#wrap .bbs_write dl dd { width: calc(100% - clamp(140px, 12vw, 180px)); display: flex; align-items: center; gap: 10px; }
		#wrap .req .require_dot { color: var(--point-color01); }
		#wrap dl dt:not(.req) .require_dot{display: none;}
		#wrap .bbs_write .bbs_file dd{flex-direction: column;align-items: flex-start;}
		#wrap .bbs_file input[type="file"]{display: none;}
		#wrap .bbs_file .file_box{display: flex;align-items: center;gap:var(--row-gap10);}
		#wrap .bbs_file .file_btn{display: inline-flex;align-items: center;justify-content: center;height:clamp(48px, 6vw, 60px);border:1px solid var(--border-color01);font-size:var(--text-18);color:var(--black-color03);font-weight:500;cursor:pointer;width:clamp(100px, 13vw, 130px);}
		/* select — 텍스트 입력과 톤 통일 (네이티브 화살표 제거, 커스텀 화살표) */
		#wrap .bbs_write select { height:clamp(48px, 6vw, 60px); line-height: 1.5; width: 100%; border:1px solid var(--border-color01); color: var(--black-color05); font-weight: 400; font-size: var(--text-18); font-family: var(--font-type02); margin: 0; box-sizing: border-box; vertical-align: middle; outline: 0; appearance: none; -webkit-appearance: none; -moz-appearance: none; cursor: pointer; background-color: var(--point-white); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23767676' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right clamp(14px, 2vw, 18px) center; background-size: clamp(12px, 1.6vw, 14px) auto; padding: 0 clamp(36px, 5vw, 44px) 0 clamp(10px, 2vw, 20px); }
		#wrap .bbs_write select:focus { background-color: var(--point-white); border-color: var(--point-color01); }
		#wrap .bbs_write select::-ms-expand { display: none; }
		#wrap .captcha_wrap {display: flex; gap: 10px; padding: 10px; width: 170px;box-shadow: inset 0 0 0 1px var(--border-color01);box-sizing: border-box;}
		#wrap .captcha input[type="text"] {width: calc(100% - 180px);}
		#wrap .db-captcha-img {width:100px;}
		#wrap .db-captcha-refresh {display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; background: var(--black-color08);}
		#wrap .db-captcha-refresh svg, .db-captcha-refresh path {stroke: #fff;}
		#wrap .policy_wrap {padding-block: var(--row-gap40) 0;margin:0;}
		#wrap .policy_wrap button {text-decoration: underline; text-underline-offset: 4px;}
		
		@media (max-width:1023px) {
			#wrap .captcha dd {flex-wrap: wrap;}
			#wrap .captcha input[type="text"] {width: 100%;}
		}
		@media (max-width:860px) {
			#wrap .captcha_wrap {width: 151px; height: 50px; padding: 6px; gap: 6px;}
			#wrap .db-captcha-refresh {width: 38px; height: 38px;}
			#wrap .bbs_write .line2 {gap: var(--row-gap30); grid-template-columns: var(--grid-array01);}
			#wrap .bbs_write dl dt { width: clamp(120px, 17.58vw, 180px);}
			#wrap .bbs_write dl dd { width: calc(100% - clamp(120px, 17.58vw, 180px));}
		}
		@media (max-width:479px) {
			#wrap .bbs_write {gap: var(--row-gap35);}
			#wrap .bbs_write dl {align-items: flex-start; flex-direction: column; gap: 10px;}
			#wrap .bbs_write dl dt, #wrap .bbs_write dl dd {width: 100%;}
		}

    /* === complete === */
		#wrap .complete_box {width:100%;box-sizing:border-box;border:1px solid var(--border-color01);text-align: center;padding:var(--row-gap60);background:var(--gray-bg01);}
		#wrap .complete_box .chk_ico{width: var(--row-gap70); height: var(--row-gap70); margin: 0 auto; background-color: var(--point-color01);}
		#wrap .complete_box .chk_ico .text-green-600 {color: var(--point-white);}
		#wrap .complete_box h4 {font-size:var(--text-28);color:var(--black-color03);font-weight:600;margin-top: var(--row-gap30);}
		#wrap .complete_box p {font-size:var(--text-20);color:var(--black-color05);margin-top: var(--row-gap20);}
		#wrap .complete_box .view_btn {margin-top: var(--row-gap50);}
		
		@media (max-width:1023px) {
			#wrap .complete_box .chk_ico {width: var(--row-gap95); height: var(--row-gap95);}
		}

/*───────────────────────────────────────────────────────────

	오시는 길(location) — 1:1문의(inquiry) 하단

───────────────────────────────────────────────────────────*/
    .contact_layout{display:grid;grid-template-columns:1fr 1.3fr;align-items:start;gap:var(--row-gap40);margin-bottom:var(--row-gap60);}
    .location_sec{margin-bottom:var(--row-gap120);}
    .location_box{display:flex;flex-direction: column;gap:var(--row-gap40);}

    .location_info{position:relative;display:flex;flex-direction:column;justify-content:center;width:100%;flex-shrink:0;overflow:hidden;}
    .location_info .location_name{font-size:var(--text-28);color:var(--point-white);font-weight:700;line-height:1.4;letter-spacing:-0.04em;}
    .location_contact{display:flex;flex-direction:column;gap:var(--row-gap15);margin-top:var(--row-gap30);}
    .location_contact li{display:flex;align-items:center;gap:clamp(8px, 1.4vw, 16px);padding:clamp(10px, 1.5vw, 15px);border:1px solid rgba(255, 255, 255, 0.16);background:rgba(255, 255, 255, 0.10);}
    .location_contact li:has(.location_map){padding:0;border:none;background:none;margin-bottom:var(--row-gap20);}
    .location_contact .ico{display:flex;align-items:center;justify-content:center;width:clamp(30px, 4vw, 44px);aspect-ratio:auto 1;background:rgba(255, 255, 255, 0.12);color:var(--point-white);flex-shrink:0;}
    .location_contact .ico svg{width:56%;height:auto;display:block;}
    .location_contact .txt{display:flex;flex-direction:column;gap:clamp(2px, 0.4vw, 5px);min-width:0;}
    .location_contact .label{font-family:var(--font-type01);font-size:var(--text-14);font-weight:600;letter-spacing:0.14em;line-height:1;color:rgba(255, 255, 255, 0.55);text-transform:uppercase;}
    .location_contact .value{font-size:var(--text-18);color:var(--point-white);font-weight:500;line-height:1.5;}

    /*지도*/
    .location_map{position:relative;flex:1 1 auto;min-width:0;height:clamp(200px, 20vw, 300px);overflow:hidden;background:var(--gray-bg04);box-shadow:var(--shadow-01);}
    .location_map iframe{position:absolute;inset:0;width:100%;height:100%;display:block;}
    .location_map .root_daum_roughmap{width:100%;height:100%;}
    .location_map .root_daum_roughmap .wrap_map{height:100%}
    .location_map .wrap_controllers, .location_map .root_daum_roughmap .cont{display: none;}

        @media (hover:hover) and (pointer:fine) {
            .location_contact a.value:hover{text-decoration:underline;}
        }

    @media (max-width:1023px) {
        .contact_layout{grid-template-columns:1fr;}
        .location_box{flex-direction:column;}
        .location_info{width:100%;}
        .location_map{min-height:clamp(260px, 52vw, 420px);}
    }
    @media (max-width:479px) {
        .location_contact li{align-items:flex-start;}
    }