/* PIXELNOTE sub */
.wrap-m{max-width:1040px}

/* 서브 상단 비주얼 */
.sub-hero{position:relative;overflow:hidden;padding:calc(var(--hd) + 72px) 0 128px;background:linear-gradient(180deg,#0b0820 0%,var(--night) 45%,var(--night3) 100%)}
.sub-hero::after{content:'';position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(0,0,0,.16) 0 2px,transparent 2px 4px)}
.sub-sky{position:absolute;inset:0}
.sub-hero-in{position:relative;z-index:2;text-align:center}
.crumb{display:flex;justify-content:center;flex-wrap:wrap;gap:6px;margin-bottom:28px;font-family:var(--pixel);font-size:12px;letter-spacing:1px}
.crumb li{display:flex;align-items:center;gap:6px;color:var(--tx2)}
.crumb li+li::before{content:'▶';font-size:9px;color:var(--pink)}
.crumb a:hover{color:var(--yel)}
.crumb span{color:var(--yel)}
.sub-h1{font-family:var(--pixel);font-size:clamp(38px,5.6vw,80px);line-height:1.15;color:var(--paper);text-shadow:.05em .05em 0 var(--pink),.09em .09em 0 var(--ink)}
.sub-lead{margin-top:22px;font-size:clamp(16px,1.4vw,20px);font-weight:600;color:var(--tx2);text-shadow:2px 2px 0 rgba(26,20,51,.55)}
.is-sub .hd{background:rgba(18,14,42,.94);border-bottom:4px solid var(--ink)}
.sub-walker{position:absolute;z-index:3;bottom:52px;left:-90px;width:72px;animation:walkAcross 16s linear infinite}
.sub-ground{position:absolute;left:0;right:0;bottom:0;height:56px;z-index:2;background:linear-gradient(var(--grass) 0 12px,var(--ink) 12px 16px,transparent 16px),repeating-linear-gradient(90deg,var(--dirt) 0 44px,var(--dirt2) 44px 48px),var(--dirt)}
@keyframes walkAcross{to{transform:translateX(calc(100vw + 180px))}}

/* 대메뉴별 상단 배경 */
.sub-deco{position:absolute;inset:0;z-index:1;pointer-events:none}
.sub-deco i,.sub-deco b{display:block;font-style:normal}
.sub-hero-in,.sub-walker,.sub-ground{z-index:3}
.sub-walker{z-index:4}
.sub-hero .sun{position:absolute;left:50%;bottom:56px;width:300px;height:300px;transform:translate(-50%,40%);
  clip-path:polygon(30% 0,70% 0,70% 6%,82% 6%,82% 12%,88% 12%,88% 18%,94% 18%,94% 30%,100% 30%,100% 70%,94% 70%,94% 82%,88% 82%,88% 88%,82% 88%,82% 94%,70% 94%,70% 100%,30% 100%,30% 94%,18% 94%,18% 88%,12% 88%,12% 82%,6% 82%,6% 70%,0 70%,0 30%,6% 30%,6% 18%,12% 18%,12% 12%,18% 12%,18% 6%,30% 6%)}

/* SERVICE: 맑은 낮 */
.t-service{background:linear-gradient(180deg,#14205a 0%,#1f3f95 45%,#2f63c4 80%,#3f7fd6 100%)}
.t-service .sub-sky{display:none}
.t-service::after{opacity:.6}
.t-service .cloud{opacity:.28}
.t-service .hill{background:#1f7a45}.t-service .hill.h2{background:#17643a}
.t-service .cloud.c1{left:8%;top:30%}.t-service .cloud.c2{left:72%;top:22%}.t-service .cloud.c3{left:48%;top:60%}
.t-service .cloud{animation:drift 30s linear infinite alternate}
.t-service .hill{bottom:56px}
.t-service .hill.h1{left:-60px;width:380px;height:170px}.t-service .hill.h2{right:-20px;width:300px;height:130px}
.t-service .kicker{color:var(--yel)}
.t-service .sub-lead{color:#fff}

/* PORTFOLIO: 노을 도시 */
.t-portfolio{background:linear-gradient(180deg,#2a2260 0%,#7a3f9e 38%,#ff6f8f 72%,#ffb36b 100%)}
.t-portfolio .sun{background:linear-gradient(180deg,#ffb36b 0%,#ff6f8f 100%);opacity:.7}
.t-portfolio .sub-sky{opacity:.6;bottom:50%}
.city{position:absolute;left:-2%;right:-2%;bottom:56px;display:flex;align-items:flex-end;gap:4px}
.city b{flex-basis:0;background:#3b2370;
  background-image:repeating-linear-gradient(0deg,transparent 0 10px,rgba(255,210,63,.45) 10px 16px),repeating-linear-gradient(90deg,#3b2370 0 8px,transparent 8px 14px);background-blend-mode:normal}
.city.far b{background:#4b2f86;background-image:none;opacity:.8}
.city.near b{background-color:var(--ink);background-image:repeating-linear-gradient(90deg,var(--ink) 0 10px,transparent 10px 18px),repeating-linear-gradient(0deg,var(--ink) 0 12px,rgba(255,210,63,.7) 12px 20px)}
.city.near b:nth-child(3n){background-image:repeating-linear-gradient(90deg,var(--ink) 0 10px,transparent 10px 18px),repeating-linear-gradient(0deg,var(--ink) 0 12px,rgba(62,230,196,.45) 12px 20px)}
.t-portfolio .sub-ground{background:linear-gradient(#3a3266 0 12px,var(--ink) 12px 16px,transparent 16px),repeating-linear-gradient(90deg,#2a2450 0 60px,#ffd23f 60px 84px,#2a2450 84px 120px) 0 30px/120px 4px repeat-x,#2a2450}
.t-portfolio .sub-lead{color:#fff}
.t-portfolio,.t-log{padding-bottom:200px}

/* GUIDE: 던전 */
.t-guide{background-color:#163246;background-image:linear-gradient(#0c1f2e 4px,transparent 4px),linear-gradient(90deg,#0c1f2e 4px,transparent 4px);background-size:64px 32px,64px 32px}
.t-guide .sub-sky{display:none}
.t-guide::before{content:'';position:absolute;inset:0;z-index:0;background:radial-gradient(ellipse 60% 70% at 50% 45%,rgba(255,170,60,.22),transparent 70%)}
.torch{position:absolute;top:34%;width:16px;height:56px;background:#6e4520;border:4px solid var(--ink)}
.torch.t1{left:12%}.torch.t2{right:12%}
.torch b{position:absolute;left:50%;bottom:100%;width:28px;height:36px;transform:translateX(-50%);background:var(--yel);
  clip-path:polygon(50% 0,64% 0,64% 22%,78% 22%,78% 44%,100% 44%,100% 100%,0 100%,0 56%,22% 56%,22% 33%,36% 33%,36% 11%,50% 11%);box-shadow:inset 0 -14px 0 #ff7a3d;animation:flame .5s steps(2) infinite}
.t-guide .sub-ground{background:linear-gradient(#6b7590 0 12px,var(--ink) 12px 16px,transparent 16px),repeating-linear-gradient(90deg,#4a5068 0 44px,#3a3f55 44px 48px),#4a5068}
.t-guide .sub-lead{color:#d6e4ee}

/* PIXEL LOG: 노을 바다 */
.t-log{background:linear-gradient(180deg,#6b3fa0 0%,#ff5c8a 42%,#ff9a6b 64%,#ffc87a 70%)}
.t-log .sub-sky{opacity:.5;bottom:60%}
.t-log .sun{bottom:auto;top:auto;bottom:166px;transform:translate(-50%,50%);width:170px;height:170px;background:linear-gradient(180deg,#ffb36b,#ff6f8f)}
.sea{position:absolute;left:0;right:0;bottom:56px;height:110px;background:#3a2a8a;
  background-image:repeating-linear-gradient(0deg,transparent 0 14px,rgba(255,227,107,.35) 14px 18px);
  -webkit-mask-image:linear-gradient(90deg,#000,#000);animation:wave 2.4s steps(4) infinite}
.t-log .sub-ground{background:linear-gradient(#ffe0a3 0 10px,var(--ink) 10px 14px,transparent 14px),repeating-linear-gradient(90deg,#e8b96a 0 44px,#d9a656 44px 48px),#e8b96a}
.t-log .sub-lead{color:#fff}
.t-log .kicker,.t-portfolio .kicker{color:var(--yel)}

/* CONTACT: 우주 */
.t-contact{background:radial-gradient(ellipse 70% 60% at 70% 30%,#3a2a8a 0%,#120e2a 55%,#05030f 100%)}
.planet{position:absolute;border:4px solid var(--ink)}
.planet.p1{right:9%;top:18%;width:120px;height:120px;background:var(--pink);box-shadow:inset -22px -14px 0 #d63d69;
  clip-path:polygon(25% 0,75% 0,75% 8%,88% 8%,88% 20%,100% 20%,100% 80%,88% 80%,88% 92%,75% 92%,75% 100%,25% 100%,25% 92%,12% 92%,12% 80%,0 80%,0 20%,12% 20%,12% 8%,25% 8%)}
.planet.p2{left:10%;top:30%;width:56px;height:56px;background:var(--mint);box-shadow:inset -10px -8px 0 #22b394;
  clip-path:polygon(25% 0,75% 0,75% 12%,100% 25%,100% 75%,75% 88%,75% 100%,25% 100%,25% 88%,0 75%,0 25%,25% 12%)}
.t-contact .sub-ground{background:linear-gradient(#b9b3d6 0 12px,var(--ink) 12px 16px,transparent 16px),radial-gradient(circle at 30% 60%,#6f6a92 0 8px,transparent 9px) 0 0/90px 56px,#8f8ab2}

@keyframes drift{to{transform:translateX(60px)}}
@keyframes flame{50%{transform:translateX(-50%) scaleY(.82)}}
@keyframes wave{50%{background-position:0 4px}}


/* 서브 탭 */
.sub-tabs{background:var(--ink);border-bottom:4px solid #0b0820;position:sticky;top:var(--hd);z-index:40}
.sub-tabs ul{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none}
.sub-tabs ul::-webkit-scrollbar{display:none}
.sub-tabs a{display:block;padding:16px 22px;font-family:var(--pixel);font-size:14px;color:var(--tx2);white-space:nowrap;border-bottom:4px solid transparent;margin-bottom:-4px}
.sub-tabs a:hover{color:var(--tx)}
.sub-tabs a.on{color:var(--yel);border-bottom-color:var(--yel)}

/* 소개: 이름 이야기 */
.ab-story{padding:130px 0;background:var(--paper);color:var(--ink);background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:32px 32px}
.ab-story-in{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}
.ab-eq{display:grid;justify-items:center;gap:14px}
.eq-card{width:100%;max-width:420px;display:flex;flex-direction:column;align-items:center;gap:6px;padding:22px 18px;background:var(--yel);border:4px solid var(--ink);box-shadow:8px 8px 0 rgba(26,20,51,.3)}
.eq-card.c-mint{background:var(--mint)}
.eq-card.c-ink{background:var(--ink);color:var(--tx)}
.eq-card b{font-family:var(--pixel);font-weight:400;font-size:clamp(30px,3.4vw,46px);line-height:1}
.eq-card b em{color:var(--yel)}
.eq-card span{font-size:15px;font-weight:700}
.eq-card.c-ink span{color:var(--tx2)}
.eq-op{font-style:normal;font-family:var(--pixel);font-size:34px;line-height:1;color:var(--pink)}
.ab-story-tx h2{font-family:var(--pixel);font-size:clamp(28px,3vw,42px);line-height:1.3;margin-bottom:28px;text-shadow:4px 4px 0 var(--paper2)}
.ab-story-tx p:not(.kicker){font-size:17px;color:var(--ink2);margin-top:14px}
.ab-story-tx strong{color:var(--ink);background:linear-gradient(transparent 60%,var(--yel) 60%)}

/* 소개: 2인 파티 */
.ab-party{padding:130px 0;background:var(--night)}
.party-list{display:grid;grid-template-columns:1fr 1fr;gap:48px;max-width:1080px;margin:0 auto}
.pcard{background:var(--night3);margin:4px;--bd:var(--ink);--sh:rgba(0,0,0,.45);box-shadow:0 -4px 0 0 var(--bd),0 4px 0 0 var(--bd),-4px 0 0 0 var(--bd),4px 0 0 0 var(--bd),4px 8px 0 0 var(--sh),8px 4px 0 0 var(--sh)}
.pcard-top{display:flex;justify-content:space-between;align-items:center;padding:12px 22px;background:var(--ink);font-family:var(--pixel);font-size:13px;letter-spacing:1px;color:var(--tx2)}
.pcard-no{font-size:22px;line-height:1;color:var(--ink);background:var(--yel);padding:5px 10px}
.pcard.c-mint .pcard-no{background:var(--mint)}
.pcard-body{padding:30px 30px 34px}
.pcard-ic{width:72px;height:72px;display:flex;align-items:flex-end;margin-bottom:20px}
.pcard h3{font-family:var(--pixel);font-size:clamp(24px,2.4vw,32px)}
.pcard-body>p{margin-top:12px;color:var(--tx2);font-size:16px}
.pcard-body>p.pcard-lb{margin-top:26px;font-family:var(--pixel);font-size:13px;letter-spacing:2px;color:var(--yel)}
.pcard.c-mint .pcard-lb{color:var(--mint)}
.pcard ul{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.pcard li{font-size:14px;font-weight:700;padding:5px 12px;background:rgba(255,255,255,.08);border:2px solid rgba(255,255,255,.18)}

/* 소개: 원칙 */
.ab-rules{padding:130px 0;background:var(--night2);background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:48px 48px}
.rules{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}
.rule{background:var(--paper);color:var(--ink);padding:28px 24px 30px;margin:4px;box-shadow:0 -4px 0 0 var(--ink),0 4px 0 0 var(--ink),-4px 0 0 0 var(--ink),4px 0 0 0 var(--ink),4px 8px 0 0 rgba(0,0,0,.4),8px 4px 0 0 rgba(0,0,0,.4)}
.rule-no{display:inline-block;font-family:var(--pixel);font-size:12px;letter-spacing:1px;background:var(--pink);color:#fff;padding:3px 10px}
.rule h3{margin-top:18px;font-family:var(--pixel);font-size:21px;line-height:1.35}
.rule p{margin-top:10px;font-size:15px;color:var(--ink2)}

/* 소개: 비교 */
.ab-compare{padding:130px 0;background:var(--paper);color:var(--ink)}
.ab-compare .sec-hd h2{text-shadow:4px 4px 0 var(--paper2)}
.cmp{border:4px solid var(--ink);background:#fff;box-shadow:8px 8px 0 rgba(26,20,51,.25)}
.cmp-row{display:grid;grid-template-columns:180px 1fr 1fr;border-top:2px dashed var(--line)}
.cmp-row span{padding:20px 24px;font-size:16px}
.cmp-row span:first-child{font-family:var(--pixel);font-size:15px;background:var(--paper2)}
.cmp-row span:nth-child(2){color:var(--ink2)}
.cmp-row b{color:var(--ink);background:linear-gradient(transparent 60%,var(--mint) 60%)}
.cmp-hd{border-top:0;background:var(--ink);color:var(--tx)}
.cmp-hd span,.cmp-hd span:first-child{font-family:var(--pixel);font-size:14px;background:none;color:var(--tx2)}
.cmp-hd span:last-child{color:var(--yel)}

.is-sub .cta{padding-top:130px}

/* 캐릭터: 프로필 */
.ch-profile{padding:120px 0;background:radial-gradient(ellipse 50% 60% at 30% 50%,#4a3aa8 0%,#2a2260 55%,var(--night) 100%)}
.ch-profile-in{display:grid;grid-template-columns:1.05fr .95fr;gap:64px;align-items:center}
.ch-stage{position:relative;display:flex;flex-direction:column;align-items:center;padding-top:40px}
.ch-stage .beam{position:absolute;left:50%;top:-40px;width:min(90%,460px);height:calc(100% - 60px);transform:translateX(-50%);background:linear-gradient(180deg,rgba(255,246,220,0) 0%,rgba(255,246,220,.14) 60%,rgba(255,246,220,.22) 100%);clip-path:polygon(38% 0,62% 0,100% 100%,0 100%)}
.ch-stage .spot{position:absolute;left:50%;top:calc(40px + min(48vw,300px) * .9 - 26px);width:min(80%,360px);height:52px;transform:translateX(-50%);background:rgba(255,210,63,.35);
  clip-path:polygon(20% 0,80% 0,80% 14%,92% 14%,92% 32%,100% 32%,100% 68%,92% 68%,92% 86%,80% 86%,80% 100%,20% 100%,20% 86%,8% 86%,8% 68%,0 68%,0 32%,8% 32%,8% 14%,20% 14%)}
.ch-char{position:relative;width:min(48vw,300px)}
.ch-char[data-pose="jump"]{animation:hop .6s steps(3) infinite}
.ch-say{position:relative;margin-top:26px;font-family:var(--pixel);font-size:18px;color:var(--ink);background:var(--paper);padding:10px 20px;box-shadow:6px 6px 0 rgba(0,0,0,.35)}
.ch-say::before{content:'';position:absolute;left:50%;top:-12px;width:16px;height:12px;transform:translateX(-50%);background:var(--paper);clip-path:polygon(50% 0,100% 100%,0 100%)}
.ch-btns{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:28px}
.ch-btn{font-family:var(--pixel);font-size:14px;padding:9px 16px;background:transparent;color:var(--tx);border:4px solid var(--tx2);cursor:pointer}
.ch-btn:hover{border-color:var(--yel);color:var(--yel)}
.ch-btn.on{background:var(--yel);border-color:var(--yel);color:var(--ink)}
.ch-card{background:var(--paper);color:var(--ink);margin:4px;box-shadow:0 -4px 0 0 var(--ink),0 4px 0 0 var(--ink),-4px 0 0 0 var(--ink),4px 0 0 0 var(--ink),6px 10px 0 0 rgba(0,0,0,.45),10px 6px 0 0 rgba(0,0,0,.45)}
.ch-card-top{display:flex;justify-content:space-between;padding:12px 24px;background:var(--ink);color:var(--yel);font-family:var(--pixel);font-size:13px;letter-spacing:2px}
.ch-card-top span+span{color:var(--tx2)}
.ch-name{padding:26px 28px 6px;font-family:var(--pixel);font-size:clamp(32px,3.4vw,46px);line-height:1.1}
.ch-name small{font-size:.42em;color:var(--pink);margin-left:6px;vertical-align:middle}
.ch-dl{margin:0;padding:10px 28px 28px}
.ch-dl div{display:grid;grid-template-columns:110px 1fr;gap:12px;padding:12px 0;border-top:2px dashed var(--line)}
.ch-dl dt{font-family:var(--pixel);font-size:14px;color:var(--ink2)}
.ch-dl dd{margin:0;font-weight:700;font-size:16px}

/* 캐릭터: 디자인 포인트 */
.ch-parts{padding:130px 0;background:var(--night2)}
.parts-in{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center;max-width:1080px;margin:0 auto}
.parts-fig{position:relative;width:min(80%,340px);margin:0 auto}
.mk,.mk-no{display:grid;place-items:center;width:34px;height:34px;font-family:var(--pixel);font-size:16px;color:var(--ink);background:var(--yel);border:4px solid var(--ink);box-shadow:4px 4px 0 rgba(0,0,0,.35)}
.mk{position:absolute;transform:translate(-50%,-50%);animation:bob 1.2s steps(1) infinite}
.mk.p1{left:66%;top:2%}.mk.p2{left:88%;top:38%;animation-delay:-.3s}.mk.p3{left:4%;top:52%;animation-delay:-.6s}.mk.p4{left:18%;top:100%;animation-delay:-.9s}
.parts-list{display:grid;gap:26px}
.parts-list li{display:flex;gap:18px;align-items:flex-start}
.mk-no{flex:none}
.parts-list h3{font-family:var(--pixel);font-size:21px;line-height:1.3}
.parts-list p{margin-top:6px;color:var(--tx2);font-size:16px}

/* 캐릭터: 모션 도감 */
.ch-dex{padding:130px 0;background:var(--paper);color:var(--ink);background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:32px 32px}
.ch-dex .sec-hd h2{text-shadow:4px 4px 0 var(--paper2)}
.ch-dex .sec-lead{color:var(--ink2)}
.dex{display:grid;grid-template-columns:repeat(5,1fr);gap:28px}
.dex-card{position:relative;background:var(--night3);color:var(--tx);text-align:center;padding:44px 16px 24px;margin:4px;box-shadow:0 -4px 0 0 var(--ink),0 4px 0 0 var(--ink),-4px 0 0 0 var(--ink),4px 0 0 0 var(--ink),4px 8px 0 0 rgba(26,20,51,.3),8px 4px 0 0 rgba(26,20,51,.3)}
.dex-no{position:absolute;left:0;top:0;font-family:var(--pixel);font-size:12px;background:var(--yel);color:var(--ink);padding:4px 10px}
.dex-char{width:min(100%,120px);margin:0 auto 18px}
.dex-card h3{font-family:var(--pixel);font-size:19px}
.dex-card p{margin-top:4px;font-size:14px;color:var(--tx2)}

/* 서비스 공통: 퀘스트 정보 */
.sv-quest{padding:120px 0;background:var(--night)}
.qbox{max-width:1080px;margin:0 auto;background:var(--paper);color:var(--ink);box-shadow:0 -4px 0 0 var(--ink),0 4px 0 0 var(--ink),-4px 0 0 0 var(--ink),4px 0 0 0 var(--ink),6px 10px 0 0 rgba(0,0,0,.45),10px 6px 0 0 rgba(0,0,0,.45);margin-top:4px}
.qbox-top{display:flex;gap:16px;align-items:center;padding:12px 26px;background:var(--ink);font-family:var(--pixel);font-size:13px;letter-spacing:1px;color:var(--yel)}
.qbox-top span:nth-child(2){color:var(--tx)}
.qbox-lv{margin-left:auto;color:var(--pink)}
.qbox-body{display:grid;grid-template-columns:1fr 1fr}
.qcol{padding:34px 34px 38px}
.qcol+.qcol{border-left:4px dashed var(--line);background:#fffaf0}
.qcol h3{display:flex;align-items:center;gap:10px;font-family:var(--pixel);font-size:21px;margin-bottom:18px}
.qic{display:grid;place-items:center;width:30px;height:30px;font-size:16px;background:var(--pink);color:#fff}
.qic-y{background:var(--yel);color:var(--ink)}
.qlist{display:grid;gap:12px}
.qlist li{position:relative;padding-left:26px;font-size:16.5px;font-weight:600}
.qlist li::before{content:'';position:absolute;left:4px;top:9px;width:10px;height:10px;background:var(--pink)}
.qlist-r li::before{background:var(--mint);box-shadow:0 0 0 2px var(--ink)}

/* 서비스: 종류 */
.sv-types{padding:120px 0;background:var(--paper);color:var(--ink);background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:32px 32px}
.sv-types .sec-hd h2,.sv-inc .sec-hd h2{text-shadow:4px 4px 0 var(--paper2)}
.types{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}
.type{background:#fff;padding:30px 24px 30px;margin:4px;border-top:12px solid var(--yel);box-shadow:0 -4px 0 0 var(--ink),0 4px 0 0 var(--ink),-4px 0 0 0 var(--ink),4px 0 0 0 var(--ink),4px 8px 0 0 rgba(26,20,51,.25),8px 4px 0 0 rgba(26,20,51,.25);transition:transform .1s steps(2)}
.type:hover{transform:translate(-4px,-4px)}
.type.c-mint{border-top-color:var(--mint)}.type.c-pink{border-top-color:var(--pink)}.type.c-blue{border-top-color:var(--blue)}
.type-ic{width:56px;height:56px;display:flex;align-items:flex-end;margin-bottom:20px}
.type h3{font-family:var(--pixel);font-size:20px;line-height:1.35;min-height:2.7em;display:flex;align-items:flex-end}
.type p{margin-top:10px;font-size:15px;color:var(--ink2)}
.types-note{margin-top:40px;text-align:center;font-size:16px;font-weight:600}
.types-note a{font-family:var(--pixel);color:var(--pink);margin-left:6px}

/* 서비스: 포함 범위 */
.sv-inc{padding:120px 0;background:var(--paper2);color:var(--ink)}
.sv-inc .sec-lead{color:var(--ink2)}
.inc{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.inc-slot{position:relative;background:var(--ink);color:var(--tx);padding:26px 22px 24px;border:4px solid var(--ink);box-shadow:inset 0 0 0 4px var(--night3),6px 6px 0 rgba(26,20,51,.3)}
.inc-no{font-family:var(--pixel);font-size:13px;color:var(--yel)}
.inc-slot h3{margin-top:10px;font-family:var(--pixel);font-size:19px}
.inc-slot p{margin-top:8px;font-size:14.5px;color:var(--tx2)}
.inc-get{position:absolute;right:14px;top:14px;font-style:normal;font-family:var(--pixel);font-size:11px;color:var(--mint);opacity:.8}

/* 서비스: 과정 */
.sv-flow{padding:120px 0;background:var(--night2);background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:48px 48px}
.flow{position:relative}
.flow-line{position:absolute;left:10%;right:10%;top:30px;height:8px;background:rgba(255,255,255,.12)}
.flow-line b{display:block;height:100%;width:100%;background:repeating-linear-gradient(90deg,var(--yel) 0 12px,var(--yel2) 12px 16px)}
.flow-list{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:22px}
.flow-st{text-align:center}
.flow-no{display:grid;place-items:center;width:64px;height:64px;margin:0 auto 22px;font-family:var(--pixel);font-size:26px;background:var(--yel);color:var(--ink);border:4px solid var(--ink);box-shadow:inset -5px -5px 0 var(--yel2),6px 6px 0 rgba(0,0,0,.35)}
.flow-st:last-child .flow-no{background:var(--pink);color:#fff;box-shadow:inset -5px -5px 0 #d63d69,6px 6px 0 rgba(0,0,0,.35)}
.flow-st h3{font-family:var(--pixel);font-size:19px}
.flow-st p{margin-top:8px;font-size:14.5px;color:var(--tx2)}
.flow-out{display:inline-block;margin-top:14px;font-family:var(--pixel);font-size:12px;color:var(--mint);background:rgba(62,230,196,.1);padding:4px 10px}

/* 서비스: 플랫폼 */
.sv-plat{padding:120px 0;background:var(--night)}
.plats{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}
.plat{background:var(--night3);padding:30px 24px 28px;margin:4px;border:4px solid var(--night3);box-shadow:0 0 0 4px var(--ink),8px 8px 0 4px rgba(0,0,0,.35);transition:border-color .1s steps(2),transform .1s steps(2)}
.plat:hover{border-color:var(--yel);transform:translate(-4px,-4px)}
.plat.c-blue:hover{border-color:var(--blue)}.plat.c-pink:hover{border-color:var(--pink)}.plat.c-mint:hover{border-color:var(--mint)}
.plat-en{font-family:var(--pixel);font-size:12px;letter-spacing:2px;color:var(--yel)}
.plat.c-blue .plat-en{color:var(--blue)}.plat.c-pink .plat-en{color:var(--pink)}.plat.c-mint .plat-en{color:var(--mint)}
.plat h3{margin-top:8px;font-family:var(--pixel);font-size:26px}
.plat-for{margin-top:6px;font-size:15px;font-weight:700}
.plat ul{display:grid;gap:8px;margin-top:18px;padding-top:16px;border-top:2px dashed rgba(255,255,255,.14)}
.plat li{position:relative;padding-left:18px;font-size:14.5px;color:var(--tx2)}
.plat li::before{content:'▶';position:absolute;left:0;top:2px;font-size:9px;color:var(--yel)}

/* 서비스: FAQ */
.sv-faq{padding:120px 0;background:var(--night2)}
.faq-list{display:grid;gap:20px}
.faq-it{background:var(--paper);color:var(--ink);margin:4px;box-shadow:0 -4px 0 0 var(--ink),0 4px 0 0 var(--ink),-4px 0 0 0 var(--ink),4px 0 0 0 var(--ink),4px 8px 0 0 rgba(0,0,0,.4),8px 4px 0 0 rgba(0,0,0,.4)}
.faq-it summary{list-style:none;cursor:pointer;position:relative;display:flex;gap:12px;padding:20px 60px 20px 24px;font-size:17px;font-weight:700}
.faq-it summary::-webkit-details-marker{display:none}
.faq-it summary::after{content:'+';position:absolute;right:24px;top:15px;font-family:var(--pixel);font-size:24px;color:var(--pink)}
.faq-it[open] summary::after{content:'−'}
.faq-it .q{font-family:var(--pixel);color:var(--pink);flex:none}
.faq-a{display:flex;gap:14px;align-items:flex-start;margin:0 20px 20px;padding:18px 20px;background:var(--ink);color:var(--tx)}
.faq-a p{font-size:15.5px}

/* 퍼블리싱: 시안 → 코드 */
.pb-d2c{padding:120px 0;background:var(--night2);background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:48px 48px}
.d2c{display:grid;grid-template-columns:1fr auto 1fr;gap:28px;align-items:center;max-width:1160px;margin:0 auto}
.d2c-win{background:var(--paper);margin:4px;box-shadow:0 -4px 0 0 var(--ink),0 4px 0 0 var(--ink),-4px 0 0 0 var(--ink),4px 0 0 0 var(--ink),6px 10px 0 0 rgba(0,0,0,.45),10px 6px 0 0 rgba(0,0,0,.45)}
.d2c-bar{display:flex;align-items:center;gap:6px;padding:9px 12px;background:var(--ink)}
.d2c-bar i{width:9px;height:9px;background:var(--pink)}
.d2c-bar i:nth-child(2){background:var(--yel)}.d2c-bar i:nth-child(3){background:var(--mint)}
.d2c-bar span{margin-left:10px;font-family:var(--pixel);font-size:12px;color:var(--tx2)}
.mock{position:relative;container-type:inline-size;background:var(--night);color:var(--tx);overflow:hidden}
.mk-hd{display:flex;align-items:center;gap:4.5cqw;padding:3cqw 4.5cqw;background:rgba(18,14,42,.95);border-bottom:.8cqw solid var(--ink);font-family:var(--pixel);font-size:2.6cqw;color:var(--tx2)}
.mk-logo{margin-right:auto;font-weight:400;font-size:3.6cqw;color:var(--tx)}
.mk-logo em{font-style:normal;color:var(--yel)}
.mk-cta{background:var(--yel);color:var(--ink);padding:1cqw 2.4cqw}
.mk-hero{position:relative;display:flex;align-items:flex-end;justify-content:space-between;padding:7cqw 4.5cqw 9cqw;background:linear-gradient(180deg,#14205a 0%,#1f3f95 55%,#2f63c4 100%);overflow:hidden}
.mk-hero::before{content:'';position:absolute;left:58%;top:16%;width:16cqw;height:3.6cqw;background:rgba(255,255,255,.28);box-shadow:3.6cqw -3.6cqw 0 rgba(255,255,255,.28),7.2cqw -3.6cqw 0 rgba(255,255,255,.28)}
.mk-tx{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;gap:1.6cqw}
.mk-kick{font-family:var(--pixel);font-size:2.2cqw;letter-spacing:.4cqw;color:var(--yel)}
.mk-h{font-family:var(--pixel);font-size:6.6cqw;line-height:1.15;color:var(--paper);text-shadow:.6cqw .6cqw 0 var(--pink),1cqw 1cqw 0 var(--ink)}
.mk-p{font-size:2.8cqw;font-weight:700;color:#fff}
.mk-btn{margin-top:1.6cqw;font-family:var(--pixel);font-size:2.6cqw;background:var(--yel);color:var(--ink);padding:1.4cqw 3cqw;box-shadow:.8cqw .8cqw 0 var(--ink)}
.mk-char{position:relative;z-index:1;width:16cqw;margin-bottom:-1cqw}
.mk-ground{position:absolute;left:0;right:0;bottom:0;height:5cqw;background:linear-gradient(var(--grass) 0 1.2cqw,var(--ink) 1.2cqw 1.6cqw,var(--dirt) 1.6cqw)}
.mk-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:3cqw;padding:4.5cqw}
.mk-cards>div{display:flex;flex-direction:column;gap:.8cqw;padding:3cqw;background:var(--night3);border:.6cqw solid var(--ink);box-shadow:.8cqw .8cqw 0 rgba(0,0,0,.4)}
.mk-ic{display:flex;align-items:flex-end;width:6cqw;height:6cqw;margin-bottom:.8cqw}
.mk-cards b{font-family:var(--pixel);font-weight:400;font-size:2.8cqw}
.mk-cards span:not(.mk-ic){font-size:2.2cqw;color:var(--tx2)}
.mk-guide{position:absolute;z-index:2;background:rgba(255,92,138,.85);pointer-events:none}
.mk-guide.g1{left:0;top:34cqw;width:4.5cqw;height:2px}
.mk-guide.g2{left:8cqw;top:10.6cqw;width:2px;height:7cqw}
.mk-px{position:absolute;z-index:2;left:9.4cqw;top:12.4cqw;font-family:var(--pixel);font-size:2cqw;color:#fff;background:var(--pink);padding:.2cqw 1cqw}
.d2c-url{flex:1;margin-left:10px!important;padding:2px 10px;background:rgba(255,255,255,.08);color:var(--tx2);font-family:var(--body)!important;font-size:12px!important}
.d2c-arrow{display:flex;flex-direction:column;align-items:center;gap:6px;font-family:var(--pixel);color:var(--yel)}
.d2c-arrow span{font-size:26px;animation:blink 1s steps(1) infinite}
.d2c-arrow b{font-weight:400;font-size:12px;letter-spacing:2px;color:var(--mint)}
.d2c-code{background:#120e2a}
.code{margin:0;padding:18px 20px 22px;overflow-x:auto;white-space:normal;font-family:Consolas,'D2Coding',monospace;font-size:14px;line-height:1.85;color:var(--tx)}
.code .ln{display:block;white-space:pre}
.code i{font-style:normal}
.code .t{color:var(--pink)}.code .a{color:var(--mint)}.code .v{color:var(--yel)}.code .c{color:#7d76a8}
.fmt{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px 18px;margin-top:64px}
.fmt-tt{font-family:var(--pixel);font-size:15px;color:var(--yel)}
.fmt ul{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.fmt li{font-size:14.5px;font-weight:700;padding:7px 14px;border:3px solid var(--tx2);background:rgba(255,255,255,.04)}

/* 퍼블리싱: 해상도 검수 */
.pb-screen{padding:120px 0;background:var(--night)}
.scr{display:grid;gap:18px}
.scr-row{display:grid;grid-template-columns:110px 1fr 120px 90px;gap:18px;align-items:center}
.scr-px{font-family:var(--pixel);font-size:24px;color:var(--yel);text-align:right}
.scr-px small{font-size:13px;margin-left:2px;color:var(--tx2)}
.scr-bar{height:28px;border:4px solid var(--tx2);background:var(--ink);padding:3px}
.scr-bar b{display:block;height:100%;width:var(--w);background:repeating-linear-gradient(90deg,var(--mint) 0 12px,#22b394 12px 16px)}
.scr-dv{font-weight:700;font-size:15px}
.scr-ok{font-family:var(--pixel);font-size:12px;color:var(--mint)}

/* 개발: 스킬 트리 */
.dv-tree{padding:120px 0;background:var(--night2);background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:48px 48px}
.tree{max-width:1120px;margin:0 auto}
.tree-root{position:relative;display:flex;flex-direction:column;align-items:center;gap:14px;width:fit-content;margin:0 auto;padding:22px 30px;background:var(--ink);border:4px solid var(--yel);box-shadow:6px 6px 0 rgba(0,0,0,.4)}
.tree-lb{font-family:var(--pixel);font-size:13px;letter-spacing:2px;color:var(--yel)}
.tree-root ul{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.tree-root li{font-family:var(--pixel);font-size:15px;padding:6px 14px;background:var(--night3)}
.tree-br{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:64px}
.tree-br::before{content:'';position:absolute;left:16.66%;right:16.66%;top:-34px;height:4px;background:var(--tx2)}
.tree-br::after{content:'';position:absolute;left:50%;top:-64px;width:4px;height:30px;background:var(--tx2);transform:translateX(-50%)}
.branch{position:relative;--c:var(--yel)}
.branch.c-blue{--c:var(--blue)}.branch.c-pink{--c:var(--pink)}
.branch::before{content:'';position:absolute;left:50%;top:-34px;width:4px;height:34px;background:var(--tx2);transform:translateX(-50%)}
.br-hd{text-align:center;padding:18px 16px;background:var(--c);color:var(--ink);border:4px solid var(--ink);box-shadow:6px 6px 0 rgba(0,0,0,.35)}
.br-hd span{font-family:var(--pixel);font-size:12px;letter-spacing:2px;opacity:.7}
.br-hd h3{margin-top:4px;font-family:var(--pixel);font-size:21px}
.br-nodes{position:relative;display:grid;gap:14px;margin-top:22px;padding-left:34px}
.br-nodes::before{content:'';position:absolute;left:14px;top:-22px;bottom:22px;width:4px;background:repeating-linear-gradient(180deg,var(--c) 0 8px,transparent 8px 14px)}
.node-sk{position:relative;display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--night3);border:4px solid var(--ink);font-size:15.5px;font-weight:700}
.node-sk::before{content:'';position:absolute;left:-24px;top:50%;width:20px;height:4px;background:var(--c)}
.node-sk i{display:grid;place-items:center;width:22px;height:22px;flex:none;font-style:normal;font-size:12px;background:var(--c);color:var(--ink)}

/* 개발: 아이템 상점 */
.dv-shop{padding:120px 0;background:var(--paper);color:var(--ink);background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:32px 32px}
.dv-shop .sec-hd h2{text-shadow:4px 4px 0 var(--paper2)}
.dv-shop .sec-lead{color:var(--ink2)}
.shop{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}
.shop-it{position:relative;background:#fff;padding:44px 22px 26px;margin:4px;box-shadow:0 -4px 0 0 var(--ink),0 4px 0 0 var(--ink),-4px 0 0 0 var(--ink),4px 0 0 0 var(--ink),4px 8px 0 0 rgba(26,20,51,.25),8px 4px 0 0 rgba(26,20,51,.25);transition:transform .1s steps(2)}
.shop-it:hover{transform:translate(-4px,-4px)}
.shop-no{position:absolute;left:0;top:0;font-family:var(--pixel);font-size:12px;padding:4px 10px;background:var(--yel)}
.shop-it.c-mint .shop-no{background:var(--mint)}.shop-it.c-blue .shop-no{background:var(--blue)}.shop-it.c-pink .shop-no{background:var(--pink);color:#fff}
.shop-ic{width:48px;height:48px;display:flex;align-items:flex-end;margin-bottom:18px}
.shop-it h3{font-family:var(--pixel);font-size:19px}
.shop-it p{margin-top:8px;font-size:14.5px;color:var(--ink2)}

/* 개발: 세이브 포인트 */
.dv-save{padding:120px 0;background:var(--night)}
.saves{display:grid;gap:16px}
.save{display:grid;grid-template-columns:120px 1fr auto;gap:24px;align-items:center;padding:20px 26px;background:var(--night3);border:4px solid var(--tx2);box-shadow:6px 6px 0 rgba(0,0,0,.4)}
.save:nth-child(odd){border-color:var(--yel)}
.save-slot{font-family:var(--pixel);font-size:15px;color:var(--ink);background:var(--yel);padding:8px 10px;text-align:center}
.save:nth-child(even) .save-slot{background:var(--tx2)}
.save-tx h3{font-family:var(--pixel);font-size:20px}
.save-tx p{margin-top:4px;font-size:15px;color:var(--tx2)}
.save-ok{font-family:var(--pixel);font-size:13px;color:var(--mint)}

/* 쇼핑몰: 구매 동선 */
.sh-route{padding:120px 0;background:var(--night2);background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:48px 48px}
.route{display:grid;grid-template-columns:repeat(6,1fr);gap:20px}
.rt{position:relative;text-align:center;padding:24px 14px 22px;background:var(--night3);border:4px solid var(--ink);box-shadow:6px 6px 0 rgba(0,0,0,.35)}
.rt:not(:last-child)::after{content:'▶';position:absolute;right:-19px;top:50%;z-index:1;transform:translateY(-50%);font-size:14px;color:var(--yel)}
.rt:last-child{border-color:var(--pink)}
.rt-no{font-family:var(--pixel);font-size:12px;letter-spacing:1px;color:var(--yel)}
.rt-ic{width:44px;height:44px;display:flex;align-items:flex-end;margin:14px auto 14px}
.rt h3{font-family:var(--pixel);font-size:18px}
.rt p{margin-top:6px;font-size:13.5px;color:var(--tx2)}

/* 쇼핑몰: 플랫폼 비교 */
.sh-choose{padding:120px 0;background:var(--night)}
.choose{position:relative;display:grid;grid-template-columns:1fr auto 1fr;gap:24px;align-items:center}
.cz{background:var(--night3);margin:4px;--c:var(--pink);box-shadow:0 -4px 0 0 var(--c),0 4px 0 0 var(--c),-4px 0 0 0 var(--c),4px 0 0 0 var(--c),6px 10px 0 0 rgba(0,0,0,.45),10px 6px 0 0 rgba(0,0,0,.45)}
.cz.c-mint{--c:var(--mint)}
.cz-top{display:flex;justify-content:space-between;padding:10px 22px;background:var(--c);color:var(--ink);font-family:var(--pixel);font-size:13px;letter-spacing:1px}
.cz-body{padding:28px 28px 30px}
.cz h3{font-family:var(--pixel);font-size:clamp(30px,3vw,40px);line-height:1}
.cz-for{margin-top:12px;font-family:var(--pixel);font-size:15px;color:var(--c)}
.cz ul{display:grid;gap:10px;margin-top:20px;padding-top:18px;border-top:2px dashed rgba(255,255,255,.14)}
.cz li{position:relative;padding-left:20px;font-size:15.5px}
.cz li::before{content:'';position:absolute;left:2px;top:9px;width:8px;height:8px;background:var(--c)}
.cz-vs{font-family:var(--pixel);font-size:34px;color:var(--yel);text-shadow:4px 4px 0 var(--ink)}

/* 쇼핑몰: 상세페이지 */
.sh-detail{padding:120px 0;background:var(--paper);color:var(--ink);background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:32px 32px}
.sh-detail-in{display:grid;grid-template-columns:1.1fr .9fr;gap:72px;align-items:center;max-width:1120px}
.sh-detail-tx h2{font-family:var(--pixel);font-size:clamp(28px,3vw,42px);line-height:1.3;text-shadow:4px 4px 0 var(--paper2)}
.sh-detail-tx>p:not(.kicker){margin-top:22px;font-size:17px;color:var(--ink2)}
.sh-pts{display:grid;gap:10px;margin-top:28px}
.sh-pts li{display:flex;align-items:center;gap:14px;font-size:16px;font-weight:700;padding:12px 16px;background:#fff;border:4px solid var(--ink);box-shadow:4px 4px 0 rgba(26,20,51,.2)}
.sh-pts b{font-family:var(--pixel);font-weight:400;font-size:13px;background:var(--pink);color:#fff;padding:3px 8px}
.phone{width:min(100%,330px);margin:0 auto;padding:14px;background:var(--ink);border-radius:0;box-shadow:0 0 0 4px var(--ink),10px 10px 0 4px rgba(26,20,51,.3);
  clip-path:polygon(0 12px,12px 12px,12px 0,calc(100% - 12px) 0,calc(100% - 12px) 12px,100% 12px,100% calc(100% - 12px),calc(100% - 12px) calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,12px calc(100% - 12px),0 calc(100% - 12px))}
.phone-in{container-type:inline-size;background:#fff;color:var(--ink);overflow:hidden}
.ph-hd{display:flex;justify-content:space-between;align-items:center;padding:4cqw 5cqw;border-bottom:1cqw solid var(--ink)}
.ph-hd b{font-family:var(--pixel);font-weight:400;font-size:5cqw}
.ph-hd em{font-style:normal;color:var(--pink)}
.ph-cart{width:7cqw}
.ph-img{position:relative;display:grid;place-items:center;aspect-ratio:1/.8;background:linear-gradient(180deg,#ffe3ec,#ffd1df)}
.ph-prod{width:36cqw;animation:bob 1.4s steps(1) infinite}
.ph-badge{position:absolute;left:4cqw;top:4cqw;font-family:var(--pixel);font-size:3.4cqw;background:var(--pink);color:#fff;padding:1cqw 2.4cqw}
.ph-info{display:flex;flex-direction:column;gap:1.6cqw;padding:5cqw}
.ph-cat{font-size:3.4cqw;color:var(--ink2)}
.ph-name{font-family:var(--pixel);font-size:6cqw}
.ph-price{display:flex;align-items:baseline;gap:2.4cqw}
.ph-price s{font-size:3.6cqw;color:#9b95b8}
.ph-price b{font-family:var(--pixel);font-weight:400;font-size:6.4cqw;color:var(--pink)}
.ph-star{font-size:3.8cqw;color:#f5a623}
.ph-star small{color:var(--ink2);font-size:3.4cqw}
.ph-opt{margin-top:1.6cqw;padding:2.6cqw 3.4cqw;border:.8cqw solid var(--ink);font-size:3.6cqw;font-weight:700}
.ph-pt{display:grid;gap:2cqw;padding:5cqw;background:var(--paper)}
.ph-pt span{font-family:var(--pixel);font-size:3.6cqw;color:var(--pink)}
.ph-pt i{display:block;height:2.4cqw;background:rgba(26,20,51,.14)}
.ph-pt i+i{width:70%}
.ph-buy{display:flex;gap:2.4cqw;padding:3.4cqw 4cqw;border-top:1cqw solid var(--ink);background:#fff}
.ph-heart{display:grid;place-items:center;width:12cqw;font-size:5cqw;color:var(--pink);border:.8cqw solid var(--ink)}
.ph-btn{flex:1;display:grid;place-items:center;padding:3cqw 0;font-family:var(--pixel);font-size:4.6cqw;background:var(--pink);color:#fff;animation:pulse 1.2s steps(2) infinite}
@keyframes pulse{50%{background:#ff7aa0}}

/* 유지보수: 상태 점검 */
.mt-status{padding:120px 0;background:var(--night2);background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:48px 48px}
.mt-status-in{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center;max-width:1160px}
.mt-status-tx h2,.mt-seo h2{font-family:var(--pixel);font-size:clamp(28px,3vw,42px);line-height:1.3;text-shadow:4px 4px 0 var(--ink)}
.mt-status-tx>p:not(.kicker){margin-top:22px;font-size:17px;color:var(--tx2)}
.stw{background:var(--ink);margin:4px;box-shadow:0 -4px 0 0 var(--tx2),0 4px 0 0 var(--tx2),-4px 0 0 0 var(--tx2),4px 0 0 0 var(--tx2),6px 10px 0 0 rgba(0,0,0,.45),10px 6px 0 0 rgba(0,0,0,.45)}
.stw-top{display:flex;justify-content:space-between;padding:10px 20px;background:var(--tx2);color:var(--ink);font-family:var(--pixel);font-size:13px;letter-spacing:2px}
.stw-sample{background:var(--pink);color:#fff;padding:0 8px}
.stw-body{padding:24px 24px 26px}
.stw-who{display:flex;align-items:center;gap:14px;padding-bottom:18px;margin-bottom:18px;border-bottom:2px dashed rgba(255,255,255,.14)}
.stw-face{width:44px}
.stw-who b{display:block;font-family:var(--pixel);font-weight:400;font-size:18px}
.stw-who small{font-size:13px;color:var(--tx2)}
.stw-bars{display:grid;gap:14px}
.stw-bars li{display:grid;grid-template-columns:120px 1fr 34px;gap:12px;align-items:center;--c:var(--mint)}
.stw-bars li.c-yel{--c:var(--yel)}.stw-bars li.c-pink{--c:var(--pink)}
.stw-lb{font-size:14px;font-weight:700}
.stw-bar{height:20px;border:3px solid var(--tx2);padding:2px;background:#0b0820}
.stw-bar b{display:block;height:100%;width:var(--w);background:repeating-linear-gradient(90deg,var(--c) 0 10px,transparent 10px 12px)}
.stw-v{font-family:var(--pixel);font-size:15px;color:var(--c);text-align:right}
.stw-tip{margin-top:22px;padding:12px 14px;background:var(--night3);font-size:14.5px}
.stw-tip b{font-family:var(--pixel);font-weight:400;color:var(--yel);margin-right:8px}

/* 유지보수: 수정 대행 */
.mt-fix{padding:120px 0;background:var(--paper);color:var(--ink);background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:32px 32px}
.mt-fix .sec-hd h2{text-shadow:4px 4px 0 var(--paper2)}
.mt-fix .sec-lead{color:var(--ink2)}
.fix{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.fix-it{position:relative;display:flex;gap:16px;align-items:flex-start;padding:24px 22px;background:#fff;border:4px solid var(--ink);box-shadow:6px 6px 0 rgba(26,20,51,.25)}
.fix-no{flex:none;display:grid;place-items:center;width:40px;height:40px;font-family:var(--pixel);font-size:15px;background:var(--ink);color:var(--yel)}
.fix-it h3{font-family:var(--pixel);font-size:19px}
.fix-it p{margin-top:6px;font-size:14.5px;color:var(--ink2)}
.fix-ok{position:absolute;right:12px;top:10px;font-family:var(--pixel);font-size:11px;color:var(--pink);transform:rotate(8deg)}

/* 유지보수: SEO */
.mt-seo{padding:120px 0;background:var(--night)}
.mt-seo-in{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center;max-width:1160px}
.sec-hd-l{text-align:left;margin-bottom:32px}
.seo-ck{display:grid;grid-template-columns:1fr 1fr;gap:10px 18px}
.ck{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:600;color:var(--tx2);transition:color .2s steps(2)}
.ck i{flex:none;position:relative;width:20px;height:20px;border:3px solid var(--tx2)}
.ck.on{color:var(--tx)}
.ck.on i{border-color:var(--mint);background:var(--mint)}
.ck.on i::after{content:'✔';position:absolute;inset:-3px;display:grid;place-items:center;font-size:12px;color:var(--ink)}
.serp{background:#fff;color:var(--ink);padding:22px;margin:4px;box-shadow:0 -4px 0 0 var(--ink),0 4px 0 0 var(--ink),-4px 0 0 0 var(--ink),4px 0 0 0 var(--ink),8px 12px 0 0 rgba(0,0,0,.45),12px 8px 0 0 rgba(0,0,0,.45)}
.serp-q{display:flex;align-items:center;gap:10px;padding:8px 8px 8px 14px;border:4px solid var(--ink)}
.serp-ic{width:20px;flex:none}
.serp-kw{flex:1;font-weight:700;font-size:16px}
.serp-go{font-family:var(--pixel);font-size:13px;background:var(--mint);padding:6px 12px}
.serp-lb{margin:18px 0 10px;font-family:var(--pixel);font-size:12px;letter-spacing:1px;color:var(--pink)}
.serp-it{display:flex;flex-direction:column;gap:4px;padding:14px 0;border-top:2px dashed #e6e1f2}
.serp-it.on{padding:16px;border:3px solid var(--yel);background:#fffbe9}
.serp-url{font-size:12.5px;color:#4a7a3a}
.serp-t{font-size:18px;font-weight:700;color:#2a3fb8;line-height:1.4}
.serp-d{font-size:14px;color:#555}
.serp-faq{display:grid;gap:4px;margin-top:6px}
.serp-faq b{font-size:13.5px;font-weight:600;color:#2a3fb8}
.serp-it i{display:block;height:10px;background:#ece9f5}
.serp-it i:nth-child(1){width:46%;height:8px}.serp-it i:nth-child(2){width:78%;height:14px;background:#dfe3fb}.serp-it i:nth-child(3){width:92%}

/* 유지보수: 이용 방식 */
.mt-pass{padding:120px 0;background:var(--night2)}
.passes{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.pass{position:relative;background:var(--night3);--c:var(--yel);border:4px solid var(--c);box-shadow:8px 8px 0 rgba(0,0,0,.4)}
.pass.c-mint{--c:var(--mint)}
.pass-top{display:flex;justify-content:space-between;align-items:center;padding:12px 24px;background:var(--c);color:var(--ink);font-family:var(--pixel);font-size:15px;letter-spacing:2px}
.pass-top i{font-style:normal;animation:blink 1.2s steps(1) infinite}
.pass-body{padding:28px 28px 30px}
.pass h3{font-family:var(--pixel);font-size:clamp(26px,2.6vw,34px)}
.pass-sub{margin-top:4px;font-size:15px;color:var(--c);font-weight:700}
.pass ul{display:grid;gap:10px;margin:20px 0 22px;padding:18px 0;border-top:2px dashed rgba(255,255,255,.14);border-bottom:2px dashed rgba(255,255,255,.14)}
.pass li{position:relative;padding-left:20px;font-size:15.5px}
.pass li::before{content:'▶';position:absolute;left:0;top:3px;font-size:10px;color:var(--c)}
.pass-for{font-size:15px;color:var(--tx2)}
.pass-for b{font-family:var(--pixel);font-weight:400;color:var(--ink);background:var(--c);padding:2px 8px;margin-right:10px}
.pass-cut{position:absolute;left:-16px;right:-16px;top:52px;height:0;border-top:4px dashed transparent}
.pass-cut::before,.pass-cut::after{content:'';position:absolute;top:-14px;width:24px;height:24px;background:var(--night2);border:4px solid var(--c)}
.pass-cut::before{left:0;border-left:0}.pass-cut::after{right:0;border-right:0}

/* 가이드: 공략 지도 */
.gp-map{padding:120px 0 100px;background:var(--night2);background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:48px 48px}
.gmap{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:24px;max-width:1120px;margin:0 auto}
.gmap::before{content:'';position:absolute;left:10%;right:10%;top:44px;height:6px;background:repeating-linear-gradient(90deg,var(--tx2) 0 12px,transparent 12px 20px)}
.gmap-st{position:relative;--c:var(--yel)}
.gmap-st.c-mint{--c:var(--mint)}.gmap-st.c-pink{--c:var(--pink)}.gmap-st.c-blue{--c:var(--blue)}
.gmap-st a{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}
.gmap-ic{display:grid;place-items:center;width:92px;height:92px;padding:18px;background:var(--ink);border:4px solid var(--c);box-shadow:6px 6px 0 rgba(0,0,0,.4);transition:transform .1s steps(2)}
.gmap-ic svg{width:100%}
.gmap-st a:hover .gmap-ic{transform:translateY(-6px)}
.gmap-no{margin-top:8px;font-family:var(--pixel);font-size:12px;letter-spacing:1px;color:var(--c)}
.gmap-st b{font-family:var(--pixel);font-weight:400;font-size:18px}
.gmap-st:last-child .gmap-ic{animation:bob 1.2s steps(1) infinite}

/* 가이드: 스테이지별 공략 */
.gp-stages{padding:110px 0;background:var(--paper);color:var(--ink);background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:32px 32px}
.gp-stages .wrap{display:grid;gap:44px;max-width:1120px}
.gst{--c:var(--yel);scroll-margin-top:170px;background:#fff;border:4px solid var(--ink);border-left:16px solid var(--c);box-shadow:8px 8px 0 rgba(26,20,51,.25)}
.gst.c-mint{--c:var(--mint)}.gst.c-pink{--c:var(--pink)}.gst.c-blue{--c:var(--blue)}
.gst-hd{display:flex;align-items:center;gap:20px;padding:26px 30px 0}
.gst-no{display:grid;place-items:center;width:64px;height:64px;flex:none;font-family:var(--pixel);font-size:30px;background:var(--c);border:4px solid var(--ink);box-shadow:inset -5px -5px 0 rgba(0,0,0,.15)}
.gst-en{font-family:var(--pixel);font-size:12px;letter-spacing:2px;color:var(--ink2)}
.gst h2{font-family:var(--pixel);font-size:clamp(24px,2.6vw,34px);line-height:1.2}
.gst-ic{width:52px;height:52px;display:flex;align-items:flex-end;margin-left:auto}
.gst-desc{padding:16px 30px 0;font-size:16.5px;color:var(--ink2)}
.gst-body{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:22px 30px}
.gst-col{padding:20px 22px;background:var(--paper)}
.gst-you{background:#fff4f7}
.gst-col h3{font-family:var(--pixel);font-size:16px;margin-bottom:12px}
.gst-you h3{color:#d63d69}
.gst-list{display:grid;gap:8px}
.gst-list li{position:relative;padding-left:18px;font-size:15.5px;font-weight:600}
.gst-list li::before{content:'';position:absolute;left:2px;top:9px;width:7px;height:7px;background:var(--ink)}
.gst-you .gst-list li::before{background:var(--pink)}
.gst-foot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px 24px;padding:16px 30px;background:var(--ink);color:var(--tx)}
.gst-get{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.gst-get b,.gst-chk b{font-family:var(--pixel);font-weight:400;font-size:13px;margin-right:6px;color:var(--c)}
.gst-get span{font-family:var(--pixel);font-size:13px;padding:4px 10px;background:var(--c);color:var(--ink)}
.gst-chk{font-size:14.5px;color:var(--tx2)}
.gst-chk b{color:var(--mint)}

/* 가이드: 팁 */
.gp-tips{padding:120px 0;background:var(--night)}
.tips{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.tip{padding:26px 22px 28px;background:var(--night3);border:4px solid var(--ink);box-shadow:6px 6px 0 rgba(0,0,0,.4)}
.tip-lb{display:inline-block;font-family:var(--pixel);font-size:12px;letter-spacing:1px;padding:3px 10px;background:var(--mint);color:var(--ink)}
.tip h3{margin-top:14px;font-family:var(--pixel);font-size:19px;line-height:1.35}
.tip p{margin-top:8px;font-size:14.5px;color:var(--tx2)}

/* 가이드: 견적 기준 */
.pr-factor{padding:120px 0;background:var(--night2);background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:48px 48px}
.factors{display:grid;grid-template-columns:repeat(5,1fr);gap:20px}
.factor{--c:var(--yel);position:relative;padding:28px 20px 26px;background:var(--night3);border:4px solid var(--ink);border-top:10px solid var(--c);box-shadow:6px 6px 0 rgba(0,0,0,.4)}
.factor.c-mint{--c:var(--mint)}.factor.c-pink{--c:var(--pink)}.factor.c-blue{--c:var(--blue)}
.factor-no{position:absolute;right:14px;top:12px;font-family:var(--pixel);font-size:13px;color:var(--c)}
.factor-ic{width:48px;height:48px;display:flex;align-items:flex-end;margin-bottom:18px}
.factor h3{font-family:var(--pixel);font-size:19px}
.factor p{margin-top:8px;font-size:14.5px;color:var(--tx2)}

/* 가이드: 기간표 */
.pr-table{padding:120px 0;background:var(--paper);color:var(--ink)}
.pr-table .sec-hd h2{text-shadow:4px 4px 0 var(--paper2)}
.pr-table .sec-lead{color:var(--ink2)}
.ptb{background:#fff;border:4px solid var(--ink);box-shadow:8px 8px 0 rgba(26,20,51,.25)}
.ptb-row{display:grid;grid-template-columns:1.6fr 1fr 1fr 90px;align-items:center;border-top:2px dashed var(--line)}
.ptb-row>span{padding:18px 22px}
.ptb-hd{border-top:0;background:var(--ink);color:var(--tx2);font-family:var(--pixel);font-size:13px;letter-spacing:1px}
.ptb-hd>span{padding:14px 22px}
.ptb-name b{display:block;font-family:var(--pixel);font-weight:400;font-size:18px}
.ptb-name small{font-size:13.5px;color:var(--ink2)}
.ptb-time{font-family:var(--pixel);font-size:20px;color:var(--ink)}
.ptb-price{font-size:15px;font-weight:700;color:var(--pink);word-break:keep-all}
.ptb-go a{font-family:var(--pixel);font-size:13px;color:var(--ink2)}
.ptb-go a:hover{color:var(--pink)}
.ptb-row:not(.ptb-hd):hover{background:#fffbe9}

/* 가이드: 견적 시뮬레이터 */
.pr-sim{padding:120px 0;background:var(--night)}
.qb{display:grid;gap:22px}
.qb-set{margin:0;padding:24px 26px 26px;border:4px solid var(--tx2);background:var(--night3)}
.qb-set legend{display:flex;align-items:center;gap:10px;padding:0 10px;font-family:var(--pixel);font-size:17px}
.qb-set legend span{font-size:12px;background:var(--yel);color:var(--ink);padding:3px 8px}
.qb-opts{display:flex;flex-wrap:wrap;gap:10px}
.qb-opts label{cursor:pointer}
.qb-opts input{position:absolute;opacity:0;pointer-events:none}
.qb-opts span{display:block;padding:10px 18px;font-size:15px;font-weight:700;border:4px solid var(--tx2);background:var(--ink);transition:transform .08s steps(2)}
.qb-opts label:hover span{border-color:var(--yel)}
.qb-opts input:checked+span{background:var(--yel);border-color:var(--yel);color:var(--ink);transform:translate(-2px,-2px);box-shadow:4px 4px 0 rgba(0,0,0,.4)}
.qb-opts input[type=checkbox]:checked+span{background:var(--mint);border-color:var(--mint)}
.qb-opts input:focus-visible+span{outline:3px dashed var(--pink);outline-offset:3px}
.qb-one{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}
.qb-one span{padding:10px 6px;text-align:center;white-space:nowrap}
@media (max-width:640px){.qb-one{gap:6px}.qb-one span{padding:9px 2px;font-size:13px}}
@media (max-width:480px){.qb-one{grid-template-columns:repeat(3,1fr)}}
.qb-result{display:grid;justify-items:center;gap:8px;padding:30px 26px 32px;text-align:center;background:var(--paper);color:var(--ink);border:4px solid var(--ink);box-shadow:8px 8px 0 rgba(0,0,0,.4)}
.qb-lb{font-family:var(--pixel);font-size:14px;color:var(--pink);letter-spacing:2px}
.qb-out b{font-family:var(--pixel);font-weight:400;font-size:clamp(40px,5vw,60px);line-height:1.1}
.qb-two{display:flex;gap:4px 40px;flex-wrap:wrap;justify-content:center;text-align:center}
.qb-two>div{display:flex;flex-direction:column;align-items:center}
@media (max-width:640px){.qb-two .qb-out b{font-size:36px}}
.qb-two .qb-out b{white-space:nowrap}
#qbPrice{color:var(--pink)}
.qb-note{font-size:14px;color:var(--ink2);margin-bottom:12px}

/* 가이드: 포함 / 별도 */
.pr-inc{padding:120px 0;background:var(--night2)}
.incx{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.ct-sum-need{margin-top:12px;padding:10px 12px;font-size:13.5px;line-height:1.55;background:#fff;border:3px dashed var(--ink);color:var(--ink)}
.ct-sum-need b{display:block;font-family:var(--pixel);font-weight:400;font-size:12px;color:#b8285a;margin-bottom:2px}
.incx-col.incx-need h3 span{background:var(--yel)}
.incx-col.incx-need li::before{background:var(--yel2)}
.incx-col{padding:28px 30px 30px;background:var(--paper);color:var(--ink);border:4px solid var(--ink);box-shadow:8px 8px 0 rgba(0,0,0,.4)}
.incx-col h3{display:flex;align-items:center;gap:10px;font-family:var(--pixel);font-size:21px;margin-bottom:18px}
.incx-col h3 span{display:grid;place-items:center;width:30px;height:30px;background:var(--mint);font-size:16px}
.incx-ext h3 span{background:var(--pink);color:#fff}
.incx-col ul{display:grid;gap:10px}
.incx-col li{position:relative;padding-left:20px;font-size:15.5px;font-weight:600}
.incx-col li::before{content:'';position:absolute;left:2px;top:9px;width:8px;height:8px;background:var(--mint)}
.incx-ext li::before{background:var(--pink)}

/* 가이드: FAQ */
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.fq-help{padding:90px 0 40px;background:var(--night)}
.npc{display:grid;grid-template-columns:150px 1fr;gap:28px;align-items:end}
.npc-char{width:150px}
.npc-talk{position:relative;padding:30px 30px 28px;background:var(--ink);border:4px solid var(--tx);box-shadow:8px 8px 0 rgba(0,0,0,.4)}
.npc-talk::before{content:'';position:absolute;left:-20px;bottom:40px;width:16px;height:20px;background:var(--tx);clip-path:polygon(100% 0,100% 100%,0 50%)}
.npc-name{position:absolute;left:20px;top:-18px;font-family:var(--pixel);font-size:14px;background:var(--yel);color:var(--ink);padding:4px 14px}
.npc-say{font-size:clamp(16px,1.4vw,19px);font-weight:700}
.fq-search{position:relative;margin-top:18px}
.fq-search input{width:100%;padding:14px 56px 14px 18px;font-size:16px;color:var(--ink);background:var(--paper);border:4px solid var(--yel);border-radius:0;outline:0}
.fq-search input:focus{box-shadow:4px 4px 0 var(--pink)}
.fq-search-ic{position:absolute;right:16px;top:50%;width:26px;transform:translateY(-50%)}
.fq-list{padding:30px 0 120px;background:var(--night)}
.fq-tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:22px}
.fq-tab{padding:9px 16px;font-family:var(--pixel);font-size:14px;color:var(--tx);background:var(--night3);border:4px solid var(--night3);cursor:pointer}
.fq-tab b{font-weight:400;font-size:12px;color:var(--tx2);margin-left:4px}
.fq-tab:hover{border-color:var(--yel)}
.fq-tab.on{background:var(--yel);border-color:var(--yel);color:var(--ink)}
.fq-tab.on b{color:var(--ink2)}
.fq-count{margin-bottom:18px;font-family:var(--pixel);font-size:13px;color:var(--mint)}
.fq-it summary{align-items:center}
.fq-q{flex:1}
.fq-cat{flex:none;font-style:normal;font-family:var(--pixel);font-size:11px;padding:3px 8px;background:var(--yel);color:var(--ink)}
.fq-cat.c-mint{background:var(--mint)}.fq-cat.c-pink{background:var(--pink);color:#fff}.fq-cat.c-blue{background:var(--blue)}
.fq-it mark{background:var(--yel);color:var(--ink)}
.fq-empty{padding:40px 24px;text-align:center;background:var(--night3);border:4px dashed var(--tx2)}
.fq-empty b{font-family:var(--pixel);font-weight:400;color:var(--pink);margin-right:8px}
.fq-empty p+p{margin-top:8px;color:var(--tx2)}

/* PIXEL LOG: 목록 */
.lg-list{padding:80px 0 120px;background:var(--night)}
.lg-top{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:36px}
.lg-tabs{display:flex;flex-wrap:wrap;gap:10px}
.lg-tabs a{display:block;padding:9px 16px;font-family:var(--pixel);font-size:14px;background:var(--night3);border:4px solid var(--night3)}
.lg-tabs a:hover{border-color:var(--yel)}
.lg-tabs a.on{background:var(--yel);border-color:var(--yel);color:var(--ink)}
.lg-write{font-size:14px;padding:10px 18px}
.lg-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.lg-card a{display:flex;flex-direction:column;height:100%;background:var(--paper);color:var(--ink);border:4px solid var(--ink);box-shadow:6px 6px 0 rgba(0,0,0,.4);transition:transform .1s steps(2)}
.lg-card a:hover{transform:translate(-4px,-4px)}
.lg-thumb{position:relative;aspect-ratio:40/21;display:grid;place-items:center;overflow:hidden;border-bottom:4px solid var(--ink);--c:var(--yel);background:var(--c)}
.lg-thumb.t-mint{--c:var(--mint)}.lg-thumb.t-pink{--c:var(--pink)}.lg-thumb.t-blue{--c:var(--blue)}
.lg-thumb img{width:100%;height:100%;object-fit:cover}
.lg-thumb-ic{width:64px;opacity:.85}
.lg-new{position:absolute;left:12px;top:12px;font-family:var(--pixel);font-size:12px;background:var(--pink);color:#fff;padding:3px 10px}
.lg-tx{flex:1;padding:20px 22px 24px}
.lg-meta-s{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--ink2)}
.lg-meta-s time{font-family:var(--pixel)}
.lg-cat{font-style:normal;font-family:var(--pixel);font-size:11px;padding:3px 8px;background:var(--yel);color:var(--ink)}
.lg-cat.c-mint{background:var(--mint)}.lg-cat.c-pink{background:var(--pink);color:#fff}.lg-cat.c-blue{background:var(--blue)}
.lg-card h2{margin-top:10px;font-family:var(--pixel);font-size:19px;line-height:1.4}
.lg-sum{margin-top:8px;font-size:14.5px;color:var(--ink2)}
.lg-first{grid-column:1/-1}
.lg-first a{display:grid;grid-template-columns:1.1fr 1fr}
.lg-first .lg-thumb{aspect-ratio:auto;min-height:320px;border-bottom:0;border-right:4px solid var(--ink)}
.lg-first .lg-tx{display:flex;flex-direction:column;justify-content:center;padding:36px 40px}
.lg-first h2{font-size:clamp(24px,2.4vw,32px)}
.lg-first .lg-sum{font-size:16px}
.lg-paging{display:flex;justify-content:center;gap:8px;margin-top:48px}
.lg-paging a,.lg-paging span{display:grid;place-items:center;min-width:42px;height:42px;font-family:var(--pixel);font-size:15px;background:var(--night3);border:4px solid var(--night3)}
.lg-paging a:hover{border-color:var(--yel)}
.lg-paging span.on{background:var(--yel);border-color:var(--yel);color:var(--ink)}
.lg-empty{display:flex;flex-direction:column;align-items:center;gap:10px;padding:70px 20px;text-align:center;background:var(--night3);border:4px dashed var(--tx2)}
.lg-empty-char{width:110px;margin-bottom:10px}
.lg-empty-t{font-family:var(--pixel);font-size:22px;color:var(--yel)}
.lg-empty p+p{color:var(--tx2)}

/* PIXEL LOG: 상세 */
.lg-view{padding:70px 0 120px;background:var(--paper);color:var(--ink)}
.lg-view-in{max-width:1100px}
.lg-art{background:#fff;border:4px solid var(--ink);box-shadow:8px 8px 0 rgba(26,20,51,.2)}
.lg-meta{display:flex;flex-wrap:wrap;align-items:center;gap:14px;padding:18px 30px;border-bottom:2px dashed var(--line);font-family:var(--pixel);font-size:13px;color:var(--ink2)}
.lg-edit{margin-left:auto;color:var(--pink)}
.lg-body{padding:34px 40px 44px;font-size:17px;line-height:1.85;word-break:keep-all;overflow-wrap:break-word}
.lg-body h2,.lg-body h3{font-family:var(--pixel);line-height:1.4;margin:1.6em 0 .6em}
.lg-body h2{font-size:26px}.lg-body h3{font-size:21px}
.lg-body p{margin:0 0 1em}
.lg-body img{max-width:100%;height:auto;border:4px solid var(--ink)}
.lg-body a{color:#2a3fb8;text-decoration:underline}
.lg-body ul,.lg-body ol{margin:0 0 1em;padding-left:1.4em;list-style:revert}
.lg-body blockquote{margin:1.2em 0;padding:14px 20px;background:var(--paper);border-left:8px solid var(--yel)}
.lg-body pre,.lg-body code{font-family:Consolas,monospace;background:#120e2a;color:var(--tx);font-size:14px}
.lg-body pre{padding:16px;overflow-x:auto}
.lg-body code{padding:1px 6px}
.lg-body pre code{padding:0}
.lg-body table{width:100%;border-collapse:collapse;margin:1em 0}
.lg-body th,.lg-body td{border:2px solid var(--ink);padding:8px 12px}
.lg-pn{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:28px}
.lg-pn a{display:flex;flex-direction:column;gap:4px;padding:16px 20px;background:#fff;border:4px solid var(--ink)}
.lg-pn a:hover{background:#fffbe9}
.lg-pn span{font-family:var(--pixel);font-size:12px;color:var(--pink)}
.lg-pn b{font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lg-next{text-align:right}
.lg-back{margin-top:24px;text-align:center}
.lg-back .btn-line{color:var(--ink);--bd:var(--ink)}
.lg-back .btn-line:hover{background:var(--ink);color:var(--yel)}
.lg-cta{display:flex;align-items:center;gap:20px;margin-top:40px;padding:24px 28px;background:var(--ink);color:var(--tx);border:4px solid var(--ink);box-shadow:8px 8px 0 rgba(26,20,51,.25)}
.lg-cta-char{width:70px;flex:none}
.lg-cta div{flex:1}
.lg-cta-t{font-family:var(--pixel);font-size:18px;color:var(--yel)}
.lg-cta div p+p{margin-top:4px;font-size:14.5px;color:var(--tx2)}

/* PORTFOLIO: 목록 */
.pfl{padding:70px 0 110px;background:var(--night)}
.pf-secret{display:flex;align-items:center;gap:18px;margin-bottom:36px;padding:18px 24px;background:var(--night3);border:4px dashed var(--tx2)}
.pf-secret-ic{flex:none;display:grid;place-items:center;width:52px;height:52px;font-size:26px;background:var(--ink);border:4px solid var(--yel)}
.pf-secret-t{font-family:var(--pixel);font-size:15px;color:var(--yel);letter-spacing:1px}
.pf-secret-t b{margin-left:8px;font-weight:400;color:var(--tx)}
.pf-secret p+p{margin-top:4px;font-size:14.5px;color:var(--tx2)}
.lg-tabs small{margin-left:4px;font-family:var(--body);font-size:12px;opacity:.7}
.pf-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px 32px}
.pf-item a{display:block;color:var(--tx)}
.pf-win{position:relative;background:var(--paper);border:4px solid var(--ink);box-shadow:0 0 0 3px var(--tx2),8px 8px 0 3px rgba(0,0,0,.45);transition:transform .1s steps(2)}
.pf-item a:hover .pf-win{transform:translate(-4px,-4px);box-shadow:0 0 0 3px var(--yel),12px 12px 0 3px rgba(0,0,0,.45)}
.pf-bar{display:flex;align-items:center;gap:6px;height:30px;padding:0 10px;background:var(--ink);border-bottom:4px solid var(--ink)}
.pf-bar i{width:10px;height:10px;background:var(--pink)}
.pf-bar i:nth-child(2){background:var(--yel)}.pf-bar i:nth-child(3){background:var(--mint)}
.pf-bar span{margin-left:auto;font-family:var(--pixel);font-size:11px;color:var(--tx2);letter-spacing:1px}
.pf-shot{aspect-ratio:4/3;overflow:hidden;background:#fff}
.pf-shot img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 0;transition:object-position 3.2s ease-in-out}
.pf-item a:hover .pf-shot img{object-position:50% 100%}
.pf-ph{display:grid;place-content:center;justify-items:center;gap:10px;width:100%;height:100%;--c:var(--yel);background:var(--c)}
.pf-ph.c-mint{--c:var(--mint)}.pf-ph.c-pink{--c:var(--pink)}.pf-ph.c-blue{--c:var(--blue)}
.pf-ph svg{width:72px}
.pf-ph span{font-family:var(--pixel);font-size:13px;color:var(--ink);letter-spacing:2px}
.pf-when{display:inline-block;font-family:var(--pixel);font-size:11px;padding:4px 9px;background:var(--ink);color:var(--yel);border:2px solid var(--yel)}
.pf-when.w-pixelnote{color:var(--mint);border-color:var(--mint)}
.pf-win>.pf-when{position:absolute;right:10px;bottom:10px}
.pf-tx{padding:20px 4px 0}
.pf-tx h2{margin-top:10px;font-family:var(--pixel);font-size:19px;line-height:1.4}
.pf-item a:hover h2{color:var(--yel)}
.pf-meta{margin-top:6px;font-size:14px;color:var(--tx2)}

/* PORTFOLIO: 상세 */
.pfv{padding:70px 0 120px;background:var(--paper);color:var(--ink)}
.pfv-in{max-width:1200px}
.pfv-top{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:40px;align-items:start}
.pfv .pf-win{box-shadow:10px 10px 0 rgba(26,20,51,.22)}
.pfv-scr{height:min(640px,70vh);overflow-y:auto;background:#fff;overscroll-behavior:contain}
.pfv-scr img{display:block;width:100%;height:auto}
.pfv-scr .pf-ph{height:100%}
.pfv-scr:focus-visible{outline:3px dashed var(--pink);outline-offset:-6px}
.pfv-hint{margin-top:14px;font-size:13px;color:var(--ink2);text-align:center}
.pfv-card{position:sticky;top:110px;padding:26px 26px 28px;background:#fff;border:4px solid var(--ink);box-shadow:8px 8px 0 rgba(26,20,51,.2)}
.pfv-spec{margin:18px 0 0;display:grid}
.pfv-spec div{display:grid;grid-template-columns:84px 1fr;gap:10px;padding:11px 0;border-bottom:2px dashed var(--line)}
.pfv-spec dt{font-family:var(--pixel);font-size:13px;color:var(--ink2)}
.pfv-spec dd{margin:0;font-size:15px;font-weight:700}
.pf-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:18px}
.pf-tags li{padding:4px 10px;font-size:13px;font-weight:700;background:var(--paper);border:2px solid var(--ink)}
.pfv-edit{display:inline-block;margin-top:18px;font-family:var(--pixel);font-size:13px;color:var(--pink)}
.pfv-body{margin-top:50px;background:#fff;border:4px solid var(--ink);box-shadow:8px 8px 0 rgba(26,20,51,.2)}
.pfv-more{display:grid;gap:36px;margin-top:50px}
.pfv-more figure{margin:0}
.pfv-more img{display:block;width:100%;height:auto}
.pf-nda{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin-top:40px;padding:14px 18px;font-size:14px;color:var(--ink2);background:var(--paper2);border:3px dashed var(--ink2)}
.pf-nda b{font-family:var(--pixel);font-weight:400;font-size:13px;color:var(--ink)}

/* 문의: 견적 문의 폼 */
.ct-main{padding:70px 0 120px;background:var(--night)}
.ct-in{display:grid;grid-template-columns:1fr 340px;gap:40px;align-items:start}
.ct-form{display:grid;gap:22px}
.ct-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.ct-err{padding:14px 18px;background:var(--pink);color:#fff;font-weight:700;border:4px solid var(--ink)}
.ct-note{padding:12px 16px;background:var(--night3);color:var(--mint);font-family:var(--pixel);font-size:13px;border:3px dashed var(--mint)}
.ct-sub{margin:16px 0 10px;font-family:var(--pixel);font-size:13px;color:var(--tx2)}
.ct-sub:first-of-type{margin-top:4px}
.ct-sub small{font-family:var(--body);font-size:12px}
.ct-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.ct-field{display:grid;gap:8px;margin-top:20px}
.ct-row .ct-field{margin-top:0}
.qb-set>legend+.ct-field,.qb-set>legend+.ct-row{margin-top:0}
.ct-field>span{display:flex;align-items:center;gap:6px;font-family:var(--pixel);font-size:13px;color:var(--yel)}
.ct-field>span b{color:var(--pink);font-weight:400}
.ct-cnt{margin-left:auto;font-style:normal;font-family:var(--body);font-size:12px;color:var(--tx2)}
.ct-field input,.ct-field select,.ct-field textarea{width:100%;padding:12px 14px;font-family:var(--body);font-size:16px;color:var(--ink);background:var(--paper);border:4px solid var(--ink);box-shadow:0 0 0 2px var(--tx2);border-radius:0;outline:0}
.ct-field textarea{resize:vertical;min-height:150px;line-height:1.6}
.ct-field input:focus,.ct-field select:focus,.ct-field textarea:focus{box-shadow:0 0 0 2px var(--yel),4px 4px 0 2px var(--pink)}
.ct-agree{margin-top:18px;display:grid;gap:8px}
.pnl-chk2{position:relative;display:flex;align-items:center;gap:10px;cursor:pointer;font-size:15px;font-weight:600}
.pnl-chk2 b{color:var(--pink);font-weight:400}
.pnl-chk2 input{position:absolute;opacity:0;width:1px;height:1px}
.pnl-chk2 i{position:relative;flex:none;width:22px;height:22px;border:3px solid var(--tx2);background:var(--ink)}
.pnl-chk2 input:checked+i{background:var(--mint);border-color:var(--mint)}
.pnl-chk2 input:checked+i::after{content:'✔';position:absolute;inset:-3px;display:grid;place-items:center;font-size:13px;color:var(--ink)}
.pnl-chk2 input:focus-visible+i{outline:3px dashed var(--yel);outline-offset:2px}
.ct-agree details{font-size:13.5px;color:var(--tx2)}
.ct-agree summary{cursor:pointer;color:var(--mint);font-size:13px}
.ct-agree details p{margin-top:8px;padding:12px 14px;background:var(--ink);line-height:1.7}
.ct-submit{margin:4px 4px 0;font-size:19px;padding:18px 0}
.ct-side{position:sticky;top:180px;display:grid;gap:20px}
.ct-sum{background:var(--paper);color:var(--ink);border:4px solid var(--ink);box-shadow:8px 8px 0 rgba(0,0,0,.4)}
.ct-sum-top{padding:10px 18px;background:var(--ink);color:var(--yel);font-family:var(--pixel);font-size:13px;letter-spacing:2px}
.ct-sum-body{position:relative;padding:20px 20px 22px}
.ct-sum-char{position:absolute;right:16px;top:14px;width:58px}
.ct-sum dl{margin:0;display:grid;gap:8px;padding-right:70px}
.ct-sum dl div{display:grid;grid-template-columns:44px 1fr;gap:8px;font-size:14px}
.ct-sum dt{font-family:var(--pixel);font-size:12px;color:var(--ink2);padding-top:2px}
.ct-sum dd{margin:0;font-weight:700}
.ct-sum-lb{margin-top:18px;padding-top:14px;border-top:3px dashed var(--line);font-family:var(--pixel);font-size:12px;color:var(--pink);letter-spacing:1px}
.ct-sum-w{font-family:var(--pixel);font-size:34px;line-height:1.2}
.ct-sum-note{font-size:12.5px;color:var(--ink2)}
.ct-direct{display:grid;gap:8px;padding:20px;background:var(--night3);border:4px solid var(--ink)}
.ct-direct-t{font-family:var(--pixel);font-size:13px;color:var(--yel);letter-spacing:1px}
.ct-direct a{display:flex;align-items:center;gap:10px;font-family:var(--pixel);font-size:16px}
.ct-direct a b{display:grid;place-items:center;width:30px;height:30px;font-weight:400;background:var(--yel);color:var(--ink)}
.ct-direct a:hover{color:var(--yel)}
.ct-direct-n{font-size:13px;color:var(--tx2)}
.ct-pub{display:flex;flex-direction:column;gap:4px;padding:18px 20px;background:var(--mint);color:var(--ink);font-size:14px;font-weight:700;border:4px solid var(--ink);box-shadow:6px 6px 0 rgba(0,0,0,.4)}
.ct-pub b{font-family:var(--pixel);font-weight:400;font-size:17px}
.ct-pub:hover{transform:translate(-2px,-2px)}

.ct-file{position:relative;display:flex;align-items:center;gap:12px;padding:10px;background:var(--ink);border:4px dashed var(--tx2);cursor:pointer}
.ct-file:hover{border-color:var(--yel)}
.ct-file input{position:absolute;inset:0;opacity:0;cursor:pointer}
.ct-file b{flex:none;font-family:var(--pixel);font-weight:400;font-size:13px;padding:8px 14px;background:var(--yel);color:var(--ink)}
.ct-file i{font-style:normal;font-size:14px;color:var(--tx2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ct-file.on i{color:var(--tx)}
.ct-hint{font-size:12.5px;color:var(--tx2);line-height:1.6}
.ct-row-t{margin-top:20px}
/* 문의: 이메일 아이디 @ 메일 선택 */
.ct-mail{display:grid;grid-template-columns:1fr auto 1fr 150px;align-items:center;gap:8px}
.ct-mail i{font-style:normal;font-family:var(--pixel);font-size:18px;color:var(--yel)}
.ct-mail input,.ct-mail select{width:100%;padding:12px 14px;font-family:var(--body);font-size:16px;color:var(--ink);background:var(--paper);border:4px solid var(--ink);box-shadow:0 0 0 2px var(--tx2);border-radius:0;outline:0}
.ct-mail input[readonly]{background:#e9e1c8;color:var(--ink2)}
.ct-mail select{padding-right:34px;-webkit-appearance:none;appearance:none;cursor:pointer;background:var(--paper) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' shape-rendering='crispEdges'%3E%3Cpath d='M0 0h10v2H8v2H6v2H4V4H2V2H0z' fill='%231b1530'/%3E%3C/svg%3E") no-repeat right 12px center}
.ct-mail input:focus,.ct-mail select:focus{box-shadow:0 0 0 2px var(--yel),4px 4px 0 2px var(--pink)}
.ct-chk{display:grid;gap:8px}
.ct-chk li{position:relative;padding-left:20px;font-size:14px}
.ct-chk li::before{content:'✔';position:absolute;left:0;top:0;color:var(--mint);font-size:12px}

/* 문의: 접수 완료 */
.ct-done{padding:90px 0 130px;background:var(--night)}
.ct-done-box{display:flex;flex-direction:column;align-items:center;gap:14px;padding:44px 30px 48px;text-align:center;background:var(--night3);border:4px solid var(--tx);box-shadow:8px 8px 0 rgba(0,0,0,.45)}
.ct-done-char{width:120px;animation:hop .6s steps(3) infinite}
.ct-done-k{font-family:var(--pixel);font-size:22px;color:var(--mint);letter-spacing:2px}
.ct-done h2{font-family:var(--pixel);font-size:clamp(24px,3vw,36px);line-height:1.35;text-shadow:4px 4px 0 var(--ink)}
.ct-done-box>p{color:var(--tx2);font-size:16px}
.ct-done-box b{color:var(--yel)}

@media (max-width:1100px){
  .rules{grid-template-columns:1fr 1fr}
  .dex{grid-template-columns:repeat(3,1fr)}
  .types,.inc,.plats,.shop{grid-template-columns:1fr 1fr}
  .route{grid-template-columns:repeat(3,1fr);row-gap:28px}
  .fix{grid-template-columns:1fr 1fr}
  .tips{grid-template-columns:1fr 1fr}
  .factors{grid-template-columns:repeat(3,1fr)}
  .lg-grid{grid-template-columns:1fr 1fr}
  .ct-in{grid-template-columns:1fr 300px;gap:28px}
  .rt:nth-child(3)::after{display:none}
}
@media (max-width:900px){
  .sub-hero{padding:calc(var(--hd) + 48px) 0 110px}
  .ab-story,.ab-party,.ab-rules,.ab-compare{padding:96px 0}
  .ab-story-in{grid-template-columns:1fr;gap:56px}
  .party-list{grid-template-columns:1fr;gap:36px}
  .ch-profile,.ch-parts,.ch-dex{padding:96px 0}
  .ch-profile-in,.parts-in{grid-template-columns:1fr;gap:56px}
  .sv-quest,.sv-types,.sv-inc,.sv-flow,.sv-plat,.sv-faq{padding:96px 0}
  .qbox-body{grid-template-columns:1fr}
  .pb-d2c,.pb-screen{padding:96px 0}
  .dv-tree,.dv-shop,.dv-save{padding:96px 0}
  .sh-route,.sh-choose,.sh-detail{padding:96px 0}
  .mt-status,.mt-fix,.mt-seo,.mt-pass{padding:96px 0}
  .gp-map,.gp-stages,.gp-tips{padding:90px 0}
  .pr-factor,.pr-table,.pr-sim,.pr-inc{padding:90px 0}
  .ct-in{grid-template-columns:1fr}
  .ct-side{position:static;order:-1}
  .ct-sum-char{width:48px}
  .incx{grid-template-columns:1fr;gap:24px}
  .lg-first a{grid-template-columns:1fr}
  .lg-first .lg-thumb{min-height:0;aspect-ratio:16/9;border-right:0;border-bottom:4px solid var(--ink)}
  .lg-first .lg-tx{padding:24px 22px}
  .gmap{grid-template-columns:repeat(5,1fr);gap:8px}
  .gmap::before{top:30px}
  .gmap-ic{width:62px;height:62px;padding:12px}
  .gmap-st b{font-size:13px}
  .gmap-no{font-size:10px}
  .gst-body{grid-template-columns:1fr}
  .mt-status-in,.mt-seo-in{grid-template-columns:1fr;gap:48px}
  .passes{grid-template-columns:1fr;gap:32px}
  .sec-hd-l{text-align:center}
  .choose{grid-template-columns:1fr;gap:12px}
  .cz-vs{text-align:center}
  .sh-detail-in{grid-template-columns:1fr;gap:48px}
  .tree-br{grid-template-columns:1fr;gap:44px;margin-top:40px}
  .tree-br::before,.tree-br::after{display:none}
  .branch::before{top:-40px;height:40px}
  .d2c{grid-template-columns:1fr;gap:18px}
  .d2c-arrow{flex-direction:row;justify-content:center}
  .d2c-arrow span{transform:rotate(90deg)}
  .qcol+.qcol{border-left:0;border-top:4px dashed var(--line)}
  .flow-line{left:31px;right:auto;top:0;bottom:0;width:8px;height:auto}
  .flow-list{grid-template-columns:1fr;gap:30px}
  .flow-st{display:grid;grid-template-columns:64px 1fr;column-gap:20px;text-align:left}
  .flow-no{grid-row:span 3;margin:0}
  .flow-out{justify-self:start}
}
@media (max-width:640px){
  .sub-walker{width:56px}
  .sub-hero .sun{width:200px;height:200px}
  .t-log .sun{width:150px;height:150px}
  .t-portfolio,.t-log{padding-bottom:170px}
  .torch.t1{left:5%}.torch.t2{right:5%}
  .planet.p1{width:72px;height:72px;right:5%;top:14%}
  .planet.p2{width:36px;height:36px;left:6%}
  .t-service .hill.h1{width:220px;height:110px}.t-service .hill.h2{width:160px;height:80px}
  .sub-tabs a{padding:14px 16px;font-size:13px}
  .rules{grid-template-columns:1fr;gap:24px}
  .pcard-body{padding:24px 20px 26px}
  .cmp-row{grid-template-columns:1fr 1fr}
  .cmp-row span:first-child{grid-column:1/-1;padding:12px 16px}
  .cmp-row span{padding:14px 16px;font-size:14.5px}
  .cmp-hd span:first-child{display:none}
  .dex{grid-template-columns:1fr 1fr;gap:18px}
  .types,.inc,.plats,.shop{grid-template-columns:1fr;gap:20px}
  .save{grid-template-columns:1fr;gap:10px;padding:18px}
  .route{grid-template-columns:1fr 1fr;gap:24px 18px}
  .fix{grid-template-columns:1fr;gap:18px}
  .tips{grid-template-columns:1fr;gap:18px}
  .npc{grid-template-columns:1fr;gap:20px;justify-items:center}
  .npc-char{width:110px}
  .npc-talk{padding:28px 18px 20px;width:100%}
  .npc-talk::before{left:50%;top:-20px;bottom:auto;width:20px;height:16px;transform:translateX(-50%);clip-path:polygon(50% 0,100% 100%,0 100%)}
  .fq-tab{padding:7px 10px;font-size:13px}
  .fq-cat{display:none}
  .lg-grid{grid-template-columns:1fr;gap:22px}
  .ct-main{padding:50px 0 90px}
  .ct-row{grid-template-columns:1fr;gap:0}
  .ct-row .ct-field{margin-top:20px}
  .ct-mail{grid-template-columns:1fr auto 1fr}
  .ct-mail select{grid-column:1/-1}
  .ct-row .ct-field:first-child{margin-top:0}
  .ct-submit{font-size:17px}
  .lg-body{padding:24px 18px 30px;font-size:16px}
  .lg-meta{padding:14px 18px}
  .lg-pn{grid-template-columns:1fr}
  .lg-cta{flex-direction:column;text-align:center}
  .factors{grid-template-columns:1fr 1fr;gap:14px}
  .factor{padding:22px 16px}
  .ptb-row{grid-template-columns:1fr auto;gap:0 12px;padding:14px 16px}
  .ptb-row>span{padding:0}
  .ptb-hd{display:none}
  .ptb-time{font-size:17px;text-align:right}
  .ptb-price{font-size:13.5px}
  .ptb-go{text-align:right}
  .qb-set{padding:18px 14px 20px}
  .qb-opts span{padding:8px 12px;font-size:14px}
  .incx-col{padding:22px 20px}
  .gmap{grid-template-columns:1fr;gap:12px}
  .gmap::before{left:30px;right:auto;top:20px;bottom:20px;width:6px;height:auto;background:repeating-linear-gradient(180deg,var(--tx2) 0 12px,transparent 12px 20px)}
  .gmap-st a{flex-direction:row;text-align:left;gap:14px}
  .gmap-no{margin:0;order:2}
  .gmap-st b{font-size:16px;order:3}
  .gst{border-left-width:10px}
  .gst-hd{padding:20px 18px 0;gap:14px}
  .gst-no{width:48px;height:48px;font-size:22px}
  .gst-ic{display:none}
  .gst-desc{padding:14px 18px 0;font-size:15px}
  .gst-body{padding:18px;gap:14px}
  .gst-col{padding:16px}
  .gst-foot{padding:14px 18px;flex-direction:column}
  .seo-ck{grid-template-columns:1fr}
  .stw-bars li{grid-template-columns:96px 1fr 28px;gap:8px}
  .stw-lb{font-size:13px}
  .stw-body{padding:20px 16px}
  .serp{padding:16px}
  .serp-t{font-size:16px}
  .pass-body{padding:22px 20px 24px}
  .rt::after{display:none}
  .cz-body{padding:22px 20px 24px}
  .save-slot{justify-self:start}
  .save-ok{display:none}
  .type h3{min-height:0}
  .code{font-size:12px;padding:14px}
  .scr-row{grid-template-columns:72px 1fr;gap:6px 12px}
  .scr-px{font-size:18px;grid-row:span 2;align-self:center}
  .scr-dv{font-size:13px}
  .scr-ok{display:none}
  .qcol{padding:26px 20px 28px}
  .qbox-top{flex-wrap:wrap;gap:6px 14px;padding:12px 18px}
  .faq-it summary{padding:18px 52px 18px 18px;font-size:16px}
  .faq-a{margin:0 12px 14px;padding:14px}
  .dex-card{padding:40px 10px 18px}
  .ch-dl div{grid-template-columns:92px 1fr}
  .ch-name,.ch-dl{padding-left:20px;padding-right:20px}
  .ch-btn{font-size:13px;padding:8px 12px}
}

/* PORTFOLIO: 반응형 */
@media (max-width:1100px){
  .pf-grid{grid-template-columns:repeat(2,1fr)}
  .pfv-top{grid-template-columns:1fr}
  .pfv-card{position:static}
}
@media (max-width:640px){
  .pfl,.pfv{padding:50px 0 90px}
  .pf-grid{grid-template-columns:1fr;gap:34px}
  .pf-secret{align-items:flex-start;gap:14px;padding:16px}
  .pf-secret-ic{width:42px;height:42px;font-size:20px}
  .pf-secret-t b{display:block;margin:4px 0 0}
  .pfv-scr{height:62vh}
  .pfv-card{padding:22px 18px 24px}
}

/* SEO 카드 섹션 링크 */
.type-go{display:inline-block;margin-top:14px;font-family:var(--pixel);font-size:13px;color:#b8285a}
.type-go:hover{text-decoration:underline}
.types-note b{color:var(--ink)}
.sv-types .sec-lead{color:var(--ink2)}

/* SEO 카드 섹션 (sv-types 와 구분: 어두운 바탕 · 번호 가로 카드) */
.sc-sec{padding:120px 0;background:var(--night2);color:var(--tx);border-top:4px solid var(--ink);border-bottom:4px solid var(--ink);background-image:radial-gradient(rgba(255,255,255,.06) 1px,transparent 1px);background-size:24px 24px}
.sc-sec .sec-lead{color:var(--tx2)}
.sc-list{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.sc-item{position:relative;display:flex;align-items:flex-start;gap:22px;padding:28px 28px 28px 24px;background:var(--night3);border:4px solid var(--ink);border-left:12px solid var(--c);box-shadow:8px 8px 0 rgba(0,0,0,.35);--c:var(--yel)}
.sc-item.c-mint{--c:var(--mint)}.sc-item.c-pink{--c:var(--pink)}.sc-item.c-blue{--c:var(--blue)}
.sc-no{position:absolute;right:18px;top:12px;font-family:var(--pixel);font-size:34px;line-height:1;color:var(--c);opacity:.35}
.sc-ic{flex:none;width:68px;height:68px;padding:10px;background:var(--paper);border:4px solid var(--ink);box-shadow:4px 4px 0 rgba(0,0,0,.3)}
.sc-ic svg{display:block;width:100%;height:auto}
.sc-tx{min-width:0;padding-right:36px}
.sc-tx h3{font-family:var(--pixel);font-size:20px;line-height:1.35}
.sc-tx p{margin-top:8px;font-size:15px;line-height:1.65;color:var(--tx2)}
.sc-go{display:inline-block;margin-top:12px;font-family:var(--pixel);font-size:13px;color:var(--c)}
.sc-go:hover{text-decoration:underline}
.sc-note{margin-top:40px;text-align:center;font-size:16px;font-weight:600;color:var(--tx2)}
.sc-note b{color:var(--yel);font-weight:700}
.sc-note a{font-family:var(--pixel);color:var(--yel);margin-left:6px}
@media (max-width:900px){.sc-list{grid-template-columns:1fr}}
@media (max-width:640px){
  .sc-sec{padding:80px 0}
  .sc-item{gap:16px;padding:22px 18px 22px 16px;border-left-width:8px}
  .sc-ic{width:52px;height:52px;padding:8px}
  .sc-tx{padding-right:20px}
  .sc-no{font-size:26px}
}

/* 업종별 홈페이지 제작 (service_industry.php) */
.ind-price{padding:120px 0}
.ind-price-list{grid-template-columns:repeat(3,1fr)}
.ind-price-note{margin-top:32px;text-align:center;font-size:15px;font-weight:600;color:var(--ink2)}
.ind-pf{padding:120px 0;background:var(--night2)}
.ind-pf .pf-shot.ind-shot{aspect-ratio:16/10;height:auto}
.ind-pf .pf-shot.ind-shot img{width:100%;height:100%;object-fit:cover;object-position:50% 0}
.ind-pf-t{font-size:18px;line-height:1.5}
.ind-pf .pf-item a:hover .ind-pf-t{color:var(--yel)}
.ind-other{padding:60px 0;background:var(--night);border-top:4px solid var(--ink);text-align:center}
.ind-other-t{font-family:var(--pixel);font-size:20px;color:var(--tx)}
.ind-other-list{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin-top:22px}
.ind-other-list a{display:block;padding:12px 20px;background:var(--paper);color:var(--ink);font-weight:700;box-shadow:4px 4px 0 var(--ink)}
.ind-other-list a:hover{background:var(--yel)}
@media (max-width:900px){.ind-price-list{grid-template-columns:1fr}.ind-price,.ind-pf{padding:90px 0}}

/* PIXEL LOG 상세: 글쓴이 · 관련 서비스 · 관련 글 */
.lg-author{display:flex;gap:20px;align-items:flex-start;margin-top:56px;padding:24px;background:var(--paper2,#fff7dc);border:4px solid var(--ink);box-shadow:6px 6px 0 var(--ink)}
.lg-author-ic{flex:0 0 72px;width:72px}
.lg-author-k{font-family:var(--pixel);font-size:12px;color:#b8285a;letter-spacing:1px}
.lg-author-n{margin:4px 0 6px;font-family:var(--pixel);font-size:20px;color:var(--ink)}
.lg-author p{font-size:15px;line-height:1.7;color:var(--ink2)}
.lg-author-go{display:flex;gap:16px;margin-top:8px}
.lg-author-go a{font-weight:700;color:#b8285a}
.lg-author-go a:hover{text-decoration:underline}
.lg-svc{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin-top:28px;padding:20px 24px;background:var(--ink);color:var(--tx);box-shadow:6px 6px 0 rgba(0,0,0,.3)}
.lg-svc-k{width:100%;font-family:var(--pixel);font-size:12px;color:var(--pink)}
.lg-svc b{font-family:var(--pixel);font-weight:400;font-size:20px;color:var(--yel)}
.lg-svc:hover b{text-decoration:underline}
.lg-rel{margin-top:56px}
.lg-rel-t{font-family:var(--pixel);font-weight:400;font-size:24px;margin-bottom:20px}
.lg-rel-list{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.lg-rel-list a{display:block;height:100%;background:var(--paper);color:var(--ink);border:4px solid var(--ink);box-shadow:5px 5px 0 var(--ink);transition:transform .1s steps(2)}
.lg-rel-list a:hover{transform:translate(-3px,-3px)}
.lg-rel-th{aspect-ratio:40/21;background:var(--night);border-bottom:4px solid var(--ink);overflow:hidden}
.lg-rel-th img{display:block;width:100%;height:100%;object-fit:cover}
.lg-rel-list .lg-cat{margin:14px 16px 0;display:inline-block}
.lg-rel-list strong{display:block;padding:8px 16px 18px;font-size:16px;line-height:1.5}
@media (max-width:900px){.lg-rel-list{grid-template-columns:1fr}.lg-author{flex-direction:column}.lg-author-ic{width:56px;flex-basis:auto}}
@media (max-width:640px){
  .lg-rel-list{gap:14px}
  .lg-rel-list a{display:grid;grid-template-columns:120px 1fr;grid-template-rows:auto 1fr;align-items:start}
  .lg-rel-th{grid-row:1 / 3;height:100%;aspect-ratio:auto;border-bottom:0;border-right:4px solid var(--ink)}
  .lg-rel-list .lg-cat{margin:10px 12px 0;justify-self:start}
  .lg-rel-list strong{padding:6px 12px 12px;font-size:14px}
}

/* 개인정보처리방침 */
.pv .lg-body table{width:100%;margin:14px 0 18px;border-collapse:collapse;font-size:14.5px;line-height:1.6}
.pv .lg-body th,.pv .lg-body td{padding:10px 12px;border:2px solid var(--ink);text-align:left;vertical-align:top}
.pv .lg-body thead th,.pv .lg-body tbody th{background:#f3e6bf;white-space:nowrap}
.pv .lg-body table a{color:#b8285a;font-weight:700}
.ct-agree details a{color:var(--yel);font-weight:700}
@media (max-width:640px){.pv .lg-body table{font-size:13px}.pv .lg-body th,.pv .lg-body td{padding:8px}.pv .lg-body thead th{white-space:normal}}