/* =========================================================
   센도리 2026 개편 테마 — 공통 (헤더·푸터·토큰·기본)
   시안: Design 캔버스 v6 (MainV6 / MallV6). 컬러·폰트 고정
   ========================================================= */
:root{
  --sd-blue:#0d5796;      /* CENDORI BLUE 7686C */
  --sd-sky:#00a9e2;       /* LIGHT BLUE 2995C */
  --sd-green:#34944B;     /* CENDORI GREEN 7740C */
  --sd-ink:#111c2b;
  --sd-ink2:#2f4054;
  --sd-mute:#4a5a6c;
  --sd-mute2:#6b7889;
  --sd-mute3:#8a96a3;
  --sd-line:#e1e6ec;
  --sd-line2:#dde3ea;
  --sd-bg:#f4f7fa;
  --sd-bg2:#f2f5f8;
  --sd-sky-bg:#e6f6fc;
  --sd-sky-bg2:#e8f6fc;
  --sd-w:1280px;
  --sd-gutter:24px;
  --sd-ls:-0.5px;         /* 기본 자간 (Noto Sans KR) */
  --sd-font:'Noto Sans KR',-apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo','Malgun Gothic',sans-serif;
}

/* ---------- 새 디자인 페이지(SD_LEAN) 기본 ---------- */
body.sd-lean{margin:0;background:#fff;color:var(--sd-ink);font-family:var(--sd-font);font-size:18px;line-height:1.6;letter-spacing:var(--sd-ls);-webkit-font-smoothing:antialiased;word-break:keep-all}
body.sd-lean *,body.sd-lean *::before,body.sd-lean *::after{box-sizing:border-box}
body.sd-lean a{color:var(--sd-blue);text-decoration:none}
body.sd-lean a:hover{color:var(--sd-sky)}
body.sd-lean img{max-width:100%}
body.sd-lean button{font-family:inherit;cursor:pointer}
body.sd-lean h1,body.sd-lean h2,body.sd-lean h3,body.sd-lean p,body.sd-lean ul{margin:0}
body.sd-lean ul{padding:0;list-style:none}
body.sd-lean h1,body.sd-lean h2,body.sd-lean h3,body.sd-lean h4,body.sd-lean h5,body.sd-lean h6,body.sd-lean button,body.sd-lean input,body.sd-lean select,body.sd-lean textarea{font-family:inherit}
body.sd-lean p,body.sd-lean li,body.sd-lean td,body.sd-lean th{word-break:keep-all}
body.sd-lean .sd-h2{margin-top:12px}
.sd-main{display:block}
.sd-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.sd-skip{position:absolute;left:-9999px;top:0;z-index:1000;background:var(--sd-blue);color:#fff!important;padding:10px 16px}
.sd-skip:focus{left:8px;top:8px}
.sd-in{max-width:var(--sd-w);margin:0 auto;padding:0 var(--sd-gutter)}
#hd_login_msg{position:absolute;left:-9999px}

/* ---------- 헤더 공통 (레거시 CSS 위에서도 깨지지 않게 범위 지정) ---------- */
#sd-hd,#sd-hd *,.sd-mtop,.sd-mtop *,#sd-ft,#sd-ft *{box-sizing:border-box;font-family:var(--sd-font)}
#sd-hd{position:relative;z-index:50;background:#fff;color:var(--sd-ink);letter-spacing:var(--sd-ls)}
#sd-hd a{text-decoration:none}
#sd-hd ul,#sd-hd li{margin:0;padding:0;list-style:none}
.sd-hd__in{max-width:calc(var(--sd-w) + var(--sd-gutter)*2);margin:0 auto;padding:0 var(--sd-gutter);height:96px;display:flex;align-items:center}
.sd-hd__logo{width:240px;flex-shrink:0;display:flex;align-items:flex-end;gap:10px}
.sd-logo-img{display:block;width:auto}
.sd-logo-mall{display:block;flex-shrink:0}
.sd-gnb{flex-grow:1;display:flex;justify-content:center;gap:60px;font-size:18px;font-weight:600}
#sd-hd .sd-gnb a.sd-gnb__top{color:var(--sd-ink);position:relative;display:block;padding:6px 0;transition:color .2s}
#sd-hd .sd-gnb__item:hover a.sd-gnb__top,#sd-hd .sd-gnb__item:focus-within a.sd-gnb__top,#sd-hd .sd-gnb a.sd-gnb__top.is-on{color:var(--sd-blue)}
#sd-hd .sd-gnb a.sd-gnb__top.is-on::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:3px;border-radius:2px;background:var(--sd-sky)}
/* 롤오버 하위 메뉴: 흰 카드 + 둥근 모서리 + 그림자, 올린 항목은 옅은 회색 칸 */
.sd-gnb__item{position:relative}
.sd-gnb__drop{position:absolute;left:50%;top:calc(100% + 16px);z-index:60;min-width:176px;padding:8px;display:flex;flex-direction:column;gap:2px;background:#fff;border-radius:14px;box-shadow:0 14px 40px rgba(17,28,43,.14),0 2px 6px rgba(17,28,43,.06);opacity:0;visibility:hidden;transform:translate(-50%,-8px);transition:opacity .22s ease,transform .28s cubic-bezier(.2,.8,.2,1),visibility 0s linear .28s}
.sd-gnb__drop::before{content:"";position:absolute;left:0;right:0;top:-18px;height:18px}
.sd-gnb__item.has-sub:hover .sd-gnb__drop,.sd-gnb__item.has-sub:focus-within .sd-gnb__drop{opacity:1;visibility:visible;transform:translate(-50%,0);transition:opacity .22s ease,transform .28s cubic-bezier(.2,.8,.2,1),visibility 0s}
#sd-hd .sd-gnb__drop a{display:block;padding:11px 18px;border-radius:10px;font-size:16px;font-weight:600;line-height:1.3;color:var(--sd-mute2);text-align:center;white-space:nowrap;transition:background .2s,color .2s}
#sd-hd .sd-gnb__drop a:hover,#sd-hd .sd-gnb__drop a:focus-visible{background:var(--sd-bg2);color:var(--sd-ink);outline:none}
#sd-hd .sd-gnb__drop a.is-here{color:var(--sd-blue)}
#sd-hd .sd-gnb__drop a.is-here:hover{background:var(--sd-sky-bg)}
@media (prefers-reduced-motion:reduce){.sd-gnb__drop{transition:none!important}}
.sd-hd__util{width:240px;display:flex;justify-content:flex-end;align-items:center;gap:14px}
.sd-lang{font-size:14px;font-weight:500;color:#b5bfca;white-space:nowrap}
#sd-hd .sd-lang a{color:#b5bfca}
#sd-hd .sd-lang a.is-on{color:var(--sd-ink);font-weight:700}
.sd-lang span{margin:0 4px}
#sd-hd .sd-pill-mall{display:flex;align-items:center;gap:6px;height:40px;padding:0 16px;background:var(--sd-sky-bg);border-radius:20px;color:var(--sd-blue);font-size:17px;font-weight:700;white-space:nowrap}
#sd-hd .sd-pill-mall:hover{background:var(--sd-blue);color:#fff}

/* 햄버거 + 드로어 (태블릿·모바일) */
.sd-burger{display:none;width:44px;height:44px;border:0;background:transparent;padding:10px;flex-direction:column;justify-content:space-between}
.sd-burger span{display:block;height:2px;border-radius:2px;background:var(--sd-ink);transition:transform .3s,opacity .3s}
.sd-burger[aria-expanded="true"] span:nth-child(1){transform:translateY(10px) rotate(45deg)}
.sd-burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.sd-burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-10px) rotate(-45deg)}
.sd-drawer{border-top:1px solid #e6edf3;background:#fff}
.sd-drawer nav{display:flex;flex-direction:column;padding:8px var(--sd-gutter) 20px}
#sd-hd .sd-drawer a{padding:14px 0;border-bottom:1px solid #eef2f6;color:var(--sd-ink);font-size:17px;font-weight:600}
#sd-hd .sd-drawer .sd-drawer__mall{color:var(--sd-blue)}
.sd-drawer__sub{display:flex;flex-wrap:wrap;gap:4px 16px;padding:8px 0 14px;border-bottom:1px solid #eef2f6}
#sd-hd .sd-drawer__sub a{padding:4px 0;border:0;font-size:14px;font-weight:500;color:var(--sd-mute2)}
#sd-hd .sd-drawer nav > a:has(+ .sd-drawer__sub){border-bottom:0;padding-bottom:4px}
#sd-hd .sd-drawer .sd-drawer__tel{border-bottom:0;color:var(--sd-sky)}

/* ---------- 몰 헤더 ---------- */
.sd-mtop{background:var(--sd-blue);color:#fff}
.sd-mtop__in{max-width:calc(var(--sd-w) + var(--sd-gutter)*2);margin:0 auto;padding:0 var(--sd-gutter);height:44px;display:flex;justify-content:space-between;align-items:center;font-size:14px}
.sd-mtop a{text-decoration:none}
.sd-mtop .sd-mtop__back{display:flex;align-items:center;gap:8px;color:#fff;font-weight:600}
.sd-mtop__util{display:flex;align-items:center;gap:24px}
.sd-mtop .sd-mtop__util a{color:#c6dbee}
.sd-mtop .sd-mtop__util a:hover{color:#fff}
.sd-mtop .sd-mtop__util .sd-mtop__tel{color:#fff;font-weight:700}
.sd-hd--mall{border-bottom:1px solid #e6edf3}
.sd-hd__in--mall{max-width:calc(var(--sd-w) + var(--sd-gutter)*2);gap:40px}
.sd-hd__logo--mall{width:auto}
.sd-msearch{flex-grow:1;display:flex;align-items:center;gap:12px;height:56px;margin:0;padding:0 8px 0 24px;border:2px solid var(--sd-blue);border-radius:28px;background:#fff;transition:border-color .2s}
.sd-msearch:focus-within{border-color:var(--sd-sky)}
.sd-msearch svg{flex-shrink:0}
.sd-msearch input{flex-grow:1;min-width:0;height:100%;border:0;outline:0;font-size:17px;color:var(--sd-ink);background:transparent;font-family:inherit}
.sd-msearch button{height:42px;padding:0 22px;border:0;border-radius:21px;background:var(--sd-blue);color:#fff;font-size:16px;font-weight:700;flex-shrink:0}
.sd-hd__icons{display:flex;align-items:center;gap:22px;flex-shrink:0}
#sd-hd .sd-hd__icons > a{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--sd-ink);font-size:13px;font-weight:600}
#sd-hd .sd-hd__icons > a:hover{color:var(--sd-blue)}
.sd-cart-badge{position:absolute;top:-6px;right:-4px;min-width:22px;height:22px;padding:0 6px;border-radius:11px;background:var(--sd-green);color:#fff;font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center}
.sd-cart-badge.is-pop{animation:sdPop .6s ease}
.sd-mcats{max-width:calc(var(--sd-w) + var(--sd-gutter)*2);margin:0 auto;padding:0 var(--sd-gutter);height:60px;display:flex;align-items:center;gap:8px;overflow-x:auto;scrollbar-width:none}
.sd-mcats::-webkit-scrollbar{display:none}
#sd-hd .sd-mcats a{height:40px;padding:0 18px;display:flex;align-items:center;gap:6px;border-radius:20px;color:var(--sd-ink);font-size:16px;font-weight:600;white-space:nowrap;transition:background .2s,color .2s}
#sd-hd .sd-mcats a:hover{background:var(--sd-sky-bg);color:var(--sd-blue)}
#sd-hd .sd-mcats a.is-on{background:var(--sd-blue);color:#fff}
.sd-badge-ask{padding:2px 8px;border-radius:10px;background:var(--sd-sky-bg);color:var(--sd-blue);font-size:13px;font-weight:700}

/* ---------- 푸터 ---------- */
#sd-ft{background:var(--sd-bg);color:#5a6878;font-size:18px;line-height:1.8;letter-spacing:var(--sd-ls)}
#sd-ft a{text-decoration:none}
#sd-ft p{margin:0}
.sd-ft__top{max-width:calc(var(--sd-w) + var(--sd-gutter)*2);margin:0 auto;padding:56px var(--sd-gutter) 28px;display:flex;justify-content:space-between;align-items:center;gap:32px;flex-wrap:wrap;border-bottom:1px solid var(--sd-line2)}
.sd-ft__links{display:flex;gap:28px;flex-wrap:wrap;font-weight:600}
#sd-ft .sd-ft__links a{color:var(--sd-ink)}
#sd-ft .sd-ft__links a.is-strong{color:var(--sd-blue)}
.sd-ft__family{display:flex;align-items:center;gap:10px;font-weight:600;color:var(--sd-ink)}
.sd-ft__family select{height:46px;padding:0 16px;border:1px solid #c9d2dc;border-radius:23px;background:#fff;font-family:inherit;font-size:15px;color:var(--sd-ink)}
#sd-ft .sd-ft__corp{font-weight:700;color:var(--sd-blue)}
.sd-ft__info{max-width:calc(var(--sd-w) + var(--sd-gutter)*2);margin:0 auto;padding:32px var(--sd-gutter) 56px;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;font-size:15px;line-height:1.9}
.sd-ft__biz{grid-column:span 8}
.sd-ft__logo{display:flex;align-items:flex-end;gap:8px;margin-bottom:16px}
.sd-ft__biz b,.sd-ft__cs b{font-weight:600;color:var(--sd-ink);margin-right:8px}
.sd-ft__biz i{display:inline-block;width:1px;height:12px;margin:0 12px;background:#c9d2dc;vertical-align:middle}
.sd-ft__copy{margin-top:10px!important;color:var(--sd-mute3)}
.sd-ft__cs{grid-column:span 4;text-align:right}
#sd-ft .sd-ft__tel{display:block;font-size:30px;font-weight:700;color:var(--sd-blue);line-height:1.4}
#sd-ft .sd-ft__cs a{color:#5a6878}
#sd-ft .sd-ft__cs .sd-ft__tel{color:var(--sd-blue)}

/* ---------- 공통 버튼·섹션 제목 (페이지들이 재사용) ---------- */
.sd-eyebrow{font-size:20px;font-weight:700;color:var(--sd-sky)}
.sd-h2{margin:12px 0 0;font-size:48px;font-weight:600;letter-spacing:-1.5px;line-height:1.3;color:var(--sd-ink)}
.sd-h2 .sd-thin{font-weight:200}
.sd-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:52px;padding:0 24px;border-radius:26px;font-size:19px;font-weight:600;border:1px solid transparent;transition:all .3s ease;white-space:nowrap}
.sd-btn--line{border-color:var(--sd-ink);color:var(--sd-ink)!important;background:#fff}
.sd-btn--line:hover{background:var(--sd-ink);color:#fff!important}
.sd-btn--blue{background:var(--sd-blue);color:#fff!important}
.sd-btn--blue:hover{background:var(--sd-sky)}
.sd-btn--sky{background:var(--sd-sky);color:#fff!important}
.sd-btn--sky:hover{background:var(--sd-blue)}

/* ---------- 시안 공통 애니메이션 ---------- */
@keyframes cdPulse{0%{transform:scale(1);opacity:.9}100%{transform:scale(2.8);opacity:0}}
.cd-pulse{animation:cdPulse 1.8s ease-out infinite}
@keyframes cdWave{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.cd-wave1{animation:cdWave 5s linear infinite}
.cd-wave2{animation:cdWave 8s linear infinite}
@keyframes cdRipple{0%{transform:scale(1);opacity:.7}100%{transform:scale(2.6);opacity:0}}
.cd-ripple{animation:cdRipple 1.6s ease-out infinite}
@keyframes cdUp{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}
.cd-up{animation:cdUp .9s cubic-bezier(.2,.7,.2,1) both}
@keyframes cdFill{from{width:0}to{width:100%}}
@keyframes sdPop{0%{transform:scale(1)}40%{transform:scale(1.35)}100%{transform:scale(1)}}
@media (prefers-reduced-motion:reduce){
  .cd-pulse,.cd-wave1,.cd-wave2,.cd-ripple,.cd-up,.cd-ken,.cd-drift,.cd-flow,.cd-flow2{animation:none!important}
}

/* ---------- 반응형 ---------- */
@media (max-width:1280px){
  .sd-gnb{gap:36px;font-size:17px}
  .sd-hd__logo,.sd-hd__util{width:auto}
  .sd-hd__util{margin-left:24px}
}
@media (max-width:1024px){
  :root{--sd-gutter:20px}
  .sd-hd__in{height:72px}
  .sd-gnb,.sd-lang{display:none}
  .sd-hd__util{margin-left:auto}
  .sd-burger{display:flex}
  .sd-hd__in--mall{gap:20px}
  .sd-hd--mall .sd-hd__icons > a{display:none!important}
  .sd-hd--mall .sd-hd__icons > a.sd-cart-link{display:flex!important}
  .sd-h2{font-size:38px}
  .sd-ft__biz,.sd-ft__cs{grid-column:span 12;text-align:left}
}
@media (min-width:1025px){
  .sd-drawer{display:none!important}
  #sd-mcats{display:flex!important}
}
@media (max-width:1024px){
  .sd-hd--mall .sd-burger{display:flex}
  .sd-hd--mall .sd-mcats{display:none;height:auto;flex-wrap:wrap;padding-bottom:14px}
  .sd-hd--mall .sd-mcats.is-open{display:flex}
}
@media (max-width:640px){
  :root{--sd-gutter:16px}
  .sd-hd__in{height:64px}
  .sd-hd__in--mall{flex-wrap:wrap;height:auto;padding-top:10px;padding-bottom:10px;row-gap:10px}
  .sd-msearch{order:3;flex-basis:100%;height:48px;padding-left:16px}
  .sd-msearch input{font-size:15px}
  .sd-msearch button{height:36px;padding:0 16px;font-size:15px}
  .sd-hd__logo--mall{margin-right:auto}
  .sd-mtop__in{height:40px;font-size:13px}
  .sd-mtop__util{gap:14px}
  .sd-mtop__util a:not(.sd-mtop__tel):not(:first-child){display:none}
  .sd-h2{font-size:30px;letter-spacing:-1px}
  .sd-eyebrow{font-size:16px}
  .sd-ft__top{padding-top:40px}
  .sd-ft__links{gap:16px;font-size:14px}
  .sd-ft__info{font-size:13px;padding-bottom:40px}
  .sd-ft__biz i{display:block;width:0;height:0;margin:0}
  #sd-ft .sd-ft__tel{font-size:24px}
}

/* ---------- 서브페이지 상단 비주얼 + 섹션 탭 (시안② 제품 페이지 스타일, 기업 사이트 공통) ---------- */
.sd-sub,.sd-sub *,.sd-subtabs,.sd-subtabs *{box-sizing:border-box;font-family:var(--sd-font);letter-spacing:var(--sd-ls)}
.sd-sub{position:relative;height:380px;overflow:hidden;background:#0a4677;margin:0}
.sd-sub .sd-sub__bg{position:absolute;top:0;left:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 50%;display:block;margin:0}
.sd-sub__dim{position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,70,119,.92) 0%,rgba(13,87,150,.7) 42%,rgba(13,87,150,.12) 80%)}
.sd-sub__in{position:relative;height:100%;max-width:calc(var(--sd-w) + var(--sd-gutter)*2);margin:0 auto;padding:0 var(--sd-gutter);display:flex;flex-direction:column;justify-content:center;gap:16px;color:#fff}
.sd-sub .sd-sub__crumb{display:flex;align-items:center;flex-wrap:wrap;gap:10px;font-size:15px;line-height:1.5;color:#c6dbee}
.sd-sub .sd-sub__crumb a{color:#c6dbee;text-decoration:none}
.sd-sub .sd-sub__crumb a:hover{color:#fff}
.sd-sub .sd-sub__crumb strong{color:#fff;font-weight:600}
.sd-sub h1.sd-sub__title{margin:0;padding:0;font-size:48px;line-height:1.25;font-weight:700;letter-spacing:-1.5px;color:#fff;word-break:keep-all}
.sd-sub h1.sd-sub__title span{font-weight:200}
.sd-sub p.sd-sub__lead{margin:0;max-width:620px;font-size:20px;font-weight:300;line-height:1.7;color:#dce9f5;word-break:keep-all}
.sd-subtabs{position:sticky;top:0;z-index:40;background:#fff;border-top:1px solid var(--sd-line);border-bottom:1px solid var(--sd-line);transition:box-shadow .3s}
.sd-subtabs.is-stuck{box-shadow:0 10px 30px rgba(17,28,43,.1)}
.sd-subtabs__in{position:relative;max-width:calc(var(--sd-w) + var(--sd-gutter)*2);margin:0 auto;padding:10px var(--sd-gutter);height:68px;display:flex;align-items:stretch;gap:6px;overflow-x:auto;scrollbar-width:none;scroll-behavior:smooth}
.sd-subtabs__in::-webkit-scrollbar{display:none}
/* 라운드 사각형 탭(상단 메뉴 하위 카드와 같은 모양): 올리면 옅은 회색, 현재 탭은 센도리 블루로 채움 */
.sd-subtabs a.sd-subtab{position:relative;z-index:1;flex:1 1 auto;min-width:0;height:100%;padding:0 24px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:10px;font-size:16px;font-weight:500;color:var(--sd-ink2);white-space:nowrap;text-decoration:none;background:transparent;transition:color .3s,background-color .25s}
.sd-subtabs a.sd-subtab:not(.is-on):hover,.sd-subtabs a.sd-subtab:not(.is-on):focus-visible{background:var(--sd-bg2);color:var(--sd-ink)}
.sd-subtabs a.sd-subtab:focus-visible{outline:2px solid var(--sd-sky);outline-offset:-2px}
.sd-subtabs a.sd-subtab.is-on{font-weight:700;color:#fff;background:var(--sd-blue)}
/* JS 사용 시: 파란 칸이 눌린 탭으로 미끄러져 이동 */
.sd-subtabs.is-js a.sd-subtab.is-on{background:transparent}
.sd-subtabs__ink{position:absolute;left:0;top:10px;bottom:10px;z-index:0;width:0;border-radius:10px;box-shadow:0 6px 16px rgba(13,87,150,.25);background:linear-gradient(135deg,var(--sd-blue) 0%,#0b68b3 100%);pointer-events:none;transition:transform .45s cubic-bezier(.2,.8,.2,1),width .45s cubic-bezier(.2,.8,.2,1)}
.sd-subtab__rip{position:absolute;z-index:-1;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;background:rgba(0,169,226,.3);pointer-events:none;animation:sdTabRip .6s ease-out forwards}
@keyframes sdTabRip{to{transform:scale(24);opacity:0}}
.sd-subtabs.is-js a.sd-subtab{opacity:0;animation:sdTabIn .45s ease forwards;animation-delay:var(--d,0ms)}
@keyframes sdTabIn{to{opacity:1}}
/* 가로로 넘칠 때 양끝 흐림 */
.sd-subtabs.is-scroll-l .sd-subtabs__in{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 40px);mask-image:linear-gradient(90deg,transparent 0,#000 40px)}
.sd-subtabs.is-scroll-r .sd-subtabs__in{-webkit-mask-image:linear-gradient(270deg,transparent 0,#000 40px);mask-image:linear-gradient(270deg,transparent 0,#000 40px)}
.sd-subtabs.is-scroll-l.is-scroll-r .sd-subtabs__in{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 40px,#000 calc(100% - 40px),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 40px,#000 calc(100% - 40px),transparent 100%)}
@media (prefers-reduced-motion:reduce){
  .sd-subtabs *,.sd-subtabs *::before,.sd-subtabs *::after{transition:none!important;animation:none!important}
  .sd-subtabs.is-js a.sd-subtab{opacity:1;transform:none}
}
/* 기존(레거시) 서브페이지: 본문 글꼴을 Noto Sans KR 로 통일, 탭 아래 첫 여백 60% 축소 */
body.sd-legacy,body.sd-legacy span:not([class*="xi-"]):not(.fa):not(.emoji),body.sd-legacy h1,body.sd-legacy h2,body.sd-legacy h3,body.sd-legacy h4,body.sd-legacy h5,body.sd-legacy h6,body.sd-legacy input,body.sd-legacy select,body.sd-legacy textarea,body.sd-legacy button,body.sd-legacy .btn,body.sd-legacy .borad_btn,body.sd-legacy .check_cate_tit{font-family:var(--sd-font)!important}
body.sd-legacy .sub_wrap.sec_all_wrap:has(.sub_visual_wrap) + .sub_sec_pd{padding-top:40px}
body.sd-legacy .reference_wrap{padding-top:60px}
/* 글꼴(Noto) 변경 후 FAQ 「Q.」「A.」가 두 줄로 갈라지던 것 방지 */
body.sd-legacy .tips_box_left,body.sd-legacy .tips_box_left span,body.sd-legacy .tips_box_a_left,body.sd-legacy .tips_box_a_left span{white-space:nowrap}
/* 기존(레거시) 서브페이지의 옛 상단 비주얼·옛 위치표시는 숨김 */
body.sd-legacy .sub_wrap.sec_all_wrap:has(.sub_visual_wrap){display:none!important}
body.sd-legacy .m_navi_all_wrap{display:none!important}
@media (max-width:1024px){
  .sd-sub{height:340px}
  .sd-sub h1.sd-sub__title{font-size:40px;letter-spacing:-1.2px}
  .sd-sub p.sd-sub__lead{font-size:18px}
  .sd-subtabs__in{height:60px;padding-top:8px;padding-bottom:8px;gap:4px}
  .sd-subtabs__ink{top:8px;bottom:8px}
  .sd-subtabs a.sd-subtab{flex:1 0 auto;padding:0 20px;font-size:15px}
}
@media (max-width:640px){
  .sd-sub{height:auto;min-height:260px}
  .sd-sub__in{padding-top:44px;padding-bottom:44px;gap:12px}
  .sd-sub__dim{background:linear-gradient(90deg,rgba(10,70,119,.94) 0%,rgba(13,87,150,.8) 60%,rgba(13,87,150,.45) 100%)}
  .sd-sub .sd-sub__crumb{gap:8px;font-size:13px}
  .sd-sub h1.sd-sub__title{font-size:30px;letter-spacing:-1px;line-height:1.35}
  .sd-sub p.sd-sub__lead{font-size:16px;line-height:1.65}
  .sd-subtabs{position:static}
  .sd-subtabs__in{height:54px;padding:7px 10px;gap:4px}
  .sd-subtabs__ink{top:7px;bottom:7px}
  .sd-subtabs a.sd-subtab{padding:0 14px;font-size:14px;border-radius:8px}
  .sd-subtabs__ink{border-radius:8px}
}

/* =========================================================
   센도리몰 분류 목록(shop/list.php): 상단 높이 50% 축소 + 경로(왼쪽)·정렬 선택 상자(오른쪽) 한 줄
   ========================================================= */
body.sd-mall.sub_mall_list #container{padding-top:48px}
body.sub_mall_list #sct .sub_sec_pd{padding-top:0}
body.sub_mall_list #sct .s_sec_02_02_con_top_wrap{display:none}
body.sub_mall_list #sct_sortlst{display:none}
.sd-listbar{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;max-width:1340px;min-height:72px;margin:0 auto;padding:12px 0;border-top:0;border-bottom:1px solid var(--sd-line);box-sizing:border-box;font-family:var(--sd-font)}
.sd-listbar #sct_location{position:static!important;display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin:0!important;padding:0!important;border:0!important;background:none!important;width:auto!important;float:none!important;text-align:left}
.sd-listbar #sct_location .go_home{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;color:var(--sd-mute2);font-size:18px;transition:background .2s,color .2s}
.sd-listbar #sct_location .go_home:hover{background:var(--sd-sky-bg);color:var(--sd-blue)}
.sd-listbar #sct_location .dividing-line{position:static!important;top:auto!important;display:inline-flex;align-items:center;height:36px;margin:0 2px!important;padding:0!important;line-height:1!important;color:var(--sd-mute3);font-size:15px;transform:translateY(-1px)}
.sd-listbar #sct_location select{height:36px!important;margin:0!important;padding:0 8px!important;line-height:36px!important;vertical-align:middle;border:0!important;border-radius:8px;background:transparent;font-family:var(--sd-font);font-size:17px;font-weight:500;color:var(--sd-ink2);cursor:pointer;-webkit-appearance:none;appearance:none;transition:background .2s,color .2s}
.sd-listbar #sct_location select:last-of-type{font-weight:700;color:var(--sd-ink)}
.sd-listbar #sct_location select:hover,.sd-listbar #sct_location select:focus-visible{background:var(--sd-sky-bg);color:var(--sd-blue);outline:none}
.sd-listbar #sct_location .shop_select_to_html{position:relative;display:inline-flex;align-items:center;height:36px;margin:0!important;padding:0!important;float:none!important;border:0!important;background:none!important}
.sd-listbar #sct_location .shop_select_to_html .category_title{display:inline-flex;align-items:center;gap:6px;height:36px;box-sizing:border-box;margin:0!important;padding:0 10px 6px!important;border-radius:8px;font-family:var(--sd-font);font-size:17px;font-weight:500;line-height:1!important;color:var(--sd-ink2);cursor:pointer;transition:background .2s,color .2s}
.sd-listbar #sct_location .shop_select_to_html:last-of-type .category_title{font-weight:700;color:var(--sd-ink)}
.sd-listbar #sct_location .shop_select_to_html .category_title i{font-size:12px;color:var(--sd-mute3);transition:transform .25s,color .2s}
.sd-listbar #sct_location .shop_select_to_html:hover .category_title{background:var(--sd-sky-bg);color:var(--sd-blue)}
.sd-listbar #sct_location .shop_select_to_html:hover .category_title i{color:var(--sd-blue);transform:rotate(180deg)}
.sd-listbar #sct_location .menulist{top:100%!important;left:0!important;z-index:30;min-width:180px;margin-top:6px!important;padding:6px!important;border:1px solid var(--sd-line)!important;border-radius:12px;background:#fff!important;box-shadow:0 14px 34px rgba(17,28,43,.12)}
.sd-listbar #sct_location .menulist ul{margin:0;padding:0;list-style:none}
.sd-listbar #sct_location .menulist li{margin:0!important;padding:0!important;height:auto!important;line-height:1.4!important;border:0!important;background:none!important}
.sd-listbar #sct_location .menulist li a{display:block;padding:9px 12px!important;border-radius:8px;font-family:var(--sd-font);font-size:15px;color:var(--sd-ink2)!important;white-space:nowrap;text-decoration:none}
.sd-listbar #sct_location .menulist li a:hover{background:var(--sd-bg);color:var(--sd-blue)!important}
.sd-listbar #sct_location .menulist li.selected a{font-weight:700;color:var(--sd-blue)!important}
.sd-sort{flex-shrink:0;position:relative}
.sd-sort::after{content:"";position:absolute;right:16px;top:50%;width:8px;height:8px;margin-top:-6px;border-right:2px solid var(--sd-mute2);border-bottom:2px solid var(--sd-mute2);transform:rotate(45deg);pointer-events:none;transition:border-color .2s}
.sd-sort__sel{width:220px;height:46px;padding:0 44px 0 18px;border:1px solid var(--sd-line2);border-radius:10px;background:#fff;font-family:var(--sd-font);font-size:16px;font-weight:500;color:var(--sd-ink2);cursor:pointer;-webkit-appearance:none;appearance:none;transition:border-color .2s,box-shadow .2s}
.sd-sort__sel.is-empty{color:var(--sd-mute3)}
.sd-sort__sel option{color:var(--sd-ink2)}
.sd-sort__sel:hover{border-color:var(--sd-sky)}
.sd-sort__sel:focus-visible{outline:none;border-color:var(--sd-sky);box-shadow:0 0 0 4px rgba(0,169,226,.15)}
.sd-sort:hover::after{border-color:var(--sd-blue)}
.sd-sort__nojs{display:flex;flex-wrap:wrap;gap:12px;margin:0;padding:0;list-style:none}
.sd-sortrow{display:flex;justify-content:flex-end;margin:0 0 16px}
@media (max-width:1024px){
  body.sd-mall.sub_mall_list #container{padding-top:32px}
}
@media (max-width:640px){
  body.sd-mall.sub_mall_list #container{padding-top:20px}
  .sd-listbar{min-height:0;padding:10px 0;gap:10px;flex-wrap:wrap}
  .sd-listbar #sct_location select{font-size:15px;padding:0 6px}
  .sd-listbar #sct_location .go_home{width:30px;height:30px;font-size:16px}
  .sd-sort{width:100%}
  .sd-sort__sel{width:100%;height:42px;font-size:15px}
  body.sub_mall_list #sct .s_sec_02_02_con_pdt_search_res{padding-top:20px}
}

/* =========================================================
   사이트 전체 폭 통일: 본문 1280px + 좌우 최소 24px (1440 화면 기준 양끝 80px)
   기존(레거시) 화면의 #container 좌우 50px 고정 여백 → 같은 기준으로
   ========================================================= */
@media (min-width:1025px){
  body.sd-legacy #container{padding-left:max(var(--sd-gutter),calc((100% - var(--sd-w))/2))!important;padding-right:max(var(--sd-gutter),calc((100% - var(--sd-w))/2))!important;box-sizing:border-box}
  body.sd-legacy #container .sec_wrap,body.sd-legacy #container #sod_bsk{max-width:none}
  body.sd-legacy .sec_in{max-width:calc(var(--sd-w) + var(--sd-gutter)*2);padding-left:var(--sd-gutter)!important;padding-right:var(--sd-gutter)!important;box-sizing:border-box}
  body.sd-legacy #container .sec_in{max-width:none;padding-left:0!important;padding-right:0!important}
}

/* 3단계 하위 탭: 현재 탭(예: 회사소개) 박스 바로 아래 줄, 같은 라운드 사각형 */
.sd-subtabs__sub{max-width:calc(var(--sd-w) + var(--sd-gutter)*2);margin:0 auto;padding:4px var(--sd-gutter) 14px calc(var(--sd-gutter) + var(--sd-sub-x,0px));display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}
.sd-subtabs__sub::-webkit-scrollbar{display:none}
.sd-subtabs a.sd-subtab2{flex-shrink:0;height:40px;padding:0 18px;display:flex;align-items:center;border-radius:10px;font-size:15px;font-weight:500;color:var(--sd-mute2);white-space:nowrap;text-decoration:none;transition:background .2s,color .2s}
.sd-subtabs a.sd-subtab2:hover,.sd-subtabs a.sd-subtab2:focus-visible{background:var(--sd-bg2);color:var(--sd-ink);outline:none}
.sd-subtabs a.sd-subtab2.is-on{background:var(--sd-sky-bg);color:var(--sd-blue);font-weight:700;box-shadow:inset 0 0 0 1px #b3e3f5}
body.sd-legacy:has(.sd-subtabs__sub) .s_sec_01_01_con_pdt_nav{display:none!important}
@media (max-width:640px){
  .sd-subtabs__sub{padding:4px 10px 11px;gap:4px}
  .sd-subtabs a.sd-subtab2{height:36px;padding:0 12px;font-size:14px;border-radius:8px}
}

/* 회사소개(CEO 인사말·소개영상·연혁·조직도): 탭 아래 ~ 본문 시작 여백 80% 축소 (290px → 58px) */
body.sd-legacy.sub_01_01 #container,body.sd-legacy.sub_board_history #container{padding-top:20px!important}
body.sd-legacy.sub_01_01 .s_sec_01_01_01_wrap.sub_sec_pd,body.sd-legacy.sub_board_history .s_sec_01_01_03_wrap.sub_sec_pd{padding-top:8px!important}
body.sd-legacy.sub_01_01 .s_sec_01_01_con_pdt_all_wrap,body.sd-legacy.sub_board_history .s_sec_01_01_03_con{padding-top:30px!important}

/* 기본 자간 -0.5px: 새 화면·기존 화면·입력칸 모두 (큰 제목처럼 따로 정한 자간은 그대로) */
body.sd-legacy{letter-spacing:var(--sd-ls)}
body.sd-lean input,body.sd-lean select,body.sd-lean textarea,body.sd-lean button,body.sd-legacy input,body.sd-legacy select,body.sd-legacy textarea,body.sd-legacy button{letter-spacing:inherit}

/* 영·중: 메뉴 글자가 한 줄로 (영문은 글자가 길어 간격 조금 줄임) */
#sd-hd .sd-gnb a.sd-gnb__top{white-space:nowrap}
body.lang_en_US .sd-gnb,body.lang_ja_JP .sd-gnb{gap:40px;font-size:17px}
@media (max-width:1280px){body.lang_en_US .sd-gnb,body.lang_ja_JP .sd-gnb{gap:26px;font-size:16px}}
.sd-subtabs a.sd-subtab{min-width:max-content}
body.lang_en_US .sd-subtabs a.sd-subtab,body.lang_ja_JP .sd-subtabs a.sd-subtab{padding:0 18px;font-size:15px}

/* =========================================================
   잔잔한 효과 (전 페이지 공통)
   - 서브 상단 사진: 천천히 다가오는 줌(켄번스), 경로·제목·소개 순서대로 떠오름
   - 기존 화면 본문: 스크롤해 들어올 때 부드럽게 떠오름(첫 화면에 보이는 것은 그대로)
   ========================================================= */
@keyframes sdKen{from{transform:scale(1.08)}to{transform:scale(1)}}
@keyframes sdRise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
.sd-sub .sd-sub__bg{animation:sdSubFade 1.2s ease both}
@keyframes sdSubFade{from{opacity:0}to{opacity:1}}
/* 2026-10-08 서브 상단: 확대(켄번스) 대신 메인과 같은 공기 흐름 효과 */
.sd-air2{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}
.sd-air2 path{fill:none;stroke-linecap:round}
.sd-air2__glow{stroke-width:44;filter:url(#sdSubBlur);opacity:.5;animation:sdAir2Breath 6s ease-in-out infinite alternate}
.sd-air2__line{stroke-width:3;stroke-dasharray:160 480;opacity:.9;animation:sdAir2Run 6s linear infinite}
.sd-air2__l1{animation-duration:7s;animation-delay:-2s}
.sd-air2__l2{animation-duration:8s;animation-delay:-4s}
.sd-air2__line--w{stroke-width:2;animation-duration:7.5s;animation-delay:-1s;opacity:.75}
@keyframes sdAir2Run{from{stroke-dashoffset:640}to{stroke-dashoffset:0}}
@keyframes sdAir2Breath{from{opacity:.35}to{opacity:.7}}
@media (max-width:768px){.sd-air2{opacity:.6}}
.sd-sub .sd-sub__crumb,.sd-sub h1.sd-sub__title,.sd-sub p.sd-sub__lead{animation:sdRise .9s cubic-bezier(.2,.7,.2,1) both}
.sd-sub .sd-sub__crumb{animation-delay:.08s}
.sd-sub h1.sd-sub__title{animation-delay:.18s}
.sd-sub p.sd-sub__lead{animation-delay:.32s}
.sd-rv{opacity:0;transform:translateY(26px);transition:opacity .8s ease var(--rv-d,0ms),transform .9s cubic-bezier(.2,.7,.2,1) var(--rv-d,0ms)}
.sd-rv.is-in{opacity:1;transform:none}
body.sd-legacy #container img.sd-rv-img{transition:transform .6s cubic-bezier(.2,.7,.2,1)}
body.sd-legacy #container a:hover img.sd-rv-img{transform:scale(1.03)}
@media (prefers-reduced-motion:reduce){
  .sd-sub .sd-sub__bg,.sd-sub .sd-sub__crumb,.sd-sub h1.sd-sub__title,.sd-sub p.sd-sub__lead,.sd-air2 path{animation:none}.sd-air2__dots{display:none}
  .sd-rv{opacity:1;transform:none;transition:none}
}

/* 중문: keep-all 은 한자 사이 줄바꿈을 막아 넘침 → 중문은 일반 줄바꿈 (2026-10-08) */
body.lang_zh_CN, body.lang_zh_CN *{word-break:normal!important;overflow-wrap:break-word}

/* 2026-10-08 게시판 글보기 하단(첨부파일 · 이전글/다음글) 정리 — 모든 게시판 스킨 공통 */
body #bo_v_file{margin:40px 0 0}
body #bo_v_file ul{display:flex;flex-direction:column;gap:10px}
body #bo_v_file li{display:flex;align-items:center;gap:14px;margin:0;padding:16px 20px;border:1px solid #d5dde6;border-radius:12px;background:#f6f9fc;transition:border-color .2s,background .2s}
body #bo_v_file li:hover{border-color:#00a9e2;background:#eef7fd}
body #bo_v_file li i{float:none;flex:none;margin:0;font-size:22px;color:#0d5796}
body #bo_v_file li a{float:none;display:block;flex:1;min-width:0;color:#1d2b3a;font-size:17px;line-height:1.5;word-break:break-all}
body #bo_v_file li a strong{font-weight:600}
body #bo_v_file li img{float:none;margin:0}
body #bo_v_file li .bo_v_file_cnt{flex:none;margin-left:auto;font-size:14.5px;color:#8a96a3}
body #bo_v_file li::after{content:"";display:none}
body .bo_v_nb{margin:40px 0 0;padding:0;border-top:2px solid #0d5796}
body .bo_v_nb li{position:relative;display:flex;align-items:center;gap:20px;margin:0;padding:18px 16px;border-top:0;border-bottom:1px solid #e6ebf0;background:#fff}
body .bo_v_nb li:hover{background:#f6f9fc}
body .bo_v_nb li .nb_tit{position:static;flex:none;width:84px;padding:0;color:#5b6878;font-size:17px;font-weight:500;line-height:1.5}
body .bo_v_nb li .nb_tit i{margin-right:6px;font-size:13px;color:#00a9e2}
body .bo_v_nb li a{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#1d2b3a;font-size:18px;line-height:1.5}
body .bo_v_nb li a:hover{color:#0d5796}
body .bo_v_nb li .nb_date{position:static;float:none;flex:none;margin-left:auto;color:#8a96a3;font-size:16px}
@media (max-width:768px){body .bo_v_nb li{gap:12px;padding:14px 8px}body .bo_v_nb li .nb_tit{width:auto;font-size:15px}body .bo_v_nb li a{font-size:16px}body .bo_v_nb li .nb_date{display:none}body #bo_v_file li{padding:14px 16px}}

/* 2026-10-08 제품 분류 페이지 실제 제품 목록 */
.sd-cgrid{max-width:1280px;margin:72px auto 0;padding:0 20px;font-family:'Noto Sans KR',sans-serif;letter-spacing:-.5px}
.sd-cgrid__t{margin:0 0 28px;font-size:30px;font-weight:700;color:#1d2b3a;text-align:center}
.sd-cgrid__t b{color:#00a9e2;font-weight:700}
.sd-cgrid__list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin:0;padding:0;list-style:none}
.sd-cgrid__it a{display:flex;flex-direction:column;height:100%;padding:0 0 20px;border:1px solid #e1e8ef;border-radius:18px;background:#fff;overflow:hidden;text-decoration:none;transition:transform .3s,box-shadow .3s,border-color .3s}
.sd-cgrid__it a:hover{transform:translateY(-4px);border-color:#00a9e2;box-shadow:0 14px 30px rgba(13,87,150,.12)}
.sd-cgrid__img{display:flex;align-items:center;justify-content:center;aspect-ratio:1/1;background:#f4f7fa;margin:0 0 18px}
.sd-cgrid__img img{width:78%;height:78%;object-fit:contain}
.sd-cgrid__noimg{font-size:16px;font-weight:700;letter-spacing:3px;color:#b7c4d1}
.sd-cgrid__lab{padding:0 20px;font-size:16px;color:#00a9e2;font-weight:600}
.sd-cgrid__model{padding:6px 20px 0;font-size:19px;font-weight:700;color:#1d2b3a;line-height:1.45;word-break:break-all}
@media (max-width:1024px){.sd-cgrid__list{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:768px){.sd-cgrid{margin-top:48px}.sd-cgrid__t{font-size:25px}.sd-cgrid__list{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.sd-cgrid__model{font-size:16px;padding:4px 14px 0}.sd-cgrid__lab{padding:0 14px;font-size:14px}}
.sd-ppick{max-width:1280px;margin:56px auto 0;padding:0 20px;font-family:'Noto Sans KR',sans-serif;letter-spacing:-.5px}
.sd-ppick ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:0;padding:0;list-style:none}
.sd-ppick a{position:relative;display:flex;flex-direction:column;gap:8px;height:100%;padding:24px 56px 24px 24px;border:1px solid #e1e8ef;border-radius:16px;background:#fff;text-decoration:none;transition:border-color .25s,box-shadow .25s,transform .25s}
.sd-ppick a:hover{border-color:#00a9e2;box-shadow:0 12px 26px rgba(13,87,150,.1);transform:translateY(-3px)}
.sd-ppick strong{font-size:21px;font-weight:700;color:#0d5796}
.sd-ppick span{font-size:16px;line-height:1.6;color:#5b6878}
.sd-ppick i{position:absolute;right:22px;top:24px;font-style:normal;font-size:20px;color:#00a9e2}
@media (max-width:1024px){.sd-ppick ul{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.sd-ppick ul{grid-template-columns:1fr}}
.sd-pcta{max-width:1280px;margin:80px auto 120px;padding:0 20px;font-family:'Noto Sans KR',sans-serif;letter-spacing:-.5px}
.sd-pcta__box{display:flex;justify-content:space-between;align-items:center;gap:32px;padding:44px 48px;border-radius:28px;background:#0d5796;color:#fff}
.sd-pcta__eye{margin:0;font-size:16px;font-weight:700;letter-spacing:1px;color:#7fd3f2}
.sd-pcta__tit{margin:10px 0 0;font-size:32px;font-weight:600;line-height:1.35;color:#fff}
.sd-pcta__tit span{font-weight:300}
.sd-pcta__sub{margin:10px 0 0;font-size:18px;color:rgba(255,255,255,.75)}
.sd-pcta__act{display:flex;flex-direction:column;align-items:flex-end;gap:14px;flex:none}
.sd-pcta__tel{font-size:30px;font-weight:700;color:#fff;text-decoration:none}
.sd-pcta__btn{display:inline-block;padding:13px 26px;border-radius:30px;background:#00a9e2;color:#fff;font-size:18px;font-weight:600;text-decoration:none}
.sd-pcta__btn:hover{background:#fff;color:#0d5796}
@media (max-width:768px){.sd-pcta{margin:56px auto 80px}.sd-pcta__box{flex-direction:column;align-items:flex-start;padding:30px 24px}.sd-pcta__tit{font-size:25px}.sd-pcta__act{align-items:flex-start}.sd-pcta__tel{font-size:27px}}

/* 2026-10-08 연혁(history 게시판) 연대표 */
.sd-hist{max-width:1100px;margin:56px auto 0;font-family:'Noto Sans KR',sans-serif;letter-spacing:-.5px}
.sd-hist__grp{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:56px;padding:48px 0;border-top:1px solid #e1e8ef}
.sd-hist__grp:first-child{border-top:2px solid #0d5796}
.sd-hist__range{margin:0 0 20px;font-size:40px;font-weight:700;line-height:1.2;color:#0d5796}
.sd-hist__range a{color:inherit}
.sd-hist__img{border-radius:20px;overflow:hidden;aspect-ratio:16/10;background:#f4f7fa}
.sd-hist__img img{width:100%;height:100%;object-fit:cover;display:block}
.sd-hist__list{position:relative;margin:0;padding:6px 0 0 28px;list-style:none;border-left:2px solid #d5e6f3}
.sd-hist__it{position:relative;display:flex;gap:24px;padding:0 0 22px}
.sd-hist__it:last-child{padding-bottom:0}
.sd-hist__it::before{content:"";position:absolute;left:-36px;top:8px;width:12px;height:12px;border-radius:50%;background:#fff;border:3px solid #00a9e2}
.sd-hist__yr{flex:none;width:56px;font-size:21px;font-weight:700;color:#1d2b3a;line-height:1.5}
.sd-hist__yr a{color:inherit}
.sd-hist__txt{flex:1;min-width:0;word-break:keep-all;overflow-wrap:break-word;font-size:18px;line-height:1.75;color:#3d4b5a}
.sd-hist__txt p{margin:0}
.sd-hist__txt *{font-family:inherit!important;color:inherit!important;font-size:inherit!important}
@media (max-width:860px){.sd-hist__grp{grid-template-columns:1fr;gap:24px;padding:36px 0}.sd-hist__range{font-size:30px}.sd-hist__img{aspect-ratio:16/9}}
@media (max-width:480px){.sd-hist__it{gap:14px}.sd-hist__yr{width:46px;font-size:18px}.sd-hist__txt{font-size:16px}}

/* 2026-10-08 맨 위로 버튼 (메인·서브·몰 공통) */
.sd-totop{position:fixed;right:28px;bottom:28px;z-index:90;width:54px;height:54px;padding:0;border:0;border-radius:50%;background:#0d5796;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 26px rgba(13,87,150,.28);cursor:pointer;opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .3s,transform .3s,visibility .3s,background .25s}
.sd-totop.is-on{opacity:1;visibility:visible;transform:none}
.sd-totop:hover,.sd-totop:focus-visible{background:#00a9e2}
.sd-totop:focus-visible{outline:2px solid #00a9e2;outline-offset:3px}
@media (max-width:768px){.sd-totop{right:16px;bottom:16px;width:46px;height:46px}}
@media (prefers-reduced-motion:reduce){.sd-totop{transition:none}}
/* 2026-10-12 스마트에디터 「단축키 일람」 버튼 숨김 (더해피) */
.cke_sc{display:none!important}
/* 2026-10-13 구 테마(dawon.js) #toTop 버튼이 .sd-totop 과 겹쳐 숨김 (더해피) */
#toTop{display:none!important}

/* 2026-10-21 CEO 인사말: 1401px 이상에서 사진 칸(50%)이 본문 칸을 눌러 줄이 어긋나게 끊김 → 본문 58% · 사진 42% (더해피) */
@media (min-width:1401px){body.sd-legacy .s_sec_01_01_01_con_left{width:58%}body.sd-legacy .s_sec_01_01_01_con_right{width:42%}}
/* 2026-10-21 CEO 인사말 사진: 예전 테마처럼 화면 오른쪽 끝까지 넘치던(폭 200%) 사진을 본문 폭(1280) 안으로 맞춤 (더해피) */
@media (min-width:1401px){body.sd-legacy .s_sec_01_01_01_con_right_in{width:100%;padding-bottom:116%;border-radius:16px;overflow:hidden}body.sd-legacy .s_sec_01_01_01_con_right_bg{background-position:72% 50%}body.sd-legacy .s_sec_01_01_01_con_right_bg::after{background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,0) 35%)}}

/* 2026-10-21 연혁 구간 제목: 시기 이름(크게) + 연도(작게) (더해피) */
.sd-hist__era{display:block}
.sd-hist__yrs{display:block;margin-top:8px;font-size:20px;font-weight:600;color:#00a9e2;letter-spacing:0}
@media (max-width:860px){.sd-hist__yrs{font-size:17px;margin-top:6px}}