/* 헤더 새 메뉴 · 게시판 · 오른쪽 퀵바 (2026-10-26 추가) — 기존 style.css 는 건드리지 않음 */
/* 1) PC: 로고 줄 아래로 메뉴 줄 (기존 .pcnav 글자 모양 그대로) */
#hd .hnav{display:none}
@media(min-width:900px){
  #hd .hnav{display:block;border-top:1px solid rgba(42,92,192,.12)}
  #hd .hnav .hin{max-width:1280px;margin:0 auto;padding:0 12px;overflow-x:auto;scrollbar-width:none}
  #hd .hnav .hin::-webkit-scrollbar{display:none}
  #hd .hnav .pcnav{display:flex;align-items:flex-end;gap:22px;white-space:nowrap;padding:14px 4px 0;min-height:52px}
  #hd .hnav .pcnav a{position:relative;padding:4px 0 10px;flex:none;transition:transform .18s cubic-bezier(.3,1.6,.5,1)}
  #hd .hnav .pcnav a:hover{transform:translateY(-2px)}
  #hd .hnav .pcnav a::after{content:"";position:absolute;left:0;right:0;bottom:2px;height:4px;border-radius:4px;background:#1E64DC;transform:scaleX(0);transition:transform .2s}
  #hd .hnav .pcnav a:hover::after,#hd .hnav .pcnav a.on::after{transform:scaleX(1)}
  #hd .hnav .pcnav .nbg{position:absolute;left:50%;top:-20px;width:42px;height:28px;transform:translateX(-50%);pointer-events:none;animation:nbg 2.4s ease-in-out infinite}
  #hd .hnav .pcnav a.nw{margin-left:2px}
  #hd .hnav .pcnav .sep{flex:none;width:2px;height:18px;margin:0 0 13px;border-radius:2px;background:#C9D6EA}
  #hd .hnav .hin{padding-top:6px}
}
@media(min-width:900px) and (max-width:1279px){#hd .hnav .pcnav{gap:16px;font-size:15.5px}}
@keyframes nbg{0%,100%{transform:translate(-50%,0)}50%{transform:translate(-50%,-3px)}}
@media(prefers-reduced-motion:reduce){#hd .hnav .pcnav .nbg{animation:none}}

/* 2) 모바일 홈: 검색 아래 가로로 넘기는 메뉴 줄 */
.mnav12{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:10px -12px 4px;padding:6px 12px 10px;-webkit-overflow-scrolling:touch}
.mnav12::-webkit-scrollbar{display:none}
.mnav12 a{flex:none;position:relative;font-family:J;font-size:15px;color:#1F4FA8;padding:9px 14px;border-radius:999px;background:linear-gradient(#FFFFFF,#EAF0FA);box-shadow:inset 0 2px 2px #fff,inset 0 -3px 5px rgba(120,150,200,.3),0 3px 0 #C3D0E6,0 5px 8px rgba(31,79,168,.12)}
.mnav12 a img{height:18px;vertical-align:-3px;margin-right:4px}
@media(min-width:900px){.mnav12{display:none}}

/* 3) 게시판 화면 공통 */
.bd12 .gd{font-size:14px;color:#3A4A62;line-height:1.6}
.bd12 .em{text-align:center;padding:26px 10px;color:#5A6B88;font-size:14px;line-height:1.6}
.bd12 .em img{width:84px;height:84px;object-fit:contain;display:block;margin:0 auto 8px;filter:drop-shadow(0 8px 10px rgba(31,79,168,.2))}
.bd12 .li12{display:flex;align-items:center;gap:10px;padding:12px 4px;border-bottom:1px solid #E6ECF5;cursor:pointer}
.bd12 .li12:last-child{border-bottom:0}
.bd12 .li12 .t{flex:1;min-width:0;font-size:15px;color:#1B2430;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bd12 .li12 .d{font-size:12px;color:#6B778F;flex:none}
.bd12 .pin{font-family:J;font-size:12px;color:#fff;background:linear-gradient(#6A9AEC,#1E64DC);border-radius:999px;padding:2px 9px;margin-right:6px;box-shadow:0 2px 0 #163C82}
.bd12 .fm label{margin:12px 2px 4px;font-weight:700}
.bd12 .fm .f{margin-bottom:0}
.bd12 textarea.f{min-height:120px;resize:vertical;font:inherit}
.bd12 .body{white-space:pre-wrap;line-height:1.7;font-size:15px;color:#1B2430}
.bd12 .ans{margin-top:12px;padding:14px 16px;border-radius:20px;background:linear-gradient(#EEF4FD,#E3ECFA);box-shadow:inset 0 3px 0 rgba(255,255,255,.9),inset 0 -5px 10px rgba(120,150,200,.25)}
.bd12 .ans b{font-family:J;color:#1E64DC;font-weight:400}
.bd12 .file{display:inline-flex;align-items:center;gap:6px;margin-top:10px;padding:8px 14px;border-radius:16px;background:linear-gradient(#fff,#EAF0FA);color:#1F4FA8;font-family:J;box-shadow:0 3px 0 #C3D0E6,0 5px 8px rgba(31,79,168,.12)}
.bd12 .bb{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.bd12 .bb .btn{flex:1;min-width:120px}
.bd12 .amt{font-family:J;font-size:26px;color:#1F4FA8}
.bd12 .ng{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
@media(min-width:700px){.bd12 .ng{grid-template-columns:repeat(4,1fr)}}
.bd12 .adm12{display:flex;align-items:center;gap:8px;padding:10px 4px;border-bottom:1px solid #E6ECF5}
.bd12 .adm12 img{width:44px;height:44px;border-radius:12px;object-fit:contain;background:#fff;flex:none}
.bd12 .adm12 .sp{flex:1;min-width:0;font-size:14px}
.bd12 .ttl{display:flex;align-items:center;gap:10px}
.bd12 .ttl img{height:30px}
.atabs12{display:flex;gap:6px;flex-wrap:wrap;margin:6px 2px 4px}
.atabs12 a{font-family:J;font-size:14px;color:#1F4FA8;padding:7px 13px;border-radius:999px;background:linear-gradient(#FFFFFF,#EAF0FA);box-shadow:inset 0 2px 2px #fff,0 3px 0 #C3D0E6,0 5px 8px rgba(31,79,168,.12)}
.atabs12 a.on{color:#fff;background:linear-gradient(#6A9AEC,#1E64DC);box-shadow:inset 0 3px 3px rgba(255,255,255,.45),0 3px 0 #163C82}
.atabs12 a i{font-style:normal;margin-left:4px;background:#fff;color:#1E64DC;border-radius:999px;padding:0 6px;font-size:12px}

/* 4) 오른쪽 퀵바: 상품 목록 바로 옆(#body 안 오른쪽 칸), 스크롤 따라옴, 넓은 PC에서만 */
#qbar{display:none}
@media(min-width:1200px){
  #qbar{display:block;width:118px;flex:none;padding:12px 0}
  #qbar .qin{position:sticky;top:calc(var(--hdh,120px) + 12px);display:flex;flex-direction:column;gap:10px}
  body:has(.sdash-frame) #qbar,body.adm #qbar{display:none}
}
#qbar .qc{background:linear-gradient(#fff,#F1F6FD);border-radius:22px;padding:10px 8px;text-align:center;box-shadow:0 10px 22px rgba(31,79,168,.13),inset 0 3px 0 rgba(255,255,255,.95),inset 0 -6px 12px rgba(150,170,210,.28)}
#qbar .qlogo img{width:92px;display:block;margin:2px auto}
#qbar .qb{display:block;font-family:J;font-size:15px;color:#fff;padding:10px 4px;border-radius:18px;background:linear-gradient(#3F76D9,#1E64DC);box-shadow:0 4px 0 #163C82,0 7px 12px rgba(31,79,168,.3);transition:transform .15s}
#qbar .qb:active{transform:scale(.94)}
#qbar .qh{font-family:J;font-size:15px;color:#1B2430;margin-bottom:6px}
#qbar .qi{display:block;width:84px;height:84px;margin:0 auto 8px;border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 4px 10px rgba(31,79,168,.14);transition:transform .18s cubic-bezier(.3,1.6,.5,1)}
#qbar .qi:hover{transform:scale(1.05)}
#qbar .qi img{width:100%;height:100%;object-fit:contain}
#qbar .qe{font-size:12px;color:#5A6B88;line-height:1.5;padding:8px 2px}
#qbar .qp{display:flex;align-items:center;justify-content:center;gap:4px;font-size:12px;color:#1B2430}
#qbar .qp button{border:0;width:24px;height:24px;border-radius:50%;background:linear-gradient(#fff,#E3ECFA);color:#1E64DC;font-family:J;cursor:pointer;box-shadow:0 2px 0 #C3D0E6}
#qbar .qp button:disabled{opacity:.4}
#qbar .qt{border:0;cursor:pointer;font-family:J;font-size:14px;color:#1F4FA8;padding:9px 4px;border-radius:18px;background:linear-gradient(#FFFFFF,#E7EEFA);box-shadow:inset 0 3px 3px #fff,inset 0 -5px 8px rgba(120,150,200,.35),0 4px 0 #C3D0E6}

/* 5) 맨 아래 안내 칸 6개 (#ft 맨 위) */
#ig12{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:0 0 18px;font-size:14px;color:#3A4A62;line-height:1.5}
#ig12 .ic{display:flex;gap:12px;align-items:center;padding:16px;border-radius:24px;text-decoration:none!important;margin:0!important;background:linear-gradient(#fff,#F1F6FD);box-shadow:0 10px 22px rgba(31,79,168,.12),inset 0 3px 0 rgba(255,255,255,.95),inset 0 -6px 12px rgba(150,170,210,.26);transition:transform .18s cubic-bezier(.3,1.6,.5,1)}
#ig12 a.ic.lk12{background:#EDF3FD;box-shadow:0 10px 22px rgba(31,79,168,.12),inset 0 3px 0 rgba(255,255,255,.9),inset 0 -6px 12px rgba(150,175,220,.22)}
#ig12 a.ic:hover{transform:translateY(-3px)}
#ig12 a.ic:active{transform:scale(.97)}
#ig12 .ic img{width:64px;height:64px;object-fit:contain;flex:none;filter:drop-shadow(0 6px 8px rgba(31,79,168,.2))}
#ig12 .ic b{display:block;font-family:J;font-weight:400;font-size:17px;color:#1B2430;margin-bottom:2px}
#ig12 .ic span{font-size:13px;color:#5A6B88}
#ig12 .ic .go{display:inline-block;margin-top:6px;font-family:J;font-size:13px;color:#1E64DC}
#ig12 .ct3{align-items:flex-start;flex-direction:column}
#ig12 .ct3 .hd{display:flex;gap:10px;align-items:center}
#ig12 .tel{font-family:J;font-size:26px;color:#1E64DC;letter-spacing:.5px}
#ig12 dl{display:grid;grid-template-columns:auto 1fr;gap:3px 10px;margin:6px 0 0;font-size:13px}
#ig12 dt{color:#6B778F}#ig12 dd{margin:0;color:#1B2430}
#ig12 .kb{display:inline-block;margin-top:8px;font-family:J;font-size:14px;color:#fff;padding:8px 14px;border-radius:16px;background:linear-gradient(#3F76D9,#1E64DC);box-shadow:0 3px 0 #163C82;text-decoration:none!important}
#ig12 .acc{font-family:J;font-size:19px;color:#1B2430}
#ig12 .ex{font-size:11px;color:#1E64DC;background:#E8F0FC;border-radius:999px;padding:1px 8px;margin-left:6px;font-family:inherit}
@media(max-width:899px){#ig12{grid-template-columns:1fr 1fr;gap:10px}#ig12 .ic{flex-direction:column;text-align:center;padding:12px 8px;gap:6px}#ig12 .ic img{width:52px;height:52px}#ig12 .ct3,#ig12 .acc3{grid-column:span 2;grid-row:auto}#ig12 .ct3 .hd{flex-direction:column}#ig12 dl{text-align:left}}

/* 6) 맨 위 작은 줄 (PC만): 즐겨찾기 · 로그인 · 회원가입 · 마이페이지 */
#hd .ubar{display:none}
@media(min-width:900px){
  #hd .ubar{display:block;background:linear-gradient(#3F7FE6,#1E64DC 60%,#164BA6);box-shadow:inset 0 -2px 4px rgba(10,40,110,.25)}
  #hd .ubar .uin{max-width:1280px;margin:0 auto;padding:5px 16px;display:flex;justify-content:flex-end;align-items:center;gap:10px}
  #hd .ubar a{color:#fff;font-weight:800;font-size:12.5px;cursor:pointer;letter-spacing:-.2px;transition:opacity .15s}
  #hd .ubar a:hover{opacity:.8;text-decoration:underline}
  #hd .ubar i{width:1px;height:11px;background:rgba(255,255,255,.55)}
}

/* 맨 아래 안내 칸: 왼쪽 2x2 바로가기 + 오른쪽 연락처·계좌 (검수 반영) */
#ig12{grid-template-columns:2fr 1fr;align-items:stretch}
#ig12 .igl{display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:1fr;gap:14px}
#ig12 .igr{display:flex;flex-direction:column;gap:14px}
#ig12 .igr .ct3{flex:1}
@media(max-width:1199px){#ig12 .ct3 dl{font-size:12.5px}#ig12 .acc{font-size:16px;white-space:nowrap}}
@media(max-width:899px){#ig12{grid-template-columns:1fr 1fr}#ig12 .igl,#ig12 .igr{display:contents}
 #ig12 .igl>a:nth-child(1){order:1}#ig12 .igl>a:nth-child(2){order:2}#ig12 .ct3{order:3}#ig12 .igl>a:nth-child(3){order:4}#ig12 .igl>a:nth-child(4){order:5}#ig12 .acc3{order:6}}
#qbar .qb{text-align:center}
#qbar .qe{word-break:keep-all;line-height:1.45}
#ig12 .acc3 img.bi3,#ig12 .ic.acc3 img.bi3{width:112px!important;height:auto!important;max-height:none;object-fit:contain;background:none;border:0;box-shadow:none;flex:0 0 auto}
#ig12 .acc3 .accim{display:flex;align-items:center;gap:6px;flex:0 0 auto}#ig12 .acc3 img.gold3{width:60px!important;height:60px!important;object-fit:contain}#ig12 .acc3 img.bi3,#ig12 .ic.acc3 img.bi3{width:92px!important}
#ig12,#ig12 *{font-family:J,-apple-system,sans-serif!important;font-weight:400!important}#ig12 .ic span,#ig12 dl{font-size:14px}
@media(min-width:900px){#ig12 .acc3{gap:10px}#ig12 .acc3 .accim{flex-direction:column;gap:2px}#ig12 .acc3 img.gold3{width:54px!important;height:54px!important}#ig12 .acc3 img.bi3,#ig12 .ic.acc3 img.bi3{width:78px!important}#ig12 .acc3 .acc{font-size:17px;white-space:nowrap}#ig12 .acc3 span{white-space:nowrap}}
@media(min-width:900px){#ig12 .acc3 .accim{flex-direction:row;gap:4px}#ig12 .acc3 img.gold3{width:50px!important;height:50px!important}#ig12 .acc3 img.bi3,#ig12 .ic.acc3 img.bi3{width:68px!important}#ig12 .acc3 .acc{font-size:16px}}#ig12 .ic span{word-break:keep-all}
@media(min-width:900px){#ig12 .ic.acc3 .accim img.bi3{width:92px!important}#ig12 .ic.acc3 .accim img.gold3{width:46px!important;height:46px!important}}