:root{--bg:#f6f4ef;--surface:#fff;--text:#20242b;--muted:#6a665d;--border:#ece9e2;--accent:#2E6BE6;--gold:#c08a2a;--shadow:rgba(60,50,30,.08);--header:rgba(246,244,239,.9);--footer:#1F3864}
[data-theme=dark]{--bg:#0f1216;--surface:#181c22;--text:#eef1f5;--muted:#9aa3b2;--border:#272c34;--accent:#6fa8ff;--gold:#e0a93a;--shadow:rgba(0,0,0,.4);--header:rgba(15,18,22,.85);--footer:#0b1422}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--bg);font-family:'Pretendard','Malgun Gothic',sans-serif;color:var(--text);transition:background .25s,color .25s}
a{color:inherit;text-decoration:none}
.ct{max-width:1200px;margin:0 auto;padding:0 clamp(16px,4vw,40px)}
img{max-width:100%;display:block}
/* ===== header / GNB ===== */
header{position:sticky;top:0;z-index:50;background:var(--header);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}
.hd{display:flex;align-items:center;gap:14px;padding:13px 0}
.lg{display:flex;align-items:center;gap:9px;font-family:'Poppins';font-weight:800;font-size:20px;color:var(--text)}
.lgd{width:16px;height:16px;border-radius:50%;background:#FFC53D;box-shadow:9px 0 0 -2px #FF6B6B}
nav.gnb{display:flex;gap:4px;font-size:14px;font-weight:600;flex:1;justify-content:center}
.gi{position:relative}
.gi>a{display:block;padding:10px 14px;color:var(--muted);border-radius:10px}
.gi>a:hover,.gi>a.on{color:var(--accent)}
.gi:hover>a{color:var(--accent)}
.drop{position:absolute;top:100%;left:50%;transform:translateX(-50%) translateY(8px);min-width:172px;background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:0 16px 40px var(--shadow);padding:8px;opacity:0;visibility:hidden;transition:.16s}
.gi:hover .drop{opacity:1;visibility:visible;transform:translateX(-50%) translateY(4px)}
.drop a{display:block;padding:9px 13px;border-radius:9px;font-size:13px;font-weight:600;color:var(--text);white-space:nowrap}
.drop a:hover{background:var(--bg);color:var(--accent)}
.tools{display:flex;align-items:center;gap:8px}
.hsch{display:flex;align-items:center;background:var(--surface);border:1.5px solid var(--border);border-radius:999px;padding:0 4px 0 14px;height:38px}
.hsch input{border:0;background:transparent;color:var(--text);font-size:13px;width:120px;outline:none}
.hsch button{border:0;background:transparent;color:var(--muted);width:30px;height:30px;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center}
.btn-i{height:38px;display:flex;align-items:center;justify-content:center;border:1.5px solid var(--border);background:var(--surface);color:var(--text);border-radius:999px;cursor:pointer;font-weight:700;font-size:12px}
.btn-lang{padding:0 14px}.btn-th{width:38px;font-size:18px}.ham{display:none;width:40px;font-size:20px}
/* ===== generic section / page head ===== */
.sec{margin-top:clamp(40px,6vw,60px)}
.sx{display:flex;align-items:flex-end;gap:14px;margin-bottom:22px;flex-wrap:wrap}
.sx .k{font-family:'Poppins';font-size:12px;font-weight:700;letter-spacing:3px;color:var(--gold)}
.sx h2{font-size:clamp(26px,4vw,38px);font-weight:800;letter-spacing:-1px;color:var(--text)}
.sx .more{margin-left:auto;font-size:14px;font-weight:600;color:var(--accent)}
.btn{display:inline-block;font-weight:700;font-size:14px;border-radius:999px;padding:13px 24px;cursor:pointer}
.btn.p{background:var(--accent);color:#fff}.btn.s{background:var(--surface);border:1.5px solid var(--border);color:var(--text)}
.crumb{font-size:12px;color:var(--muted);margin-top:18px}
.crumb a:hover{color:var(--accent)}
.phead{font-size:clamp(28px,4.5vw,42px);font-weight:800;letter-spacing:-1.2px;margin:6px 0 4px}
.psub{font-size:14px;color:var(--muted);margin-bottom:22px;line-height:1.6}
.card{background:var(--surface);border:1px solid var(--border);border-radius:18px;box-shadow:0 10px 24px var(--shadow)}
.prose{background:var(--surface);border:1px solid var(--border);border-radius:18px;box-shadow:0 10px 24px var(--shadow);padding:clamp(22px,3.5vw,38px);line-height:1.8}
.prose h3{font-size:20px;font-weight:800;margin:0 0 14px;letter-spacing:-.5px}
.prose h3:not(:first-child){margin-top:30px}
.prose p{color:var(--muted);font-size:15px;margin-bottom:12px}
.prose ul{margin:6px 0 12px 18px;color:var(--muted);font-size:15px}
.prose li{margin:5px 0}
/* ===== hero (home) ===== */
.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:24px;align-items:center;background:var(--surface);border-radius:26px;padding:clamp(24px,4vw,46px);margin-top:14px;box-shadow:0 20px 50px var(--shadow);overflow:hidden}
.kick{font-family:'Poppins';font-size:13px;font-weight:700;letter-spacing:3px;color:var(--gold)}
.big{font-family:'Poppins';font-weight:900;font-size:clamp(48px,8.4vw,104px);letter-spacing:-3px;line-height:.9;margin:10px 0 0;color:var(--text)}
.kor{font-size:clamp(22px,3.4vw,32px);font-weight:800;letter-spacing:-1px;color:var(--accent);margin-top:14px}
.para{font-size:clamp(13px,1.4vw,15px);color:var(--muted);line-height:1.6;margin-top:14px;max-width:430px}
.cta{display:flex;gap:10px;margin-top:22px;flex-wrap:wrap}
.cluster{position:relative;aspect-ratio:1/.92;display:flex;align-items:center;justify-content:center}
.disc{position:absolute;width:84%;height:84%;border-radius:50%;background:radial-gradient(circle at 40% 35%,#eaf2ff,#cfe2ff)}
[data-theme=dark] .disc{background:radial-gradient(circle at 40% 35%,#26303f,#1a2230)}
.cmain{position:relative;width:86%;object-fit:contain;filter:drop-shadow(0 14px 24px rgba(0,0,0,.22));z-index:2}
.cbadge{position:absolute;border-radius:50%;background:var(--surface);box-shadow:0 10px 20px rgba(0,0,0,.18);object-fit:contain;padding:4px;z-index:3}
/* ===== brand cards (home) ===== */
.bgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}
.bcard{position:relative;border-radius:22px;overflow:hidden;min-height:160px;padding:20px;box-shadow:0 12px 28px var(--shadow);display:block}
.bcard .n{font-size:20px;font-weight:800;letter-spacing:-.5px}
.bcard .c{font-size:12px;font-weight:600;margin-top:5px;opacity:.8}
.bcard img{position:absolute;right:-4px;bottom:-4px;height:58%;filter:drop-shadow(0 8px 14px rgba(0,0,0,.16))}
.bcard .idx{position:absolute;right:16px;top:12px;font-family:'Poppins';font-weight:800;font-size:15px;opacity:.5}
.b1c{background:#EAF1FF}.b1c .n,.b1c .idx{color:#1c4fb0}.b1c .c{color:#2E6BE6}
.b2c{background:#FFEAF0}.b2c .n,.b2c .idx{color:#b23a6b}.b2c .c{color:#c96f93}
.b3c{background:#FFF3D6}.b3c .n,.b3c .idx{color:#8A5A00}.b3c .c{color:#a9803a}
.b4c{background:#F3EAFE}.b4c .n,.b4c .idx{color:#5A3C9B}.b4c .c{color:#7d5fc0}
.b5c{background:#E0F7F2}.b5c .n,.b5c .idx{color:#0F7A66}.b5c .c{color:#3aa68e}
.b6c{background:#FCE9F1}.b6c .n,.b6c .idx{color:#A6326B}.b6c .c{color:#c96f93}
[data-theme=dark] .b1c{background:#15243d}[data-theme=dark] .b1c .n,[data-theme=dark] .b1c .idx{color:#8bb4f0}
[data-theme=dark] .b2c{background:#341c28}[data-theme=dark] .b2c .n,[data-theme=dark] .b2c .idx{color:#f0a6c2}
[data-theme=dark] .b3c{background:#2f250f}[data-theme=dark] .b3c .n,[data-theme=dark] .b3c .idx{color:#e8c473}
[data-theme=dark] .b4c{background:#231a37}[data-theme=dark] .b4c .n,[data-theme=dark] .b4c .idx{color:#bda3ec}
[data-theme=dark] .b5c{background:#0f2c27}[data-theme=dark] .b5c .n,[data-theme=dark] .b5c .idx{color:#63d8bd}
[data-theme=dark] .b6c{background:#2f1626}[data-theme=dark] .b6c .n,[data-theme=dark] .b6c .idx{color:#e8a0c0}
/* ===== directory cards (brand list) ===== */
.dgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(264px,1fr));gap:18px}
.dcard{background:var(--surface);border:1px solid var(--border);border-radius:18px;overflow:hidden;box-shadow:0 10px 24px var(--shadow);transition:transform .15s;display:block}
.dcard:hover{transform:translateY(-4px)}
.dcard .th{height:130px;display:flex;align-items:center;justify-content:center;background:var(--bg)}
.dcard .th img{height:88px;object-fit:contain;filter:drop-shadow(0 8px 14px rgba(0,0,0,.14))}
.dcard .b{padding:14px 16px 16px}
.dcard .dn{font-size:16px;font-weight:800}
.dcard .ch{display:inline-block;font-size:11px;font-weight:700;border-radius:999px;padding:2px 9px;margin-top:6px;background:#E0F7F2;color:#0F7A66}
[data-theme=dark] .dcard .ch{background:#0f2c27;color:#63d8bd}
.dcard .dd{font-size:12px;color:var(--muted);margin-top:7px;line-height:1.4}
.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}
.fl{font-size:13px;font-weight:600;border-radius:999px;padding:8px 16px;border:1.5px solid var(--border);background:var(--surface);color:var(--muted);cursor:pointer}
.fl.on{background:var(--accent);color:#fff;border-color:var(--accent)}
/* ===== brand mini-site GLASS hero (시안: 트렌드_글래스) ===== */
.glass{backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.38);box-shadow:0 10px 34px rgba(0,0,0,.18)}
.bshow{position:relative;height:clamp(420px,52vw,500px);border-radius:30px;overflow:hidden;margin-top:16px;box-shadow:0 26px 56px rgba(0,0,0,.32)}
.bshow .blob{position:absolute;border-radius:50%;filter:blur(70px);opacity:.6;pointer-events:none}
.bshow .ghost{position:absolute;font-family:'Poppins';font-weight:900;font-size:clamp(180px,30vw,340px);line-height:.7;color:rgba(255,255,255,.10);right:8%;top:-30px;letter-spacing:-10px;z-index:1}
.bshow.warm .ghost{color:rgba(120,80,20,.14)}
.bshow .scrim{position:absolute;inset:0;z-index:5;background:linear-gradient(100deg,rgba(8,16,40,.42) 0%,rgba(8,16,40,.12) 34%,rgba(8,16,40,0) 52%);pointer-events:none}
.bshow.warm .scrim{background:linear-gradient(100deg,rgba(70,44,12,.34) 0%,rgba(70,44,12,.10) 34%,rgba(70,44,12,0) 52%)}
.bshow .bkick{position:absolute;top:34px;left:42px;z-index:6;font-family:'Poppins';font-size:13px;font-weight:700;letter-spacing:4px;color:rgba(255,255,255,.82)}
.bshow.warm .bkick{color:rgba(90,58,18,.85)}
.bshow .btitle{position:absolute;top:58px;left:38px;z-index:6;color:#fff}
.bshow .btitle .ko{font-size:clamp(46px,7vw,76px);font-weight:800;line-height:.92;letter-spacing:-4px;text-shadow:0 8px 30px rgba(0,0,0,.28)}
.bshow .btitle .en{font-family:'Poppins';font-size:clamp(13px,1.6vw,17px);font-weight:700;letter-spacing:3px;opacity:.85;margin-top:14px}
.bshow.warm .btitle .ko{color:#5a3a12;text-shadow:0 8px 24px rgba(120,80,20,.18)}
.bshow.warm .btitle .en{color:#7a531c}
.bshow .bimg{position:absolute;right:17%;bottom:0;height:100%;object-fit:contain;object-position:bottom right;z-index:4;filter:drop-shadow(0 18px 30px rgba(0,0,0,.28))}
.bshow .binfo{position:absolute;left:38px;bottom:30px;z-index:7;width:min(360px,72%);padding:20px 24px;border-radius:24px}
.bshow.warm .binfo{background:rgba(90,58,18,.18)}
.bshow .binfo .tag{display:inline-block;font-family:'Poppins';font-size:11px;font-weight:700;letter-spacing:2px;color:#fff;background:rgba(255,255,255,.22);border:1px solid rgba(255,255,255,.3);border-radius:999px;padding:5px 13px}
.bshow .binfo .d{color:rgba(255,255,255,.94);font-size:14px;line-height:1.55;margin:13px 0 16px;font-weight:500}
.bshow.warm .binfo .d{color:#fff}
.bshow .cta2{display:inline-flex;align-items:center;gap:12px;background:#fff;color:#1b1f27;font-weight:700;font-size:14px;border-radius:999px;padding:11px 12px 11px 20px;cursor:pointer}
.bshow .cta2 i{width:30px;height:30px;border-radius:50%;background:#1b1f27;color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;font-style:normal}
.bshow .bside{position:absolute;right:30px;top:50%;transform:translateY(-50%);z-index:7;width:158px;border-radius:26px;padding:16px 14px 18px;display:flex;flex-direction:column;align-items:center;gap:10px}
.bshow.warm .bside{background:rgba(90,58,18,.16)}
.bshow .bside .nx{font-family:'Poppins';font-size:11px;font-weight:700;letter-spacing:2px;color:rgba(255,255,255,.85)}
.bshow.warm .bside .nx{color:#5a3a12}
.bshow .bside .pv{width:120px;height:120px;border-radius:20px;background:rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;overflow:hidden}
.bshow.warm .bside .pv{background:rgba(255,255,255,.4)}
.bshow .bside .pv img{width:118px;height:118px;object-fit:contain}
.bshow .bside .ar{display:flex;gap:8px;margin-top:2px}
.bshow .bside .ar a{width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.22);border:1px solid rgba(255,255,255,.35);display:flex;align-items:center;justify-content:center;color:#fff;font-size:15px;text-decoration:none}
.bshow.warm .bside .ar a{color:#5a3a12}
@media(max-width:760px){
  .bshow{height:auto;padding:24px 20px 26px}
  .bshow .ghost{display:none}
  .bshow .bkick,.bshow .btitle{position:static}
  .bshow .btitle{margin:6px 0 14px}
  .bshow .bimg{position:relative;right:auto;height:200px;margin:0 auto;display:block}
  .bshow .binfo,.bshow .bside{position:static;width:100%;margin-top:14px;transform:none}
  .bshow .bside{flex-direction:row;justify-content:space-between}
  .bshow .scrim{display:none}
}
/* ===== brand mini-site ===== */
.bsub{background:#EAF1FF;border-radius:20px;padding:14px 20px;display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:14px}
[data-theme=dark] .bsub{background:#15243d}
.bsub .bt{font-size:18px;font-weight:800;color:#1c4fb0;display:flex;align-items:center;gap:8px}
[data-theme=dark] .bsub .bt{color:#8bb4f0}
.snav{display:flex;gap:7px;flex:1;justify-content:flex-end;flex-wrap:wrap}
.st{font-size:12px;font-weight:600;border-radius:999px;padding:6px 14px;background:var(--surface);color:var(--accent);border:1px solid #cfe0ff;cursor:pointer}
.st.on{background:var(--accent);color:#fff;border-color:var(--accent)}
.bhero{position:relative;border-radius:22px;background:#EAF1FF;padding:clamp(24px,4vw,40px);margin-top:16px;overflow:hidden;display:grid;grid-template-columns:1.2fr 1fr;gap:20px;align-items:center}
[data-theme=dark] .bhero{background:#15243d}
.bhero h3{font-size:clamp(24px,3.6vw,34px);font-weight:800;color:#1c4fb0;letter-spacing:-1px}
[data-theme=dark] .bhero h3{color:#8bb4f0}
.bhero p{font-size:14px;color:#3b6bc4;margin:12px 0 18px;line-height:1.6}
[data-theme=dark] .bhero p{color:#9fc0ef}
.bhero .kv{border-radius:16px;background:#bcd4fb;min-height:170px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.bhero .kv img{height:100%;width:100%;object-fit:cover}
.pgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}
.pcard{border:1px solid var(--border);border-radius:14px;overflow:hidden;background:var(--surface)}
.pcard .pi{height:130px;background:var(--bg);display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:12px;overflow:hidden}
.pcard .pi img{height:100%;width:100%;object-fit:cover}
.pcard .pn{font-size:13px;font-weight:600;padding:10px 12px}
/* ===== video gallery ===== */
.vgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
.vc{position:relative;border-radius:16px;overflow:hidden;aspect-ratio:16/9;background:#000;box-shadow:0 12px 26px var(--shadow);display:block}
.vc img{width:100%;height:100%;object-fit:cover}
.vc .pl{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:50px;height:50px;border-radius:50%;background:rgba(255,255,255,.25);border:1px solid rgba(255,255,255,.6);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;color:#fff;font-size:19px}
.vc .cap{position:absolute;left:14px;bottom:12px;color:#fff;font-size:13px;font-weight:600;text-shadow:0 2px 8px rgba(0,0,0,.6)}
/* ===== animation ===== */
.anim{position:relative;border-radius:24px;overflow:hidden;min-height:clamp(240px,34vw,320px);display:block}
.anim img.cv{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 35%}
.anim .ov{position:absolute;inset:0;background:linear-gradient(95deg,rgba(10,14,30,.84),rgba(10,14,30,.4) 50%,rgba(10,14,30,.06) 78%)}
.anim .tx{position:relative;z-index:2;color:#fff;padding:clamp(26px,4vw,46px);max-width:560px}
.anim .tx .k{font-family:'Poppins';font-size:12px;font-weight:700;letter-spacing:3px;color:#ffd23d}
.anim .tx h3{font-size:clamp(26px,3.6vw,40px);font-weight:800;letter-spacing:-1px;margin:8px 0 12px}
.anim .tx p{font-size:14px;color:#e8edf6;line-height:1.6}
.anim .pb{display:inline-block;margin-top:18px;background:#fff;color:#1b1f27;font-weight:700;font-size:14px;border-radius:999px;padding:12px 22px}
.wgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
.wk{border-radius:16px;overflow:hidden;background:var(--surface);border:1px solid var(--border);box-shadow:0 10px 22px var(--shadow);display:block;transition:transform .15s}
.wk:hover{transform:translateY(-4px)}
.wk .wi{position:relative;height:160px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.wk .wi img.cv2{width:100%;height:100%;object-fit:cover}
.wk .wi .pl{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:48px;height:48px;border-radius:50%;background:rgba(255,255,255,.22);border:1px solid rgba(255,255,255,.55);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px}
.wk .wb{padding:13px 15px}
.wk .wt{font-size:15px;font-weight:700;color:var(--text)}
.wk .wm{font-size:12px;color:var(--muted);margin-top:5px}
.wk .wm .g{color:var(--accent);font-weight:600}
/* ===== news ===== */
.ngrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}
.nc{background:var(--surface);border-radius:18px;overflow:hidden;box-shadow:0 10px 24px var(--shadow);display:block}
.nc .top{height:110px}.nc .b{padding:15px 17px 18px}
.nc .tg{font-size:11px;font-weight:700;border-radius:999px;padding:3px 9px}
.nc .t{font-size:15px;font-weight:700;margin-top:9px;line-height:1.4;color:var(--text)}
.nc .d{font-size:12px;color:var(--muted);margin-top:9px}
/* list table (news/ir/faq) */
.ltbl{background:var(--surface);border:1px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:0 10px 24px var(--shadow)}
.lrow{display:flex;align-items:center;gap:16px;padding:16px 20px;border-bottom:1px solid var(--border)}
.lrow:last-child{border-bottom:0}
.lrow:hover{background:var(--bg)}
.lrow .lno{font-family:'Poppins';font-weight:700;color:var(--muted);font-size:13px;width:34px;flex:none}
.lrow .ltag{font-size:11px;font-weight:700;border-radius:999px;padding:3px 10px;background:#E0F7F2;color:#0F7A66;flex:none}
[data-theme=dark] .lrow .ltag{background:#0f2c27;color:#63d8bd}
.lrow .ltit{font-size:15px;font-weight:600;flex:1;color:var(--text)}
.lrow .ldate{font-size:12px;color:var(--muted);flex:none}
/* accordion (faq) */
.acc{background:var(--surface);border:1px solid var(--border);border-radius:14px;margin-bottom:10px;overflow:hidden}
.acc summary{padding:16px 20px;font-size:15px;font-weight:700;cursor:pointer;display:flex;gap:10px;align-items:center;list-style:none}
.acc summary::-webkit-details-marker{display:none}
.acc summary .q{color:var(--accent);font-family:'Poppins';font-weight:800}
.acc .ab{padding:0 20px 18px 46px;color:var(--muted);font-size:14px;line-height:1.7}
/* form (contact) */
.frm{background:var(--surface);border:1px solid var(--border);border-radius:18px;box-shadow:0 10px 24px var(--shadow);padding:clamp(22px,3.5vw,34px);display:grid;gap:16px;max-width:680px}
.fld{display:grid;gap:7px}
.fld label{font-size:13px;font-weight:700}
.fld input,.fld select,.fld textarea{border:1.5px solid var(--border);background:var(--bg);color:var(--text);border-radius:10px;padding:12px 14px;font-size:14px;font-family:inherit}
.fld textarea{min-height:140px;resize:vertical}
.frow{display:grid;grid-template-columns:1fr 1fr;gap:14px}
/* steps (as guide) */
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}
.step{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:20px;box-shadow:0 10px 22px var(--shadow)}
.step .sn{font-family:'Poppins';font-weight:800;color:var(--accent);font-size:14px}
.step .stt{font-size:16px;font-weight:700;margin:8px 0 6px}
.step .sd{font-size:13px;color:var(--muted);line-height:1.6}
/* timeline (history) */
.tl{position:relative;margin-left:8px;padding-left:28px;border-left:2px solid var(--border)}
.tlitem{position:relative;padding:0 0 26px}
.tlitem::before{content:'';position:absolute;left:-35px;top:4px;width:14px;height:14px;border-radius:50%;background:var(--accent);border:3px solid var(--bg)}
.tlitem .ty{font-family:'Poppins';font-weight:800;font-size:18px;color:var(--accent)}
.tlitem .te{font-size:14px;color:var(--muted);margin-top:5px;line-height:1.6}
/* ebook */
.ebgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:18px}
.ebk{background:var(--surface);border:1px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:0 10px 24px var(--shadow);text-align:center;padding-bottom:16px}
.ebk .ebc{height:200px;background:linear-gradient(135deg,#EAF1FF,#cfe2ff);display:flex;align-items:center;justify-content:center;font-family:'Poppins';font-weight:800;color:#1c4fb0;font-size:18px}
.ebk .ebl{font-size:15px;font-weight:700;margin-top:14px}
.ebk .ebd{font-size:12px;color:var(--muted);margin-top:4px}
/* family (home) */
.fam{display:flex;gap:10px;flex-wrap:wrap}
.fam a{flex:1;min-width:130px;text-align:center;font-size:13px;font-weight:600;color:var(--muted);background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:14px 8px}
/* ===== footer ===== */
footer{background:var(--footer);color:#9fb4d6;margin-top:clamp(50px,7vw,70px);padding:clamp(30px,4vw,42px) 0 44px}
.ftop{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap}
.lg2{font-family:'Poppins';font-weight:800;font-size:20px;color:#fff;display:flex;align-items:center;gap:8px}
.fl2{display:flex;gap:16px;flex-wrap:wrap;font-size:13px;font-weight:500;color:#cfe0ff;margin-top:14px;max-width:560px}
.ffam{display:flex;flex-direction:column;gap:6px;font-size:13px}
.ffam .ffh{font-weight:700;color:#fff;margin-bottom:4px}
.ffam a{color:#9fb4d6}.ffam a:hover{color:#fff}
.finfo{font-size:12px;line-height:1.8;margin-top:22px;border-top:1px solid rgba(255,255,255,.12);padding-top:18px}
.pg{text-align:center;color:var(--muted);font-size:13px;margin-top:18px}
/* ===== responsive ===== */
@media(max-width:980px){.hsch{display:none}}
@media(max-width:880px){
  nav.gnb{position:fixed;inset:54px 0 auto 0;flex-direction:column;background:var(--surface);border-bottom:1px solid var(--border);padding:8px;gap:0;display:none;max-height:80vh;overflow:auto}
  nav.gnb.open{display:flex}
  .gi>a{padding:13px 16px}.drop{position:static;transform:none;opacity:1;visibility:visible;box-shadow:none;border:0;padding:0 0 8px 14px;min-width:0;background:transparent}
  .ham{display:flex}
  .hero,.bhero{grid-template-columns:1fr;text-align:center}.para,.bhero p{margin-left:auto;margin-right:auto}.cta{justify-content:center}
  .cluster{max-width:420px;margin:8px auto 0;order:-1}.snav{justify-content:center}.frow{grid-template-columns:1fr}
}

/* 정보 테이블 (회사정보·오시는길·A/S 비용) */
.prose table.infotbl{width:100%;border-collapse:collapse;margin:6px 0 8px;font-size:14px}
.prose table.infotbl th,.prose table.infotbl td{border:1px solid var(--border);padding:10px 12px;text-align:left;vertical-align:top;line-height:1.6}
.prose table.infotbl th{background:var(--bg);color:var(--text);font-weight:700;white-space:nowrap;width:1%}
.prose table.infotbl td{color:var(--muted)}
.prose table.infotbl tr:first-child th{background:var(--accent);color:#fff;border-color:var(--accent)}

/* 제품/특징 카드 본문 */
.pcard .dd{padding:0 12px 12px;font-size:12.5px;color:var(--muted);line-height:1.5}
.pcard .pn{line-height:1.45}

/* 테마 자동전환(낮: 다크→라이트) 1.5초 크로스페이드 — JS가 1.7초 후 제거 */
html.theme-anim,
html.theme-anim *,
html.theme-anim *::before,
html.theme-anim *::after{
  transition:background-color 1.5s ease,color 1.5s ease,border-color 1.5s ease,box-shadow 1.5s ease,fill 1.5s ease !important;
}

/* 유튜브 임베드 (애니메이션 예고편) 16:9 */
.ytembed{position:relative;aspect-ratio:16/9;border-radius:18px;overflow:hidden;background:#000;box-shadow:0 16px 40px var(--shadow)}
.ytembed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

/* 통합검색 입력 바 */
.schbar{display:flex;align-items:center;gap:10px;background:var(--surface);border:1.5px solid var(--border);border-radius:999px;padding:6px 6px 6px 20px;box-shadow:0 10px 24px var(--shadow);margin:6px 0 4px}
.schbar i{font-size:20px;color:var(--muted)}
.schbar input{flex:1;border:0;background:transparent;color:var(--text);font-size:16px;outline:none;min-width:0}
.schbar button{flex:none;border:0;background:var(--accent);color:#fff;font-weight:700;font-size:14px;border-radius:999px;padding:11px 22px;cursor:pointer}
.schbar button:hover{filter:brightness(1.05)}

/* 맨 위로(toTop) 버튼 — 스크롤 시 노출 */
.totop{position:fixed;right:max(16px,calc(50vw - 632px));bottom:clamp(20px,4vw,40px);z-index:60;width:48px;height:48px;border-radius:50%;border:1.5px solid var(--border);background:var(--surface);color:var(--text);box-shadow:0 10px 26px var(--shadow);cursor:pointer;font-size:20px;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .25s,transform .25s,background .2s,color .2s}
.totop.show{opacity:1;visibility:visible;transform:translateY(0)}
.totop:hover{background:var(--accent);color:#fff;border-color:var(--accent)}

/* 오시는 길 지도(Daum Roughmap) 래퍼 — 라운드 카드 + 반응형 클립 */
.mapwrap{position:relative;overflow:hidden;border-radius:18px;border:1px solid var(--border);box-shadow:0 10px 24px var(--shadow);background:var(--surface)}
.mapwrap .root_daum_roughmap{transform-origin:top left;margin:0!important}