/* v10: 캐릭터와 넓은 여백을 중심으로 모든 화면을 다시 배치해요. */
:root{--brand:#D42427;--brand-dark:#B01F22;--text:#15171C;--muted:#5A6170;--subtle:#8A919E;--line:#E7E9EE;--bg:#FFFFFF;--surface:#F5F6F8;--ink:#121417;--ink-2:#1C1F25;--t-red:#FFF1F1;--t-cream:#FFF6E9;--t-sky:#EEF4FC;--t-mint:#EDF7F1;--t-lilac:#F3F0FB;--header-height:76px;--radius:28px;--container:1200px;--kakao:#FEE500}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-height) + 24px)}body{margin:0;padding-top:var(--header-height);color:var(--text);background:var(--bg);font:17px/1.75 'Pretendard Variable',Pretendard,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;word-break:keep-all;overflow-wrap:break-word;-webkit-font-smoothing:antialiased}body.menu-open,body.lightbox-open{overflow:hidden}h1,h2,h3,h4,p,figure,ul,ol,dl,dd{margin:0}ul,ol{padding:0;list-style:none}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:default}img{display:block;max-width:100%;height:auto}svg{display:block}a,button,input,textarea,select{-webkit-tap-highlight-color:transparent}h1,h2,h3{text-wrap:balance;line-height:1.32;letter-spacing:-.03em}h2{font-size:46px;font-weight:800}h3{font-size:24px;font-weight:700}h4{font-size:19px}em{font-style:normal;color:var(--brand)}[hidden]{display:none!important}:focus-visible{outline:3px solid var(--brand);outline-offset:5px}.sr-only,.honeypot{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.svg-library{position:absolute;width:0;height:0;overflow:hidden}.icon{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.container{width:min(1200px,calc(100% - 48px));margin-inline:auto}.section,.detail-section{padding-block:120px}.section-muted{background:var(--surface)}.section-dark,.start-section{background:var(--ink);color:#fff}.section+.section:not(.section-muted):not(.section-dark):has(+.section){position:relative}.section-heading,.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:48px;margin-bottom:48px;text-align:left;position:relative}.section-heading h2,.section-head h2{max-width:700px}.section-heading>p,.section-head>p,.section-description{max-width:470px;color:var(--muted)}.section-heading>div>p{margin-top:16px;color:var(--muted)}.section-dark .section-description,.section-dark .section-heading p{color:#B9BEC8}.section-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:14px;margin-top:36px}.small-note,.center-note,.step-note,.trust-date,.price-note{font-size:14px;color:var(--muted)}.center-note{text-align:center;margin-top:26px}.keep-word{display:inline-block;white-space:nowrap}.desktop-break{display:block}.eyebrow:empty{display:none}
/* 버튼과 카드 */
.button,.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:56px;padding:12px 26px;border:1.5px solid transparent;border-radius:999px;font-size:16px;font-weight:700;line-height:1.4;transition:background .3s,color .3s,transform .3s,border-color .3s}.button-primary,.btn-primary{background:var(--brand);color:white}.button-primary:hover,.btn-primary:hover{background:var(--brand-dark)}.button-secondary,.btn-secondary{background:transparent;border-color:var(--text)}.button-secondary>.icon,.btn-secondary>.icon{order:-1;background:var(--text);color:white;border-radius:50%;width:30px;height:30px;padding:7px}.button-secondary:hover,.btn-secondary:hover{background:var(--text);color:white}.section-dark .button-secondary,.section-dark .btn-secondary{border-color:white;color:white}.section-dark .button-secondary>.icon{background:white;color:var(--ink)}.section-dark .button-secondary:hover{background:white;color:var(--ink)}.button-small{min-height:42px;padding:9px 19px;font-size:14px}.button-kakao{background:var(--kakao);color:#15171C}.button-white{background:white;color:var(--brand)}.button .icon,.btn .icon{flex-shrink:0}.channel-logo{width:24px;height:24px;object-fit:contain}.card{background:white;border:1px solid var(--line);border-radius:28px;padding:32px}.card,.industry-card,.why-card,.work-card,.start-card,.plan-card{transition:transform .3s,border-color .3s}.card:hover,.industry-card:hover,.why-card:hover,.work-card:hover,.start-card:hover,.plan-card:hover{transform:translateY(-4px)}.card-arrow,.start-arrow{display:inline-flex;transition:transform .3s}.industry-card:hover .card-arrow,.start-card:hover .start-arrow{transform:translateX(4px)}.chip,.badge,.question-chip,.listing-chip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:999px;padding:6px 14px;font-size:14px;line-height:1.5}.badge,.new-badge{background:var(--brand);color:white;border:0}.new-badge{border-radius:999px;font-size:12px;padding:5px 10px}.grid-2,.grid-3,.core-grid,.materials-grid,.product-feature-grid,.recommend-grid,.plan-grid,.feature-grid,.sample-grid,.trust-grid{display:grid;gap:24px}.grid-2,.materials-grid,.product-feature-grid,.recommend-grid,.sample-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3,.core-grid,.plan-grid,.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
/* 머리와 펼침 메뉴 */
.site-header{position:fixed;z-index:100;top:0;left:0;width:100%;height:var(--header-height);background:#fff;border-bottom:1px solid transparent;transition:background .3s,border-color .3s}.site-header.is-scrolled{background:rgba(255,255,255,.92);backdrop-filter:blur(16px);border-color:var(--line)}.header-inner{display:flex;align-items:center;justify-content:space-between;height:100%;gap:24px}.brand{flex-shrink:0}.brand img{width:134px;height:auto}.primary-nav{display:flex;align-items:center;gap:28px;font-size:16px;font-weight:700}.primary-nav>a,.nav-trigger{position:relative;padding:23px 0;white-space:nowrap}.primary-nav [aria-current=page],.nav-trigger[aria-current=page]{color:var(--brand)}.header-actions{display:flex;align-items:center;gap:18px}.header-phone{display:flex;align-items:center;gap:6px;font-size:15px;font-weight:750;white-space:nowrap}.header-phone .icon{width:18px;height:18px;color:var(--brand)}.icon-button{display:grid;place-items:center;width:44px;height:44px;background:transparent;border:1px solid var(--line);border-radius:50%;padding:9px}.menu-toggle{display:none}.nav-dropdown{position:relative}.nav-trigger{border:0;background:transparent;display:flex;gap:6px;align-items:center;font-size:inherit;font-weight:inherit}.nav-trigger .icon{width:16px;height:16px}.nav-panel{position:absolute;top:calc(100% - 2px);left:50%;transform:translateX(-50%);width:350px;padding:12px;background:white;border:1px solid var(--line);border-radius:20px;z-index:101}.nav-panel a{display:flex;flex-wrap:wrap;gap:2px 8px;padding:14px 16px;border-radius:12px;line-height:1.55}.nav-panel a:hover,.nav-panel a:focus-visible{background:var(--t-red)}.nav-panel strong{font-size:16px}.nav-panel small{flex-basis:100%;font-size:13px;color:var(--muted);font-weight:400}.nav-tag{align-self:center;background:var(--t-red);color:var(--brand);font-size:11px;border-radius:999px;padding:1px 7px}.mobile-menu{max-width:none;width:100%;height:100dvh;max-height:100dvh;margin:0;padding:20px;border:0;background:white}.mobile-menu-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.mobile-menu nav{display:grid}.mobile-menu nav>a,.mobile-menu .nav-trigger{display:flex;padding:16px 4px;font-size:21px;font-weight:700;border-bottom:1px solid var(--line);width:100%;justify-content:space-between}.mobile-menu .nav-panel{position:static;transform:none;width:100%;margin:8px 0 12px;background:var(--surface);border:0}.mobile-menu-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}.mobile-menu::backdrop,dialog::backdrop{background:rgba(18,20,23,.65)}
/* 메인 첫 화면과 업종 */
.hero-v10{padding:22px 0 0;text-align:center;background:white}.hero-v10 .hero-inner{display:block}.hero-visual{position:relative;width:min(640px,100%);margin:0 auto}.hero-character{height:350px;width:350px;object-fit:contain;margin:0 auto}.hero-bubble{position:absolute;left:calc(50% + 74px);top:40px;background:white;border:1px solid var(--line);border-radius:20px;padding:12px 18px;white-space:nowrap;font-size:15px;font-weight:650;animation:bubble-in .5s .6s both}.hero-bubble::after,.consult-bubble::after{content:'';position:absolute;left:24px;bottom:-7px;width:13px;height:13px;background:inherit;border-right:1px solid var(--line);border-bottom:1px solid var(--line);transform:rotate(45deg)}.hero-kicker{color:var(--brand);font-size:15px;font-weight:700;margin:8px 0 12px}.hero-v10 h1{font-size:84px;font-weight:800;line-height:1.16;letter-spacing:-.03em}.hero-description{margin:18px auto 0;max-width:650px;color:var(--muted);font-size:17px;line-height:1.75}.hero-actions{display:flex;justify-content:center;gap:12px;margin-top:24px;flex-wrap:wrap}.hero-trust{display:flex;justify-content:center;gap:24px;flex-wrap:wrap;font-size:14px;color:var(--muted);margin:24px 0 28px}.hero-trust li,.hero-trust>span{display:flex;gap:8px;align-items:center}.hero-trust li::before,.hero-trust>span::before{content:'';width:4px;height:4px;border-radius:50%;background:var(--brand)}.industry-marquee{overflow:hidden;width:100%;padding:12px 0 30px;mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}.industry-track{display:flex;width:max-content;animation:marquee 40s linear infinite}.industry-group{display:flex;gap:12px;padding-right:12px}.industry-group span{padding:12px 26px;background:var(--surface);border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:16px;white-space:nowrap}.industry-marquee:hover .industry-track,.industry-marquee:focus-within .industry-track,.portfolio-marquee:hover .portfolio-track,.portfolio-marquee:focus-within .portfolio-track{animation-play-state:paused}.why-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.why-card{position:relative;min-height:320px;padding:38px;border-radius:28px;overflow:hidden}.why-card:nth-child(1){background:var(--t-red)}.why-card:nth-child(2){background:var(--t-cream)}.why-card:nth-child(3){background:var(--t-sky)}.why-card:nth-child(4){background:var(--t-mint)}.why-value{display:block;font-size:56px;font-weight:800;line-height:1.1;letter-spacing:-.04em;margin-bottom:44px}.why-card:first-child .why-value{color:var(--brand)}.why-card h3{margin-bottom:10px}.why-card p{max-width:62%;font-size:16px;color:var(--muted)}.why-card .illust-img{position:absolute;right:22px;bottom:18px;width:170px;height:170px;object-fit:contain}.industry-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.industry-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;padding:30px;background:white;border:1px solid var(--line);border-radius:28px;min-height:340px}.industry-card .illust-img{height:160px;width:180px;object-fit:contain;align-self:center;margin-bottom:22px}.industry-card p{font-size:16px;color:var(--muted);margin-top:8px;padding-right:24px}.industry-card .card-arrow{position:absolute;right:24px;bottom:24px}.industry-card .badge{position:absolute;top:20px;left:20px}
/* 제작 화면은 원본 캡처를 기기 틀 안에 넣어요. */
.portfolio-head{display:flex;align-items:center;justify-content:space-between;gap:40px;margin-bottom:48px}.portfolio-copy{max-width:700px}.portfolio-copy p{color:var(--muted);margin:22px 0}.portfolio-art{position:relative;flex-shrink:0;width:300px}.portfolio-art>.char-img{height:300px;width:300px;object-fit:contain}.spin-badge{position:absolute;right:-4px;bottom:8px;width:116px;height:116px;animation:spin 14s linear infinite;color:var(--brand);fill:currentColor;font-size:12px;font-weight:650;letter-spacing:2px}.portfolio-marquee{overflow:hidden;width:100%}.portfolio-track{display:flex;width:max-content;animation:marquee 90s linear infinite}.portfolio-group{display:flex;gap:24px;padding-right:24px}.portfolio-card{width:410px;flex:0 0 410px}.portfolio-card button,.work-open{display:block;width:100%;padding:0;background:transparent;border:0;text-align:left;color:inherit}.work-mockup{position:relative;aspect-ratio:1.25;border-radius:28px;overflow:hidden;background:linear-gradient(135deg,#E8F2FC,#EDE2F6)}.portfolio-card:nth-child(4n+2) .work-mockup,.work-card:nth-child(4n+2) .work-mockup{background:linear-gradient(135deg,#FAE7DF,#E5E9CE)}.portfolio-card:nth-child(4n+3) .work-mockup,.work-card:nth-child(4n+3) .work-mockup{background:linear-gradient(135deg,#E2F1EB,#DDE6F9)}.portfolio-card:nth-child(4n+4) .work-mockup,.work-card:nth-child(4n+4) .work-mockup{background:linear-gradient(135deg,#F2E6F3,#FCEFCF)}.mockup-laptop{position:absolute;left:8%;top:21%;width:77%;aspect-ratio:1.57;padding:8px 8px 11px;background:#202328;border-radius:10px 10px 3px 3px;border:1px solid #08090B}.mockup-laptop img{width:100%;height:100%;object-fit:cover;object-position:top;border-radius:3px}.mockup-laptop::after{content:'';position:absolute;left:-5%;right:-5%;height:8px;bottom:-7px;border-radius:0 0 60% 60%;background:#33363C;border-top:2px solid #71757E}.mockup-phone{position:absolute;width:23%;aspect-ratio:.49;right:6%;bottom:12%;padding:5px;background:#141619;border-radius:16px;border:1px solid #08090B;overflow:hidden}.mockup-phone img{width:100%;height:100%;object-fit:cover;object-position:top;border-radius:11px}.work-caption{padding:18px 4px}.work-caption h3{font-size:20px}.work-caption p,.work-caption span{font-size:14px;color:var(--muted);margin-top:5px}.work-card{min-width:0;position:relative}.work-card .new-badge{position:absolute;left:18px;top:18px;z-index:1}.work-card>h3,.work-card>p{padding-inline:4px}.work-card>h3{font-size:20px;margin-top:18px}.work-card>p{font-size:14px;color:var(--muted)}.work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 24px}.work-stage{position:relative;background:var(--surface);aspect-ratio:1.3;border-radius:28px;overflow:hidden}.work-desktop{width:80%;margin:15% 0 0 6%;border:7px solid #17191E;border-radius:8px;aspect-ratio:1.6;object-fit:cover;object-position:top}.work-mobile{position:absolute;right:5%;bottom:9%;width:22%;height:58%;border:5px solid #17191E;border-radius:13px;object-fit:cover;object-position:top}.work-open>span{display:block;margin-top:15px;font-weight:700;font-size:19px}.work-open small{display:block;color:var(--muted);font-size:14px}.portfolio-layout{display:grid;grid-template-columns:265px minmax(0,1fr);gap:48px;align-items:start}.portfolio-sidebar{position:sticky;top:110px}.portfolio-sidebar h2{font-size:38px}.portfolio-sidebar .catalog-note{font-size:14px;color:var(--muted);margin:20px 0 26px}.portfolio-results{min-width:0}.work-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.work-tabs button,.support-tabs button{padding:10px 17px;background:white;border:1px solid var(--line);border-radius:999px;font-size:14px;white-space:nowrap}.work-tabs [aria-selected=true],.support-tabs [aria-selected=true]{background:var(--brand);color:white;border-color:var(--brand)}.work-search{display:block;position:relative;font-size:14px;color:var(--muted)}.work-search input{display:block;width:100%;min-width:0;padding:13px 15px;margin-top:8px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}.work-search .icon{position:absolute;right:13px;bottom:15px;width:20px;height:20px}.work-search input{padding-right:40px}.catalog-controls{margin-bottom:30px}.work-empty{padding:40px;background:var(--surface);border-radius:20px}
/* 강점, 추천, 제작 순서 */
.char-img{object-fit:contain;width:240px;height:240px}.illust-img{object-fit:contain;width:180px;height:180px}.section-head>.char-img{height:240px;width:240px;margin-bottom:-24px}.feature-stack{display:grid;gap:24px}.feature-row{display:grid;grid-template-columns:1fr 320px;align-items:center;gap:64px;padding:54px 64px;border-radius:28px;min-height:325px}.feature-row:nth-child(5n+1){background:var(--t-sky)}.feature-row:nth-child(5n+2){background:var(--t-cream)}.feature-row:nth-child(5n+3){background:var(--t-mint)}.feature-row:nth-child(5n+4){background:var(--t-lilac)}.feature-row:nth-child(5n+5){background:var(--t-red)}.feature-copy h3{font-size:34px;line-height:1.4}.feature-copy p{margin-top:18px;max-width:600px;color:var(--muted)}.feature-row>.illust-img{width:260px;height:250px;justify-self:center}.feature-tags{display:flex;gap:12px;flex-wrap:wrap;color:var(--brand);font-size:14px;margin-top:22px}.media-strip{display:flex;align-items:center;justify-content:center;gap:32px;flex-wrap:wrap;margin-top:46px;font-size:14px;color:var(--muted)}.media-logos{display:flex;gap:24px;align-items:center}.media-logos img{width:38px;height:38px;object-fit:contain}.wordpress-section{background:radial-gradient(ellipse at 15% 20%,rgba(212,36,39,.17),transparent 40%),radial-gradient(ellipse at 88% 75%,rgba(212,36,39,.15),transparent 40%),var(--ink);color:#fff}.wordpress-art{display:flex;align-items:center;justify-content:center;gap:28px;margin-bottom:20px}.wordpress-art .char-img{width:240px;height:300px}.wordpress-art .illust-img{width:190px;height:190px}.wordpress-copy{text-align:center;max-width:760px;margin:0 auto}.wordpress-copy>p{margin-top:24px;color:#B9BEC8}.wordpress-copy .small-note{font-size:13px;color:#8A919E}.wordpress-pills{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin:30px 0 105px}.wordpress-pills span{border:1px solid #40444D;border-radius:999px;padding:9px 18px;font-size:14px}.recommend-card{position:relative;border:1px solid var(--brand);border-radius:28px;background:white;padding:38px}.recommend-card h3{margin-bottom:24px}.recommend-card li{position:relative;padding-left:25px;margin-block:12px;color:var(--muted)}.recommend-card li::before{content:'✓';position:absolute;left:0;color:var(--brand)}.recommend-card .icon{display:inline;width:18px;height:18px;vertical-align:middle;margin-right:6px}.recommend-card-muted,.recommend-no{border-color:#41444C}.section-dark .recommend-card{background:rgba(28,31,37,.7);color:white}.section-dark .recommend-card li{color:#D8DCE2}.section-dark .recommend-no li{color:#9198A5}.recommend-character{position:absolute;width:120px;height:145px;object-fit:contain;right:28px;top:-120px}.recommend-section .section-heading{margin-bottom:85px}.process-grid,.process-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid var(--line)}.process-card,.process-list>li{padding:32px 30px 38px;border-bottom:1px solid var(--line)}.process-card:not(:nth-child(3n)),.process-list>li:not(:nth-child(3n)){border-right:1px solid var(--line)}.process-num,.step-number,.process-badge{display:block;color:var(--brand);font-size:36px;font-weight:800;line-height:1;margin-bottom:22px}.process-card h3,.process-list h3{font-size:22px;margin-bottom:14px}.process-card p,.process-list p{color:var(--muted);font-size:16px}.process-five,.process-four{grid-template-columns:repeat(5,minmax(0,1fr));gap:24px;display:grid}.process-five li,.process-four li{padding:20px 0}.process-five h3,.process-four h3{font-size:22px;margin-bottom:12px}.process-five p,.process-four p{font-size:15px;color:var(--muted)}.process-five .process-arrow,.process-four .process-arrow{display:none}.process-four{grid-template-columns:repeat(4,minmax(0,1fr))}.start-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:48px;gap:40px}.start-art .char-img,.start-head>.char-img{height:290px;width:290px}.start-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.start-card{display:flex;position:relative;flex-direction:column;align-items:flex-start;background:var(--ink-2);border:1px solid #32363F;border-radius:28px;padding:28px;min-height:300px}.start-card h3{font-size:22px;margin:16px 0 12px}.start-card p{font-size:15px;color:#ADB3BE}.start-icon,.start-icon .icon{width:46px;height:46px;color:#F78183}.start-card .illust-img{height:76px;width:90px}.start-arrow{margin-top:auto;align-self:flex-end;padding-top:20px}
/* 하위 페이지 제목 띠와 분할 탭 */
.detail-title{background:var(--surface);padding:48px 0 65px;min-height:280px;display:flex;align-items:center}.detail-title h1{font-size:52px;font-weight:800;letter-spacing:-.03em;margin:14px 0 16px}.detail-subtitle,.detail-title .section-description,.detail-title p{font-size:18px;color:var(--muted);max-width:860px}.breadcrumbs{display:flex;flex-wrap:wrap;gap:8px;font-size:14px;color:var(--muted)}.breadcrumbs a:hover{color:var(--brand)}.detail-title>.container{width:min(1200px,calc(100% - 48px))}.type-tabs{position:relative;z-index:3;margin-top:-26px}.type-tabs-inner{display:flex;border:1px solid var(--line);padding:6px;border-radius:16px;background:white;gap:6px;overflow-x:auto;scrollbar-width:none}.type-tab{display:flex;align-items:center;justify-content:center;flex:1;gap:12px;border-radius:11px;padding:19px 20px;font-weight:700;min-width:0;line-height:1.45}.type-tab[aria-current=page],.type-tab[aria-selected=true]{background:var(--brand);color:white}.type-tab-copy{display:flex;flex-direction:column}.type-tab small{font-size:12px;font-weight:400}.type-tab .icon{width:26px;height:26px}.type-tab:hover:not([aria-selected=true]){background:var(--t-red);color:var(--brand)}.type-panel{min-width:0}.detail-page .core-grid{padding-top:0}.core-card{position:relative;background:var(--t-sky);border:0;padding:34px;border-radius:28px}.core-card:nth-child(2){background:var(--t-cream)}.core-card:nth-child(3){background:var(--t-mint)}.core-card h2,.core-card h3{font-size:26px;line-height:1.4;margin-bottom:16px}.core-card p{font-size:16px;color:var(--muted)}.core-card>.icon{margin-bottom:22px;color:var(--brand);width:32px;height:32px}.core-eyebrow{color:var(--brand);font-size:14px;font-weight:700;margin-bottom:12px}.core-rule{border:0;height:1px;background:var(--line);margin:20px 0}.spec-table{display:grid;border-top:2px solid var(--text)}.spec-table>div{display:grid;grid-template-columns:180px 1fr;padding:20px 24px;border-bottom:1px solid var(--line);gap:24px}.spec-table dt{font-weight:700}.spec-table dd{color:var(--muted)}.product-feature-card,.feature-cell{position:relative;border:1px solid var(--line);border-radius:28px;padding:34px;background:white;min-width:0}.product-feature-card h3,.feature-cell h3{margin:14px 0}.product-feature-card p,.feature-cell p{color:var(--muted);font-size:16px}.product-feature-card>.icon{width:34px;height:34px;color:var(--brand)}.feature-art,.feature-illust,.build-feature-card>.illust-img{width:145px;height:135px;object-fit:contain;margin-bottom:18px}.product-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px;font-size:14px;color:var(--brand)}.product-tags span{padding:5px 12px;background:var(--t-red);border-radius:999px}.check-list{margin-top:20px}.check-list li{position:relative;padding-left:25px;margin-block:10px;font-size:16px;color:var(--muted)}.check-list li::before{content:'✓';position:absolute;left:0;color:var(--brand)}.check-list .icon{display:inline;width:18px;height:18px;vertical-align:middle;margin-right:6px}.check-list li:has(.icon)::before{display:none}.has-character{min-height:170px;align-items:center}.section-character{width:150px;height:170px;object-fit:contain;flex-shrink:0}.section-heading>.recommend-character{position:static;width:140px;height:170px}.build-fit-card{position:relative;background:var(--t-mint);border-radius:28px;padding:38px}.build-fit-card .recommend-character{top:-120px}.fit-chips{display:flex;flex-wrap:wrap;gap:12px}.fit-chips .chip{background:white}.build-work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.build-price-card,.detail-price-card{border:1px solid var(--line);background:var(--t-red);padding:48px;border-radius:28px;text-align:center}.build-price-card h3,.price-value{font-size:42px;font-weight:800}.build-price-card p{margin:16px auto 24px;max-width:700px;color:var(--muted)}.material-card{padding:32px;background:var(--surface);border:1px solid var(--line);border-radius:28px}.material-card h3{margin-bottom:20px}.material-card li{padding-block:9px}.materials-grid .material-card:first-child{background:var(--t-cream)}.faq-list{border-top:2px solid var(--text)}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{position:relative;display:flex;align-items:center;gap:18px;cursor:pointer;list-style:none;padding:26px 55px 26px 0;font-size:19px;font-weight:650}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary::after{content:'+';position:absolute;right:12px;font-size:27px;font-weight:400}.faq-list details[open] summary::after{content:'−'}.faq-mark{color:var(--brand);font-size:17px}.faq-plus,.faq-minus{display:none}.faq-answer{color:var(--muted);padding:0 40px 28px;font-size:16px}.faq-answer p+p{margin-top:12px}.trust-strip{padding-block:44px;background:var(--surface)}.trust-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.trust-item{display:flex;align-items:center;gap:15px}.trust-item>.icon{color:var(--brand);width:30px;height:30px}.trust-item strong{display:block;font-size:17px}.trust-item p,.trust-item span{color:var(--muted);font-size:14px}.trust-date{margin-top:18px;text-align:right}.clients-strip{margin-top:38px}.client-marquee{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.client-track{display:flex;width:max-content;gap:32px;animation:marquee 70s linear infinite;margin:12px 0}.client-track span{font-size:14px;white-space:nowrap;color:var(--muted)}.client-marquee:hover .client-track{animation-play-state:paused}.clients-note{font-size:13px;color:var(--subtle);text-align:right}
/* 상담 띠, 바닥글, 빠른 상담 */
.consult-band{padding-block:100px 0}.consult-box{position:relative;display:grid;grid-template-columns:190px 1fr auto;align-items:center;gap:30px;background:var(--brand);border-radius:28px;padding:40px;color:white;min-height:230px}.consult-art{position:relative;align-self:stretch;width:180px}.consult-art img{position:absolute;bottom:-40px;left:-10px;height:245px;max-width:none;width:245px;object-fit:contain}.consult-bubble{position:absolute;left:20px;top:-63px;background:white;color:var(--text);padding:9px 14px;border:1px solid var(--line);border-radius:14px;white-space:nowrap;font-size:14px}.consult-copy h2{font-size:34px;margin-bottom:16px}.consult-copy p{font-size:15px;max-width:350px;line-height:1.7}.consult-actions{display:flex;gap:20px;align-items:center}.consult-primary{display:flex;flex-direction:column;align-items:center;gap:12px;font-size:14px;font-weight:650;order:2}.consult-circle{display:grid;place-items:center;width:84px;height:84px;border-radius:50%;background:white;color:var(--brand)}.consult-circle .icon{width:30px;height:30px;transform:rotate(-40deg)}.consult-links{display:grid;gap:10px}.consult-links .button{font-size:14px;min-height:42px;padding:8px 17px}.consult-phone{border-color:rgba(255,255,255,.6)}.consult-links .button-kakao{background:white}.site-footer{padding:90px 0 24px;background:var(--ink);color:#fff}.footer-grid{display:grid;grid-template-columns:1.3fr 1.8fr 1fr;gap:55px}.footer-brand{width:170px;margin-bottom:30px}.company-info{display:flex;flex-wrap:wrap;gap:7px 12px;color:#B0B6C0;font-size:12px;line-height:1.8}.company-info a{overflow-wrap:anywhere}.footer-links{display:grid;grid-template-columns:1.4fr 1fr;gap:28px;font-size:14px;font-weight:650}.footer-links>ul>li{margin-bottom:14px}.footer-submenu{font-weight:400;font-size:12px;color:#A1A8B4;padding-top:10px}.footer-submenu li{margin:7px 0}.footer-links a:hover{color:#F78183}.footer-center h2{font-size:18px;letter-spacing:0;margin-bottom:8px}.footer-phone{font-size:30px;line-height:1.3;font-weight:800;white-space:nowrap}.footer-center p{font-size:13px;color:#ADB3BE;margin:12px 0}.footer-bottom{border-top:1px solid #30333B;margin-top:55px;padding-top:22px;color:#A1A8B4;font-size:12px}.quick-consult{position:fixed;right:18px;top:50%;transform:translateY(-50%);z-index:40;width:86px;border:1px solid var(--line);border-radius:20px;background:white;padding:9px;color:var(--text)}.quick-character{position:relative;display:flex;justify-content:center;margin-top:-54px;margin-bottom:8px}.quick-character img{width:68px;height:68px;border-radius:50%;background:var(--t-red);animation:tilt 2.4s ease-in-out infinite}.quick-bubble{position:absolute;right:0;bottom:78px;background:white;border:1px solid var(--line);border-radius:12px;padding:6px 10px;font-size:11px;white-space:nowrap}.quick-link{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:62px;border-radius:12px;padding:8px 0;font-size:10px;font-weight:650}.quick-link+.quick-link{border-top:1px solid var(--line)}.quick-link .icon,.quick-link img{width:22px;height:22px}.quick-kakao{background:#FFF6B7}.quick-phone{color:var(--brand)}.quick-contact{background:var(--t-red)}.quick-top{background:white;border:0;width:100%;color:var(--muted)}.quick-top .icon{transform:rotate(180deg)}.mobile-bar{display:none}.edit-notice{display:none}html:not([data-edit-mode]) [data-fill],html:not([data-edit-mode]) [data-fill-empty]{display:none!important}html[data-edit-mode] .edit-notice{display:block;position:fixed;bottom:10px;left:10px;z-index:110;background:var(--ink);color:white;padding:8px 16px;border-radius:999px;font-size:12px}.fill-card{border:1px dashed var(--subtle);padding:24px}.fill-tag{font-size:12px;color:var(--brand)}
/* 표와 요금 */
.comparison-scroll{max-width:100%;overflow-x:auto;border:1px solid var(--line);border-radius:20px}.comparison-table,.options-table{width:100%;border-collapse:collapse;font-size:15px}.comparison-table th,.comparison-table td,.options-table th,.options-table td{padding:20px 22px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.comparison-table th,.options-table th{background:var(--surface);font-weight:700}.comparison-table thead th{background:var(--t-red)}.plan-card{padding:34px;border:1px solid var(--line);border-radius:28px;background:white;position:relative;min-width:0}.plan-card .plan-heading{margin-bottom:24px}.plan-card h3{margin-bottom:12px}.plan-card p{color:var(--muted);font-size:15px}.plan-price,.plan-value,.price-main{font-size:32px;font-weight:800;line-height:1.4}.plan-period,.price-period{font-size:14px;color:var(--muted)}.plan-features{border-top:1px solid var(--line);padding-top:20px;margin-top:24px;font-size:15px}.plan-features li{margin:9px 0}.plan-card .button{margin-top:24px;width:100%}.price-notes{margin-top:28px;font-size:14px;color:var(--muted)}.price-included{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.pricing-catalog .section-heading{margin-bottom:38px}
/* 폼과 고객센터 */
.contact-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.8fr);gap:48px;align-items:start}.contact-form-card{border:1px solid var(--line);border-radius:28px;padding:40px}.contact-form-card h2{font-size:28px;margin-bottom:28px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-field,.form-group{min-width:0;margin:0 0 24px;padding:0;border:0}.form-field>label,.form-group>legend{display:block;font-size:16px;font-weight:700;margin-bottom:10px}.form-field input,.form-field select,.form-field textarea{width:100%;max-width:100%;min-width:0;border:1px solid #CDD1D9;border-radius:12px;background:white;padding:14px 16px;line-height:1.5}.form-field textarea{resize:vertical;min-height:130px}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{outline:2px solid var(--brand);outline-offset:1px}.choice-chips{display:flex;flex-wrap:wrap;gap:9px}.choice-chips label{position:relative;display:flex;align-items:center;cursor:pointer}.choice-chips input{position:absolute;width:1px;height:1px;opacity:0}.choice-chips span{border:1px solid var(--line);border-radius:999px;padding:10px 16px;font-size:14px}.choice-chips input:checked+span{background:var(--t-red);border-color:var(--brand);color:var(--brand)}.choice-chips input:focus-visible+span{outline:3px solid var(--brand);outline-offset:3px}.consent-row{display:flex;align-items:center;gap:8px;font-size:14px;flex-wrap:wrap}.consent-row input{accent-color:var(--brand);width:18px;height:18px}.consent-row a{text-decoration:underline}.form-submit{width:100%;margin-top:24px}.field-error,.form-error{color:var(--brand);font-size:14px;margin-top:8px}.contact-guide{background:var(--surface);border-radius:28px;padding:36px}.contact-guide h2{font-size:26px}.contact-guide-phone{font-size:32px;font-weight:800;color:var(--brand)}.contact-guide-head p{color:var(--muted);font-size:15px;margin-top:12px}.contact-guide-section{margin-top:32px;padding-top:28px;border-top:1px solid var(--line)}.contact-guide-section h3{font-size:20px;margin-bottom:16px}.contact-steps li{display:flex;gap:14px;margin:14px 0;font-size:15px}.contact-steps strong{color:var(--brand)}.contact-preparation li{margin:8px 0;font-size:15px;color:var(--muted)}.form-success{padding:48px 24px;background:var(--t-mint);border-radius:28px;text-align:center}.form-success h3{margin-bottom:20px}.support-contact{background:var(--t-red);border-radius:28px;padding:40px;display:flex;align-items:center;justify-content:space-between;gap:32px}.support-contact h2{font-size:30px;margin-bottom:16px}.support-contact-actions,.support-contact-buttons{display:flex;flex-wrap:wrap;gap:12px}.support-tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:40px}.support-faq-group+.support-faq-group{margin-top:70px}.support-faq-group h2{font-size:28px;margin-bottom:24px}.document-content{max-width:920px;margin:auto}.document-content h2{font-size:26px;margin:36px 0 16px}.document-content p,.document-content li{color:var(--muted);margin-bottom:12px;font-size:16px}.not-found{text-align:center;padding:100px 20px}.not-found h1{font-size:70px;margin-bottom:20px}.not-found p{margin-bottom:28px}.company-media{border-radius:28px;overflow:hidden;min-width:0}.company-media img{width:100%;object-fit:cover}.history-timeline{border-left:1px solid var(--line);padding-left:30px}.history-year{display:grid;grid-template-columns:100px 1fr;gap:30px;padding-bottom:30px}.history-year h3{color:var(--brand)}
/* 기존 상세 화면 예시는 장식 틀만 다시 그려요. */
.detail-copy{min-width:0}.detail-copy p{color:var(--muted);margin-top:18px}.detail-copy h2{font-size:38px}.detail-photo{border-radius:28px;overflow:hidden;background:var(--surface);padding:28px}.detail-photo>img{width:100%}.sample-card,.app-card,.device-card{background:var(--surface);border:1px solid var(--line);border-radius:28px;padding:28px;min-width:0}.sample-caption{margin-top:20px}.sample-caption h3{font-size:22px;margin-bottom:12px}.sample-actions,.sample-buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.sample-single{max-width:900px;margin:auto}.browser-frame,.b-static-browser,.sample-browser,.office-browser{border:1px solid #CBD0D9;border-radius:16px;overflow:hidden;background:white;max-width:100%}.browser-toolbar{display:flex;align-items:center;gap:12px;height:34px;padding:0 12px;background:#ECEFF3;border-bottom:1px solid var(--line)}.browser-dots{display:flex;gap:4px}.browser-dots i{width:5px;height:5px;background:#B2B8C2;border-radius:50%}.browser-address{font-size:10px;color:var(--muted)}.browser-frame>img{width:100%;object-fit:cover;object-position:top}.phone-frame,.flow-phone{border:6px solid #16181D;border-radius:27px;background:white;overflow:hidden;max-width:260px;margin-inline:auto;position:relative}.phone-frame::before,.phone-frame::after,.flow-phone::before,.flow-phone::after{display:none}.phone-frame img{width:100%;object-fit:cover;object-position:top}.flow-screen{height:435px;overflow:hidden;background:white}.flow-screen>img{width:100%;max-width:none;animation:phone-scroll 14s ease-in-out infinite}.flow-phone-wrap{display:flex;justify-content:center}.example-phones,.b-team-phones{display:flex;gap:24px;align-items:flex-start;justify-content:center;min-width:0}.example-phones>.phone-frame{flex:1}.estate-example-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px}.editor-preview{border:1px solid var(--line);border-radius:20px;background:white;overflow:hidden}.demo-editor{padding:25px}.demo-tabs{display:flex;gap:12px;border-bottom:1px solid var(--line);padding-bottom:15px;font-size:14px}.demo-tabs .selected{color:var(--brand);font-weight:700}.demo-fields{display:grid;gap:16px;margin-top:20px}.demo-field{display:grid;gap:7px;font-size:13px}.demo-field span:last-child{padding:10px 12px;border:1px solid var(--line);border-radius:8px;color:var(--muted)}.demo-button{display:inline-flex;background:var(--brand);color:white;border-radius:999px;padding:8px 17px;margin-top:20px;font-size:13px}.listing-app,.detail-app,.office-screen{background:white;padding:20px;font-size:12px}.app-menu,.office-menu{display:flex;gap:8px;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:12px}.listing-app-heading,.office-header{font-weight:750;font-size:18px;margin:16px 0}.listing-item,.office-listing{border:1px solid var(--line);padding:12px;border-radius:10px;margin-top:12px}.listing-item img,.office-listing img{width:100%;height:110px;object-fit:cover}.listing-chip{padding:2px 8px;font-size:10px}.listing-app-rule{height:1px;background:var(--line);margin:12px 0}.b-team-diagram{padding:30px;background:var(--t-sky);border-radius:28px}.b-team-official{text-align:center;padding:20px;background:white;border:1px solid var(--line);border-radius:16px;margin-bottom:24px}.b-team-member{flex:1;min-width:0;text-align:center;font-size:14px}.b-team-phone{width:100%}.b-team-benefits{margin-top:30px}.b-team-benefits li{padding:9px 0}.b-price-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.b-price-plan{border:1px solid var(--line);border-radius:28px;padding:28px}.b-price-featured{border-color:var(--brand);background:var(--t-red)}.structure-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}.structure-list{display:grid;gap:18px}.structure-list li{display:flex;gap:18px}.structure-number{font-weight:800;color:var(--brand)}.example-disclaimer{font-size:14px;color:var(--muted);margin-top:25px}
/* 확대 창 */
.lightbox,.preview-dialog{max-width:calc(100vw - 40px);width:1120px;max-height:90dvh;padding:24px;border:1px solid var(--line);border-radius:24px;background:white;color:var(--text)}.lightbox-head,.preview-head{position:sticky;top:-24px;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:12px 0 20px;background:white;z-index:2}.lightbox-title{font-size:24px}.lightbox-media{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.28fr);gap:20px;align-items:start}.lightbox-media.single{grid-template-columns:1fr}.lightbox-media img{width:100%;height:auto;border:1px solid var(--line)}[data-preview-content]{max-width:100%;overflow:auto}
/* 움직임은 자바스크립트가 준비한 항목에만 숨김을 적용해요. */
[data-float]{animation:float 3.2s ease-in-out infinite}.section:nth-of-type(2n) [data-float]{animation-delay:-1.1s}.section:nth-of-type(3n) [data-float]{animation-delay:-2.2s}.reveal-ready,.screen-ready{opacity:0;transform:translateY(28px);transition:opacity .8s cubic-bezier(.2,.7,.2,1) var(--reveal-delay,0s),transform .8s cubic-bezier(.2,.7,.2,1) var(--reveal-delay,0s)}.reveal-ready.is-visible,.screen-ready.is-visible{opacity:1;transform:none}.heading-fragment{display:inline-block}.heading-ready .heading-fragment{opacity:0;transform:translateY(28px);transition:opacity .8s cubic-bezier(.2,.7,.2,1) var(--line-delay,0s),transform .8s cubic-bezier(.2,.7,.2,1) var(--line-delay,0s)}.heading-ready.is-visible .heading-fragment{opacity:1;transform:none}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes bubble-in{from{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes tilt{0%,60%,100%{transform:rotate(0)}15%{transform:rotate(-8deg)}45%{transform:rotate(8deg)}}@keyframes phone-scroll{0%,20%,100%{transform:translateY(0)}70%,85%{transform:translateY(calc(-1 * var(--phone-travel,0px)))}}
@media(min-width:1280px){.hero-character{height:380px;width:380px}.hero-v10{padding-top:12px}.hero-kicker{margin-top:0}.hero-v10 h1{font-size:84px}}
@media(max-width:1279px){.primary-nav{gap:18px;font-size:14px}.header-inner{gap:20px}.header-phone{display:none}.quick-consult{right:9px;width:70px}.quick-link{font-size:9px}.hero-v10 h1{font-size:64px}.hero-character{height:330px;width:330px}.feature-row{padding:40px;gap:30px;grid-template-columns:1fr 240px}.feature-row>.illust-img{width:220px}.consult-box{grid-template-columns:150px 1fr auto;padding:30px;gap:20px}.consult-art{width:145px}.consult-art img{width:200px;height:220px;bottom:-30px}.consult-actions{gap:12px}.consult-circle{width:70px;height:70px}.consult-copy h2{font-size:30px}.portfolio-layout{grid-template-columns:220px minmax(0,1fr);gap:30px}.footer-grid{gap:30px}}
@media(max-width:1023px){.primary-nav,.header-actions,.quick-consult{display:none}.menu-toggle{display:grid}.header-inner{width:calc(100% - 40px)}.section,.detail-section{padding-block:88px}.section-heading,.section-head{gap:30px}h2{font-size:38px}.industry-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.start-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.start-card{min-height:270px}.hero-v10 h1{font-size:60px}.hero-character{height:300px;width:300px}.consult-box{grid-template-columns:130px 1fr}.consult-actions{grid-column:2;justify-content:flex-start}.consult-primary{flex-direction:row;order:0}.consult-circle{height:54px;width:54px}.consult-art{grid-row:1 / span 2}.consult-art img{bottom:-30px;width:210px;height:250px;left:-28px}.consult-links{display:flex}.footer-grid{grid-template-columns:1fr 1fr}.footer-center{grid-column:1 / -1;border-top:1px solid #30333B;padding-top:25px}.footer-links{grid-template-columns:1fr 1fr}.footer-phone{font-size:28px}.contact-grid{gap:24px}.contact-form-card{padding:28px}.contact-guide{padding:26px}.core-grid{gap:16px}.core-card{padding:24px}.core-card h2,.core-card h3{font-size:23px}.plan-grid,.b-price-grid{gap:16px}.plan-card,.b-price-plan{padding:24px}.process-five{grid-template-columns:repeat(3,minmax(0,1fr))}.build-work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.portfolio-layout{display:block}.portfolio-sidebar{position:static;margin-bottom:35px}.portfolio-sidebar h2{font-size:34px}.portfolio-sidebar .catalog-note{max-width:560px}.portfolio-sidebar .work-tabs{flex-wrap:nowrap;overflow-x:auto;padding-bottom:8px}.portfolio-sidebar .work-search{max-width:500px}}
@media(max-width:767px){:root{--header-height:60px}body{font-size:16px;padding-bottom:64px}.container{width:calc(100% - 40px)}.brand img{width:118px}.section,.detail-section{padding-block:72px}h2{font-size:28px;line-height:1.32}h3{font-size:20px}.section-heading,.section-head{display:flex;flex-direction:column;align-items:flex-start;gap:20px;margin-bottom:32px}.section-heading h2,.section-head h2{max-width:100%}.section-heading>p,.section-head>p,.section-description{font-size:16px;max-width:100%}.section-actions{margin-top:28px}.desktop-break{display:none}.button,.btn{min-height:52px;padding:12px 21px;font-size:14px}.button-small{min-height:40px}.button-secondary>.icon,.btn-secondary>.icon{width:26px;height:26px;padding:6px}.card{padding:25px;border-radius:20px}.grid-2,.grid-3,.core-grid,.materials-grid,.product-feature-grid,.recommend-grid,.plan-grid,.feature-grid,.sample-grid,.estate-example-grid,.structure-grid{grid-template-columns:1fr;gap:20px}.hero-v10{padding-top:16px}.hero-visual{width:100%}.hero-character{height:230px;width:230px}.hero-bubble{font-size:11px;left:auto;right:0;top:12px;padding:9px 11px;border-radius:13px;max-width:195px;white-space:normal}.hero-bubble::after{left:15px}.hero-kicker{font-size:12px;margin:10px 0 12px}.hero-v10 h1{font-size:40px;line-height:1.16}.hero-description{font-size:16px;margin-top:20px}.hero-actions{margin-top:24px;gap:10px}.hero-trust{gap:8px 14px;font-size:11px;margin:24px 0 20px}.industry-marquee{padding-bottom:12px}.industry-group span{padding:9px 18px;font-size:13px}.why-grid{grid-template-columns:1fr;gap:16px}.why-card{min-height:280px;padding:28px}.why-value{font-size:48px;margin-bottom:32px}.why-card h3{font-size:20px}.why-card p{font-size:15px;max-width:65%}.why-card .illust-img{width:125px;height:125px;right:14px;bottom:20px}.industry-grid{gap:12px}.industry-card{border-radius:20px;padding:17px;min-height:268px}.industry-card .illust-img{height:110px;width:125px;margin-bottom:14px}.industry-card h3{font-size:18px}.industry-card p{font-size:13px;line-height:1.65;padding:0}.industry-card .card-arrow{right:16px;bottom:15px}.industry-card .card-arrow .icon{width:18px;height:18px}.industry-card .badge{font-size:9px;padding:3px 8px;left:12px;top:12px}.portfolio-head{gap:12px;align-items:flex-start;position:relative;margin-bottom:32px}.portfolio-copy{padding-right:72px}.portfolio-copy h2{font-size:28px}.portfolio-copy p{font-size:15px;margin:18px 0 22px}.portfolio-art{position:absolute;right:-16px;top:-45px;width:110px}.portfolio-art>.char-img{width:110px;height:150px}.spin-badge{height:64px;width:64px;right:0;bottom:-8px}.portfolio-marquee{overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-inline:20px}.portfolio-track{animation:none;width:max-content}.portfolio-group{gap:16px;padding-right:20px}.portfolio-group[aria-hidden=true]{display:none}.portfolio-card{width:calc(100vw - 62px);flex-basis:calc(100vw - 62px);scroll-snap-align:center}.work-mockup{border-radius:20px}.work-caption h3{font-size:19px}.feature-row{display:flex;flex-direction:column-reverse;padding:28px;gap:22px;min-height:0;border-radius:24px;align-items:flex-start}.feature-row>.illust-img{align-self:center;width:175px;height:160px}.feature-copy h3{font-size:26px}.feature-copy p{font-size:16px;margin-top:16px}.feature-tags{font-size:12px;gap:8px;margin-top:17px}.section-head:has(>.char-img){position:relative;padding-right:105px;min-height:120px;justify-content:center}.section-head>.char-img{position:absolute;right:-10px;bottom:0;width:125px;height:160px}.media-strip{gap:16px;margin-top:32px}.media-logos{gap:22px}.media-logos img{width:32px;height:32px}.wordpress-art{gap:10px}.wordpress-art .char-img{width:150px;height:210px}.wordpress-art .illust-img{width:115px;height:115px}.wordpress-copy>p{font-size:16px}.wordpress-pills{gap:8px;margin:26px 0 100px}.wordpress-pills span{font-size:12px;padding:7px 13px}.recommend-card{padding:28px;border-radius:24px}.recommend-card h3{font-size:22px}.recommend-card li{font-size:15px}.recommend-character{right:15px;width:100px;height:135px;top:-108px}.recommend-card-muted,.recommend-no{margin-top:0}.process-grid,.process-list,.process-five,.process-four{grid-template-columns:1fr}.process-card,.process-list>li{padding:27px 0;border-right:0!important;display:block}.process-num,.step-number{font-size:30px;margin-bottom:16px}.process-five,.process-four{gap:0}.process-five li,.process-four li{border-bottom:1px solid var(--line);padding:23px 0}.start-head{position:relative;min-height:150px;padding-right:100px;gap:0}.start-art,.start-head>.char-img{position:absolute;right:-12px;bottom:0}.start-art .char-img,.start-head>.char-img{height:170px;width:135px}.start-grid{grid-template-columns:1fr;gap:16px}.start-card{padding:26px;min-height:210px;display:grid;grid-template-columns:1fr 70px;gap:7px 18px}.start-card h3{grid-column:1;margin:0}.start-card p{grid-column:1}.start-card .illust-img,.start-card .start-icon{grid-column:2;grid-row:1 / span 2;width:70px;height:75px}.start-arrow{grid-column:2;padding:0;justify-self:end}.detail-title{min-height:200px;padding:32px 0 46px}.detail-title>.container{width:calc(100% - 40px)}.detail-title h1{font-size:32px;line-height:1.3;margin:12px 0}.detail-title p,.detail-subtitle{font-size:15px}.breadcrumbs{font-size:12px}.type-tabs{margin-top:-20px}.type-tabs-inner{border-radius:16px;padding:5px;gap:3px}.type-tab{padding:13px 6px;gap:4px;font-size:12px;text-align:center}.type-tab .icon{display:none}.type-tab small{font-size:10px}.type-tab-copy{gap:3px}.build-tabs .type-tab{min-width:90px}.core-card{padding:28px}.core-card h2,.core-card h3{font-size:25px}.spec-table>div{grid-template-columns:76px minmax(0,1fr);gap:14px;padding:16px 6px;font-size:14px}.product-feature-card{padding:28px}.feature-art,.feature-illust{width:125px;height:120px}.section-heading.has-character{flex-direction:row;align-items:center;min-height:110px}.section-character{width:98px;height:120px}.section-heading>.recommend-character{width:95px;height:120px}.build-work-grid{grid-template-columns:1fr}.build-fit-card{padding:28px}.fit-chips{gap:9px}.build-price-card,.detail-price-card{padding:32px 24px}.build-price-card h3,.price-value{font-size:32px}.faq-list summary{font-size:17px;padding:22px 35px 22px 0;gap:12px}.faq-answer{padding:0 12px 24px;font-size:15px}.trust-grid{grid-template-columns:1fr;gap:22px}.trust-strip{padding-block:32px}.trust-date{text-align:left;font-size:12px}.consult-band{padding-top:135px}.consult-box{display:flex;flex-direction:column;align-items:flex-start;padding:36px 26px;gap:26px;border-radius:24px}.consult-art{position:absolute;right:0;top:-135px;width:155px;height:135px}.consult-art img{left:0;bottom:0;width:165px;height:170px}.consult-bubble{top:-16px;left:-115px;font-size:12px}.consult-copy h2{font-size:28px}.consult-copy p{font-size:15px}.consult-actions{width:100%;flex-direction:row;align-items:center;justify-content:space-between;gap:12px}.consult-primary{flex-direction:column;font-size:12px;gap:8px;order:2}.consult-circle{height:64px;width:64px}.consult-links{display:grid;gap:8px}.consult-links .button{font-size:12px;min-height:38px;padding:8px 13px}.site-footer{padding-top:65px}.footer-grid{grid-template-columns:1fr;gap:36px}.footer-brand{width:155px;margin-bottom:25px}.footer-links{gap:26px;font-size:13px}.footer-center{grid-column:auto}.footer-bottom{margin-top:35px}.mobile-bar{position:fixed;z-index:90;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);background:white;padding-bottom:env(safe-area-inset-bottom)}.mobile-bar a{display:flex;align-items:center;justify-content:center;gap:6px;min-height:60px;font-size:13px;font-weight:650}.mobile-bar a:nth-child(2){background:var(--kakao)}.mobile-bar a:nth-child(3){background:var(--brand);color:white}.mobile-bar .icon,.mobile-bar img{width:19px;height:19px}.portfolio-layout{display:block}.portfolio-sidebar h2{font-size:28px}.work-grid{grid-template-columns:1fr;gap:28px}.work-tabs{flex-wrap:nowrap;overflow:auto;max-width:100%;padding-bottom:6px}.work-tabs button{padding:9px 14px;font-size:13px}.work-search input{font-size:15px}.work-card .work-mockup{aspect-ratio:1.25}.comparison-table,.options-table{font-size:13px;min-width:580px}.comparison-table th,.comparison-table td,.options-table th,.options-table td{padding:16px 14px}.plan-grid,.b-price-grid{grid-template-columns:1fr}.plan-card{padding:28px}.plan-price,.plan-value{font-size:30px}.contact-grid{grid-template-columns:1fr}.contact-form-card{padding:26px 20px}.form-row{grid-template-columns:1fr;gap:0}.form-field input,.form-field select,.form-field textarea{font-size:16px}.choice-chips span{padding:9px 13px;font-size:13px}.contact-guide{padding:28px}.support-contact{flex-direction:column;align-items:flex-start;padding:28px;gap:24px}.support-contact h2{font-size:26px}.support-tabs{gap:8px}.support-tabs button{font-size:13px;padding:9px 13px}.history-year{grid-template-columns:70px 1fr;gap:18px}.document-content h2{font-size:23px}.not-found h1{font-size:50px}.detail-copy h2{font-size:28px}.sample-card,.app-card,.device-card{padding:20px}.example-phones,.b-team-phones{gap:12px}.flow-screen{height:400px}.b-team-diagram{padding:20px}.lightbox,.preview-dialog{padding:16px;max-width:calc(100vw - 20px);max-height:90dvh;border-radius:18px}.lightbox-head{top:-16px}.lightbox-title{font-size:20px}.lightbox-media{grid-template-columns:1fr}.lightbox-media img[data-lightbox-mobile]{width:65%;margin:auto}.edit-notice{bottom:70px!important}}
@media(max-width:374px){.hero-v10 h1{font-size:40px}.hero-actions{gap:8px}.hero-actions .button,.hero-actions .btn{padding-inline:15px}.industry-card{padding:15px;min-height:280px}.industry-card h3{font-size:17px}.consult-box{padding:30px 22px}.mobile-bar a{font-size:12px}.type-tab{font-size:11px}.keep-word{white-space:normal}}
.hero-character>.char-img{width:100%;height:100%;object-fit:contain}.hero-copy h1 strong,.section-head strong,.wordpress-copy h2 strong,.start-head h2 strong{color:var(--brand);font-weight:inherit}.industry-group li{padding:12px 26px;background:var(--surface);border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:16px;white-space:nowrap}.btn-arrow{display:grid;place-items:center;background:var(--text);color:white;border-radius:50%;width:30px;height:30px}.btn-arrow .icon{width:17px;height:17px}.work-mockup{display:block}.industry-badge{position:absolute;top:20px;left:20px;background:var(--t-red);color:var(--brand);font-size:12px;padding:4px 10px;border-radius:999px}.steps.detail-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:28px;border-top:1px solid var(--line)}.detail-steps .step{padding-top:30px}.detail-steps .step-num{display:block;font-size:32px;font-weight:800;color:var(--brand);margin-bottom:14px}.detail-steps h3{font-size:22px;margin-bottom:12px}.detail-steps p{font-size:15px;color:var(--muted)}.start-card .card-arrow{margin-top:auto;align-self:flex-end}.consult-band:last-child{padding-bottom:90px}.start-section .consult-band{padding-bottom:0}.section-head .section-character{width:240px;height:240px}.wordpress-copy .small-note{margin-top:15px}.portfolio-sidebar .section-heading{display:block}.portfolio-sidebar .section-heading h1{font-size:38px}.section-heading .section-description{margin-top:18px}.spec-table tr th,.spec-table tr td{padding:20px;border-bottom:1px solid var(--line);text-align:left}.spec-table:has(tr){display:table;width:100%;border-collapse:collapse}.spec-table th{width:180px}.build-price-card .plan-price{font-size:40px}.core-card strong{display:block}.new-page .build-fit-card .char-img{max-width:140px}.section-heading:has(>.recommend-character){align-items:center}
@media(max-width:1023px){.steps.detail-steps{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:767px){.industry-group li{padding:9px 18px;font-size:13px}.industry-badge{left:12px;top:12px;font-size:9px;padding:3px 8px}.steps.detail-steps{grid-template-columns:1fr;gap:0}.detail-steps .step{padding:24px 0;border-bottom:1px solid var(--line)}.section-head .section-character{width:110px;height:140px}.section-head:has(>.section-character){flex-direction:row;align-items:center;gap:8px}.start-card .card-arrow{grid-column:2;justify-self:end}.consult-band:last-child{padding-bottom:72px}.start-section .consult-band{padding-bottom:0}.spec-table th{width:85px}.spec-table tr th,.spec-table tr td{font-size:14px;padding:16px 8px}.build-price-card .plan-price{font-size:32px}}
/* 기존 문서의 카드·표·안내 구역에도 같은 간격을 적용해요. */
.media-strip>.container{display:flex;align-items:center;justify-content:center;gap:30px}.support-tabs{width:min(1200px,calc(100% - 48px));margin:32px auto 0}.section-head:has(>.section-character),.section-heading:has(>.section-character){align-items:center}.product-feature-card .feature-copy h3{font-size:24px}.build-page .section-head>.section-character{width:150px;height:180px}.plan-card{display:flex;flex-direction:column}.plan-card .plan-price{margin-top:auto;padding-top:25px}.plan-card .plan-features{margin-bottom:10px}
.stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.stat{padding:38px;border-radius:28px;background:var(--t-red)}.stat:nth-child(2){background:var(--t-cream)}.stat:nth-child(3){background:var(--t-sky)}.stat:nth-child(4){background:var(--t-mint)}.stat>.stat-number{display:block;font-size:56px;font-weight:800;line-height:1.1;margin-bottom:35px;color:var(--brand)}.stat h3{margin-bottom:12px}.stat p{font-size:16px;color:var(--muted)}.plan-heading h2{font-size:24px}.plan-card .plan-value{font-size:32px;font-weight:800;color:var(--text)}.plan-features li{display:flex;align-items:flex-start;gap:10px}.plan-features .icon{width:18px;height:18px;margin-top:4px;color:var(--brand)}.options-table th:last-child,.options-table td:last-child{width:180px}.client-track>ul{display:flex;gap:32px;align-items:center}.client-track li{white-space:nowrap;font-size:14px;color:var(--muted)}.client-track img{height:28px;width:auto}.support-tabs>a{display:block;padding:10px 17px;background:white;border:1px solid var(--line);border-radius:999px;font-size:14px;white-space:nowrap}.support-tabs>a[aria-current=true],.support-tabs>a[aria-current=page],.support-tabs>a:hover{background:var(--brand);color:white;border-color:var(--brand)}.contact-section,.work-catalog,.pricing-catalog,.support-faqs{padding-block:120px}.support-faqs .support-faq-group:first-child{margin-top:0}.recommend-character>.char-img{width:100%;height:100%;object-fit:contain}.media-strip p{margin:0}.media-strip{align-items:center}.section:not(.section-muted):not(.section-dark):not(.wordpress-section):not(.start-section)+.section:not(.section-muted):not(.section-dark):not(.wordpress-section):not(.start-section){padding-top:0}.document-content:has(>.section-heading){padding-block:80px}.feature-num{font-size:14px;font-weight:700;color:var(--brand)}.build-fit-card .recommend-character{position:absolute;top:-115px;right:24px;width:110px;height:140px}.build-fit-card{margin-top:100px}.build-fit-card .fit-chips{position:relative;z-index:1}
@media(max-width:1023px){.contact-section,.work-catalog,.pricing-catalog,.support-faqs{padding-block:88px}}
@media(max-width:767px){.stats-grid{grid-template-columns:1fr;gap:16px}.stat{padding:28px}.stat>.stat-number{font-size:48px;margin-bottom:28px}.plan-heading h2{font-size:22px}.plan-card .plan-value{font-size:30px}.options-table{min-width:0;table-layout:fixed}.options-table th:last-child,.options-table td:last-child{width:90px}.options-table th,.options-table td{padding:15px 10px}.client-track>ul{gap:24px}.client-track li{font-size:12px}.contact-section,.work-catalog,.pricing-catalog,.support-faqs{padding-block:72px}.support-tabs>a{font-size:13px;padding:9px 13px}.document-content:has(>.section-heading){padding-block:60px}.build-fit-card{margin-top:100px}}
@media(max-width:767px){.media-strip>.container{flex-direction:column;gap:16px}.support-tabs{width:calc(100% - 40px);margin-top:24px}.build-page .section-head>.section-character{width:100px;height:130px}.product-feature-card .feature-copy h3{font-size:22px}}
.company-media .media-logos img{width:38px;height:38px;object-fit:contain;flex:none}.company-media .media-strip{padding-block:26px}.b-listing-phone,.b-detail-phone{width:100%;height:490px;max-width:240px;flex:1;min-width:0}.b-listing-phone .listing-app,.b-detail-phone .detail-app{font-size:11px;padding:15px}.b-listing-phone .listing-app-heading{display:block;font-size:16px;margin:12px 0}.b-listing-phone .listing-item{padding:8px;margin-top:8px}.b-listing-phone .listing-item img{height:74px;border-radius:5px}.b-detail-phone .detail-app img.detail-photo{padding:0;width:100%;height:140px;border-radius:8px;object-fit:cover}.b-detail-phone .detail-app p{margin-top:14px}.office-listings{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.office-listing{padding:8px}.office-listing img{height:80px}.office-intro>img{width:100%;max-height:260px;object-fit:cover;margin:16px 0}.detail-app .detail-button{display:block;border-radius:999px;background:var(--brand);color:white;text-align:center;padding:8px;margin-top:18px}
@media(max-width:767px){.b-listing-phone,.b-detail-phone{height:370px;border-width:5px;border-radius:20px}.b-listing-phone .listing-app,.b-detail-phone .detail-app{font-size:9px;padding:10px}.b-listing-phone .listing-app-heading{font-size:13px}.b-listing-phone .listing-item img{height:43px}.b-listing-phone .listing-item{padding:6px}.b-detail-phone .detail-app img.detail-photo{height:90px}.office-listings{gap:6px}.office-listing{font-size:9px;padding:5px}.office-listing img{height:50px}.office-screen{padding:12px}.company-media .media-strip>.container{width:100%}}
.recommend-card li:has(.icon),.check-list li:has(.icon){display:flex;gap:10px;padding-left:0;align-items:flex-start}.recommend-card li:has(.icon)::before,.check-list li:has(.icon)::before{display:none}.recommend-card li>.icon,.check-list li>.icon{flex:none;width:18px;height:18px;margin:4px 0 0;color:var(--brand)}.recommend-no li>.icon,.recommend-card-muted li>.icon{color:var(--subtle)}
.work-card>figcaption{padding:20px 4px 0}.work-card figcaption h2,.work-card figcaption h3{font-size:24px;line-height:1.4;margin-bottom:10px}.work-card .work-caption h3{font-size:20px;margin-bottom:4px}.trust-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.trust-item{flex-direction:column;align-items:flex-start;gap:4px;padding-left:22px;border-left:1px solid #D8DCE3}.trust-item strong{font-size:24px}.b-estate-pricing{grid-template-columns:1fr;max-width:820px;margin:auto}.b-estate-pricing .b-price-plan{background:var(--t-red);padding:40px}.b-estate-pricing .price-value{margin-top:20px}.b-estate-pricing .button{margin-top:25px}.work-card .work-open>span.work-mockup{margin-top:0}
@media(max-width:1023px){.trust-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){.work-card figcaption h2,.work-card figcaption h3{font-size:20px}.trust-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 14px}.trust-item{padding-left:12px}.trust-item strong{font-size:22px}.trust-item span{font-size:12px}.b-estate-pricing .b-price-plan{padding:28px}.b-estate-pricing .price-value{font-size:30px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal-ready,.screen-ready,.heading-ready .heading-fragment{opacity:1!important;transform:none!important}.portfolio-marquee{overflow-x:auto}.hero-bubble{opacity:1;transform:none}}

/* 2026-10-12 Claude v10 검수 ① 워드프레스 알약 ② 모바일 시작 카드 높이 ③ 제작사례 첫 카드 바탕·옆 칸 중복 제목 ④ 업종 칩 크기 ⑤ 제목 띠 바로 아래 구역 여백 */
.wordpress-pills li { border: 1px solid #40444D; border-radius: 999px; padding: 9px 18px; font-size: 14px; color: #E4E7EC; }
.work-card:nth-child(4n+1) .work-mockup, .portfolio-card:nth-child(4n+1) .work-mockup { background: linear-gradient(135deg, #E8F2FC, #EDE2F6); }
.portfolio-sidebar > h2 { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
.fit-chips .chip { font-size: 16px; padding: 10px 20px; }
.detail-title + .work-catalog, .detail-title + .pricing-catalog, .detail-title + .support-faqs, .detail-title + .contact-section { padding-top: 72px; }
@media (max-width: 767px) {
  .wordpress-pills li { font-size: 12px; padding: 7px 13px; }
  .start-card { min-height: 0; padding: 22px; }
  .fit-chips .chip { font-size: 14px; padding: 8px 15px; }
  .detail-title + .work-catalog, .detail-title + .pricing-catalog, .detail-title + .support-faqs, .detail-title + .contact-section { padding-top: 48px; }
}

/* v11: 주력 상품·자료실·밑줄 입력폼과 캐릭터 표시 크기를 맞춰요. */
.primary-nav { gap:22px; }
.nav-trigger { white-space:nowrap; }
.nav-tag { margin-left:8px; }
.section-intro { margin-top:-26px; margin-bottom:44px; max-width:780px; }
.why-card { min-height:350px; padding-bottom:48px; }
.why-card p { max-width:calc(100% - 148px); }
.why-card .illust-img { width:150px; height:150px; right:20px; bottom:28px; }
.feature-row { min-height:370px; }
.hero-character { overflow:visible; }
.section-character, .section-head .section-character, .build-page .section-head>.section-character { width:260px; height:260px; }
.section-character>.char-img { width:100%; height:100%; object-fit:contain; }
.section-head:has(>.section-character), .section-heading:has(>.section-character) { align-items:flex-end; }
.section-head:has(>.section-character)>:first-child, .section-heading:has(>.section-character)>:first-child { min-width:0; flex:1; }
.portfolio-art { flex-shrink:0; }
.detail-quick-actions { margin-block:34px 0; }
.sample-grid-single { grid-template-columns:minmax(0,1fr); max-width:800px; margin-inline:auto; }
.other-pricing-card { margin-top:32px; text-align:left; display:grid; grid-template-columns:1fr auto; gap:14px 40px; align-items:center; }
.other-pricing-card h2, .other-pricing-card h3 { font-size:27px; }
.other-pricing-card p { grid-column:1; }
.other-pricing-card .button { grid-column:2; grid-row:1 / span 3; }
.home-products { background:var(--surface); }
.home-products .type-tabs-inner { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0; border:1px solid var(--line); border-radius:22px; overflow:hidden; background:white; padding:6px; }
.home-products [data-home-type] { position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:6px; padding:23px 14px; min-width:0; border:0; border-radius:17px; background:transparent; font-size:19px; font-weight:800; }
.home-products [data-home-type] small { font-size:13px; font-weight:500; color:var(--muted); }
.home-products [data-home-type][aria-selected="true"] { background:var(--brand); color:white; }
.home-products [data-home-type][aria-selected="true"] small { color:#fff; }
.home-apply-badge { display:inline-flex; vertical-align:middle; padding:4px 10px; border-radius:99px; background:var(--brand); color:white; font-size:11px; line-height:1.5; white-space:nowrap; }
[aria-selected="true"] .home-apply-badge { background:white; color:var(--brand); }
.home-type-panel { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(0,1fr); align-items:center; gap:56px; padding:58px 0 20px; }
.home-type-copy { min-width:0; }
.home-type-copy h3 { font-size:33px; margin-bottom:20px; }
.home-type-description { color:var(--muted); font-size:17px; }
.home-type-features { display:grid; gap:18px; margin:28px 0; }
.home-type-features li { display:grid; grid-template-columns:32px 1fr; gap:3px 12px; align-items:start; }
.home-type-features .icon { color:var(--brand); grid-row:1 / span 2; margin-top:4px; }
.home-type-features strong { font-size:17px; }
.home-type-features p, .home-type-features span { font-size:14px; color:var(--muted); }
.home-type-features div { min-width:0; }
.home-type-price { font-size:35px; font-weight:800; margin-top:24px; line-height:1.3; }
.home-type-price-note { color:var(--muted); font-size:13px; margin-top:10px; }
.home-type-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:26px; }
.home-type-art { min-width:0; width:100%; }
.home-device-stack { position:relative; width:100%; padding:26px 40px 52px 0; }
.home-type-browser { display:block; border:8px solid #292d36; border-radius:16px; overflow:hidden; background:#fff; height:360px; }
.home-type-browser img { width:100%; height:auto; }
.home-type-phone { position:absolute; width:32%; height:300px; right:0; bottom:0; border:6px solid #242830; border-radius:24px; overflow:hidden; background:#fff; }
.home-type-phone img { width:100%; height:auto; }
.home-type-art .listing-app { font-size:12px; }
.home-type-art .listing-item img { height:80px; object-fit:cover; width:100%; }
.home-type-art .listing-item { padding:8px; }
.home-type-art .listing-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.home-products .media-strip { margin-top:40px; }
#industry .industry-grid { display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); gap:20px; }
#industry .industry-card { grid-column:span 3; min-height:285px; cursor:default; transition:none; }
#industry .industry-card:nth-last-child(-n+3) { grid-column:span 4; }
#industry .industry-card:hover { transform:none; border-color:var(--line); background:#fff; }
#industry .industry-card { background:white; }
#industry .industry-card .illust-img { height:120px; width:150px; object-fit:contain; }
#industry .industry-card h3 { margin-top:20px; }
#industry .industry-no-art { min-height:170px; justify-content:center; }
#industry .industry-no-art h3 { margin-top:0; }
.review-section, #reviews { background:var(--surface); }
.review-marquee { overflow:hidden; padding-block:16px; width:100%; }
.review-track { display:flex; gap:24px; width:max-content; will-change:transform; }
.review-card { position:relative; flex:0 0 360px; width:360px; padding:36px 28px 28px; border:1px solid var(--line); border-radius:24px; background:#fff; min-height:265px; }
.review-example { position:absolute; right:20px; top:16px; color:var(--muted); font-size:11px; border:1px solid var(--line); border-radius:99px; padding:2px 9px; }
.review-stars { display:flex; gap:4px; color:var(--brand); margin-bottom:22px; }
.review-stars .icon { width:18px; height:18px; fill:currentColor; }
.review-text { display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; overflow:hidden; font-size:16px; line-height:1.8; min-height:115px; }
.review-author { display:block; font-weight:800; margin-top:24px; }
.review-industry { color:var(--muted); font-size:13px; margin-left:8px; }
.archive-home-layout { display:grid; grid-template-columns:285px minmax(0,1fr); gap:44px; align-items:start; }
.archive-home-head h2 { font-size:42px; }
.archive-home-head p { color:var(--muted); margin:22px 0 30px; }
.archive-home-grid, .archive-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.archive-card { display:block; min-width:0; border:1px solid var(--line); border-radius:24px; overflow:hidden; background:#fff; }
.archive-thumb, .archive-thumbnail { display:flex; align-items:center; justify-content:center; background:var(--archive-color,var(--t-sky)); height:200px; padding:22px; }
.archive-thumb img, .archive-thumbnail img { width:155px; height:155px; object-fit:contain; }
.archive-copy, .archive-card-content { padding:24px; }
.archive-home-grid .archive-card>:not(.archive-thumb):not(.archive-thumbnail):not(.archive-copy):not(.archive-card-content) { margin-inline:20px; }
.archive-meta { font-size:12px; color:var(--brand); margin-bottom:10px; }
.archive-card h2, .archive-card h3 { font-size:21px; line-height:1.55; margin-bottom:14px; }
.archive-card p { font-size:15px; color:var(--muted); }
.archive-date, .archive-card time { display:block; margin-top:22px; font-size:12px; color:var(--muted); }
.archive-section { padding-block:64px 110px; }
.archive-filters { display:flex; flex-wrap:wrap; gap:10px; margin-bottom:38px; }
.archive-filters button { border:1px solid var(--line); background:#fff; padding:11px 22px; border-radius:99px; font-size:15px; }
.archive-filters button[aria-pressed="true"] { color:white; background:var(--brand); border-color:var(--brand); }
.article-title h1 { max-width:950px; }
.article-meta { display:flex; gap:20px; margin-top:22px; color:var(--muted); font-size:14px; }
.article-body { width:min(760px,calc(100% - 48px)); margin:64px auto; font-size:18px; line-height:1.95; }
.article-body>p:first-child { font-size:22px; color:var(--text); }
.article-body h2 { font-size:29px; font-weight:800; margin:48px 0 18px; }
.article-body p { margin-bottom:24px; }
.article-consult { width:min(760px,calc(100% - 48px)); padding:36px; margin:0 auto 80px; border-radius:24px; background:var(--t-red); }
.article-consult h2 { font-size:25px; margin-bottom:22px; }
.article-related { margin-bottom:100px; }
.article-related h2 { margin-bottom:32px; font-size:32px; }
.article-related .archive-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.intake-section { padding:76px 0 110px; }
.intake-layout { display:grid; grid-template-columns:360px minmax(0,1fr); gap:80px; align-items:start; }
.intake-aside { position:sticky; top:calc(var(--header-height) + 24px); padding:0 34px 32px 0; border-right:1px solid var(--line); }
.intake-character { width:220px; height:220px; object-fit:contain; margin:0 0 14px; }
.intake-guide { border:0; }
.intake-guide-heading { list-style:none; cursor:pointer; }
.intake-guide-heading::-webkit-details-marker { display:none; }
.intake-guide-heading h2 { font-size:24px; line-height:1.5; }
.intake-guide-heading strong, .intake-price { display:block; font-size:40px; font-weight:800; color:var(--brand); margin-top:14px; }
.intake-guide-body { margin-top:20px; color:var(--muted); font-size:15px; }
.intake-guide-body ul { margin-block:24px; }
.intake-guide-body li { margin-block:9px; }
.intake-guide-body .button { margin:8px 8px 8px 0; padding-inline:20px; }
.intake-guide-body .check-list { padding:0; }
.intake-shortcut { padding:22px; border-radius:18px; background:var(--t-red); margin-top:24px; }
.intake-shortcut a { color:var(--brand); font-weight:700; display:inline-block; margin-top:14px; }
.intake-main, .intake-form { min-width:0; }
.intake-form .form-field { margin-bottom:30px; }
.intake-form .form-field>label { display:block; font-size:14px; font-weight:700; margin-bottom:7px; }
.intake-form .form-field>label:has(+input[required])::after { content:''; display:inline-block; width:5px; height:5px; margin-left:6px; border-radius:50%; background:var(--brand); vertical-align:middle; }
.intake-form .form-field input:not([type="checkbox"]), .intake-form .form-field textarea { display:block; width:100%; background:transparent; border:0; border-bottom:1.5px solid #b7bdc7; border-radius:0; padding:14px 0; min-height:52px; outline:none; font-size:17px; }
.intake-form .form-field textarea { min-height:140px; resize:vertical; }
.intake-form .form-field input:focus, .intake-form .form-field textarea:focus { border-bottom-color:var(--brand); }
.intake-form .form-field input[readonly] { color:var(--muted); background:var(--surface); padding-inline:10px; }
.intake-form .form-field input[aria-invalid="true"] { border-color:var(--brand); }
.intake-form .field-error, .intake-form [data-field-error], .intake-form [data-order-field-error], [data-order-error] { margin-top:7px; color:var(--brand); font-size:13px; }
.intake-form .field-help, .intake-form .form-hint { color:var(--muted); font-size:13px; margin-top:9px; }
.intake-form .form-consent, .intake-form .agree-row { margin-top:26px; font-size:14px; }
.intake-form input[type="checkbox"] { accent-color:var(--brand); width:18px; height:18px; vertical-align:middle; }
.intake-form button[type="submit"] { width:100%; margin-top:26px; min-height:62px; }
.order-site { border:1px solid var(--line); border-radius:20px; padding:30px; margin-bottom:24px; min-width:0; }
.order-site-head { display:flex; align-items:center; justify-content:space-between; margin-bottom:26px; }
.order-site-head h2, .order-site-head h3 { font-size:21px; }
[data-order-remove] { border:0; background:var(--surface); border-radius:99px; padding:7px 15px; font-size:13px; }
[data-order-add] { width:100%; background:#fff; border:1px solid var(--line); }
.order-same { padding:20px 0; font-size:15px; }
.order-same small { display:block; color:var(--muted); margin-top:8px; }
[data-order-summary] { background:var(--surface); border-radius:20px; padding:26px; margin:28px 0; }
[data-order-summary]>div { display:flex; justify-content:space-between; gap:16px; font-size:15px; }
[data-order-summary] .order-discount { color:var(--brand); margin-top:10px; }
[data-order-summary] .order-total { margin-top:22px; padding-top:22px; border-top:1px solid var(--line); align-items:baseline; }
.order-total strong { font-size:25px; }
.order-total small { color:var(--muted); font-size:12px; }
.order-complete>h2 { font-size:36px; margin-bottom:20px; }
.order-complete>section { border:1px solid var(--line); border-radius:20px; padding:28px; margin:24px 0; }
.order-complete section h2, .order-complete section h3 { font-size:24px; margin-bottom:20px; }
.order-complete p { margin-bottom:14px; }
.order-complete li { margin-block:10px; }
.order-complete dl>div { padding-block:12px; }
.order-complete dt { font-size:13px; color:var(--muted); }
.order-complete dd { font-size:20px; font-weight:700; }
[data-account-copy] { border:1px solid var(--line); background:white; border-radius:99px; padding:6px 13px; margin:10px 0; font-size:13px; }
[data-order-total] { color:var(--brand); font-size:28px; }
.intake-character { animation:float 5.6s ease-in-out infinite; }
.consult-art img { animation:float 6.2s ease-in-out -1.3s infinite; }
@media(min-width:768px) { .intake-guide:not([open])>.intake-guide-body { display:block; } }
@media(max-width:1199px) { .primary-nav { gap:12px; } .primary-nav a,.nav-trigger { font-size:14px; } .intake-layout { gap:40px; grid-template-columns:300px minmax(0,1fr); } .archive-home-layout { grid-template-columns:240px minmax(0,1fr); gap:28px; } .archive-home-grid { gap:14px; } }
@media(min-width:768px) and (max-width:1023px) {
  #industry .industry-grid { grid-template-columns:repeat(6,minmax(0,1fr)); }
  #industry .industry-card,#industry .industry-card:nth-last-child(-n+3) { grid-column:span 2; }
  #industry .industry-card:nth-last-child(-n+2) { grid-column:span 3; }
  .home-type-panel { grid-template-columns:1fr; gap:32px; }
  .home-type-art { max-width:600px; margin:auto; }
  .archive-home-layout { grid-template-columns:1fr; }
}
@media(max-width:767px) {
  .hero-character { width:290px; height:290px; }
  .hero-bubble { top:28px; left:auto; right:0; font-size:11px; padding:9px 12px; }
  .section-character, .section-head .section-character, .section-heading .section-character, .build-page .section-head>.section-character { width:150px; height:170px; flex:0 0 150px; }
  .section-head:has(>.section-character), .section-heading:has(>.section-character) { display:flex; flex-direction:row; align-items:flex-end; gap:10px; }
  .section-head:has(>.section-character) h2,.section-heading:has(>.section-character) h2 { font-size:27px; }
  .section-head:has(>.section-character)>:first-child, .section-heading:has(>.section-character)>:first-child { width:calc(100% - 160px); }
  .portfolio-art { width:150px; height:170px; }
  .portfolio-art>div { width:150px; height:170px; }
  .portfolio-art .char-img { width:150px; height:170px; object-fit:contain; }
  .portfolio-head { align-items:flex-end; }
  .portfolio-copy { min-width:0; flex:1; }
  .portfolio-copy h2 { padding-right:0; }
  .recommend-character { width:140px; height:140px; top:-125px; }
  .section-heading>.recommend-character { width:140px; height:140px; }
  .build-fit-card .recommend-character { width:140px; height:140px; top:-125px; }
  .wordpress-art>div, .wordpress-art .char-img { height:190px; width:190px; object-fit:contain; }
  .start-art, .start-art .char-img { height:190px; width:170px; object-fit:contain; flex-shrink:0; }
  .start-head { gap:8px; align-items:flex-end; }
  .start-head h2 { font-size:29px; min-width:0; flex:1; }
  .consult-band { padding-top:190px; }
  .consult-art { top:-175px; width:180px; height:200px; right:0; }
  .consult-art img { width:200px; height:200px; bottom:0; left:-15px; }
  .consult-bubble { top:25px; right:155px; }
  .section-intro { margin-top:-12px; margin-bottom:32px; font-size:16px; }
  .why-card { min-height:300px; }
  .why-card p { max-width:calc(100% - 96px); font-size:15px; }
  .why-card .illust-img { width:110px; height:110px; right:10px; bottom:22px; }
  .feature-row { min-height:0; }
  .other-pricing-card { display:block; padding:28px; }
  .other-pricing-card .button { margin-top:24px; }
  .home-products .type-tabs-inner { border-radius:16px; padding:4px; }
  .home-products [data-home-type] { padding:18px 6px; border-radius:12px; font-size:13px; line-height:1.5; }
  .home-products [data-home-type] small { font-size:10px; }
  .home-apply-badge { font-size:9px; padding:3px 7px; }
  .home-type-panel { grid-template-columns:1fr; gap:28px; padding-top:32px; }
  .home-type-copy h3 { font-size:27px; }
  .home-type-description { font-size:16px; }
  .home-type-features li { grid-template-columns:26px 1fr; gap:10px; }
  .home-type-features strong { font-size:16px; }
  .home-type-price { font-size:32px; }
  .home-type-actions .button { padding-inline:20px; }
  .home-device-stack { padding:15px 30px 38px 0; }
  .home-type-browser { height:255px; border-width:5px; border-radius:12px; }
  .home-type-phone { height:220px; border-width:4px; border-radius:18px; width:34%; }
  #industry .industry-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
  #industry .industry-card,#industry .industry-card:nth-last-child(-n+3) { grid-column:auto; min-height:240px; padding:22px 16px; }
  #industry .industry-card:last-child { grid-column:1 / -1; width:calc((100% - 14px) / 2); justify-self:center; }
  #industry .industry-card h3 { font-size:17px; margin-top:12px; }
  #industry .industry-card p { font-size:13px; }
  #industry .industry-card .illust-img { width:110px; height:100px; }
  #industry .industry-no-art { min-height:170px; }
  .review-card { flex-basis:290px; width:290px; padding:32px 24px 24px; }
  .review-track { gap:16px; }
  .review-text { font-size:15px; min-height:108px; }
  .archive-home-layout { display:block; }
  .archive-home-head h2 { font-size:34px; }
  .archive-home-head { margin-bottom:32px; }
  .archive-home-grid { display:flex; overflow-x:auto; scroll-snap-type:x mandatory; gap:18px; padding-bottom:12px; }
  .archive-home-grid .archive-card { flex:0 0 82%; scroll-snap-align:start; }
  .archive-grid { grid-template-columns:1fr; gap:24px; }
  .archive-card h2,.archive-card h3 { font-size:22px; }
  .archive-section { padding-block:42px 72px; }
  .archive-filters { gap:8px; }
  .archive-filters button { padding:10px 15px; font-size:13px; }
  .article-body { margin-block:42px; font-size:17px; width:calc(100% - 40px); }
  .article-body>p:first-child { font-size:20px; }
  .article-body h2 { font-size:25px; margin-top:36px; }
  .article-consult { padding:28px; width:calc(100% - 40px); margin-bottom:56px; }
  .article-consult h2 { font-size:24px; }
  .article-related .archive-grid { grid-template-columns:1fr; }
  .article-related { margin-bottom:24px; }
  .article-meta { flex-wrap:wrap; font-size:12px; gap:12px; }
  .intake-section { padding-block:38px 64px; }
  .intake-layout { grid-template-columns:1fr; gap:38px; }
  .intake-aside { position:relative; top:auto; border-right:0; border-bottom:1px solid var(--line); padding:0 0 26px; }
  .intake-character { position:absolute; right:0; top:0; width:120px; height:120px; margin:0; }
  .intake-guide-heading { min-height:120px; padding:8px 128px 10px 0; }
  .intake-guide-heading h2 { font-size:21px; }
  .intake-guide-heading strong, .intake-price { font-size:30px; margin-top:10px; }
  .intake-guide-body { margin-top:18px; }
  .intake-form .form-field { margin-bottom:25px; }
  .intake-form .form-field input:not([type="checkbox"]),.intake-form .form-field textarea { font-size:16px; }
  .order-site { padding:24px 20px; }
  .order-site-head h2,.order-site-head h3 { font-size:20px; }
  [data-order-summary] { padding:22px; }
  .order-total strong { font-size:22px; }
  .order-complete>h2 { font-size:30px; }
  .order-complete>section { padding:24px 20px; }
  .order-complete section h2,.order-complete section h3 { font-size:22px; }
}
@media(prefers-reduced-motion:reduce) { .review-marquee { overflow-x:auto; } .review-track { transform:none!important; } .intake-character,.consult-art img { animation:none; } }
.intake-feature-list li { display:flex; align-items:flex-start; gap:10px; }
.intake-feature-list .icon { width:18px; height:18px; margin-top:4px; color:var(--brand); }
.intake-phone { display:inline-block; font-weight:800; font-size:22px; margin-right:12px; }
.intake-order-note { padding:24px; margin-top:25px; border-radius:20px; background:var(--t-red); }
.intake-form .field-hint, .intake-form .optional { font-size:13px; color:var(--muted); }
.intake-form .field-hint { margin-top:9px; }
.intake-form .optional { margin-left:7px; font-weight:400; }
.consent-row { display:flex; align-items:flex-start; gap:12px; font-size:14px; }
.consent-row label { display:flex; align-items:flex-start; gap:9px; }
.consent-row input { flex:none; margin-top:4px; }
.consent-row a { color:var(--muted); text-decoration:underline; white-space:nowrap; }
.order-same p { margin-top:8px; color:var(--muted); font-size:13px; }
.archive-category { display:block; color:var(--brand); font-size:13px; margin-bottom:10px; }
.review-preview-note { color:var(--muted); font-size:14px; margin-bottom:26px; }
.industry-actions { display:flex; justify-content:center; align-items:center; flex-wrap:wrap; gap:20px; margin-top:34px; }
.industry-actions p { color:var(--muted); }
.start-card .home-apply-badge { align-self:flex-start; justify-self:start; width:max-content; }
.home-products .type-tab-copy>span { display:block; font-size:13px; font-weight:500; color:var(--muted); margin-top:5px; }
.home-products [aria-selected="true"] .type-tab-copy>span { color:#fff; }
.home-type-art .estate-example-grid { grid-template-columns:minmax(0,1fr); }
#i-review-star { fill:currentColor; }
@media(max-width:767px) {
  .portfolio-head { display:grid; grid-template-columns:minmax(0,1fr) 150px; gap:24px 10px; }
  .portfolio-copy { display:contents; }
  .portfolio-copy h2 { grid-column:1; grid-row:1; }
  .portfolio-copy p { grid-column:1 / -1; grid-row:2; margin:0; }
  .portfolio-copy>a { grid-column:1 / -1; grid-row:3; width:max-content; max-width:100%; }
  .portfolio-art { position:relative; top:auto; right:auto; grid-column:2; grid-row:1; align-self:end; }
  .start-head { padding-right:178px; min-height:190px; }
  .start-art { right:0; }
  .consult-bubble { left:auto; right:150px; }
  .intake-order-note { padding:22px; }
  .home-products .type-tab-copy>span { font-size:10px; }
}

/* 2026-10-12 Claude — 후기 구역 공개(대표님 지시). 예시 표시는 방문자가 알아볼 수 있게 조금 더 또렷하게 */
.review-example { font-size: 12px; color: #6B7280; background: #fff; }
.reviews-section .review-preview-note { display: inline-flex; align-items: center; gap: 6px; padding: 6px 14px; border-radius: 999px; background: #fff; border: 1px solid var(--line); }
/* 2026-10-12 Claude — 워드프레스 구역: 캐릭터가 왼쪽으로 손을 펴고 있어 그림을 왼쪽에 둔다(손끝이 그림을 가리키게) */
.wordpress-art .illust-img { order: -1; }

/* ═══ 2026-10-12 Claude v11 정밀검수 — 여백·간격·정렬·글자 크기 ═══ */
/* ① 회색 구역 셋이 이어져 사이가 벌어지던 것: 상품 3탭 구역을 흰 바탕으로(후기 회색 → 상품 흰색 → 업종 회색) */
.home-products { background: #fff; }
/* ② 「간편 신청」 꼬리표: 탭 글자에 붙던 것 · 시작 카드에서 첫 카드 제목만 내려가던 것 */
.home-products [data-home-type] .home-apply-badge { margin-left: 8px; }
.start-card .home-apply-badge { position: absolute; top: 26px; right: 26px; }
/* ③ 업종 카드 마지막 줄(3장)도 같은 폭으로, 가운데 */
#industry .industry-grid { display: flex; flex-wrap: wrap; justify-content: center; }
#industry .industry-card, #industry .industry-card:nth-last-child(-n+3) { flex: 0 0 calc((100% - 60px) / 4); }
@media (max-width: 1023px) { #industry .industry-card, #industry .industry-card:nth-last-child(-n+3) { flex-basis: calc((100% - 40px) / 3); } }
@media (max-width: 767px) { #industry .industry-grid { gap: 12px; } #industry .industry-card, #industry .industry-card:nth-last-child(-n+3) { flex-basis: calc((100% - 12px) / 2); } }
/* ④ 강점 카드: 위아래 빈 공간이 커서 카드가 길어 보이던 것 */
.feature-row { min-height: 0; padding: 44px 60px; }
@media (max-width: 1023px) { .feature-row { padding: 36px 40px; } }
@media (max-width: 767px) { .feature-row { padding: 28px; } }
/* ⑤ 강점·시작하기 제목 옆 캐릭터: 키 큰 그림 때문에 제목 위가 비고 설명이 멀어지던 것 → 그림을 설명 줄까지 내려 붙임 */
@media (min-width: 768px) {
  .strengths-section .section-head, .start-section .start-head { position: relative; min-height: 0; align-items: flex-end; margin-bottom: 20px; }
  .strengths-section .section-head .section-character { position: absolute; right: 0; bottom: -104px; width: 230px; height: 230px; }
  .start-section .start-head .start-art { position: absolute; right: 0; bottom: -96px; }
  .start-section .start-head .start-art .char-img { width: 260px; height: 260px; }
  .strengths-section .section-intro, .start-section .section-intro { max-width: min(760px, calc(100% - 270px)); margin-top: 4px; margin-bottom: 56px; }
}
/* ⑥ 자료실 카드(메인): 분류 글이 그림에 붙고 날짜가 제목 위에 있던 것 → 분류 · 제목 · 날짜, 바탕색 번갈아 */
.archive-home-grid .archive-card { display: flex; flex-direction: column; }
.archive-home-grid .archive-meta { display: contents; }
.archive-home-grid .archive-meta > span { order: 1; padding: 20px 24px 0; font-size: 13px; color: var(--brand); font-weight: 700; }
.archive-home-grid .archive-card h3 { order: 2; margin: 8px 24px 0; }
.archive-home-grid .archive-meta > time { order: 3; padding: 10px 24px 24px; font-size: 13px; color: var(--muted); }
.archive-date { color: var(--muted); }
.archive-thumb.t-mint { --archive-color: var(--t-mint); } .archive-thumb.t-sky { --archive-color: var(--t-sky); }
.archive-thumb.t-cream { --archive-color: var(--t-cream); } .archive-thumb.t-red { --archive-color: var(--t-red); } .archive-thumb.t-lilac { --archive-color: var(--t-lilac); }
/* ⑦ 검정 시작 구역 → 바닥글 사이 빈 공간이 두 배로 벌어지던 것 */
.start-section { padding-bottom: 64px; }
/* ⑧ 워드프레스: 손끝이 그림에 닿게 */
.wordpress-art { gap: 0; }
.wordpress-art > [data-float] { margin-left: -28px; }
/* ⑨ 작은 글씨: 빠른 상담 이름표·말풍선, 모바일 첫 화면 신뢰 줄·말풍선, 모바일 상담 띠 버튼 */
.quick-link { font-size: 12px; }
.quick-bubble { font-size: 12px; }
@media (max-width: 767px) {
  .hero-trust { font-size: 12.5px; }
  .hero-bubble { font-size: 12px; top: 6px; right: -4px; }
  .hero-character { position: relative; left: -30px; }
  .consult-links .button { font-size: 13px; }
}
/* ⑩ 표: 줄 머리 「제작 기간」이 「제작/기간」으로 쪼개지던 것 · 표 안 「자세히 보기」 버튼 꺾임 */
.comparison-table tbody th, .options-table tbody th { white-space: nowrap; }
.comparison-table .button { white-space: nowrap; }
@media (max-width: 767px) { .comparison-table .button { padding: 8px 12px; min-height: 40px; font-size: 13px; } }
/* ⑪ 정보 표: 「사업자등록번호」 두 줄 */
.spec-table dt { white-space: nowrap; }
@media (max-width: 767px) { .spec-table > div { grid-template-columns: 112px minmax(0, 1fr); } }
/* ⑫ 대비: 현장 이름 띠 아래 작은 글(3.2:1 → 6:1) */
.clients-note { color: var(--muted); }
/* ⑬ 모바일: 후기 안내 줄이 두 줄이면 알약이 어색 · 워드프레스 알약과 추천 카드 위 캐릭터가 붙던 것 */
@media (max-width: 767px) {
  .reviews-section .review-preview-note { display: block; border-radius: 14px; }
  .wordpress-pills { margin-bottom: 140px; }
}
/* ⑭ 요금안내 「그 밖의 업종」 카드: 제목과 업종 줄이 붙던 것 */
.other-pricing-card h2 + p { margin-top: 8px; color: var(--muted); }

/* 2026-10-12 v12 — 기존 Claude 검수 규칙은 보존하고 공통 간격과 구성을 맞춰요. */
.section, .detail-section { padding-block:120px; }
.section-head, .section-heading { margin-bottom:48px; }
.section:not(.section-muted):not(.section-dark) + .section:not(.section-muted):not(.section-dark) { padding-top:0; }
.card, .recommend-card, .core-card, .plan-card, .product-feature-card { border-radius:28px; }
.detail-title { min-height:0; padding-block:40px 44px; }
.detail-title h1 { margin-block:14px 16px; }
.detail-title p { max-width:1000px; text-wrap:pretty; }
.detail-title .breadcrumbs { min-width:0; }
.section-head > p, .section-heading > p { line-height:1.8; }
.hero-v10 h1 { font-size:84px; }
.hero-bubble { animation:none; }

/* 막과 본문은 별개여서 스크립트 없이도 첫 화면이 그대로 보여요. */
.site-intro { display:none; }
html[data-intro] .site-intro { position:fixed; inset:0; z-index:300; display:grid; place-items:center; background:#fff; animation:intro-curtain .32s .63s cubic-bezier(.76,0,.24,1) both; }
.intro-content { display:flex; flex-direction:column; align-items:center; gap:16px; padding:24px; text-align:center; }
.intro-content { width:360px; max-width:100%; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
html[data-intro] .site-header, html[data-intro] .quick-consult { visibility:hidden; }
.intro-face { width:148px; height:148px; object-fit:contain; animation:intro-pop .3s cubic-bezier(.2,1.5,.5,1) both; }
.intro-logo { width:170px; height:auto; animation:intro-text .18s .2s both; }
.intro-content p { color:var(--text); font-size:17px; font-weight:650; animation:intro-text .18s .2s both; }
html[data-intro] .hero-character { animation:intro-hero .28s .76s both; }
html[data-intro] .hero-bubble { animation:intro-hero .28s .84s both; }
html[data-intro] .hero-kicker { animation:intro-hero .28s .92s both; }
html[data-intro] .hero-copy h1 { animation:intro-hero .28s 1s both; }
html[data-intro] .hero-description { animation:intro-hero .28s 1.08s both; }
html[data-intro] .hero-actions { animation:intro-hero .28s 1.16s both; }
html[data-intro] .hero-trust { animation:intro-hero .28s 1.22s both; }
@keyframes intro-pop { from { opacity:0; transform:scale(.6) translateY(16px); } to { opacity:1; transform:none; } }
@keyframes intro-text { from { opacity:0; transform:translateY(8px); } to { opacity:1; transform:none; } }
@keyframes intro-curtain { from { transform:translateY(0); visibility:visible; } to { transform:translateY(-100%); visibility:hidden; } }
@keyframes intro-hero { from { opacity:0; transform:translateY(14px); } to { opacity:1; transform:none; } }

/* 61개 로고의 원래 표시 크기와 색을 유지해요. */
.brand-marquees { display:grid; gap:18px; padding-block:24px 12px; }
.brand-marquee { overflow:hidden; width:100%; mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent); }
.brand-track { display:flex; width:max-content; animation:brand-right 70s linear infinite; }
.brand-marquee[data-brand-row="2"] .brand-track { animation-name:brand-left; animation-duration:80s; }
.brand-group { display:flex; flex:none; align-items:center; gap:56px; padding-right:56px; height:64px; margin:0; }
.brand-group li { display:flex; flex:none; align-items:center; justify-content:center; }
.brand-group img { display:block; flex:none; max-width:none; object-fit:contain; filter:none; background:transparent; }
.brand-marquee:hover .brand-track, .brand-marquee:focus-within .brand-track { animation-play-state:paused; }
@keyframes brand-right { from { transform:translateX(-50%); } to { transform:translateX(0); } }
@keyframes brand-left { from { transform:translateX(0); } to { transform:translateX(-50%); } }

/* 세 상품은 같은 크기의 탭과 분할 패널로 묶어요. */
.home-products .type-tabs-inner { gap:6px; padding:8px; border-radius:24px; background:var(--surface); }
.home-products [data-home-type] { flex-direction:row; justify-content:flex-start; gap:16px; min-height:112px; padding:22px 20px; text-align:left; border-radius:18px; }
.home-products [data-home-type] > .icon { display:block; flex:none; width:28px; height:28px; }
.home-products .type-tab-copy { min-width:0; }
.home-products .type-tab-copy strong { display:block; font-size:18px; line-height:1.5; }
.home-products [data-home-type] .home-apply-badge { font-size:10px; padding:3px 7px; margin-left:6px; }
.home-products [aria-selected="true"] .home-apply-badge { color:var(--brand); background:#fff; }
.home-type-panel { grid-template-columns:minmax(0,1.2fr) minmax(0,1fr); gap:40px; margin-top:24px; padding:48px; border:1px solid var(--line); border-radius:28px; background:#fff; align-items:center; }
.home-type-copy h3 { font-size:30px; line-height:1.4; margin-bottom:18px; }
.home-type-description { font-size:16px; line-height:1.8; }
.home-type-features { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin:28px 0; }
.home-type-features li { grid-template-columns:24px minmax(0,1fr); gap:10px; padding:18px 14px; border:1px solid var(--line); background:#f8f9fb; border-radius:16px; }
.home-type-features .icon { width:22px; height:22px; margin-top:2px; }
.home-type-features strong { display:block; font-size:15px; line-height:1.5; margin-bottom:8px; }
.home-type-features p { font-size:14px; line-height:1.65; }
.home-type-price { font-size:38px; margin-top:26px; color:var(--text); }
.home-type-price-note { margin-top:8px; font-size:13px; }
.home-type-copy .product-tags { margin-top:20px; gap:8px 12px; }
.home-type-art { margin:0; align-self:center; }
.home-device-stack { padding:20px 24px 38px 0; }
.home-type-browser { height:330px; }
.home-type-phone { height:252px; width:35%; }
.home-products .media-strip { margin-top:40px; }
.home-panel-enter { animation:home-panel-enter .25s ease both; }
@keyframes home-panel-enter { from { opacity:0; transform:translateY(8px); } to { opacity:1; transform:none; } }

/* 업종 열두 장은 마지막 상담 카드까지 같은 격자를 사용해요. */
#industry .industry-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); grid-auto-rows:1fr; gap:20px; }
#industry .industry-card, #industry .industry-card:nth-last-child(-n+3), #industry .industry-card:last-child { grid-column:auto; grid-row:auto; justify-self:stretch; width:auto; min-width:0; min-height:290px; padding:26px 22px; }
#industry .industry-card .illust-img { width:150px; height:130px; margin-bottom:22px; }
#industry .industry-card h3 { font-size:21px; }
#industry .industry-card p { font-size:15px; padding:0; }
#industry .industry-consult { background:#D42427; color:#fff; border-color:#D42427; justify-content:center; gap:26px; transition:background-color .2s; }
#industry .industry-consult h3 { color:#fff; font-size:23px; line-height:1.55; }
#industry .industry-consult:hover { background:#b41c20; border-color:#b41c20; }
.industry-consult-pill { display:inline-flex; align-items:center; border:1px solid #fff; border-radius:999px; padding:10px 18px; font-size:15px; line-height:1.5; }

/* 제작 비용은 글과 그림이 나란한 큰 카드 두 장으로 안내해요. */
.price-overview-grid { display:grid; gap:24px; }
.price-overview-card { display:grid; grid-template-columns:minmax(0,1fr) 300px; align-items:center; gap:64px; padding:56px 64px; border:1px solid var(--line); }
.price-overview-card:first-child { background:var(--t-cream); }
.price-overview-card:nth-child(2) { background:var(--t-sky); }
.price-overview-kicker { font-size:16px; font-weight:750; color:var(--brand); margin-bottom:16px; }
.price-overview-amount { font-size:52px; font-weight:800; line-height:1.15; letter-spacing:-.035em; margin-bottom:22px; }
.price-overview-copy h3 { font-size:34px; line-height:1.4; }
.price-overview-description { font-size:17px; color:var(--muted); margin-top:20px; line-height:1.85; }
.price-overview-card .illust-img { width:280px; height:280px; justify-self:center; }
.price-overview-section .section-actions { display:flex; justify-content:center; gap:12px; flex-wrap:wrap; }
.strengths-section .feature-row { padding:44px 60px; border:1px solid var(--line); }
.feature-tags { gap:8px 14px; font-size:14px; }
.why-card { border:1px solid var(--line); }

/* 워드프레스 추천 항목은 두 카드 안의 알약 칩으로 비교해요. */
.wordpress-pills { margin-bottom:148px; }
.recommend-grid { align-items:stretch; }
.recommend-card { padding:42px 34px; }
.recommend-card h3 { font-size:28px; line-height:1.4; margin-bottom:18px; }
.recommend-description { color:var(--muted); font-size:16px; line-height:1.8; }
.section-dark .recommend-description { color:#c4c8d0; }
.recommend-card .recommend-chips { display:flex; flex-wrap:wrap; gap:10px; margin-top:28px; padding:0; }
.recommend-card .recommend-chips li { margin:0; padding:10px 15px; font-size:15px; line-height:1.5; border:1px solid var(--brand); border-radius:999px; color:var(--text); }
.recommend-card .recommend-chips li::before { content:none; }
.recommend-no .recommend-chips li, .recommend-card-muted .recommend-chips li { border-color:#656b76; }
.section-dark .recommend-card .recommend-chips li { color:#fff; }
.recommend-character { width:190px; height:190px; top:-154px; right:32px; }
.recommend-character .char-img { width:100%; height:100%; object-fit:contain; }

/* 회사소개와 상품 하위 화면에도 같은 카드 간격을 적용해요. */
.company-greeting-inner { display:grid; grid-template-columns:340px minmax(0,1fr); align-items:center; gap:64px; }
.company-greeting-art { width:340px; height:340px; }
.company-greeting-art img { width:100%; height:100%; object-fit:contain; }
.company-greeting-copy h2 { font-size:40px; line-height:1.4; margin-bottom:26px; }
.company-greeting-copy p { font-size:18px; color:var(--muted); line-height:1.9; }
.company-page .recommend-chips { margin-top:26px; }
.core-grid-four { grid-template-columns:repeat(4,minmax(0,1fr)); }
.core-grid-four .core-card { padding:28px; }
.core-grid-four h2, .core-grid-four h3 { font-size:22px; line-height:1.45; }
.core-grid-four .core-icon { width:36px; height:36px; color:var(--brand); margin-bottom:24px; }
.other-pricing-card .price-industry-chips { display:flex; flex-wrap:wrap; gap:10px; margin:24px 0 28px; }
.price-industry-chips > * { padding:8px 14px; border:1px solid var(--line); border-radius:999px; background:#fff; color:var(--text); font-size:15px; }
.other-pricing-card .plan-price { font-size:48px; }
.other-pricing-card { display:flex; flex-direction:column; align-items:flex-start; }
.other-pricing-card > h2 { margin-bottom:20px; }
.other-pricing-card > .price-value { margin:0 0 18px; }
.other-pricing-card .section-actions { margin-top:0; }
.company-page .recommend-section .section-heading { margin-bottom:48px; }
.company-page .recommend-section .recommend-grid { margin-top:136px; }
.pricing-catalog { padding-block:120px; }
.pricing-catalog .section-heading { margin-bottom:48px; }
.section-muted + .section-muted { padding-top:0; }

/* 자료실의 날짜 빈칸을 없애고 본문과 목록을 읽기 편하게 맞춰요. */
.archive-home-layout { grid-template-columns:1fr; gap:40px; }
.archive-home-head { display:grid; grid-template-columns:1fr 1fr; gap:24px 48px; align-items:end; }
.archive-home-head h2 { grid-row:1 / span 2; font-size:46px; }
.archive-home-head p { margin:0; font-size:17px; line-height:1.8; }
.archive-home-head > a { justify-self:start; }
.archive-home-grid .archive-card { padding-bottom:24px; }
.archive-home-grid .archive-meta { margin:0; }
.archive-home-grid .archive-meta > span { padding:20px 24px 0; }
.archive-home-grid .archive-card h3 { margin:8px 24px 0; font-size:22px; }
.archive-grid-v12 { gap:24px; }
.archive-grid-v12 .archive-card { height:100%; border-radius:24px; }
.archive-card-link { display:flex; flex-direction:column; height:100%; }
.archive-grid-v12 .archive-copy { padding:24px; }
.archive-card-title { line-height:1.5; }
.archive-grid-v12 .archive-card-excerpt { line-height:1.75; }
.archive-section-v12 { padding-block:72px 120px; }
.article-title-v12 .article-category { margin-top:16px; }
.article-body-v12 { margin-block:64px; }
.article-consult-v12 { width:100%; margin:44px 0 0; padding:32px; }
.article-consult-v12 h2 { margin-top:0; }
.article-consult-v12 .section-actions { margin-top:24px; }
.article-related-v12 { margin-bottom:120px; }
.article-related-v12 .archive-grid-related { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }

@media (min-width:768px) and (max-width:1199px) {
  .hero-v10 h1 { font-size:70px; }
  .home-products [data-home-type] { padding:20px 12px; gap:10px; }
  .home-products .type-tab-copy strong { font-size:16px; }
  .home-products .type-tab-copy > span { font-size:12px; }
  .home-products [data-home-type] .home-apply-badge { display:none; }
  .home-type-panel { padding:32px; gap:28px; }
  .home-type-copy h3 { font-size:27px; }
  .home-type-features { grid-template-columns:1fr; }
  .home-type-browser { height:270px; }
  .home-type-phone { height:210px; }
  .price-overview-card { grid-template-columns:minmax(0,1fr) 220px; padding:40px; gap:32px; }
  .price-overview-card .illust-img { width:220px; height:220px; }
  .price-overview-copy h3 { font-size:30px; }
  .recommend-card { padding:32px 26px; }
  .recommend-card h3 { font-size:25px; }
  .company-greeting-inner { grid-template-columns:260px minmax(0,1fr); gap:32px; }
  .company-greeting-art { width:260px; height:300px; }
  .company-greeting-copy h2 { font-size:32px; }
  .core-grid-four { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (min-width:768px) and (max-width:1023px) {
  #industry .industry-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  #industry .industry-card { padding:24px 18px; }
}
@media (max-width:767px) {
  .section, .detail-section { padding-block:72px; }
  .section-head, .section-heading { margin-bottom:32px; }
  .detail-title { min-height:0; padding-block:24px 28px; }
  .detail-title h1 { margin:12px 0; font-size:30px; }
  .detail-title p { font-size:15px; line-height:1.65; }
  .detail-title > .container > p { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; }
  .hero-v10 h1 { font-size:40px; }
  .hero-character { width:300px; height:300px; }
  .hero-kicker { font-size:13px; }
  .hero-description { font-size:15px; max-width:360px; }
  .hero-actions .btn { padding-inline:18px; }
  .intro-content p { font-size:15px; }
  .brand-marquees { padding-block:18px 0; gap:18px; }
  .brand-group { gap:36px; padding-right:36px; }
  .brand-track { animation-duration:45s; }
  .brand-marquee[data-brand-row="2"] .brand-track { animation-duration:55s; }
  .home-products .type-tabs-inner { padding:5px; gap:4px; border-radius:20px; overflow:visible; }
  .home-products [data-home-type] { flex-direction:column; justify-content:center; min-height:112px; padding:14px 5px; gap:9px; text-align:center; border-radius:15px; }
  .home-products [data-home-type] > .icon { width:24px; height:24px; }
  .home-products .type-tab-copy strong { font-size:13px; line-height:1.5; }
  .home-products .type-tab-copy > span, .home-products [data-home-type] .home-apply-badge { display:none; }
  .home-type-panel { display:flex; flex-direction:column; align-items:stretch; gap:28px; margin-top:16px; padding:24px; border-radius:24px; }
  .home-type-art { order:-1; width:100%; }
  .home-type-copy h3 { font-size:25px; margin-bottom:16px; }
  .home-type-description { font-size:15px; line-height:1.8; }
  .home-type-features { grid-template-columns:1fr; gap:0; margin:24px 0; }
  .home-type-features li { grid-template-columns:24px minmax(0,1fr); padding:18px 0; gap:12px; border:0; border-bottom:1px solid var(--line); border-radius:0; background:transparent; }
  .home-type-features strong { font-size:16px; margin-bottom:6px; }
  .home-type-features p { font-size:14px; }
  .home-type-price { font-size:34px; margin-top:24px; }
  .home-type-price-note { font-size:12px; line-height:1.7; }
  .home-type-copy .product-tags { font-size:12px; gap:6px 10px; }
  .home-type-actions { display:grid; grid-template-columns:1fr; gap:10px; margin-top:24px; }
  .home-type-actions .btn { width:100%; }
  .home-device-stack { padding:8px 22px 30px 0; }
  .home-type-browser { height:230px; border-width:6px; border-radius:13px; }
  .home-type-phone { height:186px; width:36%; border-width:4px; border-radius:18px; }
  #industry .industry-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
  #industry .industry-card, #industry .industry-card:nth-last-child(-n+3) { min-height:230px; padding:20px 14px; border-radius:20px; }
  #industry .industry-card .illust-img { width:110px; height:100px; margin-bottom:18px; }
  #industry .industry-card h3 { font-size:17px; }
  #industry .industry-card p { font-size:13px; line-height:1.7; }
  #industry .industry-consult { gap:24px; }
  #industry .industry-consult h3 { font-size:17px; line-height:1.7; }
  .industry-consult-pill { padding:8px 11px; font-size:12px; white-space:nowrap; }
  .price-overview-grid { gap:18px; }
  .price-overview-card { display:flex; flex-direction:column; align-items:stretch; gap:24px; padding:28px 24px; border-radius:24px; }
  .price-overview-kicker { font-size:14px; margin-bottom:12px; }
  .price-overview-amount { font-size:38px; margin-bottom:18px; }
  .price-overview-copy h3 { font-size:26px; }
  .price-overview-description { font-size:16px; line-height:1.85; margin-top:18px; }
  .price-overview-card .illust-img { width:180px; height:180px; align-self:center; }
  .price-overview-section .section-actions { flex-direction:column; }
  .strengths-section .feature-row { padding:28px 24px; }
  .feature-tags { font-size:12px; gap:6px 10px; }
  .why-card { padding:28px; }
  .wordpress-pills { margin-bottom:144px; }
  .recommend-card { padding:30px 24px; border-radius:24px; }
  .recommend-card h3 { font-size:25px; margin-bottom:16px; }
  .recommend-description { font-size:15px; }
  .recommend-card .recommend-chips { gap:8px; margin-top:24px; }
  .recommend-card .recommend-chips li { font-size:15px; padding:9px 13px; }
  .recommend-character { width:166px; height:166px; top:-136px; right:18px; }
  .company-greeting-inner { display:flex; flex-direction:column; gap:28px; }
  .company-greeting-art { width:280px; height:280px; }
  .company-greeting-copy h2 { font-size:28px; margin-bottom:22px; }
  .company-greeting-copy p { font-size:16px; }
  .core-grid-four { grid-template-columns:1fr; }
  .core-grid-four .core-card { padding:26px; }
  .other-pricing-card .plan-price { font-size:38px; }
  .price-industry-chips > * { font-size:13px; padding:8px 12px; }
  .archive-home-head { display:block; }
  .archive-home-head h2 { font-size:28px; }
  .archive-home-head p { margin:22px 0 24px; font-size:16px; }
  .archive-home-layout { gap:32px; }
  .archive-home-grid { grid-template-columns:1fr; gap:12px; }
  .archive-home-grid .archive-card { display:grid; grid-template-columns:96px minmax(0,1fr); grid-template-rows:auto 1fr; gap:6px 16px; padding:16px; align-items:start; border-radius:20px; }
  .archive-home-grid .archive-thumb { grid-row:1 / span 2; width:96px; height:96px; padding:8px; border-radius:14px; margin:0; }
  .archive-home-grid .archive-thumb img { width:80px; height:80px; }
  .archive-home-grid .archive-meta { display:block; grid-column:2; margin:0!important; }
  .archive-home-grid .archive-meta > span { padding:0; font-size:12px; }
  .archive-home-grid .archive-card h3 { grid-column:2; order:initial; margin:0; font-size:17px; line-height:1.55; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; }
  .archive-section-v12 { padding-block:40px 72px; }
  .archive-filters { gap:8px; margin-bottom:28px; }
  .archive-filters button { padding:10px 17px; font-size:14px; }
  .archive-grid-v12, .article-related-v12 .archive-grid-related { grid-template-columns:1fr; gap:12px; }
  .archive-grid-v12 .archive-card { border-radius:20px; }
  .archive-grid-v12 .archive-card-link { display:grid; grid-template-columns:96px minmax(0,1fr); gap:16px; padding:16px; align-items:center; }
  .archive-grid-v12 .archive-thumbnail { width:96px; height:96px; border-radius:14px; padding:8px; }
  .archive-grid-v12 .archive-thumbnail img { width:80px; height:80px; }
  .archive-grid-v12 .archive-copy { padding:0; min-width:0; }
  .archive-grid-v12 .archive-category { font-size:12px; margin-bottom:5px; }
  .archive-grid-v12 h2, .archive-grid-v12 h3 { font-size:16px; line-height:1.5; margin-bottom:6px; }
  .archive-grid-v12 h2, .archive-grid-v12 h3, .archive-grid-v12 .archive-copy > p { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; }
  .archive-grid-v12 .archive-copy > p { font-size:13px; line-height:1.65; margin:0; }
  .article-title-v12 { padding-block:22px 26px; }
  .article-title-v12 .breadcrumbs { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:12px; }
  .article-title-v12 h1 { font-size:27px; line-height:1.4; }
  .article-title-v12 .detail-subtitle { font-size:14px; }
  .article-body-v12 { width:calc(100% - 40px); margin:36px auto 56px; font-size:16px; line-height:1.85; }
  .article-body-v12 > p:first-child { font-size:16px; line-height:1.85; }
  .article-body-v12 p { margin-bottom:22px; }
  .article-body-v12 h2 { margin:38px 0 16px; font-size:23px; line-height:1.5; }
  .article-consult-v12 { width:100%; padding:26px 22px; margin-top:36px; border-radius:22px; }
  .article-consult-v12 h2 { margin-top:0; font-size:23px; }
  .article-consult-v12 .button { width:100%; }
  .article-related-v12 { margin-bottom:72px; }
  .article-related-v12 > .container > h2 { font-size:27px; margin-bottom:28px; }
  .start-section { padding-bottom:48px; }
  .company-page .recommend-section .section-heading { margin-bottom:32px; }
  .company-page .recommend-section .recommend-grid { margin-top:124px; }
  .pricing-catalog { padding-block:72px; }
  .pricing-catalog .section-heading { margin-bottom:32px; }
}
@media (prefers-reduced-motion:reduce) {
  html[data-intro] .site-intro { display:none; }
  html[data-intro] .hero-character, html[data-intro] .hero-bubble, html[data-intro] .hero-kicker, html[data-intro] .hero-copy h1, html[data-intro] .hero-description, html[data-intro] .hero-actions, html[data-intro] .hero-trust { opacity:1; transform:none; }
  .brand-marquee { overflow-x:auto; scrollbar-width:thin; }
  .brand-track { animation:none; transform:none; }
  .brand-group[aria-hidden="true"] { display:none; }
  .home-panel-enter { animation:none; }
}

/* ═══ 2026-10-12 Claude v12 검수 ═══ */
/* ① 모바일 메인 자료실: 가로 밀기 카드에서 제목이 「분양 / 홈페이지에 …」로 잘림 → 자료실 목록처럼 세로 목록(그림 왼쪽·글 오른쪽), 제목 전부 보이게 */
/* ② 모바일 하위 페이지 제목 띠 설명: 두 줄 말줄임 때문에 문장이 「…」로 끊김 → 전부 보이게 */
@media (max-width:767px) {
  .archive-home-grid { display:grid; grid-template-columns:1fr; overflow:visible; scroll-snap-type:none; gap:12px; padding-bottom:0; }
  .archive-home-grid .archive-card { flex:none; width:auto; }
  .archive-home-grid .archive-card > .archive-meta, .archive-home-grid .archive-card > h3 { margin-inline:0 !important; }
  .archive-home-grid .archive-card h3 { display:block; -webkit-line-clamp:unset; overflow:visible; }
  .detail-title > .container > p { display:block; -webkit-line-clamp:unset; overflow:visible; }
}
/* ③ 회사소개 「이렇게 일해요」: 3×2 칸에서 칸마다 붙은 화살표가 「더 보기」 링크처럼 보임 → 숨김(메인과 같게) */
.process-list .process-arrow { display:none; }

/* v13: 공통 메뉴·상담 바와 메인 화면. 앞의 Claude 검수 규칙은 보존해요. */
[data-page-nav] [data-support-link] { color:#D42427; font-weight:800; }
.footer-contact-v13 { display:block; font-size:13px; line-height:1.8; color:#a6a6ad; }
.footer-links li:empty { display:none; }
.quick-menu.quick-v13 { position:fixed; z-index:85; display:flex; flex-direction:column; align-items:center; gap:8px; top:50%; right:24px; bottom:auto; width:82px; padding:8px; border:1px solid #dedee3; border-radius:20px; background:#fff; transform:translateY(-50%); box-shadow:none; }
.quick-v13 .quick-character { position:relative; display:grid; place-items:center; flex:none; width:56px; height:56px; margin:0; padding:0; border-radius:50%; background:#fff0f1; }
.quick-v13 .quick-character img { position:static; width:56px; height:56px; object-fit:contain; transform:none; }
.quick-v13 .quick-link { display:flex; flex-direction:column; align-items:center; justify-content:center; flex:none; gap:5px; width:64px; height:64px; min-height:64px; margin:0; padding:6px 0; border:0; border-radius:12px; font-size:12px; line-height:1.3; font-weight:750; }
.quick-v13 .quick-link .icon, .quick-v13 .channel-logo { width:22px; height:22px; }
.quick-v13 .quick-kakao { color:#252016; background:#FEE500; }
.quick-v13 .quick-contact { color:#fff; background:#D42427; }
.quick-v13 .quick-top { color:#777780; background:#f6f6f8; }
.quick-v13 .quick-top[hidden] { display:none; }
.quick-v13 .quick-divider { width:48px; height:1px; background:#e8e8ec; }
.quick-v13 .quick-bubble { position:absolute; top:50%; right:calc(100% + 22px); bottom:auto; left:auto; width:max-content; margin:0; padding:10px 14px; border:1px solid #e9dfe0; border-radius:12px; background:#fff; color:#39343a; font-size:12px; font-weight:650; line-height:1.5; opacity:0; visibility:hidden; transform:translateY(-50%); transition:opacity .18s,visibility .18s; pointer-events:none; }
.quick-v13 .quick-bubble::after { content:""; position:absolute; top:50%; left:100%; right:auto; bottom:auto; width:9px; height:9px; border:0; border-top:1px solid #e9dfe0; border-right:1px solid #e9dfe0; background:#fff; transform:translate(-4px,-50%) rotate(45deg); }
.quick-v13.is-greeting .quick-bubble, .quick-v13:hover .quick-bubble, .quick-v13:focus-within .quick-bubble { opacity:1; visibility:visible; }
.mobile-bar[data-mobile-bar] a.mobile-kakao { color:#292117; background:#FEE500; }
.mobile-bar[data-mobile-bar] a.mobile-apply { color:#fff; background:#D42427; }
.mobile-bar[data-mobile-bar] { grid-template-columns:repeat(2,minmax(0,1fr)); gap:0; height:calc(60px + env(safe-area-inset-bottom,0px)); padding:0 0 env(safe-area-inset-bottom,0px); border:0; }
.mobile-bar[data-mobile-bar] a { display:flex; flex-direction:row; align-items:center; justify-content:center; gap:8px; height:60px; padding:0 8px; font-size:15px; font-weight:800; line-height:1.4; border:0; border-radius:0; }
.mobile-bar[data-mobile-bar] .icon, .mobile-bar[data-mobile-bar] .channel-logo { width:20px; height:20px; flex:none; }
.home-products .type-tab-copy strong { font-size:20px; }
.home-products .type-tab-copy > span { font-size:14px; }
.home-type-copy h3 { font-size:34px; }
.home-type-description { font-size:17px; }
.home-type-features strong { font-size:18px; }
.home-type-features p { font-size:15px; }
.home-type-copy .product-tags { font-size:14px; }
.feature-more { display:inline-flex; align-items:center; min-height:44px; margin-top:24px; padding:9px 20px; border:1px solid currentColor; border-radius:999px; font-size:15px; font-weight:750; }
.feature-more:hover { color:#D42427; }
#industry .industry-consult { position:relative; isolation:isolate; overflow:hidden; align-items:flex-start; justify-content:flex-start; gap:14px; text-align:left; color:#fff; background:#D42427; border-color:#D42427; transition:transform .2s,background-color .2s; }
#industry .industry-consult > :not(.industry-consult-character):not(.industry-spark) { position:relative; z-index:2; }
.industry-consult-label { display:inline-flex; align-items:center; padding:4px 10px; border:1px solid rgba(255,255,255,.8); border-radius:999px; font-size:12px; font-weight:650; line-height:1.5; }
#industry .industry-consult h3 { font-size:22px; font-weight:800; color:#fff; line-height:1.5; margin:0; text-wrap:initial; white-space:nowrap; }
#industry .industry-consult p { font-size:14px; line-height:1.65; color:rgba(255,255,255,.85); max-width:200px; margin:0; }
#industry .industry-consult .industry-consult-pill { display:inline-flex; gap:6px; align-items:center; margin-top:auto; padding:8px 13px; background:#fff; color:#D42427; border:0; border-radius:999px; font-size:14px; font-weight:800; }
.industry-arrow { display:inline-block; transition:transform .2s; }
#industry .industry-consult-character { position:absolute; z-index:1; right:-20px; bottom:-37px; width:120px; height:120px; object-fit:contain; animation:industry-float-v13 3.2s ease-in-out infinite; }
.industry-spark { position:absolute; z-index:1; right:38px; bottom:62px; width:44px; height:30px; animation:industry-spark-v13 2.4s ease-in-out infinite; }
.industry-spark i { position:absolute; width:3px; height:10px; background:#fff; border-radius:2px; }
.industry-spark i:nth-child(1) { left:0; top:12px; transform:rotate(-45deg); }
.industry-spark i:nth-child(2) { left:17px; top:0; transform:rotate(-12deg); }
.industry-spark i:nth-child(3) { left:35px; top:5px; transform:rotate(28deg); }
#industry .industry-consult::before { content:""; position:absolute; z-index:3; top:-30%; left:-60%; width:24%; height:160%; background:rgba(255,255,255,.14); transform:translateX(0) skewX(-20deg); pointer-events:none; animation:industry-shine-v13 5s ease-in-out infinite; }
#industry .industry-consult:hover { transform:translateY(-4px); background:#B91C1F; border-color:#B91C1F; }
#industry .industry-consult:hover .industry-arrow { transform:translateX(4px); }
@keyframes industry-float-v13 { 0%,100% { transform:translateY(0); } 50% { transform:translateY(-6px); } }
@keyframes industry-spark-v13 { 0%,45%,100% { opacity:.3; } 65%,80% { opacity:1; } }
@keyframes industry-shine-v13 { 0%,78% { transform:translateX(0) skewX(-20deg); } 98%,100% { transform:translateX(800%) skewX(-20deg); } }

/* 준비 중에는 흰 막을 유지하고, 재생 상태로 바뀐 뒤에만 시간을 세요. */
html[data-intro] .site-intro { display:grid; animation:none; transform:none; opacity:1; visibility:visible; }
html[data-intro] .intro-face, html[data-intro] .intro-logo, html[data-intro] .intro-content p { animation:none; }
html[data-intro="wait"] .intro-face, html[data-intro="wait"] .intro-content p { visibility:hidden; }
html[data-intro="wait"] .intro-logo { visibility:visible; }
html[data-intro] .hero-character, html[data-intro] .hero-bubble, html[data-intro] .hero-kicker, html[data-intro] .hero-copy h1, html[data-intro] .hero-description, html[data-intro] .hero-actions, html[data-intro] .hero-trust { animation:none; }
html[data-intro="play"] .intro-face { animation:intro-pop .35s cubic-bezier(.2,1.5,.5,1) both; }
html[data-intro="play"] .intro-logo, html[data-intro="play"] .intro-content p { animation:intro-text .35s .25s both; }
html[data-intro="play"] .site-intro { animation:intro-curtain-v13 .4s 1s cubic-bezier(.76,0,.24,1) both; }
html[data-intro="still"] .site-intro { animation:intro-still-v13 .3s .9s linear both; }
html[data-intro="still"] .intro-face, html[data-intro="still"] .intro-logo, html[data-intro="still"] .intro-content p { opacity:1; transform:none; visibility:visible; }
.intro-reveal .hero-character { animation:intro-hero .3s both; }
.intro-reveal .hero-bubble { animation:intro-hero .3s .04s both; }
.intro-reveal .hero-kicker { animation:intro-hero .3s .08s both; }
.intro-reveal .hero-copy h1 { animation:intro-hero .3s .12s both; }
.intro-reveal .hero-description { animation:intro-hero .3s .16s both; }
.intro-reveal .hero-actions { animation:intro-hero .3s .2s both; }
.intro-reveal .hero-trust { animation:intro-hero .3s .24s both; }
@keyframes intro-curtain-v13 { from { transform:translateY(0); } to { transform:translateY(-100%); } }
@keyframes intro-still-v13 { from { opacity:1; } to { opacity:0; } }
@media (min-width:1360px) and (max-width:1439px) {
  .quick-menu.quick-v13 { width:66px; right:12px; }
  .quick-v13 .quick-link { width:48px; height:48px; min-height:48px; padding:0; }
  .quick-v13 .quick-link span, .quick-v13 .quick-bubble { display:none; }
  .quick-v13 .quick-character, .quick-v13 .quick-character img { width:40px; height:40px; }
  .quick-v13 .quick-divider { width:36px; }
}
@media (max-width:1359px) { .quick-menu.quick-v13 { display:none; } }
/* 후기 전체를 순환시키면서 PC 고정바가 차지하는 바깥 여백을 비워 둬요. */
@media (min-width:1360px) { .reviews-section .review-marquee { width:1200px; max-width:calc(100% - 48px); margin-inline:auto; } }
@media (min-width:1440px) { .hero-v10 h1 { font-size:84px; } }
@media (max-width:767px) {
  .home-products .type-tabs-inner { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; padding:6px; }
  .home-products [data-home-type] { display:flex; flex-direction:row; align-items:center; justify-content:flex-start; gap:8px; width:auto; min-width:0; min-height:88px; padding:12px 8px; text-align:left; }
  .home-products [data-home-type="bunyang"] { grid-column:1 / -1; min-height:72px; padding:12px 16px; }
  .home-products [data-home-type] > .icon { width:22px; height:22px; flex:none; }
  .home-products .type-tab-copy { min-width:0; }
  .home-products .type-tab-copy strong { font-size:16px; line-height:1.5; white-space:normal; word-break:keep-all; overflow-wrap:anywhere; }
  .home-products .type-tab-copy > span { display:block; margin-top:4px; font-size:13px; line-height:1.5; white-space:normal; word-break:keep-all; overflow-wrap:anywhere; }
  .home-products [data-home-type] .home-apply-badge { display:inline-flex; vertical-align:middle; margin-left:7px; font-size:11px; }
  .home-products [aria-selected="true"] { color:#fff; background:#D42427; }
  .home-products [aria-selected="true"] .type-tab-copy > span { color:rgba(255,255,255,.88); }
  .home-type-copy h3 { font-size:24px; }
  .home-type-description { font-size:16px; }
  .home-type-features strong { font-size:16px; }
  .home-type-features p { font-size:15px; }
  .home-type-price { font-size:30px; }
  .home-type-copy .product-tags { font-size:13px; }
  #industry .industry-card, #industry .industry-card:nth-last-child(-n+3) { min-height:286px; }
  #industry .industry-consult { gap:10px; padding:16px 12px 18px; }
  #industry .industry-consult h3 { font-size:18px; letter-spacing:-.07em; word-spacing:-2px; }
  #industry .industry-consult p { font-size:14px; line-height:1.6; }
  #industry .industry-consult .industry-consult-pill { font-size:12px; padding:8px 10px; }
  #industry .industry-consult-character { width:88px; height:88px; right:-18px; bottom:-34px; }
  .industry-spark { right:8px; bottom:42px; transform:scale(.8); }
  .feature-more { font-size:14px; }
}
@media (prefers-reduced-motion:reduce) {
  html[data-intro] .site-intro { display:grid; }
  html[data-intro="still"] .site-intro { animation:intro-still-v13 .3s .9s linear both !important; transform:none; }
  html[data-intro="still"] .intro-face, html[data-intro="still"] .intro-logo, html[data-intro="still"] .intro-content p { animation:none!important; transform:none!important; }
  .intro-reveal .hero-character, .intro-reveal .hero-bubble, .intro-reveal .hero-kicker, .intro-reveal .hero-copy h1, .intro-reveal .hero-description, .intro-reveal .hero-actions, .intro-reveal .hero-trust { animation:none; }
  #industry .industry-consult-character, .industry-spark, #industry .industry-consult::before { animation:none; }
  #industry .industry-consult::before { opacity:0; }
  #industry .industry-consult:hover, #industry .industry-consult:hover .industry-arrow { transform:none; }
}

/* v13: 검색 페이지와 A/S 신청 페이지의 구역을 맞춰요. */
.search-management-page .v13-page-kicker { color:var(--brand); font-size:14px; font-weight:700; }
.search-service-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
.search-service-card { display:grid; grid-template-columns:minmax(0,1fr) 150px; align-items:center; gap:24px; min-width:0; min-height:320px; padding:36px; border:1px solid var(--line); border-radius:28px; background:var(--t-red); }
.search-service-card:nth-child(6n+2) { background:var(--t-cream); }
.search-service-card:nth-child(6n+3) { background:var(--t-sky); }
.search-service-card:nth-child(6n+4) { background:var(--t-mint); }
.search-service-card:nth-child(6n+5) { background:var(--t-lilac); }
.search-service-card:nth-child(6n+6) { background:var(--t-cream); }
.search-service-copy { min-width:0; }
.search-service-copy h3 { font-size:25px; margin-bottom:16px; }
.search-service-copy p { color:var(--muted); font-size:16px; line-height:1.75; }
.search-service-card .feature-tags { gap:6px 12px; margin-top:22px; font-size:14px; }
.search-service-card .illust-img { width:150px; height:150px; object-fit:contain; }
.search-process-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
.search-process-grid .process-card { padding:32px 28px 36px; border-right:1px solid var(--line); }
.search-process-grid .process-card:last-child { border-right:0; }
.search-process-grid .process-card h3 { font-size:22px; }
.search-note-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:20px; }
.search-note-card { min-width:0; padding:28px; border:1px solid var(--line); border-radius:24px; background:var(--surface); }
.search-note-card h3 { font-size:21px; margin-bottom:16px; }
.search-note-card p { color:var(--muted); font-size:16px; line-height:1.75; }
.search-consult .consult-copy h2 { font-size:36px; }
.search-consult .consult-art img { object-fit:contain; }
.support-promise-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:20px; }
.support-promise-card { min-width:0; padding:30px 26px; border:1px solid var(--line); border-radius:28px; background:var(--t-red); }
.support-promise-card:nth-child(2) { background:var(--t-sky); }
.support-promise-card:nth-child(3) { background:var(--t-cream); }
.support-promise-card:nth-child(4) { background:var(--t-mint); }
.support-promise-icon { display:flex; align-items:center; justify-content:center; width:54px; height:54px; margin-bottom:28px; border:1px solid var(--line); border-radius:17px; background:#fff; color:var(--brand); }
.support-promise-icon .icon { width:28px; height:28px; }
.support-promise-card h3 { font-size:22px; margin-bottom:14px; }
.support-promise-card p { color:var(--muted); font-size:16px; line-height:1.75; }
.support-flow { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:40px; margin-top:54px; padding-top:38px; border-top:1px solid var(--line); }
.support-flow>li { position:relative; min-width:0; }
.support-flow-number { display:inline-flex; align-items:center; justify-content:center; width:38px; height:38px; margin-bottom:16px; border-radius:50%; background:var(--t-red); color:var(--brand); font-size:14px; font-weight:800; }
.support-flow h3 { font-size:21px; margin-bottom:12px; }
.support-flow p { font-size:15px; color:var(--muted); }
.support-flow-arrow { position:absolute; top:7px; right:-28px; color:var(--subtle); width:20px; height:20px; }
.support-faq-groups { display:grid; gap:56px; }
.support-page-v13 .support-faq-group { margin:0; }
.support-page-v13 .support-faq-group>h3 { font-size:24px; margin-bottom:20px; }
.support-page-v13 .faq-list { background:transparent; }
.support-page-v13 .faq-list summary { padding-block:26px; }
.support-page-v13 .faq-answer { color:var(--muted); }
.support-answer-link { display:inline-flex; margin-top:16px; color:var(--brand); font-size:15px; font-weight:700; text-decoration:underline; text-underline-offset:4px; }
.support-intake-section .section-heading>div>p { max-width:760px; }
.support-intake-layout { grid-template-columns:340px minmax(0,1fr); gap:80px; }
.support-intake-aside { position:sticky; top:calc(var(--header-height) + 24px); padding:28px 30px 32px; background:var(--t-red); border:1px solid var(--line); border-radius:28px; }
.support-intake-character { width:200px; height:200px; object-fit:contain; margin:0 auto 18px; }
.support-intake-aside h3 { font-size:23px; line-height:1.5; margin-bottom:24px; }
.support-intake-aside .button { width:100%; }
.support-page-v13 .intake-form .form-field>label:has(+textarea[required])::after { content:''; display:inline-block; width:5px; height:5px; margin-left:6px; border-radius:50%; background:var(--brand); vertical-align:middle; }
.support-page-v13 .intake-form textarea[aria-invalid="true"] { border-bottom-color:var(--brand); }
.support-page-v13 .form-success { padding:40px; border:1px solid var(--line); border-radius:28px; background:var(--surface); }
.support-page-v13 .form-success h2 { font-size:30px; margin-bottom:18px; }
.support-page-v13 .form-success p { color:var(--muted); }
@media(max-width:1199px) {
  .search-service-card { grid-template-columns:minmax(0,1fr) 120px; gap:18px; padding:28px; }
  .search-service-card .illust-img { width:120px; height:120px; }
  .search-service-copy h3 { font-size:23px; }
  .support-intake-layout { grid-template-columns:300px minmax(0,1fr); gap:40px; }
}
@media(max-width:1023px) {
  .search-service-card { grid-template-columns:minmax(0,1fr) 105px; padding:26px; }
  .search-service-card .illust-img { width:105px; height:105px; }
  .search-service-copy h3 { font-size:22px; }
  .search-service-card .feature-tags { font-size:13px; }
  .search-process-grid, .search-note-grid, .support-promise-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .search-process-grid .process-card { border-right:1px solid var(--line); }
  .search-process-grid .process-card:nth-child(2n) { border-right:0; }
  .support-flow { gap:24px; }
  .support-flow-arrow { right:-22px; }
}
@media(max-width:767px) {
  .search-service-grid, .search-note-grid, .support-promise-grid { grid-template-columns:minmax(0,1fr); gap:16px; }
  .search-service-card { grid-template-columns:minmax(0,1fr) 88px; gap:16px; min-height:260px; padding:24px; border-radius:24px; }
  .search-service-card .illust-img { width:88px; height:112px; }
  .search-service-copy h3 { font-size:21px; margin-bottom:12px; }
  .search-service-copy p { font-size:15px; }
  .search-service-card .feature-tags { font-size:12px; margin-top:18px; gap:6px 8px; }
  .search-process-grid { grid-template-columns:minmax(0,1fr); }
  .search-process-grid .process-card { padding:26px 0; border-right:0; }
  .search-note-card { padding:26px; border-radius:22px; }
  .search-note-card h3 { font-size:21px; }
  .search-consult .consult-copy h2 { font-size:28px; }
  .support-promise-card { padding:28px; border-radius:24px; }
  .support-promise-icon { margin-bottom:22px; }
  .support-promise-card h3 { font-size:22px; }
  .support-flow { grid-template-columns:minmax(0,1fr); gap:38px; margin-top:38px; padding-top:32px; }
  .support-flow>li { display:grid; grid-template-columns:38px minmax(0,1fr); gap:18px; padding-bottom:12px; }
  .support-flow-number { margin:0; }
  .support-flow h3 { font-size:20px; margin:3px 0 8px; }
  .support-flow p { font-size:15px; }
  .support-flow-arrow { top:auto; right:auto; left:9px; bottom:-24px; transform:rotate(90deg); }
  .support-faq-groups { gap:40px; }
  .support-page-v13 .support-faq-group>h3 { font-size:21px; margin-bottom:16px; }
  .support-page-v13 .faq-list summary { gap:12px; padding:22px 32px 22px 0; font-size:17px; }
  .support-page-v13 .faq-list .question-chip { flex:none; font-size:11px; padding:4px 9px; }
  .support-page-v13 .faq-answer { padding:0 0 24px; font-size:15px; }
  .support-intake-layout { grid-template-columns:minmax(0,1fr); gap:36px; }
  .support-intake-aside { position:static; display:grid; grid-template-columns:100px minmax(0,1fr); gap:12px 18px; padding:24px; border-radius:24px; align-items:center; }
  .support-intake-character { grid-column:1; grid-row:1 / span 2; width:100px; height:136px; margin:0; }
  .support-intake-aside h3 { grid-column:2; font-size:18px; margin:0; }
  .support-intake-aside .button { grid-column:2; padding-inline:14px; min-height:48px; }
  .support-page-v13 .form-success { padding:28px; border-radius:24px; }
  .support-page-v13 .form-success h2 { font-size:25px; }
}

/* v13 상세페이지: 승인 원고 재배치와 기존 탭·미리보기 유지 */
#type-panel.detail-v13 > .section.detail-section { padding-block:120px; }
.detail-v13 .detail-section-heading { align-items:center; }
.detail-v13 .section-heading h2 { max-width:100%; font-size:44px; line-height:1.25; }
.detail-v13 .section-description { font-size:17px; line-height:1.8; }
.detail-v13 .section-heading-copy { min-width:0; }
.detail-product-card { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); align-items:center; gap:46px; padding:48px; border:1px solid var(--line); border-radius:28px; background:var(--t-cream); }
.detail-product-copy,.detail-product-art { min-width:0; }
.detail-eyebrow { display:inline-block; margin:0 0 18px; padding:6px 13px; border:1px solid var(--line); border-radius:999px; background:#fff; color:var(--brand); font-size:14px; font-weight:700; }
.detail-product-copy h2 { font-size:38px; line-height:1.32; letter-spacing:-.04em; word-break:keep-all; }
.detail-product-description { margin:22px 0 28px; font-size:17px; line-height:1.85; color:var(--muted); }
.detail-product-price { font-size:46px; line-height:1.2; font-weight:800; letter-spacing:-.04em; }
.detail-product-price-note { margin-top:8px; font-size:14px; line-height:1.7; color:var(--muted); }
.detail-product-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:28px; }
.detail-product-actions .button { padding-inline:22px; }
.detail-product-art { margin:0; width:100%; }
.detail-product-art .home-device-stack { padding:20px 34px 48px 0; }
.detail-product-art .home-type-browser { height:380px; }
.detail-product-art .home-type-phone { width:36%; height:286px; }
.detail-summary-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:22px; margin-top:36px; }
.detail-summary-grid:has(> :last-child:nth-child(3)) { grid-template-columns:repeat(3,minmax(0,1fr)); }
.detail-summary-card { min-width:0; padding:22px 4px; border-top:1px solid var(--line); }
.detail-summary-card .core-icon { width:26px; height:26px; margin-bottom:15px; color:var(--brand); }
.detail-summary-card .core-eyebrow { margin:0 0 10px; color:var(--brand); font-size:13px; font-weight:700; }
.detail-summary-card h3 { margin-bottom:12px; font-size:20px; line-height:1.5; }
.detail-summary-card p { color:var(--muted); font-size:15px; line-height:1.8; }
.detail-v13 .clients-strip { margin-top:36px; }
.detail-fit-section .detail-section-heading { justify-content:space-between; gap:28px; }
.detail-fit-character { width:150px; height:160px; object-fit:contain; flex:none; margin:-30px 28px -12px 0; }
.detail-fit-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.detail-fit-card { padding:32px; border:1px solid var(--line); border-radius:28px; background:#fff; }
.detail-fit-card:nth-child(2) { background:var(--t-cream); }
.detail-fit-card:nth-child(3) { background:var(--t-sky); }
.detail-fit-icon { width:34px; height:34px; padding:7px; border:1px solid var(--line); border-radius:50%; color:var(--brand); background:#fff; margin-bottom:26px; }
.detail-fit-card h3 { font-size:24px; line-height:1.5; margin:0 0 16px; }
.detail-fit-card p { font-size:16px; color:var(--muted); line-height:1.8; }
.detail-feature-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
.detail-feature-card { display:grid; grid-template-columns:minmax(0,1fr) 140px; align-items:center; gap:18px; min-width:0; padding:34px; border:1px solid var(--line); border-radius:28px; background:var(--t-cream); }
.detail-feature-card:nth-child(4n+2) { background:var(--t-sky); }
.detail-feature-card:nth-child(4n+3) { background:var(--t-mint); }
.detail-feature-card:nth-child(4n) { background:var(--t-red); }
.detail-feature-copy { min-width:0; }
.detail-feature-copy h3 { margin:14px 0 16px; font-size:24px; line-height:1.45; }
.detail-feature-copy p { font-size:16px; line-height:1.8; color:var(--muted); }
.detail-feature-copy .check-list { margin-top:22px; gap:9px; }
.detail-feature-copy .check-list li { font-size:14px; line-height:1.7; }
.detail-feature-copy .check-list .icon { width:16px; height:16px; margin-top:4px; flex:none; }
.detail-feature-illust { width:140px; height:160px; object-fit:contain; align-self:center; }
.detail-team-card { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,.9fr); gap:54px; align-items:center; padding:48px; border:1px solid var(--line); border-radius:28px; background:var(--t-sky); }
.detail-team-copy .detail-subtitle { font-size:32px; line-height:1.45; margin:0 0 22px; }
.detail-team-copy .section-description { max-width:100%; }
.detail-team-copy .b-team-benefits { margin-top:24px; }
.detail-team-art { min-width:0; text-align:center; }
.detail-team-illust { display:block; width:240px; height:200px; object-fit:contain; margin:0 auto 16px; }
.detail-team-official { position:relative; padding-bottom:26px; }
.detail-team-official::after { content:""; display:block; height:25px; width:1px; background:var(--line); position:absolute; bottom:0; left:50%; }
.detail-team-members { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; border-top:1px solid var(--line); padding-top:18px; }
.detail-team-member { display:flex; flex-direction:column; align-items:center; gap:10px; padding:16px 8px; border:1px solid var(--line); border-radius:16px; background:#fff; font-size:14px; }
.detail-team-member .icon { color:var(--brand); width:26px; height:26px; }
.detail-preview-block + .detail-preview-block { margin-top:72px; padding-top:64px; border-top:1px solid var(--line); }
.detail-preview-block .section-heading > h3:first-child,.detail-preview-block .section-heading-copy > h3:first-child { font-size:30px; line-height:1.45; }
.detail-preview-block .detail-subtitle { font-size:24px; line-height:1.5; }
.detail-preview-block .sample-card { background:var(--t-cream); border:1px solid var(--line); }
.detail-preview-block .sample-grid-single,.detail-preview-block .sample-single { max-width:950px; margin-inline:auto; grid-template-columns:minmax(0,1fr); }
.detail-preview-block .estate-example-grid { grid-template-columns:minmax(0,1.2fr) minmax(0,1fr); gap:36px; }
.detail-preview-block .office-listing { min-height:80px; }
.detail-preview-block .office-intro { margin-bottom:18px; }
.detail-preview-block .listing-item { min-height:85px; display:flex; align-items:center; }
.detail-mockup-symbol { width:100%; height:130px; padding:35px; color:var(--brand); background:var(--t-cream); border-radius:10px; }
.detail-estate-intro .office-browser { padding:0; font-size:10px; }
.detail-estate-intro .office-screen { padding:15px; }
.detail-estate-intro .office-header { gap:8px; }
.detail-estate-intro .office-header > strong { font-size:16px; }
.detail-estate-intro .office-menu { font-size:8px; gap:8px; }
.detail-estate-intro .office-intro > p { font-size:18px; margin-top:24px; }
.detail-estate-intro .office-intro > img { height:150px; width:100%; object-fit:cover; margin-top:16px; }
.detail-estate-intro .office-listings { gap:6px; margin-top:16px; }
.detail-estate-intro .office-listing { min-height:66px; padding:8px 4px; background:var(--t-cream); }
.detail-estate-intro .office-listing strong,.detail-estate-intro .office-listing p { font-size:9px; line-height:1.5; }
.detail-estate-intro .home-type-phone { max-width:none; }
.detail-estate-intro .detail-app { font-size:10px; padding:10px; }
.detail-estate-intro .detail-copy { padding:0; }
.detail-estate-intro .detail-copy p { margin-top:8px; font-size:10px; }
.detail-estate-intro .detail-mockup-symbol { height:80px; padding:24px; }
.detail-v13 .detail-price-card { border:1px solid var(--line); background:#fff; }
.detail-overview,.detail-options,.detail-compare { margin-top:56px; }
.detail-overview > h3,.detail-options > h3,.detail-compare > h3 { font-size:28px; line-height:1.5; margin-bottom:22px; }
.detail-overview .spec-table { margin:0; }
.detail-v13 .comparison-scroll { overflow-x:auto; max-width:100%; margin-top:0; padding:2px 2px 12px; }
.detail-v13 .comparison-table { min-width:800px; table-layout:fixed; background:#fff; }
.detail-v13 .comparison-table tr > :first-child { width:110px; }
.detail-v13 .comparison-table th,.detail-v13 .comparison-table td { padding:20px 18px; font-size:14px; line-height:1.75; }
.detail-v13 .comparison-table thead th { background:var(--surface); }
.detail-v13 .comparison-table .detail-current-product { border-left:2px solid var(--brand); border-right:2px solid var(--brand); background:#fff8f7; }
.detail-v13 .comparison-table thead .detail-current-product { border-top:2px solid var(--brand); background:var(--brand); color:#fff; }
.detail-v13 .comparison-table tfoot .detail-current-product { border-bottom:2px solid var(--brand); }
.detail-v13 .comparison-table .detail-current-product .button { color:var(--brand); border-color:var(--brand); }
.detail-v13 .options-table { background:#fff; border:1px solid var(--line); }
.detail-v13 .options-table th,.detail-v13 .options-table td { white-space:normal; }
.detail-v13 .b-estate-pricing { grid-template-columns:minmax(0,1fr); }
.detail-v13 .b-price-plan { border:1px solid var(--line); border-radius:28px; }
.detail-v13 .detail-process-grid { grid-template-columns:repeat(var(--detail-step-count),minmax(0,1fr)); }
.detail-v13 .detail-process-grid > li { min-width:0; padding:30px 24px; border-right:1px solid var(--line); }
.detail-v13 .detail-process-grid > li:last-child { border-right:0; }
.detail-v13 .detail-process-grid h3 { font-size:22px; }
.detail-v13 .detail-process-grid p { font-size:15px; line-height:1.8; }
.detail-v13 .detail-process-grid .step-note { margin-top:12px; font-size:13px; }
.detail-v13 .detail-process-grid .process-badge { display:inline-block; margin:0 0 16px; padding:6px 10px; font-size:12px; font-weight:700; border:1px solid var(--line); border-radius:999px; background:var(--t-cream); }
.detail-v13 .detail-process-grid .process-num { font-size:36px; }
.detail-materials-section .materials-grid { gap:24px; }
.detail-materials-section .material-card { padding:32px; border:1px solid var(--line); border-radius:28px; background:#fff; }
.detail-materials-section .material-card:nth-child(2) { background:var(--t-cream); }
.detail-materials-section .material-card h3 { font-size:24px; margin-bottom:22px; }
.detail-v13 .detail-faq-section .section-character { width:135px; height:145px; }
@media(max-width:1100px) {
  .detail-product-card { padding:36px; gap:30px; }
  .detail-product-copy h2 { font-size:32px; }
  .detail-product-art .home-type-browser { height:320px; }
  .detail-product-art .home-type-phone { height:246px; }
  .detail-feature-card { grid-template-columns:minmax(0,1fr) 100px; padding:28px; gap:14px; }
  .detail-feature-illust { width:100px; height:130px; }
  .detail-fit-card { padding:26px; }
  .detail-fit-card h3 { font-size:22px; }
  .detail-v13 .detail-process-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .detail-v13 .detail-process-grid > li:nth-child(2n) { border-right:0; }
}
@media(max-width:900px) {
  .detail-product-card { grid-template-columns:minmax(0,1fr); }
  .detail-product-art { order:-1; max-width:580px; margin-inline:auto; }
  .detail-product-art .home-type-browser { height:330px; }
  .detail-product-art .home-type-phone { height:260px; }
  .detail-summary-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .detail-summary-grid:has(> :last-child:nth-child(3)) { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .detail-fit-grid { gap:16px; }
  .detail-fit-card { padding:22px; }
  .detail-fit-card h3 { font-size:20px; }
  .detail-feature-grid { grid-template-columns:minmax(0,1fr); }
  .detail-feature-card { grid-template-columns:minmax(0,1fr) 180px; }
  .detail-feature-illust { width:180px; height:180px; }
  .detail-team-card { gap:28px; padding:32px; }
  .detail-preview-block .estate-example-grid { grid-template-columns:minmax(0,1fr); }
}
@media(max-width:767px) {
  #type-panel.detail-v13 > .section.detail-section { padding-block:72px; }
  .detail-v13 .section-heading h2 { font-size:30px; }
  .detail-v13 .section-description { font-size:16px; }
  .detail-product-card { padding:24px; gap:30px; border-radius:28px; }
  .detail-product-copy h2 { font-size:27px; }
  .detail-product-description { font-size:16px; margin:18px 0 24px; }
  .detail-product-price { font-size:36px; }
  .detail-product-price-note { font-size:13px; }
  .detail-product-actions { flex-direction:column; margin-top:24px; gap:10px; }
  .detail-product-actions .button { min-height:52px; font-size:15px; }
  .detail-product-art .home-device-stack { padding:8px 22px 28px 0; }
  .detail-product-art .home-type-browser { height:230px; border-width:5px; }
  .detail-product-art .home-type-phone { width:36%; height:184px; border-width:4px; }
  .detail-summary-grid,.detail-summary-grid:has(> :last-child:nth-child(3)) { grid-template-columns:minmax(0,1fr); gap:0; margin-top:24px; }
  .detail-summary-card { padding:22px 0; }
  .detail-summary-card h3 { font-size:20px; }
  .detail-v13 .clients-strip { margin-top:20px; }
  .detail-fit-section .detail-section-heading { flex-direction:row; gap:12px; align-items:center; }
  .detail-fit-section .detail-section-heading h2 { font-size:28px; max-width:210px; }
  .detail-fit-character { width:95px; height:125px; margin:-18px -10px -12px 0; }
  .detail-fit-grid { grid-template-columns:minmax(0,1fr); gap:18px; }
  .detail-fit-card { padding:28px; }
  .detail-fit-icon { margin-bottom:20px; }
  .detail-fit-card h3 { font-size:22px; }
  .detail-feature-grid { gap:20px; }
  .detail-feature-card { display:flex; flex-direction:column-reverse; gap:8px; align-items:flex-start; padding:26px; }
  .detail-feature-copy h3 { font-size:23px; }
  .detail-feature-copy p { font-size:16px; }
  .detail-feature-illust { width:130px; height:125px; align-self:flex-end; }
  .detail-team-card { grid-template-columns:minmax(0,1fr); padding:28px; }
  .detail-team-copy .detail-subtitle { font-size:26px; }
  .detail-team-illust { width:190px; height:170px; }
  .detail-team-members { gap:8px; }
  .detail-team-member { font-size:12px; padding:14px 4px; }
  .detail-preview-block + .detail-preview-block { margin-top:44px; padding-top:40px; }
  .detail-preview-block .section-heading > h3:first-child,.detail-preview-block .section-heading-copy > h3:first-child { font-size:24px; }
  .detail-preview-block .detail-subtitle { font-size:20px; }
  .detail-preview-block .sample-buttons { gap:10px; }
  .detail-preview-block .sample-buttons .button { font-size:13px; }
  .detail-preview-block .office-listing { min-height:60px; }
  .detail-preview-block .listing-item { min-height:76px; }
  .detail-preview-block .detail-mockup-symbol { height:90px; padding:25px; }
  .detail-estate-intro .office-screen { padding:9px; }
  .detail-estate-intro .office-header > strong { font-size:10px; }
  .detail-estate-intro .office-menu { display:none; }
  .detail-estate-intro .office-intro > p { font-size:13px; margin-top:16px; }
  .detail-estate-intro .office-intro > img { height:90px; margin-top:9px; }
  .detail-estate-intro .office-listings { margin-top:8px; gap:4px; }
  .detail-estate-intro .office-listing { padding:5px 2px; min-height:44px; }
  .detail-estate-intro .office-listing strong,.detail-estate-intro .office-listing p { font-size:6px; }
  .detail-estate-intro .detail-app { padding:6px; }
  .detail-estate-intro .detail-copy strong { font-size:7px; }
  .detail-estate-intro .detail-copy p { margin-top:6px; font-size:7px; }
  .detail-estate-intro .detail-copy .listing-chip { font-size:7px; padding:2px 4px; }
  .detail-estate-intro .detail-button { font-size:7px; padding:4px; margin-top:8px; }
  .detail-estate-intro .detail-mockup-symbol { height:48px; padding:13px; }
  .detail-overview,.detail-options,.detail-compare { margin-top:40px; }
  .detail-overview > h3,.detail-options > h3,.detail-compare > h3 { font-size:23px; }
  .detail-v13 .comparison-table { min-width:740px; }
  .detail-v13 .comparison-table th,.detail-v13 .comparison-table td { padding:16px 14px; font-size:13px; }
  .detail-v13 .options-table { table-layout:fixed; min-width:0; font-size:13px; }
  .detail-v13 .options-table th,.detail-v13 .options-table td { padding:16px 12px; }
  .detail-v13 .options-table th:last-child,.detail-v13 .options-table td:last-child { width:78px; }
  .detail-v13 .detail-process-grid { grid-template-columns:minmax(0,1fr); }
  .detail-v13 .detail-process-grid > li { padding:28px 0; border-right:0; }
  .detail-v13 .detail-process-grid .process-num { font-size:32px; }
  .detail-materials-section .materials-grid { gap:18px; }
  .detail-materials-section .material-card { padding:28px; }
  .detail-v13 .detail-faq-section .section-character { width:90px; height:120px; }
}


/* ═══ 2026-10-13 Claude v13 검수 ═══ */
/* ⓕ 인트로: 막이 걷힌 뒤 첫 화면이 한 번 보였다 사라졌다 다시 나타나던 깜빡임 — 막이 걷히는 동안 차례로 나타나게 하고, 끝난 뒤 다시 재생하지 않는다 */
html[data-intro="wait"] .hero-character, html[data-intro="wait"] .hero-bubble, html[data-intro="wait"] .hero-kicker, html[data-intro="wait"] .hero-copy h1, html[data-intro="wait"] .hero-description, html[data-intro="wait"] .hero-actions, html[data-intro="wait"] .hero-trust { opacity:0; }
html[data-intro="play"] .hero-character { animation:intro-hero .3s 1s both; }
html[data-intro="play"] .hero-bubble { animation:intro-hero .3s 1.05s both; }
html[data-intro="play"] .hero-kicker { animation:intro-hero .3s 1.1s both; }
html[data-intro="play"] .hero-copy h1 { animation:intro-hero .3s 1.15s both; }
html[data-intro="play"] .hero-description { animation:intro-hero .3s 1.2s both; }
html[data-intro="play"] .hero-actions { animation:intro-hero .3s 1.25s both; }
html[data-intro="play"] .hero-trust { animation:intro-hero .3s 1.3s both; }
.intro-reveal .hero-character, .intro-reveal .hero-bubble, .intro-reveal .hero-kicker, .intro-reveal .hero-copy h1, .intro-reveal .hero-description, .intro-reveal .hero-actions, .intro-reveal .hero-trust { animation:none; }
/* ⓓ 시작하기 영업용 카드: 빨강 표 대신 화살표 왼쪽 흰 글자 */
.start-card .start-apply-note { position:absolute; right:68px; bottom:30px; color:#fff; font-size:14px; font-weight:700; line-height:24px; letter-spacing:-.01em; }
/* ⓔ 모바일 히어로: 캐릭터 정중앙 · 말풍선은 머리 오른쪽 위 */
@media (max-width:767px) {
  .hero-character { left:0; }
  .hero-bubble { top:-16px; right:-10px; font-size:11px; padding:7px 11px; }
  .start-card .start-apply-note { right:58px; bottom:22px; font-size:13px; }
}


/* 2026-10-13 v13b — 원래 검수 블록 뒤에 회사소개 조직도만 더해요. */
.company-org { --org-gap:28px; --org-row-gap:14px; --org-line:#dedfe5; }
.company-org .org-heading > h2 { flex:1; }
.company-org .org-heading > p { flex:1; max-width:470px; }
.org-chart { padding-top:8px; }
.org-lead { position:relative; width:280px; margin-inline:auto; }
.org-lead-card { display:flex; align-items:center; gap:16px; min-height:104px; padding:22px 24px; border-radius:22px; background:#17191F; color:#fff; }
.org-lead-icon { display:grid; place-items:center; flex:none; width:48px; height:48px; border:1px solid #ffffff29; border-radius:50%; background:#ffffff0d; }
.org-lead-card strong { display:block; font-size:22px; line-height:1.4; font-weight:800; }
.org-lead-card p { margin-top:5px; font-size:14px; line-height:1.6; color:#d6d8df; }
.org-lead::after { content:""; position:absolute; top:100%; left:calc(50% - 1px); width:2px; height:32px; background:var(--org-line); }
.org-departments { position:relative; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); grid-template-rows:auto repeat(3,minmax(112px,auto)); column-gap:var(--org-gap); row-gap:var(--org-row-gap); margin:64px 0 0; padding:0; list-style:none; }
.org-departments::before { content:""; position:absolute; top:-32px; left:calc((100% - 2 * var(--org-gap)) / 6); right:calc((100% - 2 * var(--org-gap)) / 6); height:2px; background:var(--org-line); }
.org-department { position:relative; display:grid; grid-row:span 4; grid-template-rows:subgrid; row-gap:var(--org-row-gap); min-width:0; }
.org-department::before { content:""; position:absolute; top:-32px; left:calc(50% - 1px); width:2px; height:32px; background:var(--org-line); }
.org-department-card { display:flex; flex-direction:column; justify-content:center; min-height:110px; padding:22px 26px; border-radius:22px; background:var(--t-red); }
.org-marketing .org-department-card { background:var(--t-sky); }
.org-support .org-department-card { background:var(--t-mint); }
.org-department-card h3 { margin:0; font-size:20px; font-weight:800; line-height:1.4; }
.org-department-card p { margin-top:6px; color:var(--muted); font-size:14px; line-height:1.6; }
.org-teams { display:grid; grid-row:span 3; grid-template-rows:subgrid; row-gap:var(--org-row-gap); margin:0; padding:0 0 0 32px; list-style:none; }
.org-team { position:relative; min-width:0; }
.org-team::before { content:""; position:absolute; left:-16px; top:calc(-1 * var(--org-row-gap)); bottom:0; width:2px; background:var(--org-line); }
.org-team:last-child::before { bottom:50%; }
.org-team::after { content:""; position:absolute; left:-16px; top:calc(50% - 1px); width:16px; height:2px; background:var(--org-line); }
.org-team-card { position:relative; z-index:1; display:grid; grid-template-columns:24px minmax(0,1fr); align-content:center; align-items:start; gap:12px; height:100%; padding:20px; border:1px solid var(--line); border-radius:18px; background:#fff; }
.org-team-card > .icon { width:24px; height:24px; color:var(--brand); margin-top:1px; }
.org-team-card h4 { margin:0; font-size:17px; font-weight:800; line-height:1.5; }
.org-team-card p { margin-top:6px; color:var(--muted); font-size:14px; line-height:1.7; }
.org-note { margin:32px 0 0; text-align:center; }
.org-note span { display:inline-block; max-width:100%; padding:10px 20px; border-radius:999px; background:var(--surface); color:var(--muted); font-size:14px; line-height:1.7; }
.company-org .reveal-ready { transform:translateY(14px); transition-duration:.55s; }
.company-org .reveal-ready.is-visible { transform:none; }
.org-lead-card.reveal-ready { transition-delay:0ms; }
.org-department-card.reveal-ready { transition-delay:140ms; }
.org-team-card.reveal-ready { transition-delay:280ms; }
.org-team:nth-child(2) .org-team-card.reveal-ready { transition-delay:360ms; }
.org-team:nth-child(3) .org-team-card.reveal-ready { transition-delay:440ms; }
@media (min-width:768px) and (max-width:1023px) {
  .company-org { --org-gap:16px; --org-row-gap:12px; }
  .org-departments { grid-template-rows:auto repeat(3,minmax(114px,auto)); }
  .org-department-card { padding:20px 18px; }
  .org-teams { padding-left:22px; }
  .org-team::before,.org-team::after { left:-12px; }
  .org-team::after { width:12px; }
  .org-team-card { padding:16px 12px; gap:8px; }
  .org-team-card h4 { font-size:16px; }
  .org-team-card p { font-size:13px; }
}
@media (max-width:767px) {
  .company-org { --org-gap:28px; --org-row-gap:12px; }
  .company-org .org-heading { flex-direction:column; align-items:flex-start; }
  .org-chart { padding-top:0; }
  .org-lead { width:auto; margin-left:20px; margin-right:0; }
  .org-lead-card { min-height:100px; padding:20px; border-radius:20px; }
  .org-lead::before { content:""; position:absolute; left:-20px; top:calc(50% - 1px); width:20px; height:2px; background:var(--org-line); }
  .org-lead::after { left:-20px; top:50%; height:calc(50% + 28px); }
  .org-departments { grid-template-columns:minmax(0,1fr); grid-template-rows:none; row-gap:28px; margin-top:28px; padding-left:20px; }
  .org-departments::before { content:none; }
  .org-department { grid-row:auto; grid-template-rows:auto auto; row-gap:12px; }
  .org-department::before { left:-20px; top:-28px; bottom:-28px; height:auto; }
  .org-department:last-child::before { bottom:auto; height:76px; }
  .org-department::after { content:""; position:absolute; left:-20px; top:47px; width:20px; height:2px; background:var(--org-line); }
  .org-department-card { height:96px; min-height:0; padding:20px; border-radius:20px; }
  .org-department-card h3 { font-size:20px; }
  .org-teams { grid-row:auto; grid-template-rows:none; padding-left:24px; }
  .org-team::before,.org-team::after { left:-12px; }
  .org-team::after { width:12px; }
  .org-team-card { min-height:108px; padding:18px 16px; gap:10px; }
  .org-team-card h4 { font-size:16px; }
  .org-team-card p { font-size:14px; }
  .org-note { margin-top:24px; }
  .org-note span { padding:12px 18px; }
}
@media (prefers-reduced-motion:reduce) {
  .company-org [data-reveal] { opacity:1; transform:none; transition:none; }
}

/* 2026-10-13 v13c — 기존 Claude 검수 블록을 보존하고 머리 메뉴와 반짝이 배치를 더해요. */
:root { --header-height:80px; }
.header-v13c { height:80px; background:#fff; border-bottom-color:transparent; transition:height .2s,border-color .2s; }
.header-v13c.is-scrolled { height:68px; background:#fff; backdrop-filter:none; border-bottom-color:var(--line); }
.header-v13c .header-inner { display:grid; grid-template-columns:1fr auto 1fr; gap:0; }
.header-v13c .brand { justify-self:start; }
.header-v13c .primary-nav { height:100%; justify-self:center; gap:36px; font-size:16px; font-weight:600; }
.header-v13c .primary-nav > a,.header-v13c .nav-trigger { display:flex; align-items:center; height:100%; padding:0; font-size:16px; font-weight:600; transition:color .2s; }
.header-v13c .primary-nav > a::after,.header-v13c .nav-trigger::after { content:""; position:absolute; bottom:16px; left:0; right:0; height:2px; background:var(--brand); transform:scaleX(0); transform-origin:center; transition:transform .2s; }
.header-v13c .primary-nav > a:hover,.header-v13c .nav-trigger:hover { color:var(--brand); }
.header-v13c .primary-nav > a:hover::after,.header-v13c .primary-nav > a:focus-visible::after,.header-v13c .nav-trigger:hover::after,.header-v13c .nav-trigger:focus-visible::after { transform:scaleX(1); }
.header-v13c .primary-nav > a[aria-current="page"]::before,.header-v13c .nav-trigger[aria-current="page"]::before { content:""; position:absolute; bottom:8px; left:calc(50% - 2px); width:4px; height:4px; border-radius:50%; background:var(--brand); }
.header-v13c .primary-nav [data-support-link] { color:var(--brand); font-weight:600; }
.header-v13c .header-actions { display:flex; justify-self:end; min-width:0; gap:8px; }
.header-v13c .header-actions .button { height:44px; min-height:44px; padding:0 15px; font-size:14px; gap:7px; white-space:nowrap; }
.header-kakao { background:#fff; border:1px solid #dcdfe5; color:var(--text); }
.header-kakao:hover { background:var(--surface); border-color:#b4b9c3; }
.header-v13c .header-actions .icon,.header-v13c .header-actions .channel-logo { width:18px; height:18px; }
.header-v13c .nav-dropdown { position:static; display:flex; align-items:center; align-self:stretch; }
.header-v13c .nav-trigger .icon,.mobile-menu-v13c .nav-trigger > .icon { transition:transform .2s; }
.header-v13c .nav-trigger[aria-expanded="true"] > .icon,.mobile-menu-v13c .nav-trigger[aria-expanded="true"] > .icon { transform:rotate(180deg); }
.header-v13c .nav-panel { top:100%; left:50%; width:min(1000px,calc(100% - 48px)); padding:20px; border:1px solid var(--line); border-radius:20px; box-shadow:none; }
.nav-products { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.nav-panel .nav-product { display:flex; flex-wrap:nowrap; align-items:flex-start; gap:12px; padding:18px 12px; border-radius:14px; }
.nav-product-icon { display:grid; place-items:center; width:48px; height:48px; flex:none; background:var(--surface); border:1px solid var(--line); border-radius:14px; color:var(--brand); }
.nav-product:hover .nav-product-icon { background:#fff; }
.nav-product-copy { display:flex; flex-wrap:wrap; align-items:center; gap:5px; min-width:0; }
.nav-product-copy strong { flex-basis:100%; font-size:15px; line-height:1.55; }
.nav-product-copy small { flex-basis:100%; font-size:12px; line-height:1.7; }
.nav-panel .nav-products-all { display:flex; justify-content:center; padding:17px 12px 0; margin-top:16px; border-top:1px solid var(--line); border-radius:0; font-size:14px; font-weight:600; color:var(--muted); }
.nav-panel .nav-products-all:hover { color:var(--brand); background:transparent; }
.mobile-menu-v13c { inset:0; margin:0; width:100%; height:100dvh; max-height:100dvh; padding:20px max(20px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left)); overflow-y:auto; overscroll-behavior:contain; }
.mobile-menu-v13c[open] { display:flex; flex-direction:column; animation:menu-enter-v13c .24s ease-out both; }
.mobile-menu-v13c .mobile-menu-head { flex:none; margin-bottom:24px; }
.mobile-menu-v13c .mobile-nav { flex:none; }
.mobile-menu-v13c nav > a,.mobile-menu-v13c .nav-trigger { min-height:65px; padding:18px 0; font-size:20px; font-weight:600; line-height:1.4; }
.mobile-menu-v13c nav > a > .icon,.mobile-menu-v13c .nav-trigger > .icon { width:20px; height:20px; color:var(--muted); }
.mobile-menu-v13c .nav-panel { padding:8px; margin:10px 0 12px; border:1px solid var(--line); border-radius:18px; background:#fff; }
.mobile-menu-v13c .nav-products { grid-template-columns:minmax(0,1fr); gap:0; }
.mobile-menu-v13c .nav-product { padding:14px 10px; }
.mobile-menu-v13c .nav-product-icon { width:40px; height:40px; border-radius:12px; }
.mobile-menu-v13c .nav-product-copy strong { font-size:14px; }
.mobile-menu-v13c .nav-products-all { font-size:12px; margin:4px 6px 0; padding:14px 0 6px; }
.mobile-menu-bottom { margin-top:auto; padding-top:32px; }
.mobile-menu-v13c .mobile-menu-actions { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin:0; }
.mobile-menu-v13c .mobile-menu-actions .button { padding:14px 10px; min-height:50px; font-size:15px; gap:7px; }
.mobile-menu-v13c .mobile-menu-actions .icon,.mobile-menu-v13c .mobile-menu-actions .channel-logo { width:18px; height:18px; }
.mobile-menu-bottom > p { margin-top:16px; text-align:center; color:var(--muted); font-size:12px; }
@keyframes menu-enter-v13c { from { transform:translateX(100%); } to { transform:translateX(0); } }

/* 같은 상대 좌표 상자 안에서 캐릭터와 머리 오른쪽 위의 빛을 함께 움직여요. */
#industry .industry-card.industry-consult > .industry-character-anchor { position:absolute; z-index:1; width:120px; height:120px; right:0; bottom:-36px; pointer-events:none; }
.industry-character-group { display:block; position:relative; width:100%; height:100%; animation:industry-float-v13 3.2s ease-in-out infinite; }
#industry .industry-character-group .industry-consult-character { position:static; width:100%; height:100%; animation:none; transform:none; }
.industry-character-group .industry-spark { left:calc(60% + 4px); top:auto; right:auto; bottom:calc(94% + 4px); width:32px; height:24px; transform:none; }
.industry-character-group .industry-spark i { width:3px; height:9px; }
.industry-character-group .industry-spark i:nth-child(1) { left:0; top:12px; }
.industry-character-group .industry-spark i:nth-child(2) { left:14px; top:0; }
.industry-character-group .industry-spark i:nth-child(3) { left:28px; top:5px; }
@media (min-width:1024px) and (max-width:1250px) {
  .header-v13c .header-actions { gap:6px; }
  .header-v13c .header-actions .button { padding-inline:8px; font-size:13px; gap:4px; }
}
@media (max-width:1023px) {
  :root { --header-height:72px; }
  .header-v13c,.header-v13c.is-scrolled { height:72px; }
  .header-v13c .header-inner { grid-template-columns:1fr auto auto; gap:12px; }
  .header-v13c .primary-nav,.header-v13c .header-actions .header-kakao { display:none; }
  .header-v13c .menu-toggle { display:grid; }
  .header-v13c .header-actions { display:flex; }
  #industry .industry-card.industry-consult > .industry-character-anchor { width:104px; height:104px; bottom:-31px; }
}
@media (max-width:767px) {
  :root { --header-height:60px; }
  .header-v13c,.header-v13c.is-scrolled { height:60px; }
  .header-v13c .header-inner { gap:10px; }
  .header-v13c .header-actions .button { height:34px; min-height:34px; padding:0 12px; font-size:13px; }
  .header-v13c .header-apply > .icon { display:none; }
  .header-v13c .menu-toggle { width:36px; height:36px; padding:7px; }
  .header-v13c .menu-toggle > .icon { width:20px; height:20px; }
  #industry .industry-card.industry-consult > .industry-character-anchor { width:88px; height:88px; right:0; bottom:-26px; }
  .industry-character-group .industry-spark { width:26px; height:20px; }
  .industry-character-group .industry-spark i { width:2px; height:7px; }
  .industry-character-group .industry-spark i:nth-child(1) { top:10px; }
  .industry-character-group .industry-spark i:nth-child(2) { left:11px; }
  .industry-character-group .industry-spark i:nth-child(3) { left:23px; top:4px; }
}
@media (prefers-reduced-motion:reduce) {
  .header-v13c,.header-v13c *,.header-v13c *::after { transition:none; }
  .mobile-menu-v13c[open],.industry-character-group { animation:none; }
}


/* ═══ 2026-10-13 Claude v13d — 메인 자료실 아래 버튼 줄(전체 보기 · 더보기) ═══ */
.archive-home-actions { display:flex; justify-content:center; gap:12px; margin-top:36px; }
.archive-home-actions .btn { min-width:180px; }
.archive-more .icon { width:18px; height:18px; }
.archive-home-grid .archive-card[hidden] { display:none; }
@media (max-width:767px) {
  .archive-home-actions { margin-top:24px; gap:10px; }
  .archive-home-actions .btn { flex:1 1 0; min-width:0; padding-inline:14px; font-size:15px; }
}

/* v13e: 기존 Claude 블록 뒤에서 A/S 메뉴와 검색등록 안내를 배치해요. */
.header-v13c .nav-support { gap:3px; }
.header-v13c .nav-support-link { position:relative; }
.nav-support-toggle { display:grid; place-items:center; align-self:center; width:28px; height:40px; padding:4px; border:0; border-radius:8px; color:var(--brand); background:transparent; }
.nav-support-toggle > .icon { width:16px; height:16px; transition:transform .2s; }
.nav-support-toggle[aria-expanded="true"] > .icon { transform:rotate(180deg); }
.header-v13c .nav-support-panel { width:min(650px,calc(100% - 48px)); }
.nav-support-products { grid-template-columns:repeat(2,minmax(0,1fr)); }
.nav-support-panel .nav-product-copy small { font-size:13px; }
.mobile-menu-v13c [data-support-link],.mobile-menu-v13c [aria-current="page"] { color:var(--brand); }
.search-guide-page .guide-kicker { color:var(--brand); font-size:14px; font-weight:700; }
.search-guide-page .detail-title p:last-child { max-width:760px; }
.guide-preview { padding-top:80px; }
.admin-mockup { overflow:hidden; border:1px solid #dfe2e8; border-radius:20px; background:#fff; }
.mock-browser-bar { display:flex; align-items:center; gap:24px; min-height:58px; padding:14px 24px; border-bottom:1px solid var(--line); background:#fafbfc; }
.mock-browser-dots { display:flex; flex:none; gap:6px; }
.mock-browser-dots i { width:8px; height:8px; border:1px solid #cbd0d8; border-radius:50%; background:#e7e9ee; }
.mock-address { display:flex; align-items:center; gap:8px; width:min(450px,75%); min-width:0; margin-inline:auto; padding:5px 16px; border:1px solid var(--line); border-radius:7px; background:#fff; color:var(--muted); font-size:12px; line-height:1.6; }
.mock-address > .icon { width:13px; height:13px; }
.mock-workspace { display:grid; grid-template-columns:220px minmax(0,1fr); }
.mock-sidebar { display:flex; flex-direction:column; gap:6px; padding:28px 16px; border-right:1px solid var(--line); background:#fff; }
.mock-menu-item { padding:11px 16px; border-radius:9px; font-size:14px; color:var(--muted); white-space:nowrap; }
.mock-menu-item.is-selected { background:var(--t-red); color:var(--brand); font-weight:750; }
.mock-content { min-width:0; padding:30px; background:#f7f8fa; }
.mock-heading { margin-bottom:24px; }
.mock-heading h3 { font-size:24px; }
.mock-heading p { margin-top:8px; font-size:14px; color:var(--muted); }
.mock-group { padding:22px; margin-bottom:16px; border:1px solid var(--line); border-radius:14px; background:#fff; }
.mock-group h4 { display:flex; align-items:center; gap:10px; margin-bottom:19px; font-size:16px; line-height:1.4; }
.guide-markers { display:inline-flex; align-items:center; gap:8px; }
.guide-number { display:inline-flex; align-items:center; justify-content:center; flex:none; color:var(--brand); font-size:35px; font-weight:650; line-height:1; }
.mock-group .guide-number { font-size:27px; }
.mock-fields { display:grid; gap:18px; }
.mock-fields-three { grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.mock-field { min-width:0; }
.mock-label { display:block; margin-bottom:8px; font-size:13px; font-weight:650; }
.mock-input-row { display:flex; gap:8px; }
.mock-input-row input { display:block; width:100%; min-width:0; height:42px; padding:10px 12px; border:1px solid #dce0e7; border-radius:7px; background:#fff; color:#525969; font-size:13px; line-height:1.4; pointer-events:none; }
.mock-input-row input::placeholder { color:#9299a6; }
.mock-input-row button { flex:none; min-width:54px; padding:8px 12px; border:1px solid #dce0e7; border-radius:7px; background:#f8f9fb; color:var(--muted); font-size:12px; opacity:1; pointer-events:none; }
.mock-field small { display:block; margin-top:7px; color:var(--subtle); font-size:11px; line-height:1.65; }
.mock-save { display:flex; align-items:center; justify-content:flex-end; gap:16px; padding-top:6px; }
.mock-save > span { display:flex; align-items:center; gap:5px; color:#278452; font-size:12px; }
.mock-save .icon { width:15px; height:15px; }
.mock-save button { min-width:88px; padding:10px 23px; border:0; border-radius:8px; background:var(--brand); color:#fff; font-size:14px; font-weight:700; opacity:1; pointer-events:none; }
.guide-caption { margin-top:20px; text-align:center; }
.guide-instructions-layout { display:grid; grid-template-columns:minmax(0,360px) minmax(0,1fr); gap:80px; }
.guide-step-heading > .guide-markers,.guide-analytics .section-heading .guide-markers { margin-bottom:22px; }
.guide-step-heading h2 { font-size:38px; line-height:1.4; }
.guide-steps { border-top:1px solid var(--line); }
.guide-steps > li { display:grid; grid-template-columns:42px minmax(0,1fr); gap:20px; padding:24px 0; border-bottom:1px solid var(--line); }
.guide-step-number { color:var(--brand); font-size:25px; font-weight:750; line-height:1.4; }
.guide-steps p { min-width:0; font-size:16px; line-height:1.8; }
.guide-step-lead { font-weight:650; }
.guide-steps strong { font-weight:850; color:var(--text); }
.guide-note { margin-top:24px; padding:24px 28px; border:1px solid var(--line); border-radius:16px; background:var(--surface); color:var(--muted); font-size:14px; line-height:1.9; }
.guide-code-grid,.guide-faq-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.guide-code-card { padding:32px; border:1px solid var(--line); border-radius:24px; background:#fff; }
.guide-code-card > .icon { width:28px; height:28px; margin-bottom:28px; color:var(--brand); }
.guide-code-card h3 { margin-bottom:12px; font-size:23px; }
.guide-code-card p { color:var(--muted); font-size:16px; }
.guide-faq-card { padding:28px; border:1px solid var(--line); border-radius:22px; background:var(--surface); }
.guide-faq-card .question-chip { margin-bottom:24px; background:#fff; color:var(--brand); font-size:12px; }
.guide-faq-card h3 { margin-bottom:16px; font-size:21px; line-height:1.5; }
.guide-faq-card p { color:var(--muted); font-size:15px; line-height:1.8; }
.guide-consult .consult-copy h2 { font-size:36px; }
@media (min-width:1024px) and (max-width:1250px) {
  .header-v13c .primary-nav { gap:24px; }
  .guide-instructions-layout { grid-template-columns:300px minmax(0,1fr); gap:50px; }
}
@media (max-width:1023px) {
  .mock-workspace { grid-template-columns:minmax(0,1fr); }
  .mock-sidebar { flex-direction:row; gap:6px; min-width:0; overflow-x:auto; padding:14px 18px; border-right:0; border-bottom:1px solid var(--line); }
  .mock-menu-item { flex:none; padding:9px 12px; font-size:13px; }
  .mock-content { padding:24px; }
  .guide-instructions-layout { grid-template-columns:240px minmax(0,1fr); gap:32px; }
  .guide-step-heading h2 { font-size:30px; }
  .guide-code-card,.guide-faq-card { padding:24px; }
  .guide-code-grid,.guide-faq-grid { gap:16px; }
  .guide-code-card h3,.guide-faq-card h3 { font-size:20px; }
}
@media (max-width:767px) {
  .guide-preview { padding-top:54px; }
  .mock-browser-bar { min-height:49px; gap:12px; padding:10px 13px; }
  .mock-browser-dots { gap:4px; }
  .mock-browser-dots i { width:6px; height:6px; }
  .mock-address { width:auto; flex:1; padding:5px 8px; font-size:10px; }
  .mock-sidebar { padding:12px; gap:6px; }
  .mock-menu-item { padding:8px 10px; border:1px solid var(--line); border-radius:999px; font-size:12px; }
  .mock-menu-item.is-selected { border-color:#f0c9c9; }
  .mock-content { padding:22px 14px 18px; }
  .mock-heading h3 { font-size:22px; }
  .mock-heading p { font-size:13px; }
  .mock-group { padding:20px 14px; }
  .mock-group h4 { gap:7px; font-size:15px; }
  .mock-group .guide-number { font-size:24px; }
  .mock-fields-three { grid-template-columns:minmax(0,1fr); gap:20px; }
  .mock-input-row { flex-direction:column; gap:7px; }
  .mock-input-row button { align-self:flex-end; min-width:50px; padding:6px 12px; }
  .mock-input-row input { height:42px; padding:10px 9px; font-size:12px; }
  .mock-field small { font-size:11px; }
  .guide-caption { margin-top:16px; font-size:12px; }
  .guide-instructions-layout { grid-template-columns:minmax(0,1fr); gap:30px; }
  .guide-step-heading h2 { font-size:28px; }
  .guide-step-heading > .guide-markers,.guide-analytics .section-heading .guide-markers { margin-bottom:17px; }
  .guide-number { font-size:30px; }
  .guide-steps > li { grid-template-columns:30px minmax(0,1fr); gap:14px; padding:22px 0; }
  .guide-step-number { font-size:22px; }
  .guide-steps p { font-size:15px; line-height:1.85; }
  .guide-note { padding:21px; font-size:14px; }
  .guide-code-grid,.guide-faq-grid { grid-template-columns:minmax(0,1fr); }
  .guide-code-card { display:grid; grid-template-columns:32px minmax(0,1fr); gap:8px 20px; padding:27px 24px; }
  .guide-code-card > .icon { grid-row:1 / span 2; margin:0; }
  .guide-code-card h3 { margin:0; }
  .guide-code-card p { grid-column:2; font-size:15px; }
  .guide-faq-card { padding:26px; }
  .guide-faq-card .question-chip { margin-bottom:18px; }
  .guide-consult .consult-copy h2 { font-size:28px; }
}
@media (prefers-reduced-motion:reduce) {
  .nav-support-toggle > .icon { transition:none; }
}


/* ═══ 2026-10-13 Claude v13f ═══ */
/* ⓑ 히어로 「현재 접수 가능 | 예약 N」 — 마이모델하우스 배지와 같은 모양(초록 점 깜빡임) */
.hero-live { display:inline-flex; align-items:center; gap:10px; margin:18px auto 0; padding:0 18px; height:44px; border:1px solid var(--line); border-radius:999px; background:#fff; font-size:14px; font-weight:700; color:var(--text); white-space:nowrap; }
.hero-live-dot { width:9px; height:9px; border-radius:50%; background:#22c55e; flex:none; animation:heroLiveDot 1.8s ease-in-out infinite; }
.hero-live-resv { color:var(--muted); font-weight:600; border-left:1px solid var(--line); padding-left:10px; }
.hero-live-resv b { color:var(--brand); font-weight:800; }
@keyframes heroLiveDot { 0%,100% { box-shadow:0 0 0 0 rgba(34,197,94,.45); } 50% { box-shadow:0 0 0 6px rgba(34,197,94,0); } }
@media (prefers-reduced-motion:reduce) { .hero-live-dot { animation:none; } }
@media (max-width:767px) { .hero-live { height:40px; font-size:13px; padding:0 14px; margin-top:14px; } }
/* ⓒ 업종 빨강 카드 제목: 좁은 화면에서 글자·단어 사이를 좁혀 띄어쓰기가 붙어 보이던 것 되돌림 */
#industry .industry-consult h3 { white-space:normal; word-break:keep-all; letter-spacing:-.01em; word-spacing:normal; }
@media (max-width:767px) { #industry .industry-consult h3 { font-size:17px; letter-spacing:-.01em; word-spacing:normal; } }

/* ⓓ 헤더·PC 고정바 카톡 버튼 — 카카오 노랑(#FEE500) 바탕 + 갈색(#3C1E1E) 말풍선·글자 */
.site-header a.header-kakao { background:#FEE500; border-color:#FEE500; color:#3C1E1E; }
.site-header a.header-kakao:hover, .site-header a.header-kakao:focus-visible { background:#F5DC00; border-color:#F5DC00; color:#3C1E1E; }
.site-header a.header-kakao .kakao-bubble { width:18px; height:18px; flex:none; }
.quick-consult a.quick-kakao { background:#FEE500; color:#3C1E1E; }
.quick-consult a.quick-kakao:hover { background:#F5DC00; }
.quick-consult a.quick-kakao .kakao-bubble { width:24px; height:24px; }

/* ═══ 2026-10-13 Claude v13g — 모바일 글자 한 단계 키움(11~17px → +1px) · 하단 바 · 「더한디앤씨」 굵기 ═══ */
@media (max-width:767px) {
  .small-note,.center-note,.step-note,.trust-date,.price-note { font-size:15px; }
  .button,.btn { font-size:17px; }
  .button-small { font-size:15px; }
  .chip,.badge,.question-chip,.listing-chip { font-size:15px; }
  .new-badge { font-size:13px; }
  .primary-nav { font-size:17px; }
  .header-phone { font-size:16px; }
  .nav-panel strong { font-size:17px; }
  .nav-panel small { font-size:14px; }
  .nav-tag { font-size:12px; }
  .hero-bubble { font-size:16px; }
  .hero-kicker { font-size:16px; }
  .hero-description { font-size:18px; }
  .hero-trust { font-size:15px; }
  .industry-group span { font-size:17px; }
  .why-card p { font-size:17px; }
  .industry-card p { font-size:17px; }
  .spin-badge { font-size:13px; }
  .work-caption p,.work-caption span { font-size:15px; }
  .work-card>p { font-size:15px; }
  .work-open small { font-size:15px; }
  .portfolio-sidebar .catalog-note { font-size:15px; }
  .work-tabs button,.support-tabs button { font-size:15px; }
  .work-search { font-size:15px; }
  .feature-tags { font-size:15px; }
  .media-strip { font-size:15px; }
  .wordpress-copy .small-note { font-size:14px; }
  .wordpress-pills span { font-size:15px; }
  .process-card p,.process-list p { font-size:17px; }
  .process-five p,.process-four p { font-size:16px; }
  .start-card p { font-size:16px; }
  .breadcrumbs { font-size:15px; }
  .type-tab small { font-size:13px; }
  .core-card p { font-size:17px; }
  .core-eyebrow { font-size:15px; }
  .product-feature-card p,.feature-cell p { font-size:17px; }
  .product-tags { font-size:15px; }
  .check-list li { font-size:17px; }
  .faq-mark { font-size:18px; }
  .faq-answer { font-size:17px; }
  .trust-item strong { font-size:18px; }
  .trust-item p,.trust-item span { font-size:15px; }
  .client-track span { font-size:15px; }
  .clients-note { font-size:14px; }
  .consult-bubble { font-size:15px; }
  .consult-copy p { font-size:16px; }
  .consult-primary { font-size:15px; }
  .consult-links .button { font-size:15px; }
  .company-info { font-size:13px; }
  .footer-links { font-size:15px; }
  .footer-submenu { font-size:13px; }
  .footer-center p { font-size:14px; }
  .footer-bottom { font-size:13px; }
  .quick-bubble { font-size:12px; }
  html[data-edit-mode] .edit-notice { font-size:13px; }
  .fill-tag { font-size:13px; }
  .comparison-table,.options-table { font-size:16px; }
  .plan-card p { font-size:16px; }
  .plan-period,.price-period { font-size:15px; }
  .plan-features { font-size:16px; }
  .price-notes { font-size:15px; }
  .form-field>label,.form-group>legend { font-size:17px; }
  .choice-chips span { font-size:15px; }
  .consent-row { font-size:15px; }
  .field-error,.form-error { font-size:15px; }
  .contact-guide-head p { font-size:16px; }
  .contact-steps li { font-size:16px; }
  .contact-preparation li { font-size:16px; }
  .document-content p,.document-content li { font-size:17px; }
  .demo-tabs { font-size:15px; }
  .demo-field { font-size:14px; }
  .demo-button { font-size:14px; }
  .listing-app,.detail-app,.office-screen { font-size:13px; }
  .b-team-member { font-size:15px; }
  .example-disclaimer { font-size:15px; }
  .primary-nav { font-size:15px; }
  body { font-size:17px; }
  .section-heading>p,.section-head>p,.section-description { font-size:17px; }
  .button,.btn { font-size:15px; }
  .hero-bubble { font-size:12px; }
  .hero-kicker { font-size:13px; }
  .hero-description { font-size:17px; }
  .hero-trust { font-size:12px; }
  .industry-group span { font-size:14px; }
  .why-card p { font-size:16px; }
  .industry-card p { font-size:14px; }
  .portfolio-copy p { font-size:16px; }
  .feature-copy p { font-size:17px; }
  .feature-tags { font-size:13px; }
  .wordpress-copy>p { font-size:17px; }
  .wordpress-pills span { font-size:13px; }
  .recommend-card li { font-size:16px; }
  .detail-title p,.detail-subtitle { font-size:16px; }
  .breadcrumbs { font-size:13px; }
  .type-tab { font-size:13px; }
  .spec-table>div { font-size:15px; }
  .faq-list summary { font-size:18px; }
  .faq-answer { font-size:16px; }
  .trust-date { font-size:13px; }
  .consult-bubble { font-size:13px; }
  .consult-copy p { font-size:16px; }
  .consult-primary { font-size:13px; }
  .consult-links .button { font-size:13px; }
  .footer-links { font-size:14px; }
  .mobile-bar a { font-size:14px; }
  .work-tabs button { font-size:14px; }
  .work-search input { font-size:16px; }
  .comparison-table,.options-table { font-size:14px; }
  .form-field input,.form-field select,.form-field textarea { font-size:17px; }
  .choice-chips span { font-size:14px; }
  .support-tabs button { font-size:14px; }
  .industry-group li { font-size:17px; }
  .industry-badge { font-size:13px; }
  .detail-steps p { font-size:16px; }
  .industry-group li { font-size:14px; }
  .spec-table tr th,.spec-table tr td { font-size:15px; }
  .stat p { font-size:17px; }
  .client-track li { font-size:15px; }
  .support-tabs>a { font-size:15px; }
  .feature-num { font-size:15px; }
  .client-track li { font-size:13px; }
  .support-tabs>a { font-size:14px; }
  .b-listing-phone .listing-app,.b-detail-phone .detail-app { font-size:12px; }
  .b-listing-phone .listing-app-heading { font-size:17px; }
  .b-listing-phone .listing-app-heading { font-size:14px; }
  .trust-item span { font-size:13px; }
  .wordpress-pills li { font-size:15px; }
  .fit-chips .chip { font-size:17px; }
  .wordpress-pills li { font-size:13px; }
  .fit-chips .chip { font-size:15px; }
  .home-products [data-home-type] small { font-size:14px; }
  .home-apply-badge { font-size:12px; }
  .home-type-description { font-size:18px; }
  .home-type-features strong { font-size:18px; }
  .home-type-features p, .home-type-features span { font-size:15px; }
  .home-type-price-note { font-size:14px; }
  .home-type-art .listing-app { font-size:13px; }
  .review-example { font-size:12px; }
  .review-text { font-size:17px; }
  .review-industry { font-size:14px; }
  .archive-meta { font-size:13px; }
  .archive-card p { font-size:16px; }
  .archive-date, .archive-card time { font-size:13px; }
  .archive-filters button { font-size:16px; }
  .article-meta { font-size:15px; }
  .intake-guide-body { font-size:16px; }
  .intake-form .form-field>label { font-size:15px; }
  .intake-form .form-field input:not([type="checkbox"]), .intake-form .form-field textarea { font-size:18px; }
  .intake-form .field-error, .intake-form [data-field-error], .intake-form [data-order-field-error], [data-order-error] { font-size:14px; }
  .intake-form .field-help, .intake-form .form-hint { font-size:14px; }
  .intake-form .form-consent, .intake-form .agree-row { font-size:15px; }
  [data-order-remove] { font-size:14px; }
  .order-same { font-size:16px; }
  [data-order-summary]>div { font-size:16px; }
  .order-total small { font-size:13px; }
  .order-complete dt { font-size:14px; }
  [data-account-copy] { font-size:14px; }
  .primary-nav a,.nav-trigger { font-size:15px; }
  .hero-bubble { font-size:12px; }
  .section-intro { font-size:17px; }
  .why-card p { font-size:16px; }
  .home-products [data-home-type] { font-size:14px; }
  .home-type-description { font-size:17px; }
  .home-type-features strong { font-size:17px; }
  #industry .industry-card h3 { font-size:18px; }
  #industry .industry-card p { font-size:14px; }
  .review-text { font-size:16px; }
  .archive-filters button { font-size:14px; }
  .article-body { font-size:18px; }
  .article-meta { font-size:13px; }
  .intake-form .form-field input:not([type="checkbox"]),.intake-form .form-field textarea { font-size:17px; }
  .intake-form .field-hint, .intake-form .optional { font-size:14px; }
  .consent-row { font-size:15px; }
  .order-same p { font-size:14px; }
  .archive-category { font-size:14px; }
  .review-preview-note { font-size:15px; }
  .home-products .type-tab-copy>span { font-size:14px; }
  .review-example { font-size:13px; }
  .archive-home-grid .archive-meta > span { font-size:14px; }
  .archive-home-grid .archive-meta > time { font-size:14px; }
  .quick-link { font-size:13px; }
  .quick-bubble { font-size:13px; }
  .hero-trust { font-size:13.5px; }
  .hero-bubble { font-size:13px; }
  .consult-links .button { font-size:14px; }
  .comparison-table .button { font-size:14px; }
  .intro-content p { font-size:18px; }
  .home-type-description { font-size:17px; }
  .home-type-features strong { font-size:16px; }
  .home-type-features p { font-size:15px; }
  .home-type-price-note { font-size:14px; }
  #industry .industry-card p { font-size:16px; }
  .industry-consult-pill { font-size:16px; }
  .price-overview-kicker { font-size:17px; }
  .price-overview-description { font-size:18px; }
  .feature-tags { font-size:15px; }
  .recommend-description { font-size:17px; }
  .recommend-card .recommend-chips li { font-size:16px; }
  .price-industry-chips > * { font-size:16px; }
  .archive-home-head p { font-size:18px; }
  .detail-title p { font-size:16px; }
  .hero-kicker { font-size:14px; }
  .hero-description { font-size:16px; }
  .intro-content p { font-size:16px; }
  .home-products .type-tab-copy strong { font-size:14px; }
  .home-type-description { font-size:16px; }
  .home-type-features strong { font-size:17px; }
  .home-type-features p { font-size:15px; }
  .home-type-price-note { font-size:13px; }
  .home-type-copy .product-tags { font-size:13px; }
  #industry .industry-card h3 { font-size:18px; }
  #industry .industry-card p { font-size:14px; }
  #industry .industry-consult h3 { font-size:18px; }
  .industry-consult-pill { font-size:13px; }
  .price-overview-kicker { font-size:15px; }
  .price-overview-description { font-size:17px; }
  .feature-tags { font-size:13px; }
  .recommend-description { font-size:16px; }
  .recommend-card .recommend-chips li { font-size:16px; }
  .company-greeting-copy p { font-size:17px; }
  .price-industry-chips > * { font-size:14px; }
  .archive-home-head p { font-size:17px; }
  .archive-home-grid .archive-meta > span { font-size:13px; }
  .archive-home-grid .archive-card h3 { font-size:18px; }
  .archive-filters button { font-size:15px; }
  .archive-grid-v12 .archive-category { font-size:13px; }
  .archive-grid-v12 h2, .archive-grid-v12 h3 { font-size:17px; }
  .archive-grid-v12 .archive-copy > p { font-size:14px; }
  .article-title-v12 .breadcrumbs { font-size:13px; }
  .article-title-v12 .detail-subtitle { font-size:15px; }
  .article-body-v12 { font-size:17px; }
  .article-body-v12 > p:first-child { font-size:17px; }
  .footer-contact-v13 { font-size:14px; }
  .quick-v13 .quick-link { font-size:13px; }
  .quick-v13 .quick-bubble { font-size:13px; }
  .mobile-bar[data-mobile-bar] a { font-size:16px; }
  .home-products .type-tab-copy > span { font-size:15px; }
  .home-type-description { font-size:18px; }
  .home-type-features p { font-size:16px; }
  .home-type-copy .product-tags { font-size:15px; }
  .feature-more { font-size:16px; }
  .industry-consult-label { font-size:13px; }
  #industry .industry-consult p { font-size:15px; }
  #industry .industry-consult .industry-consult-pill { font-size:15px; }
  .home-products .type-tab-copy strong { font-size:17px; }
  .home-products .type-tab-copy > span { font-size:14px; }
  .home-products [data-home-type] .home-apply-badge { font-size:12px; }
  .home-type-description { font-size:17px; }
  .home-type-features strong { font-size:17px; }
  .home-type-features p { font-size:16px; }
  .home-type-copy .product-tags { font-size:14px; }
  #industry .industry-consult p { font-size:15px; }
  #industry .industry-consult .industry-consult-pill { font-size:13px; }
  .feature-more { font-size:15px; }
  .search-management-page .v13-page-kicker { font-size:15px; }
  .search-service-copy p { font-size:17px; }
  .search-service-card .feature-tags { font-size:15px; }
  .search-note-card p { font-size:17px; }
  .support-promise-card p { font-size:17px; }
  .support-flow-number { font-size:15px; }
  .support-flow p { font-size:16px; }
  .support-answer-link { font-size:16px; }
  .search-service-card .feature-tags { font-size:14px; }
  .search-service-copy p { font-size:16px; }
  .search-service-card .feature-tags { font-size:13px; }
  .support-flow p { font-size:16px; }
  .support-page-v13 .faq-list summary { font-size:18px; }
  .support-page-v13 .faq-list .question-chip { font-size:12px; }
  .support-page-v13 .faq-answer { font-size:16px; }
  .detail-v13 .section-description { font-size:18px; }
  .detail-eyebrow { font-size:15px; }
  .detail-product-description { font-size:18px; }
  .detail-product-price-note { font-size:15px; }
  .detail-summary-card .core-eyebrow { font-size:14px; }
  .detail-summary-card p { font-size:16px; }
  .detail-fit-card p { font-size:17px; }
  .detail-feature-copy p { font-size:17px; }
  .detail-feature-copy .check-list li { font-size:15px; }
  .detail-team-member { font-size:15px; }
  .detail-estate-intro .office-header > strong { font-size:17px; }
  .detail-v13 .comparison-table th,.detail-v13 .comparison-table td { font-size:15px; }
  .detail-v13 .detail-process-grid p { font-size:16px; }
  .detail-v13 .detail-process-grid .step-note { font-size:14px; }
  .detail-v13 .detail-process-grid .process-badge { font-size:13px; }
  .detail-v13 .section-description { font-size:17px; }
  .detail-product-description { font-size:17px; }
  .detail-product-price-note { font-size:14px; }
  .detail-product-actions .button { font-size:16px; }
  .detail-feature-copy p { font-size:17px; }
  .detail-team-member { font-size:13px; }
  .detail-preview-block .sample-buttons .button { font-size:14px; }
  .detail-estate-intro .office-intro > p { font-size:14px; }
  .detail-v13 .comparison-table th,.detail-v13 .comparison-table td { font-size:14px; }
  .detail-v13 .options-table { font-size:14px; }
  .start-card .start-apply-note { font-size:15px; }
  .hero-bubble { font-size:12px; }
  .start-card .start-apply-note { font-size:14px; }
  .org-lead-card p { font-size:15px; }
  .org-department-card p { font-size:15px; }
  .org-team-card h4 { font-size:18px; }
  .org-team-card p { font-size:15px; }
  .org-note span { font-size:15px; }
  .org-team-card h4 { font-size:17px; }
  .org-team-card p { font-size:15px; }
  .header-v13c .primary-nav { font-size:17px; }
  .header-v13c .primary-nav > a,.header-v13c .nav-trigger { font-size:17px; }
  .header-v13c .header-actions .button { font-size:15px; }
  .nav-product-copy strong { font-size:16px; }
  .nav-product-copy small { font-size:13px; }
  .nav-panel .nav-products-all { font-size:15px; }
  .mobile-menu-v13c .nav-product-copy strong { font-size:15px; }
  .mobile-menu-v13c .nav-products-all { font-size:13px; }
  .mobile-menu-v13c .mobile-menu-actions .button { font-size:16px; }
  .mobile-menu-bottom > p { font-size:13px; }
  .header-v13c .header-actions .button { font-size:14px; }
  .archive-home-actions .btn { font-size:16px; }
  .nav-support-panel .nav-product-copy small { font-size:14px; }
  .search-guide-page .guide-kicker { font-size:15px; }
  .mock-address { font-size:13px; }
  .mock-menu-item { font-size:15px; }
  .mock-heading p { font-size:15px; }
  .mock-group h4 { font-size:17px; }
  .mock-label { font-size:14px; }
  .mock-input-row input { font-size:14px; }
  .mock-input-row button { font-size:13px; }
  .mock-field small { font-size:12px; }
  .mock-save > span { font-size:13px; }
  .mock-save button { font-size:15px; }
  .guide-steps p { font-size:17px; }
  .guide-note { font-size:15px; }
  .guide-code-card p { font-size:17px; }
  .guide-faq-card .question-chip { font-size:13px; }
  .guide-faq-card p { font-size:16px; }
  .mock-menu-item { font-size:14px; }
  .mock-menu-item { font-size:13px; }
  .mock-heading p { font-size:14px; }
  .mock-group h4 { font-size:16px; }
  .mock-input-row input { font-size:13px; }
  .mock-field small { font-size:12px; }
  .guide-caption { font-size:13px; }
  .guide-steps p { font-size:16px; }
  .guide-note { font-size:15px; }
  .guide-code-card p { font-size:16px; }
  .hero-live { font-size:15px; }
  .hero-live { font-size:14px; }
  #industry .industry-consult h3 { font-size:18px; }
  .mobile-cta a, [data-mobile-apply], .mobile-cta .icon { }
}
@media (max-width:767px) {
  [data-mobile-apply], .mobile-cta a, .mobile-bar a { font-size:16px; gap:8px; align-items:center; justify-content:center; }
  [data-mobile-apply] .icon, [data-mobile-apply] img, .mobile-cta a .icon, .mobile-cta a img, .mobile-bar a .icon, .mobile-bar a img { width:22px; height:22px; flex:none; }
}
/* 「더한디앤씨」 굵기 한 단계(800 → 900) — PC·모바일 */
.brand-name { font-weight:900; }
/* 2026-10-13 Claude — 모바일 빨강 업종 카드: 글자를 키운 뒤 버튼이 캐릭터 얼굴에 닿아, 캐릭터를 조금 줄이고 오른쪽 아래로 */
@media (max-width:767px) {
  #industry .industry-card.industry-consult > .industry-character-anchor { width:70px; height:70px; right:-4px; bottom:-20px; }
}
@media (max-width:767px) {
  /* 빨강 카드: 버튼 아래에 캐릭터 자리를 따로 둔다(버튼과 겹치지 않게) */
  #industry .industry-card.industry-consult { padding-bottom:64px; }
  #industry .industry-card.industry-consult > .industry-character-anchor { width:66px; height:66px; right:-2px; bottom:-14px; }
  /* 히어로 설명: 글자가 커져 「관리까지」 가 혼자 남던 줄바꿈 → 자연 줄바꿈 + 줄 길이 고르게 */
  .hero-description br { display:none; }
  .hero-description { text-wrap:balance; word-break:keep-all; }
}

/* 2026-10-13 Claude — 히어로 접수 배지: 「요금 먼저 보기」 자리(버튼 옆, 같은 높이) */
.hero-actions .hero-live { margin:0; height:56px; padding:0 22px; font-size:15px; }
@media (max-width:767px) {
  .hero-actions { flex-wrap:wrap; justify-content:center; row-gap:10px; }
  .hero-actions .hero-live { height:48px; font-size:14px; padding:0 18px; }
}

/* ═══ 2026-10-13 Claude v13h — 히어로 「더한디앤씨」 굵기(.hero-copy h1 strong 의 inherit 가 .brand-name 을 이기던 것) ═══ */
.hero-copy h1 strong.brand-name { font-weight:900; }


/* ═══ 2026-10-13 GPT v13h — 캐릭터 제목 띠·A/S 펼침창·상담 버튼 정렬 ═══ */
.detail-title-v13h {
  position:relative;
  isolation:isolate;
  overflow:hidden;
  min-height:0;
  padding:38px 0 44px;
  border-bottom:1px solid #f2e1e2;
  background:linear-gradient(112deg,#fff9f8 0%,#fff2f1 62%,#fce8e8 100%);
  background:linear-gradient(112deg,color-mix(in srgb,var(--brand) 2%,white),color-mix(in srgb,var(--brand) 6%,white) 62%,color-mix(in srgb,var(--brand) 10%,white));
}
.detail-title-v13h > .container {
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr) 280px;
  align-items:center;
  gap:48px;
}
.detail-title-copy { position:relative; z-index:1; min-width:0; }
.detail-title-v13h h1 { margin:20px 0 16px; font-size:clamp(36px,3.35vw,48px); line-height:1.3; letter-spacing:-.035em; word-break:keep-all; text-wrap:balance; }
.detail-title-v13h .detail-title-copy > p:not(.guide-kicker) { max-width:740px; margin:0; font-size:17px; line-height:1.85; color:#62616b; word-break:keep-all; text-wrap:pretty; }
.detail-title-v13h .breadcrumbs {
  display:flex;
  width:fit-content;
  max-width:100%;
  align-items:center;
  gap:5px 8px;
  padding:7px 13px;
  border:1px solid #f0dcdc;
  border-radius:18px;
  background:#ffffffb8;
  color:#706369;
  font-size:12px;
  line-height:1.6;
  white-space:normal;
  overflow:visible;
  text-overflow:clip;
}
.detail-title-v13h .breadcrumbs > [aria-current] { min-width:0; max-width:100%; word-break:keep-all; }
.detail-title-v13h .breadcrumbs > [aria-hidden] { color:#bd969a; }
.detail-title-v13h .article-category,.detail-title-v13h .guide-kicker {
  display:table;
  width:fit-content;
  max-width:100%;
  margin:16px 0 0;
  padding:5px 12px;
  border:1px solid #efd1d3;
  border-radius:999px;
  background:#fff;
  color:var(--brand);
  font-size:12px;
  font-weight:700;
  line-height:1.6;
}
.detail-title-v13h .guide-kicker { margin-top:0; }
.detail-title-v13h .article-category + h1 { margin-top:12px; }
.detail-title-art { position:relative; display:grid; place-items:center; width:280px; height:280px; isolation:isolate; pointer-events:none; }
.detail-title-art::before { content:""; position:absolute; z-index:-1; inset:34px 14px 12px; border-radius:50%; background:#f6d9d9; background:color-mix(in srgb,var(--brand) 12%,white); }
.detail-title-art::after { content:""; position:absolute; z-index:-1; inset:18px -8px 24px 6px; border:1px solid #ffffffd9; border-radius:48% 52% 45% 55%; transform:rotate(-22deg); }
.detail-title-v13h > .container::before,.detail-title-v13h > .container::after { content:""; position:absolute; border-radius:50%; pointer-events:none; }
.detail-title-v13h > .container::before { right:274px; top:40px; width:10px; height:10px; background:#e9acae; }
.detail-title-v13h > .container::after { right:-12px; bottom:30px; width:18px; height:18px; border:3px solid #ebc0c2; }
.detail-title-char { display:block; width:280px; height:280px; max-width:none; object-fit:contain; animation:detail-title-float-v13h 5.5s ease-in-out infinite; }
.detail-title-v13h:has(+ .type-tabs) { padding-bottom:56px; }
.detail-title-v13h + .type-tabs .type-tabs-inner { border-color:#ecd7d9; }
@keyframes detail-title-float-v13h { 0%,100% { transform:translateY(0); } 50% { transform:translateY(-5px); } }

/* 펼침창의 기준점을 A/S 항목으로 잡고 기존 동작 속성을 유지해요. */
.ui-v13h .header-v13c .nav-support { position:relative; }
.ui-v13h .header-v13c .nav-support-panel { top:100%; left:50%; width:392px; max-width:calc(100vw - 40px); padding:12px; transform:translateX(-50%); border:1px solid #e8dadd; border-radius:22px; background:#fff; box-shadow:none; }
.ui-v13h .header-v13c .nav-support-panel::before { content:""; position:absolute; top:-7px; left:calc(50% - 7px); width:13px; height:13px; border-top:1px solid #e8dadd; border-left:1px solid #e8dadd; background:#fff; transform:rotate(45deg); }
.ui-v13h .nav-support-products { grid-template-columns:minmax(0,1fr); gap:8px; }
.ui-v13h .nav-support-panel .nav-product { position:relative; display:flex; flex-wrap:nowrap; align-items:center; gap:14px; padding:17px 14px; border:1px solid transparent; border-radius:14px; background:#fff7f6; transition:background .18s,border-color .18s; }
.ui-v13h .nav-support-panel .nav-product:nth-child(2) { background:#f2f7f6; }
.ui-v13h .nav-support-panel .nav-product-icon { width:48px; height:48px; border:0; border-radius:15px; background:#fae3e3; color:var(--brand); }
.ui-v13h .nav-support-panel .nav-product:nth-child(2) .nav-product-icon { background:#dcece6; color:#397366; }
.ui-v13h .nav-support-panel .nav-product-icon .icon { width:23px; height:23px; }
.ui-v13h .nav-support-panel .nav-product-copy { flex:1; display:flex; flex-direction:column; align-items:flex-start; gap:4px; }
.ui-v13h .nav-support-panel .nav-product-copy strong { font-size:16px; font-weight:750; line-height:1.45; }
.ui-v13h .nav-support-panel .nav-product-copy small { font-size:13px; line-height:1.55; color:#6c6469; word-break:keep-all; }
.ui-v13h .nav-support-panel .nav-product-arrow { flex:none; width:17px; height:17px; color:#ac7c7f; transition:transform .18s; }
.ui-v13h .nav-support-panel .nav-product:nth-child(2) .nav-product-arrow { color:#6c9688; }
.ui-v13h .nav-support-panel .nav-product:hover,.ui-v13h .nav-support-panel .nav-product:focus-visible { border-color:#e8bfc1; background:#ffeded; }
.ui-v13h .nav-support-panel .nav-product:nth-child(2):hover,.ui-v13h .nav-support-panel .nav-product:nth-child(2):focus-visible { border-color:#bcd8ce; background:#e8f3ee; }
.ui-v13h .nav-support-panel .nav-product:hover .nav-product-arrow,.ui-v13h .nav-support-panel .nav-product:focus-visible .nav-product-arrow { transform:translateX(3px); }
.ui-v13h .mobile-menu-v13c .nav-support-panel { padding:8px; margin:12px 0; border:1px solid #ecdedf; border-radius:20px; background:#fff; box-shadow:none; }
.ui-v13h .quick-v13 .quick-kakao { height:78px; min-height:78px; gap:5px; }
.ui-v13h .quick-kakao > span { display:block; text-align:center; white-space:nowrap; word-break:keep-all; font-size:12px; line-height:1.35; }
.ui-v13h .mobile-bar[data-mobile-bar] a { white-space:nowrap; word-break:keep-all; }

@media (min-width:1024px) {
  .ui-v13h .header-v13c .header-inner { grid-template-columns:auto minmax(0,1fr) auto; gap:24px; }
  .ui-v13h .header-v13c .primary-nav { gap:clamp(20px,2.4vw,34px); }
}
@media (min-width:1024px) and (max-width:1279px) {
  .ui-v13h .header-v13c .header-inner { gap:18px; }
  .ui-v13h .header-v13c .primary-nav { gap:20px; }
  .ui-v13h .header-v13c .primary-nav > a,.ui-v13h .header-v13c .nav-trigger { font-size:15px; }
  .ui-v13h .header-v13c .header-actions .button { padding-inline:10px; font-size:13px; gap:5px; }
  .detail-title-v13h > .container { grid-template-columns:minmax(0,1fr) 240px; gap:30px; }
  .detail-title-art,.detail-title-char { width:240px; height:240px; }
  .detail-title-v13h > .container::before { right:238px; }
}
@media (min-width:768px) and (max-width:1023px) {
  .detail-title-v13h { padding-block:32px 40px; }
  .detail-title-v13h > .container { grid-template-columns:minmax(0,1fr) 190px; gap:24px; }
  .detail-title-v13h h1 { font-size:34px; }
  .detail-title-art,.detail-title-char { width:190px; height:190px; }
  .detail-title-v13h > .container::before { right:188px; top:30px; }
  .detail-title-art::before { inset:25px 4px 10px; }
}
@media (max-width:767px) {
  .detail-title-v13h { padding:24px 0 30px; }
  .detail-title-v13h > .container { grid-template-columns:minmax(0,1fr) 116px; gap:12px; align-items:center; }
  .detail-title-copy { display:contents; }
  .detail-title-v13h .breadcrumbs,.detail-title-v13h .guide-kicker { grid-column:1; grid-row:1; align-self:end; margin:0; font-size:11px; padding:5px 9px; gap:3px 6px; border-radius:14px; }
  .detail-title-v13h h1 { grid-column:1; grid-row:2; align-self:start; margin:0; font-size:28px; line-height:1.32; letter-spacing:-.04em; }
  .detail-title-v13h .detail-title-copy > p:not(.guide-kicker) { grid-column:1 / -1; grid-row:3; margin-top:4px; font-size:16px; line-height:1.75; }
  .detail-title-art { grid-column:2; grid-row:1 / 3; align-self:center; }
  .detail-title-art,.detail-title-char { width:116px; height:116px; }
  .detail-title-art::before { inset:14px 2px 4px; }
  .detail-title-art::after { inset:6px -4px 10px; }
  .detail-title-v13h > .container::before { right:115px; top:12px; width:6px; height:6px; }
  .detail-title-v13h > .container::after { right:-4px; top:94px; bottom:auto; width:10px; height:10px; border-width:2px; }
  .detail-title-long .breadcrumbs { align-self:center; }
  .detail-title-long h1 { grid-column:1 / -1; margin-top:4px; }
  .detail-title-long .detail-title-art { grid-row:1; }
  .detail-title-long .article-category { grid-column:1 / -1; grid-row:2; margin:0; justify-self:start; padding:4px 10px; font-size:11px; }
  .detail-title-long:has(.article-category) h1 { grid-row:3; margin:0; }
  .detail-title-long:has(.article-category) .detail-title-copy > p { grid-row:4; }
  .detail-title-v13h:has(+ .type-tabs) { padding-bottom:46px; }
  .ui-v13h .mobile-menu-v13c .nav-support-panel .nav-product { padding:14px 10px; gap:11px; }
  .ui-v13h .mobile-menu-v13c .nav-support-panel .nav-product-icon { width:42px; height:42px; border-radius:13px; }
  .ui-v13h .mobile-menu-v13c .nav-support-panel .nav-product-copy strong { font-size:16px; }
  .ui-v13h .mobile-menu-v13c .nav-support-panel .nav-product-copy small { font-size:13px; }
  .ui-v13h .mobile-menu-v13c .nav-support-panel .nav-product-arrow { width:15px; height:15px; }
  /* 서버 치환 전의 긴 통계 표기도 화면 안에서 줄바꿈해요. */
  .ui-v13h .stats-grid { grid-template-columns:minmax(0,1fr); }
  .ui-v13h .stat > .stat-number { overflow-wrap:anywhere; }
}
@media (prefers-reduced-motion:reduce) {
  .detail-title-char { animation:none; transform:none; }
  .ui-v13h .nav-support-panel .nav-product,.ui-v13h .nav-support-panel .nav-product-arrow { transition:none; }
}

/* ═══ 2026-10-13 Claude v13i — A/S 문의 접수 이미지 첨부 ═══ */
.attach-field { margin:0 0 30px; }
.attach-label { display:block; font-size:14px; font-weight:700; margin-bottom:10px; }
.attach-input { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0 0 0 0); clip-path:inset(50%); border:0; white-space:nowrap; }
.attach-drop { display:flex; align-items:center; gap:14px; padding:16px 18px; border:1.5px dashed #C9CED6; border-radius:16px; background:#FAFBFC; cursor:pointer; transition:border-color .2s ease, background-color .2s ease; }
.attach-drop:hover, .attach-drop.is-over { border-color:var(--brand); background:var(--t-red); }
.attach-input:focus-visible + .attach-drop { outline:2px solid var(--brand); outline-offset:2px; }
.attach-drop.is-full { opacity:.6; }
.attach-drop-icon { flex:none; display:grid; place-items:center; width:46px; height:46px; border-radius:14px; background:#fff; border:1px solid var(--line); color:var(--brand); }
.attach-drop-icon .icon { width:22px; height:22px; }
.attach-drop-copy { display:grid; gap:3px; min-width:0; flex:1; }
.attach-drop-copy strong { font-size:15px; font-weight:700; color:var(--text); }
.attach-drop-copy small { font-size:13px; color:var(--muted); line-height:1.45; }
.attach-count { flex:none; font-size:13px; font-weight:700; color:var(--muted); font-variant-numeric:tabular-nums; }
.attach-field.has-files .attach-count { color:var(--brand); }
.attach-hint { margin-top:8px; font-size:12px; color:var(--muted); }
.attach-list { display:grid; gap:8px; margin:12px 0 0; padding:0; list-style:none; }
.attach-list[hidden] { display:none; }
.attach-item { display:flex; align-items:center; gap:12px; padding:8px; border:1px solid var(--line); border-radius:12px; background:#fff; }
.attach-thumb { flex:none; width:52px; height:52px; border-radius:9px; overflow:hidden; background:var(--surface); }
.attach-thumb img { display:block; width:100%; height:100%; object-fit:cover; }
.attach-meta { display:grid; gap:1px; min-width:0; flex:1; }
.attach-name { font-size:14px; font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.attach-meta small { font-size:12px; color:var(--muted); }
.attach-remove { flex:none; display:grid; place-items:center; width:38px; height:38px; border:0; border-radius:50%; background:transparent; color:var(--muted); cursor:pointer; }
.attach-remove:hover, .attach-remove:focus-visible { background:var(--surface); color:var(--text); }
.attach-remove .icon { width:18px; height:18px; }
@media (max-width:767px) {
  .attach-label { font-size:15px; }
  .attach-drop { padding:14px; gap:12px; }
  .attach-drop-copy strong { font-size:16px; }
  .attach-drop-copy small, .attach-hint { font-size:13px; }
  .attach-name { font-size:15px; }
  .attach-meta small, .attach-count { font-size:13px; }
}