/* 아이언스포츠 테마 3.0 (3차 시안 기준) — 아이언스포츠 기존 색 체계(테마 css/style.css :root) 기준
   주황 #ff5722 / 먹색 #16181d / 쿨그레이 #f4f6f9
   한 끗(시그니처): 히어로 아래 기울어진 주황 흐름띠 — 이 한 곳에만 강하게 */
:root{
  --or:#ff5722; --or-d:#e8430f; --or-l:#fff1ec;
  --ink:#16181d; --ink2:#2b2f38; --g9:#4b515c; --g6:#8a909b; --g4:#c5cad2; --g2:#e7eaef; --g1:#f4f6f9;
  --en:Montserrat,Pretendard,sans-serif;
  --r:16px;
}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:Pretendard,-apple-system,"Malgun Gothic",sans-serif;color:var(--ink2);background:#fff;font-size:16px;line-height:1.6;word-break:keep-all;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
.in{max-width:1300px;margin:0 auto;padding:0 50px}

/* 공통 제목: 왼쪽 정렬 + 영문 번호 라벨 */
.sec{padding:130px 0}
.lb{display:flex;align-items:center;gap:12px;font:700 13px/1 var(--en);letter-spacing:.14em;color:var(--or);text-transform:uppercase}
.lb:before{content:"";width:28px;height:2px;background:var(--or)}
.tt{font-size:44px;font-weight:800;line-height:1.25;letter-spacing:-.03em;color:var(--ink);margin-top:22px}
.tt .o{color:var(--or)}
.st{font-size:18px;line-height:1.65;color:var(--g9);margin-top:20px}
.hrow{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end}
.hrow .st{margin:0}
.ibtn{display:inline-flex;align-items:center;gap:14px;height:56px;padding:0 26px;border-radius:4px;background:var(--ink);color:#fff;font-size:16px;font-weight:700}
.ibtn:after{content:"→";font-size:18px;font-weight:400}
.ibtn.or{background:var(--or)}
.ibtn.ln{background:transparent;border:1px solid rgba(255,255,255,.5)}
.ct{text-align:center}
.gray{background:var(--g1)}

/* ===== 헤더 ===== */
.hd{position:fixed;top:0;left:0;right:0;z-index:50;height:80px;transition:background .3s,box-shadow .3s}
.hd .bar{display:flex;align-items:center;height:100%;max-width:1400px;margin:0 auto;padding:0 40px}
.logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:22px;letter-spacing:-.04em;color:#fff}
.logo b{display:grid;place-items:center;width:34px;height:34px;border-radius:4px;background:var(--or);color:#fff;font:800 13px var(--en);transform:skewX(-8deg)}
.logo small{font:700 11px var(--en);letter-spacing:.16em;color:rgba(255,255,255,.55);margin-left:2px}
.gnb{display:flex;margin-left:auto;margin-right:28px}
.gnb a{display:block;line-height:80px;padding:0 20px;font-size:16px;font-weight:600;color:#fff;opacity:.92}
.gnb a.on{color:var(--or);opacity:1}
.tel{display:flex;align-items:center;gap:10px;height:46px;padding:0 20px;border-radius:4px;background:var(--or);color:#fff;font:700 15px var(--en);letter-spacing:.02em}
.tel svg{width:15px;height:15px}
.burger{display:none}
.hd.sc{background:#fff;box-shadow:0 1px 0 var(--g2)}
.hd.sc .logo,.hd.sc .gnb a{color:var(--ink)}
.hd.sc .gnb a.on{color:var(--or)}
.hd.sc .logo small{color:var(--g6)}

/* ===== 히어로: 운동기구 실사 중심 ===== */
.hero{position:relative;height:860px;overflow:hidden;background:var(--ink)}
.slide{position:absolute;inset:0;opacity:0;transition:opacity 1s;background:center/cover}
.slide:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(14,16,20,.88) 0%,rgba(14,16,20,.62) 45%,rgba(14,16,20,.15) 100%)}
.slide.on{opacity:1}
.slide .cp{position:absolute;left:max(50px,calc(50% - 600px));top:47%;transform:translateY(-50%);color:#fff;max-width:640px}
.slide .k{font:700 13px var(--en);letter-spacing:.2em;color:var(--or)}
.slide h1{font-size:62px;font-weight:800;line-height:1.18;letter-spacing:-.035em;margin-top:22px}
.slide h1 em{font-style:normal;color:var(--or)}
.slide p{margin-top:26px;font-size:19px;line-height:1.6;color:rgba(255,255,255,.78)}
.slide .bt{display:flex;gap:10px;margin-top:40px}
.hcnt{position:absolute;right:max(50px,calc(50% - 600px));bottom:150px;z-index:2;display:flex;align-items:center;gap:16px;color:#fff;font:700 14px var(--en)}
.hcnt .bar{width:120px;height:2px;background:rgba(255,255,255,.25);position:relative}
.hcnt .bar i{position:absolute;left:0;top:0;height:100%;background:var(--or);transition:width .4s}
.hcnt span{color:rgba(255,255,255,.45)}

/* ===== 한 끗: 기울어진 주황 흐름띠 ===== */
.tape{position:relative;z-index:3;height:0}
.tape .rib{position:absolute;left:-5vw;right:-5vw;top:-92px;height:96px;background:var(--or);transform:rotate(-2.4deg);display:flex;align-items:center;overflow:hidden;box-shadow:0 10px 24px rgba(22,24,29,.18)}
.tape .rib div{display:flex;flex:none;gap:0;white-space:nowrap;animation:flow 38s linear infinite}
.tape .rib span{font-size:30px;font-weight:800;letter-spacing:-.02em;color:#fff;padding:0 26px}
.tape .rib span:after{content:"";display:inline-block;width:12px;height:12px;margin-left:52px;background:var(--ink);transform:rotate(45deg) translateY(-3px)}
@keyframes flow{to{transform:translateX(-50%)}}

/* ===== 강점: 사진 + 번호 목록 ===== */
.why{display:grid;grid-template-columns:520px 1fr;gap:90px;align-items:start}
.why .ph{height:640px;border-radius:var(--r);background:center/cover;position:relative;margin-top:44px}
.why .ph em{position:absolute;left:24px;bottom:24px;padding:10px 16px;border-radius:4px;background:rgba(22,24,29,.85);color:#fff;font-style:normal;font-size:14px;font-weight:600}
.pts{margin-top:46px;border-top:2px solid var(--ink)}
.pt{display:grid;grid-template-columns:90px 1fr 40px;gap:10px;align-items:start;padding:34px 0;border-bottom:1px solid var(--g2)}
.pt .n{font:800 34px/1 var(--en);color:var(--or)}
.pt h3{font-size:24px;font-weight:800;letter-spacing:-.02em;color:var(--ink)}
.pt p{font-size:17px;line-height:1.6;color:var(--g9);margin-top:10px}
.pt p b{color:var(--ink)}
.pt .go{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;border:1px solid var(--g4);color:var(--ink);font-size:16px}

/* ===== 사업 영역: 사진 타일 ===== */
.biz{display:grid;grid-template-columns:1.45fr 1fr 1fr;gap:18px;margin-top:60px}
.biz a{position:relative;height:540px;border-radius:var(--r);overflow:hidden;background:center/cover;color:#fff;display:flex;flex-direction:column;justify-content:flex-end;padding:34px}
.biz a:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,16,20,.05) 20%,rgba(14,16,20,.9) 100%)}
.biz a>*{position:relative}
.biz small{font:700 12px var(--en);letter-spacing:.16em;color:var(--or)}
.biz h3{font-size:30px;font-weight:800;letter-spacing:-.03em;margin-top:10px}
.biz p{font-size:16px;line-height:1.6;color:rgba(255,255,255,.78);margin-top:10px}
.biz ul{display:flex;flex-wrap:wrap;gap:6px;margin-top:18px}
.biz li{list-style:none;padding:5px 11px;border-radius:4px;background:rgba(255,255,255,.14);font-size:13px}

/* ===== 시공 과정: 먹색 타임라인 ===== */
.dark{background:var(--ink);color:#fff}
.dark .tt{color:#fff}
.dark .st{color:rgba(255,255,255,.62)}
.tl{display:grid;grid-template-columns:repeat(6,1fr);margin-top:80px;position:relative}
.tl:before{content:"";position:absolute;left:0;right:0;top:9px;height:1px;background:rgba(255,255,255,.18)}
.tl .s{position:relative;padding-right:26px}
.tl .s:before{content:"";display:block;width:19px;height:19px;border-radius:50%;background:var(--ink);border:2px solid var(--or);margin-bottom:34px}
.tl .s:first-child:before{background:var(--or)}
.tl .n{font:800 15px var(--en);letter-spacing:.1em;color:var(--or)}
.tl h3{font-size:22px;font-weight:800;margin-top:12px;letter-spacing:-.02em}
.tl h4{font-size:14px;font-weight:600;color:rgba(255,255,255,.55);margin-top:6px}
.tl p{font-size:15px;line-height:1.65;color:rgba(255,255,255,.7);margin-top:18px}
.tl p b{color:#fff}
.call{display:flex;justify-content:space-between;align-items:center;margin-top:80px;padding:30px 36px;border-radius:var(--r);background:var(--ink2)}
.call p{font-size:19px;color:rgba(255,255,255,.8)}
.call p b{color:#fff}

/* ===== 약속: 4열 ===== */
.prm{display:grid;grid-template-columns:repeat(4,1fr);margin-top:60px;border-top:2px solid var(--ink)}
.prm .c{padding:40px 30px 10px 0;border-right:1px solid var(--g2);margin-right:30px}
.prm .c:last-child{border:0;margin:0}
.prm .c i{display:grid;place-items:center;width:52px;height:52px;border-radius:12px;background:var(--or-l);color:var(--or)}
.prm .c i svg{width:24px;height:24px}
.prm .c h3{font-size:21px;font-weight:800;margin-top:26px;color:var(--ink);letter-spacing:-.02em}
.prm .c p{font-size:16px;line-height:1.65;color:var(--g9);margin-top:12px}

/* ===== 문의 현황: 목록 + 상담 카드 ===== */
.qa{display:grid;grid-template-columns:1fr 380px;gap:30px;margin-top:56px}
.ql{background:#fff;border-radius:var(--r);padding:12px 34px}
.ql a{display:grid;grid-template-columns:90px 86px 1fr 20px;gap:14px;align-items:center;height:62px;border-bottom:1px solid var(--g2);font-size:16px}
.ql a:last-child{border:0}
.ql small{font:600 13px var(--en);color:var(--g6)}
.ql .cat{justify-self:start;padding:3px 9px;border-radius:4px;background:var(--g1);color:var(--g9);font-size:12px;font-weight:600}
.ql .t{font-weight:600;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ql .lk{color:var(--g4);font-size:13px}
.qc{border-radius:var(--r);background:var(--or);color:#fff;padding:40px 36px;display:flex;flex-direction:column}
.qc small{font:700 12px var(--en);letter-spacing:.16em;opacity:.8}
.qc h3{font-size:28px;font-weight:800;line-height:1.3;letter-spacing:-.03em;margin-top:14px}
.qc p{font-size:16px;line-height:1.6;opacity:.88;margin-top:14px}
.qc .tn{font:800 34px var(--en);margin-top:auto;padding-top:30px}
.qc .ibtn{background:#fff;color:var(--ink);margin-top:18px;justify-content:space-between}

/* ===== 후기 + 함께한 곳 ===== */
.rv{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:56px}
.rv .c{border:1px solid var(--g2);border-radius:var(--r);padding:36px 32px}
.rv .c:before{content:"\201C";display:block;font:800 64px/0.7 Georgia,serif;color:var(--or);height:34px}
.sk{height:12px;border-radius:3px;background:var(--g1);margin-top:12px}
.sk.s{width:60%}
.rv .c small{display:flex;align-items:center;gap:10px;margin-top:28px;font-size:14px;color:var(--g6)}
.rv .c small:before{content:"";width:36px;height:36px;border-radius:50%;background:var(--g2)}
.with{display:flex;align-items:center;gap:30px;margin-top:70px;padding-top:40px;border-top:1px solid var(--g2)}
.with>b{flex:none;font-size:15px;font-weight:700;color:var(--ink)}
.with .lg{display:flex;flex:1;justify-content:space-between}
.with .lg span{font:700 15px var(--en);letter-spacing:.1em;color:var(--g4)}

/* ===== 정보: 큰 카드 1 + 목록 2 ===== */
.nw{display:grid;grid-template-columns:1.25fr 1fr;gap:30px;margin-top:56px}
.nw .big .ph{height:400px;border-radius:var(--r);background:center/cover}
.nw .big h3{font-size:26px;font-weight:800;letter-spacing:-.03em;color:var(--ink);margin-top:24px}
.nw .big p{font-size:16px;color:var(--g9);margin-top:8px}
.nw .side{display:flex;flex-direction:column;gap:30px}
.nw .side a{display:grid;grid-template-columns:200px 1fr;gap:24px;align-items:center}
.nw .side .ph{height:185px;border-radius:12px;background:center/cover}
.nw .side h3{font-size:20px;font-weight:800;line-height:1.4;letter-spacing:-.02em;color:var(--ink);margin-top:10px}
.chip{display:inline-block;font:700 12px var(--en);letter-spacing:.06em;color:var(--or)}

/* ===== 푸터 ===== */
.ft{background:var(--ink);color:var(--g6);padding:80px 0 34px}
.ft .cards{display:grid;grid-template-columns:2fr 1fr 1fr;gap:16px}
.fc{border-radius:var(--r);padding:30px 32px;color:#fff;min-height:170px;display:flex;flex-direction:column;justify-content:space-between;border:1px solid rgba(255,255,255,.14)}
.fc svg{width:24px;height:24px}
.fc b{font-size:22px;font-weight:800;display:block}
.fc span{font-size:15px;color:rgba(255,255,255,.6)}
.fc1{background:var(--or);border:0}
.fc1 b{font:800 40px var(--en);letter-spacing:.01em}
.fc1 span{color:rgba(255,255,255,.85)}
.ft .row{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-top:60px;padding-top:34px;border-top:1px solid rgba(255,255,255,.1)}
.ft .inf{font-size:14px;line-height:1.9;margin-top:16px}
.ft .inf b{color:#d5d8de;font-weight:600;margin-right:6px}
.ft .lk a{font-size:14px;margin-left:22px}
.ft .lk a.b{color:#fff;font-weight:700}
.ft .cp{margin-top:30px;font:500 12px var(--en);color:#5a606b}

/* ===== 서브 공통 ===== */
.sh{position:relative;height:440px;background:center/cover;display:flex;align-items:flex-end;color:#fff;padding-bottom:70px}
.sh:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(14,16,20,.88),rgba(14,16,20,.45))}
.sh .in{position:relative;width:100%}
.sh .bc{font:600 13px var(--en);letter-spacing:.08em;color:rgba(255,255,255,.55)}
.sh .bc b{color:var(--or)}
.sh h1{font-size:50px;font-weight:800;letter-spacing:-.035em;margin-top:14px}
.sh p{font-size:18px;margin-top:10px;color:rgba(255,255,255,.75)}
.tabs{display:flex;max-width:1200px;margin:-30px auto 0;position:relative;z-index:2;background:#fff;border-radius:6px;box-shadow:0 10px 30px rgba(20,24,33,.1);overflow:hidden}
.tabs a{flex:1;text-align:center;padding:0 10px;line-height:60px;font-size:16px;font-weight:600;color:var(--g9);border-right:1px solid var(--g2)}
.tabs a:last-child{border:0}
.tabs a.on{background:var(--ink);color:#fff}
.tabs.left a.on{background:var(--or)}
.icons{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;padding:46px 0 0}
.icons a{display:flex;align-items:center;gap:8px;height:44px;padding:0 18px;border-radius:999px;border:1px solid var(--g2);font-size:15px;font-weight:600;color:var(--g9)}
.icons a i svg{width:18px;height:18px;display:block}
.icons a.on{background:var(--or-l);border-color:var(--or);color:var(--or)}
.pf{display:grid;grid-template-columns:repeat(3,1fr);gap:40px 26px}
.pf .ph{height:300px;border-radius:var(--r);background:center/cover}
.pf .tx{padding:20px 4px 0}
.pf h3{font-size:20px;font-weight:800;letter-spacing:-.02em;margin-top:8px;color:var(--ink)}
.pf small{display:block;margin-top:8px;color:var(--g6);font-size:14px}
.srch{display:flex;justify-content:center;margin-top:50px}
.srch span{width:300px;height:46px;border:1px solid var(--g4);border-radius:4px;font-size:14px;color:var(--g6);padding:12px 16px}
.srch span:after{content:"⌕";float:right;font-size:18px;line-height:1}
.xm{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.xm a{display:flex;justify-content:space-between;align-items:center;border-radius:var(--r);padding:34px 36px;background:var(--ink);color:#fff}
.xm a+a{background:var(--or)}
.xm h3{font-size:22px;font-weight:800;letter-spacing:-.02em}
.xm p{font-size:15px;opacity:.7;margin-top:6px}
.xm span{flex:none;font-size:24px}

/* 문의 페이지 */
.qs{display:grid;grid-template-columns:repeat(3,1fr);margin-top:56px;border-top:2px solid var(--ink)}
.qs .s{padding:36px 30px 36px 0;border-right:1px solid var(--g2);margin-right:30px}
.qs .s:last-child{border:0;margin:0}
.qs .s em{font:800 15px var(--en);font-style:normal;letter-spacing:.1em;color:var(--or)}
.qs .s>b{display:block;font-size:22px;font-weight:800;color:var(--ink);margin-top:12px}
.qs .s p{font-size:16px;color:var(--g9);margin-top:10px}
.qbtn{display:flex;gap:10px;margin-top:40px}
.list{width:100%;border-collapse:collapse;margin-top:40px;border-top:2px solid var(--ink)}
.list th{font-size:14px;font-weight:600;color:var(--g9);height:54px;border-bottom:1px solid var(--g2)}
.list td{height:64px;border-bottom:1px solid var(--g2);text-align:center;font-size:14px;color:var(--g6)}
.list td.t{text-align:left;color:var(--ink);font-size:16px;font-weight:500}
.list td.t:after{content:"비밀글";margin-left:10px;padding:2px 6px;border-radius:3px;background:var(--g1);color:var(--g6);font-size:11px}
.page{display:flex;justify-content:center;gap:6px;margin-top:30px;font:600 14px var(--en);color:var(--g6)}
.page span,.page b{display:grid;place-items:center;width:36px;height:36px;border-radius:4px}
.page b{background:var(--ink);color:#fff}

/* FAQ */
.faq{margin:0;border-top:2px solid var(--ink)}
.faq details{border-bottom:1px solid var(--g2)}
.faq summary{list-style:none;cursor:pointer;display:flex;gap:16px;align-items:center;padding:26px 6px;font-size:18px;font-weight:700;color:var(--ink)}
.faq summary::-webkit-details-marker{display:none}
.faq summary:before{content:"Q";font:800 18px var(--en);color:var(--or)}
.faq summary:after{content:"";margin-left:auto;width:10px;height:10px;border-right:2px solid var(--g6);border-bottom:2px solid var(--g6);transform:rotate(45deg);transition:.2s}
.faq details[open] summary:after{transform:rotate(-135deg)}
.faq .a{margin:0 6px 26px 34px;padding:22px 26px;border-radius:10px;background:var(--g1);font-size:16px;line-height:1.7;color:var(--g9)}

/* 시공 범위 */
.scope{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:56px}
.scope .c{background:#fff;border-radius:var(--r);padding:40px 44px}
.scope h3{font-size:22px;font-weight:800;padding-bottom:18px;border-bottom:2px solid var(--ink)}
.scope li{list-style:none;padding:15px 0;font-size:17px;color:var(--g9);border-bottom:1px solid var(--g2)}
.scope li:before{content:"";display:inline-block;width:7px;height:7px;background:var(--or);transform:rotate(45deg);margin:0 14px 2px 2px}
.scope li b{display:inline-block;min-width:96px;color:var(--ink)}
.biz.two{grid-template-columns:1fr 1fr}
.biz.two a{height:460px}

/* ===== 모바일 ===== */
@media (max-width:1100px){
  .gnb{display:none}
  .tel{margin-left:auto}
  .burger{display:block;width:40px;height:40px;border:0;background:none;font-size:24px;margin-left:6px;color:#fff}
  .hd.sc .burger{color:var(--ink)}
  .hrow,.why{grid-template-columns:1fr;gap:20px}
  .why .ph{height:380px}
  .tl{grid-template-columns:repeat(3,1fr);row-gap:50px}
  .prm{grid-template-columns:1fr 1fr}.prm .c{border:0;margin:0;padding-right:20px}
  .qa,.nw{grid-template-columns:1fr}
  .biz{grid-template-columns:1fr 1fr}.biz a:first-child{grid-column:1/3}
  .ft .cards{grid-template-columns:1fr 1fr}.fc1{grid-column:1/3}
}
@media (max-width:720px){
  .in{padding:0 20px}
  .sec{padding:80px 0}
  .tt{font-size:28px;margin-top:16px}
  .st{font-size:15px}
  .hd{height:62px}.hd .bar{padding:0 16px}
  .logo{font-size:19px}.logo small{display:none}
  .tel{height:38px;padding:0 12px;font-size:13px}
  .hero{height:640px}
  .slide .cp{left:20px;right:20px;top:44%}
  .slide h1{font-size:34px}
  .slide p{font-size:15px;margin-top:16px}
  .slide .bt{flex-direction:column;align-items:flex-start;margin-top:26px}
  .hcnt{right:20px;bottom:110px}
  .tape .rib{height:62px;top:-60px}
  .tape .rib span{font-size:19px;padding:0 14px}
  .tape .rib span:after{margin-left:28px;width:8px;height:8px}
  .why .ph{height:260px;margin-top:20px}
  .pt{grid-template-columns:56px 1fr;padding:24px 0}.pt .go{display:none}
  .pt .n{font-size:26px}.pt h3{font-size:19px}.pt p{font-size:15px}
  .biz{grid-template-columns:1fr;margin-top:36px}.biz a:first-child{grid-column:auto}.biz a{height:340px;padding:24px}
  .biz h3{font-size:24px}
  .tl{grid-template-columns:1fr 1fr;margin-top:46px}
  .tl:before{display:none}
  .call{flex-direction:column;align-items:flex-start;gap:18px;padding:24px}.call p{font-size:16px}
  .prm{grid-template-columns:1fr}.prm .c{padding:28px 0;border-bottom:1px solid var(--g2)}
  .ql{padding:6px 18px}.ql a{grid-template-columns:1fr;height:auto;padding:14px 0;gap:4px}.ql .cat,.ql .lk{display:none}
  .rv{grid-template-columns:1fr}
  .with{flex-direction:column;align-items:flex-start;gap:16px}.with .lg{flex-wrap:wrap;gap:16px 24px}
  .nw .big .ph{height:240px}.nw .side a{grid-template-columns:120px 1fr;gap:16px}.nw .side .ph{height:100px}.nw .side h3{font-size:16px}
  .ft .cards{grid-template-columns:1fr}.fc1{grid-column:auto}.fc1 b{font-size:30px}
  .ft .row{flex-direction:column;align-items:flex-start}.ft .lk a{margin:0 18px 0 0}
  .sh{height:300px;padding-bottom:50px}.sh h1{font-size:32px}.sh p{font-size:15px}
  .tabs{margin:-24px 16px 0;overflow-x:auto}.tabs a{flex:none;padding:0 18px;line-height:50px;font-size:14px;white-space:nowrap}
  .icons{padding:30px 16px 0;justify-content:flex-start}
  .pf,.xm,.scope,.biz.two{grid-template-columns:1fr}
  .qs{grid-template-columns:1fr}.qs .s{border:0;border-bottom:1px solid var(--g2);margin:0;padding:24px 0}
  .qbtn{flex-direction:column}
  .list .hm{display:none}
  .faq summary{font-size:16px;padding:20px 4px}
  .faq .a{margin:0 0 20px;font-size:15px;padding:18px}
}
.qs .s p b{color:var(--ink)}
html,body{overflow-x:clip}
.after-tape{padding-top:190px}
@media (max-width:720px){.after-tape{padding-top:120px}}

/* =========================================================
   그누보드 테마로 옮기며 더한 규칙
   ========================================================= */
body{font-size:16px}
h1,h2,h3,h4,h5,h6,input,button,select,textarea{font-family:inherit}
.logo img{max-height:42px;width:auto}
.hd.sc .logo img{filter:none}
.ft .logo img{max-height:40px}
.ql .empty{padding:40px 0;text-align:center;color:var(--g6);font-size:16px}
.rv .c p{font-size:17px;line-height:1.7;color:var(--ink2);white-space:normal}
.rv .c small:before{display:none}
.with.only{margin-top:0;padding-top:0;border:0}
.with .lg{flex-wrap:wrap;gap:18px 30px;justify-content:flex-start}
.with .lg span{font:700 16px Pretendard;letter-spacing:0;color:var(--g9)}
.with .lg img{max-height:40px;width:auto;filter:grayscale(1);opacity:.75}
.ft .cards.n2{grid-template-columns:2fr 1fr}
.ft .cards.n1{grid-template-columns:1fr}
.ft .cp a{color:inherit}
.iron-admin{position:fixed;right:20px;bottom:20px;z-index:60;height:48px;line-height:48px;padding:0 20px;border-radius:999px;background:var(--ink);color:#fff;font-weight:700;font-size:15px;box-shadow:0 6px 20px rgba(0,0,0,.25)}

/* 휴대폰 메뉴 */
@media (max-width:1100px){
  .hd.open{background:#fff}
  .hd.open .gnb{display:flex;flex-direction:column;position:absolute;top:100%;left:0;right:0;margin:0;background:#fff;border-top:1px solid var(--g2);box-shadow:0 12px 24px rgba(0,0,0,.12)}
  .hd.open .gnb a{line-height:56px;padding:0 24px;color:var(--ink);border-bottom:1px solid var(--g2)}
  .hd.open .gnb a.on{color:var(--or)}
  .hd.open .logo,.hd.open .burger{color:var(--ink)}
}

/* ===== 게시판·회원 화면 공통 ===== */
.bo-wrap{padding:80px 0 120px}
.bo-wrap .in>*:first-child{margin-top:0}
.full{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding-left:calc(50vw - 50%);padding-right:calc(50vw - 50%)}
.btn_submit,.btn_b02{background:var(--or)!important;border-radius:4px}
.btn_cancel{border-radius:4px}
.frm_input{border:1px solid var(--g4);border-radius:4px;padding:0 12px;font:inherit;font-size:15px}
.frm_input:focus,textarea:focus{outline:2px solid var(--or-l);border-color:var(--or)}
.pg_wrap{float:none;display:flex;justify-content:center;margin-top:40px}
.pg_current{background:var(--ink)!important;border-color:var(--ink)!important}
.pg_page,.pg_current{font-family:var(--en)}
.bo-empty{padding:80px 0;text-align:center;color:var(--g6);font-size:16px}
.bo-admin{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;margin-bottom:20px}
.bo-admin a,.bo-admin button{display:inline-flex;align-items:center;height:40px;padding:0 16px;border-radius:4px;border:1px solid var(--g4);background:#fff;font:600 14px Pretendard;color:var(--ink);cursor:pointer}
.bo-admin .w{background:var(--or);border-color:var(--or);color:#fff}
.bo-srch{display:flex;justify-content:center;gap:6px;margin-top:40px}
.bo-srch select,.bo-srch input{height:46px;border:1px solid var(--g4);border-radius:4px;padding:0 12px;font:inherit;font-size:14px}
.bo-srch input{width:260px}
.bo-srch button{height:46px;padding:0 18px;border:0;border-radius:4px;background:var(--ink);color:#fff;font:700 14px Pretendard;cursor:pointer}
.icons a i svg{fill:currentColor}
.pf .ph.noimg{display:grid;place-items:center;background:var(--g1);color:var(--g6);font-size:14px}
.pf a{display:block}
.list td.t a{color:inherit}
.list td.t.secret:after{content:"비밀글"}
.list td.t:not(.secret):after{display:none}
.list td.t .re{color:var(--or);font-size:13px;margin-right:6px}
.list .chk{width:40px}
.faq .a img{max-width:100%;height:auto}
.faq .adm{display:flex;gap:10px;margin-top:14px;font-size:13px}
.faq .adm a{color:var(--g6);text-decoration:underline}

/* 글 보기·쓰기 (그누보드 기본 스킨을 테마 색으로) */
#bo_v,#bo_w{max-width:960px;margin:0 auto}
#bo_v_title .bo_v_tit{font-size:30px;font-weight:800;letter-spacing:-.03em;color:var(--ink)}
#bo_v_atc{font-size:17px;line-height:1.8;color:var(--ink2)}
.iron-meta{display:flex;flex-wrap:wrap;gap:8px 24px;margin:20px 0;padding:18px 22px;border-radius:10px;background:var(--g1);font-size:15px;color:var(--g9)}
.iron-meta b{color:var(--ink);margin-right:8px}
#bo_w .write_div{margin-bottom:12px}
#bo_w .frm_input.full_input,#bo_w textarea{width:100%}
#bo_w textarea{min-height:220px;border:1px solid var(--g4);border-radius:4px;padding:12px;font:inherit;font-size:15px}
#bo_w select{height:46px;border:1px solid var(--g4);border-radius:4px;padding:0 12px;font:inherit;font-size:15px}
.iron-help{margin-bottom:24px;padding:18px 22px;border-left:4px solid var(--or);background:var(--or-l);font-size:15px;line-height:1.7;color:var(--ink2)}
.iron-agree{margin:20px 0;padding:18px 22px;border:1px solid var(--g2);border-radius:10px;font-size:14px;line-height:1.7;color:var(--g9)}
.iron-agree label{display:flex;gap:8px;align-items:center;margin-top:10px;font-weight:700;color:var(--ink);font-size:15px}
.iron-agree input{width:18px;height:18px;accent-color:var(--or)}
.iron-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}
.iron-row .frm_input{width:100%;height:48px}

/* 첫 화면 팝업 */
.is-popup{position:fixed;inset:0;z-index:100;background:rgba(0,0,0,.5);display:grid;place-items:center;padding:20px}
.is-popup-box{position:relative;width:min(480px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:var(--r)}
.is-popup-title{padding:24px 50px 0 24px;font-size:20px;font-weight:800;color:var(--ink)}
.is-popup-content{padding:16px 24px 24px;font-size:15px;line-height:1.7}
.is-popup-content img{max-width:100%;height:auto}
.is-popup-x{position:absolute;top:14px;right:14px;width:34px;height:34px;border:0;border-radius:50%;background:var(--g1);font-size:15px;cursor:pointer}
.is-popup-foot{display:flex;justify-content:space-between;align-items:center;padding:14px 24px;border-top:1px solid var(--g2);font-size:14px}
.is-popup-foot button{border:0;background:var(--ink);color:#fff;border-radius:4px;padding:8px 16px;font-weight:700;cursor:pointer}

@media (max-width:720px){
  .bo-wrap{padding:50px 0 80px}
  .bo-srch{flex-wrap:wrap}.bo-srch input{width:100%}
  .iron-row{grid-template-columns:1fr}
  .iron-admin{right:12px;bottom:12px}
  #bo_v_title .bo_v_tit{font-size:24px}
}
#bo_v_info .pf_img{display:none}
#bo_w .frm_file{max-width:100%}
#bo_w .file_wr{display:flex;gap:8px;align-items:center;min-width:0}
#bo_v img,#bo_v iframe{max-width:100%;height:auto}

/* 강점 칸 정렬 (11-03 대표 '정렬'): 사진 위아래 = 글 묶음 시작·끝, 번호·제목·화살표 = 제목 줄 가운데 */
.why{align-items:stretch}
.why .ph{height:auto;min-height:520px;margin-top:0}
.pt .n,.pt h3{line-height:36px}
.pt .go{margin-top:-2px}
@media (max-width:1100px){.why .ph{min-height:0;height:380px}}
@media (max-width:720px){.why .ph{height:260px}.pt .n,.pt h3{line-height:30px}.pt .n{font-size:26px}}
/* 줄바꿈 (11-03 대표 '줄바꿈 다 확인'): 그누보드 기본 p{break-all}을 덮고 단어 단위로, 제목은 줄 길이 고르게, 문단은 한두 글자 넘김 방지 */
body,body *{word-break:keep-all!important;overflow-wrap:break-word}
body *{text-wrap:pretty}
h1,h2,h3,h4,.tt,summary,.bo_tit,.bo_v_tit,.list td.t,.ql .t{text-wrap:balance}
@media (max-width:1100px){.tabs{overflow-x:auto;margin-left:16px;margin-right:16px}.tabs a{flex:none;padding:0 18px;white-space:nowrap}}
@media (max-width:720px){
  #bo_list thead,#bo_list tbody td{display:none}
  #bo_list tbody tr{display:block;padding:14px 0;border-bottom:1px solid var(--g2)}
  #bo_list tbody td.td_subject,#bo_list tbody td.td_datetime{display:block;height:auto;padding:2px 0!important;border:0;text-align:left}
}
/* 사진 카드 제목 높이 맞춤: 글을 같은 선에서 시작 (휴대폰 한 줄 배치는 아래 붙임 그대로) */
.biz a{height:auto;min-height:540px;justify-content:flex-start}
.biz a>small{margin-top:300px}
.biz.two a{min-height:460px}.biz.two a>small{margin-top:250px}
@media (max-width:720px){.biz a,.biz.two a{min-height:340px;justify-content:flex-end}.biz a>small,.biz.two a>small{margin-top:0}}
.ft .inf span{white-space:nowrap;margin-right:16px}
@media (max-width:720px){.scope li b{display:block;min-width:0}.scope .c{padding:30px 24px}}
@media (max-width:720px){.scope li{position:relative;padding-left:22px}.scope li:before{position:absolute;left:2px;top:24px;margin:0}}
/* 관리자 전용 [문구 고치기] 버튼 (손님에겐 HTML 자체가 안 나옴) */
.sec,.ft,.hrow{position:relative}
.iron-ed{position:absolute;top:16px;right:16px;z-index:40;height:30px;line-height:30px;padding:0 12px;border-radius:999px;background:var(--or);color:#fff!important;font-size:12.5px;font-weight:700;white-space:nowrap;box-shadow:0 4px 12px rgba(0,0,0,.2)}
.hero>.iron-ed,.sh>.iron-ed{top:96px}
.tape>.iron-ed{top:auto;bottom:70px;left:16px;right:auto}
@media (max-width:720px){.hero>.iron-ed,.sh>.iron-ed{top:86px}}
.hrow>.iron-ed{top:-44px;right:0}