.samho-history-content{
  color-scheme:light;
  --bg:#FFFFFF; --surface:#F4F5F9; --surface-2:#ECEEF4;
  --ink:#12142E; --ink-2:#2A2D4A; --muted:#5B6078; --faint:#8C91A6;
  --line:#E2E4EC; --line-2:#D3D6E1;
  --navy:#1E2083; --navy-soft:#E8E9F7;
  --era1:#ECEEF4; --era1-t:#5B6078;
  --era2:#C9CCEC; --era2-t:#1E2083;
  --era3:#5A5EC0; --era3-t:#FFFFFF;
  --era4:#1E2083; --era4-t:#FFFFFF;
  --ko:"Noto Sans KR","Apple SD Gothic Neo","Malgun Gothic",system-ui,sans-serif;
  --en:"IBM Plex Sans","Noto Sans KR",system-ui,sans-serif;
  --disp:"Archivo","IBM Plex Sans",system-ui,sans-serif;
  --ease:cubic-bezier(.2,.8,.2,1);
}
.samho-history-content *{box-sizing:border-box}
.samho-history-content{margin:0;background:var(--bg);color:var(--ink);font-family:var(--ko);font-size:16px;line-height:1.7;word-break:keep-all;overflow-wrap:break-word;-webkit-font-smoothing:antialiased}
.samho-history-content img{display:block;max-width:100%}
.samho-history-content button{font:inherit;color:inherit}
.samho-history-content :focus-visible{outline:2px solid var(--navy);outline-offset:3px;border-radius:4px}
.samho-history-content .wrap{max-width:1200px;margin-inline:auto;padding-inline:clamp(16px,4vw,40px)}
.samho-history-content section{padding-block:clamp(64px,8vw,112px) clamp(80px,10vw,140px)}
.samho-history-content .head{display:grid;gap:14px;max-width:760px;margin-bottom:clamp(32px,4.5vw,52px)}
.samho-history-content .eyebrow{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:700;color:var(--navy)}
.samho-history-content .eyebrow::before{content:"";width:18px;height:2px;background:var(--navy)}
.samho-history-content .eyebrow span{font-family:var(--en);font-weight:500;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--faint)}
.samho-history-content h2{margin:0;font-size:clamp(28px,3.6vw,44px);line-height:1.28;letter-spacing:-.03em;font-weight:700;text-wrap:balance}
.samho-history-content .lede{margin:0;color:var(--muted);font-size:clamp(15px,1.25vw,17px);max-width:60ch}
.samho-history-content .hist{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:clamp(28px,5vw,88px);align-items:start}
.samho-history-content .dial{position:sticky;top:calc(env(safe-area-inset-top,0px) + 24px);height:calc(100vh - 48px);min-height:460px;max-height:760px;display:flex;flex-direction:column;justify-content:center}
.samho-history-content .dial-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:14px;border-bottom:1px solid var(--line-2);font-family:var(--en);font-size:12px;font-weight:500;letter-spacing:.14em;color:var(--faint)}
.samho-history-content .dial-top b{font-weight:500;color:var(--ink-2);font-variant-numeric:tabular-nums;letter-spacing:.08em}
.samho-history-content .yr{display:flex;font-family:var(--disp);font-weight:800;font-stretch:78%;font-size:clamp(108px,14.6vw,210px);line-height:1;letter-spacing:-.02em;color:var(--navy);margin:clamp(20px,3.4vh,40px) 0 clamp(14px,2.4vh,26px)}
.samho-history-content .yd{position:relative;display:block;width:.55em;height:1em;overflow:hidden;flex:none}
.samho-history-content .yd span{position:absolute;inset:0 0 auto;text-align:center;transition:transform .85s var(--ease),opacity .85s var(--ease);transition-delay:calc(var(--i)*50ms)}
.samho-history-content .yd .in-b{transform:translateY(100%);opacity:0}
.samho-history-content .yd .in-t{transform:translateY(-100%);opacity:0}
.samho-history-content .yd .out-t{transform:translateY(-100%);opacity:0}
.samho-history-content .yd .out-b{transform:translateY(100%);opacity:0}
.samho-history-content .dial-t{margin:0;font-size:clamp(20px,2vw,26px);font-weight:700;letter-spacing:-.02em;line-height:1.35;min-height:2.7em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:opacity .3s,transform .3s}
.samho-history-content .dial-t.sw{opacity:0;transform:translateY(8px)}
.samho-history-content .dial-loc{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:14px;color:var(--muted);min-height:1.7em}
.samho-history-content .dial-loc i{width:10px;height:10px;border-radius:3px;background:var(--era1);box-shadow:inset 0 0 0 1px rgba(18,20,46,.12);transition:background .4s}
.samho-history-content .dial-loc b{font-weight:600;color:var(--ink-2)}
.samho-history-content .dial-prog{position:relative;height:2px;background:var(--line);margin:24px 0 18px}
.samho-history-content .dial-prog i{position:absolute;left:0;top:0;bottom:0;width:100%;background:var(--navy);transform:scaleX(0);transform-origin:left;transition:transform .8s var(--ease)}
.samho-history-content .dial-yrs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px}
.samho-history-content .dial-yrs button{border:0;background:transparent;cursor:pointer;font-family:var(--en);font-size:13px;color:var(--faint);padding:6px 0;border-radius:6px;font-variant-numeric:tabular-nums;transition:color .2s,background .2s}
.samho-history-content .dial-yrs button:hover{color:var(--ink);background:var(--surface)}
.samho-history-content .dial-yrs button.on{color:#fff;background:var(--navy)}
.samho-history-content .tl{list-style:none;margin:0;padding:0;border-left:1px solid var(--line-2)}
.samho-history-content .ev{position:relative;display:flex;flex-direction:column;justify-content:center;min-height:min(46vh,400px);padding:44px 0 44px clamp(24px,3vw,44px)}
.samho-history-content .ev+.ev{border-top:1px dashed var(--line)}
.samho-history-content .ev:last-child{min-height:min(62vh,520px)}
.samho-history-content .ev::before{content:"";position:absolute;left:-7px;top:50%;width:13px;height:13px;margin-top:-6.5px;border-radius:50%;background:var(--bg);border:2px solid var(--line-2);transition:background .35s,border-color .35s,transform .35s}
.samho-history-content .ev.key::before{border-color:var(--navy)}
.samho-history-content .ev.on::before{background:var(--navy);border-color:var(--navy);transform:scale(1.35)}
.samho-history-content .hist.js .ev .body{opacity:.32;transition:opacity .5s}
.samho-history-content .hist.js .ev.on .body{opacity:1}
.samho-history-content .ev-y{display:flex;align-items:baseline;gap:10px;margin-bottom:8px;font-family:var(--en);font-variant-numeric:tabular-nums}
.samho-history-content .ev-y span{font-size:15px;font-weight:600;letter-spacing:.04em;color:var(--navy)}
.samho-history-content .ev-y i{font-style:normal;font-size:12px;letter-spacing:.08em;color:var(--faint)}
.samho-history-content .ev h3{margin:0 0 12px;font-size:clamp(20px,1.9vw,25px);font-weight:700;letter-spacing:-.02em;line-height:1.35;text-wrap:balance}
.samho-history-content .ev ul{margin:0;padding:0;list-style:none;display:grid;gap:8px}
.samho-history-content .ev li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:8px;color:var(--muted);font-size:15.5px}
.samho-history-content .ev li .m{font-family:var(--en);font-weight:500;color:var(--navy);font-variant-numeric:tabular-nums}
.samho-history-content .mv{display:inline-flex;align-items:center;gap:8px;align-self:start;margin-top:16px;font-size:13px;font-weight:500;color:var(--navy);background:var(--navy-soft);border-radius:999px;padding:4px 12px 4px 10px}
.samho-history-content .mv svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.samho-history-content .evph{margin:20px 0 0;display:grid;gap:8px}
.samho-history-content .evph button{all:unset;cursor:zoom-in;display:block;border-radius:12px;overflow:hidden;background:var(--surface)}
.samho-history-content .evph button:focus-visible{outline:2px solid var(--navy);outline-offset:3px}
.samho-history-content .evph.wide button{aspect-ratio:16/9;max-width:460px}
.samho-history-content .evph.tall button{width:112px;aspect-ratio:613/865;box-shadow:0 10px 24px -14px rgba(18,20,46,.45);border-radius:6px}
.samho-history-content .evph img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease)}
.samho-history-content .evph button:hover img{transform:scale(1.04)}
.samho-history-content .evph figcaption{font-size:13px;color:var(--faint)}
.samho-history-content .foot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px 24px;margin-top:clamp(28px,4vw,44px);padding-top:18px;border-top:2px solid var(--ink);font-size:13px;color:var(--faint)}
.samho-history-content .foot b{color:var(--ink-2);font-weight:600}
.samho-history-content .tilde{display:block;flex:none;font-size:.5em;align-self:center;margin-left:.08em;opacity:0;transform:translateX(-.3em);transition:opacity .5s,transform .6s var(--ease)}
.samho-history-content .yr.now .tilde{opacity:1;transform:none}
.samho-history-content .yr{transition:font-size .6s var(--ease)}
.samho-history-content .yr.now{font-size:clamp(96px,12.4vw,178px)}
@media (max-width:860px){.samho-history-content .yr.now{font-size:clamp(56px,18vw,80px)}}
.samho-history-content .dial-yrs button.now{grid-column:span 2}
.samho-history-content .sites{display:grid;grid-template-columns:1fr 1fr;gap:28px 18px;margin-top:26px;max-width:560px}
.samho-history-content .sites figure{margin:0;display:grid;gap:10px;align-content:start}
.samho-history-content .sites figure:first-child{grid-column:1/-1}
.samho-history-content .sites button{all:unset;cursor:zoom-in;display:block;border-radius:10px;overflow:hidden;background:var(--surface)}
.samho-history-content .sites button:focus-visible{outline:2px solid var(--navy);outline-offset:3px}
.samho-history-content .sites figure:first-child button{aspect-ratio:16/10}
.samho-history-content .sites figure:not(:first-child) button{aspect-ratio:4/3}
.samho-history-content .sites img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease)}
.samho-history-content .sites button:hover img{transform:scale(1.04)}
.samho-history-content .sites figcaption{font-size:12.5px;line-height:1.4;color:var(--faint)}
.samho-history-content .sites figcaption b{color:var(--navy);font-weight:600;margin-right:6px;font-family:var(--en)}
.samho-history-content .ev.nowev .ev-y span::after{content:" ~ 현재";color:var(--faint);font-weight:500;letter-spacing:0}
@media (max-width:520px){.samho-history-content .sites{gap:22px 12px}}
.samho-history-content .lbx{position:fixed;inset:0;z-index:50;background:rgba(10,11,24,.94);display:grid;grid-template-rows:minmax(0,1fr) auto;gap:14px;padding:calc(env(safe-area-inset-top,0px) + 64px) 16px calc(env(safe-area-inset-bottom,0px) + 22px)}
.samho-history-content .lbx[hidden]{display:none}
.samho-history-content .lbx img{width:100%;height:100%;object-fit:contain;min-height:0}
.samho-history-content .lbx p{margin:0;text-align:center;color:#C9CCE0;font-size:14px}
.samho-history-content .lbx button{position:absolute;top:calc(env(safe-area-inset-top,0px) + 12px);right:16px;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.3);background:transparent;color:#fff;font-size:22px;line-height:1;cursor:pointer}
@media (max-width:860px){.samho-history-content .hist{grid-template-columns:1fr;gap:0}
.samho-history-content .dial{top:env(safe-area-inset-top,0px);z-index:10;height:auto;min-height:0;max-height:none;background:var(--bg);display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:0 14px;padding:10px 0 0;margin-inline:calc(-1 * clamp(16px,4vw,40px));padding-inline:clamp(16px,4vw,40px);box-shadow:0 1px 0 var(--line)}
.samho-history-content .dial-top,.samho-history-content .dial-yrs,.samho-history-content .dial-loc{display:none}
.samho-history-content .yr{font-size:clamp(62px,21vw,92px);margin:0}
.samho-history-content .dial-t{font-size:16px;min-height:0;line-height:1.35}
.samho-history-content .dial-prog{grid-column:1/-1;margin:10px 0 0}
.samho-history-content .ev{min-height:0;padding:36px 0 36px 22px}
.samho-history-content .ev:last-child{min-height:0}
.samho-history-content .hist.js .ev .body{opacity:.45}
.samho-history-content .evph.wide button{max-width:none}

}
@media (prefers-reduced-motion:reduce){.samho-history-content *{transition:none!important}}



.samho-history-content{font-family:inherit;--ko:inherit;--en:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo",sans-serif;--disp:var(--en)}
.samho-history-content .wrap{width:min(1264px,calc(100% - 112px));max-width:none;padding-inline:0}
.samho-history-content section{padding-top:32px}
.samho-history-content .dial{top:116px;height:calc(100svh - 140px);max-height:760px}
.samho-history-content .hist.js .ev .body{opacity:.7}
.samho-history-content .hist.js .ev.on .body{opacity:1}
.samho-history-content .lbx{max-width:none;max-height:none;width:100vw;height:100svh;margin:0;border:0;border-radius:0;box-sizing:border-box}
.samho-history-content .lbx:not([open]){display:none}
@media(max-width:1100px){.samho-history-content .wrap{width:calc(100% - 64px)}}
@media(max-width:860px){.samho-history-content .dial{top:92px;height:auto;max-height:none;min-height:0;margin-inline:0;padding-inline:0}.samho-history-content .hist.js .ev .body{opacity:1}}
@media(max-width:820px){.samho-history-content .wrap{width:calc(100% - 44px)}.samho-history-content .dial{top:76px}}
@media(max-width:520px){.samho-history-content .wrap{width:calc(100% - 40px)}}