:root{--bg:#f7f8fb;--panel:#fff;--text:#16181d;--muted:#6a7180;--line:#e6e8ee;--accent:#315efb;--dark:#141824;--radius:22px}*{box-sizing:border-box}html{background:var(--bg);color:var(--text);font-family:Arial,Apple SD Gothic Neo,Noto Sans KR,sans-serif}body{margin:0}.shell{width:min(1180px,100% - 40px);margin:0 auto}.siteHeader{z-index:10;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);background:#f7f8fbeb;position:sticky;top:0}.headerInner{justify-content:space-between;align-items:center;gap:24px;min-height:72px;display:flex}.brand{letter-spacing:-.04em;color:var(--text);font-size:22px;font-weight:900;text-decoration:none}.nav{flex-wrap:wrap;gap:22px;display:flex}.nav a{color:#4c5360;font-size:14px;font-weight:700;text-decoration:none}.hero{background:radial-gradient(circle at 80% 10%,#e9edff 0,#0000 40%);padding:76px 0 32px}.heroGrid{grid-template-columns:1.35fr .65fr;align-items:center;gap:36px;display:grid}.eyebrow{color:var(--accent);letter-spacing:.12em;margin-bottom:12px;font-size:12px;font-weight:900;display:block}.hero h1,.page h1{letter-spacing:-.06em;margin:0;font-size:clamp(42px,7vw,76px);line-height:1.02}.page h1{font-size:clamp(38px,6vw,62px)}.heroCopy,.lead{color:var(--muted);max-width:720px;font-size:18px;line-height:1.7}.buttonRow{flex-wrap:wrap;gap:10px;margin-top:26px;display:flex}.primaryButton,.secondaryButton{appearance:none;cursor:pointer;border:0;border-radius:14px;padding:14px 18px;font-size:14px;font-weight:900}.primaryButton{background:var(--text);color:#fff}.secondaryButton{color:var(--text);border:1px solid var(--line);background:#fff}.linkButton{align-items:center;text-decoration:none;display:inline-flex}.todayCard{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:28px;box-shadow:0 18px 50px #16181d0f}.todayCard>strong{font-size:28px;line-height:1.35;display:block}.todayStats{grid-template-columns:1fr 1fr;gap:10px;margin-top:24px;display:grid}.todayStats div{background:var(--bg);border-radius:16px;padding:18px}.todayStats b{font-size:28px;display:block}.todayStats span{color:var(--muted);font-size:13px}.section{padding:42px 0}.sectionHeading{justify-content:space-between;align-items:end;margin-bottom:20px;display:flex}.section h2,.panel h2,.calculatorCard h2{letter-spacing:-.04em;margin:0 0 14px;font-size:28px}.toolGrid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.toolCard{border:1px solid var(--line);color:var(--text);background:#fff;border-radius:18px;flex-direction:column;min-height:150px;padding:22px;text-decoration:none;transition:all .2s;display:flex}.toolCard:hover{transform:translateY(-3px);box-shadow:0 18px 36px #16181d12}.toolCard strong{font-size:19px}.toolCard span{color:var(--muted);margin-top:8px;font-size:14px;line-height:1.5}.toolCard b{color:var(--accent);margin-top:auto;font-size:13px}.twoCol{grid-template-columns:1fr 1fr;gap:16px;display:grid}.panel{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:28px}.darkPanel{background:var(--dark);color:#fff;border-color:var(--dark)}.darkPanel p{color:#b8bfce;line-height:1.7}.textLink{color:inherit;font-weight:800}.holidayList{gap:0;display:grid}.holidayRow{border-top:1px solid var(--line);justify-content:space-between;gap:20px;padding:15px 0;display:flex}.holidayRow span{color:var(--muted);font-variant-numeric:tabular-nums}.page{padding:58px 0 80px}.narrow{max-width:820px}.yearGrid{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:30px;display:grid}.monthCard{border:1px solid var(--line);background:#fff;border-radius:18px;padding:18px}.monthCard h3{margin:0 0 14px;font-size:20px}.calendarGrid{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.weekdayRow{color:var(--muted);text-align:center;margin-bottom:6px;font-size:11px}.dayCell{border-radius:10px;justify-content:center;align-items:center;min-height:34px;font-size:12px;display:flex;position:relative}.dayCell.holiday{color:#d02d39;background:#fff3f4;font-weight:900}.dayCell small{position:absolute;top:1px;right:4px}.tableWrap{border:1px solid var(--line);background:#fff;border-radius:18px;margin-top:30px;overflow:auto}table{border-collapse:collapse;width:100%;min-width:620px}th,td{text-align:left;border-bottom:1px solid var(--line);padding:16px 18px;font-size:14px}th{color:var(--muted);background:#fafbfc;font-size:12px}.verified{color:#19723c;background:#ebf8ef;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:900;display:inline-block}.sourceBox,.notice{background:#eef2ff;border:1px solid #dce3ff;border-radius:16px;margin-top:18px;padding:18px 20px}.sourceBox p{color:var(--muted);margin-bottom:0;line-height:1.6}.calcStack{gap:16px;margin-top:30px;display:grid}.calculatorCard,.timerCard{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:26px}.formGrid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.formGrid label{color:var(--muted);font-size:13px;font-weight:800}.formGrid input{border:1px solid var(--line);width:100%;font:inherit;background:#fff;border-radius:12px;margin-top:8px;padding:13px 14px;display:block}.resultBox{background:var(--bg);border-radius:16px;justify-content:space-between;align-items:end;margin-top:18px;padding:22px;display:flex}.resultBox strong{letter-spacing:-.04em;font-size:34px}.resultBox span{color:var(--muted);font-size:13px}.muted{color:var(--muted)}.timerDisplay{letter-spacing:-.06em;text-align:center;font-variant-numeric:tabular-nums;padding:36px 0;font-size:clamp(54px,10vw,96px);font-weight:900}.presetGrid{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px;display:grid}.presetChip{border:1px solid var(--line);text-align:center;color:var(--text);background:#fff;border-radius:14px;padding:16px;font-weight:800;text-decoration:none}.clockGrid{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:30px;display:grid}.clockCard{border:1px solid var(--line);background:#fff;border-radius:18px;padding:22px}.clockCard span,.clockCard small{color:var(--muted);display:block}.clockCard strong{font-variant-numeric:tabular-nums;margin:10px 0;font-size:30px;display:block}.footer{border-top:1px solid var(--line);color:var(--muted);padding:30px 0 50px;font-size:13px}@media (max-width:900px){.heroGrid,.twoCol{grid-template-columns:1fr}.toolGrid,.yearGrid,.clockGrid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.shell{width:min(100% - 24px,1180px)}.headerInner{min-height:64px}.nav{white-space:nowrap;gap:14px;width:100%;padding-bottom:10px;display:flex;overflow-x:auto}.headerInner{flex-wrap:wrap;gap:4px;padding-top:10px}.hero{padding-top:48px}.hero h1,.page h1{font-size:42px}.heroCopy,.lead{font-size:16px}.toolGrid,.yearGrid,.clockGrid,.formGrid,.twoCol{grid-template-columns:1fr}.presetGrid{grid-template-columns:repeat(2,1fr)}.todayCard{padding:22px}.page{padding-top:40px}}.breadcrumbs{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:28px;font-size:13px;display:flex}.breadcrumbs span{align-items:center;gap:8px;display:flex}.breadcrumbs a{color:var(--muted);text-decoration:none}.breadcrumbs em{color:var(--text);font-style:normal;font-weight:800}.monthCard h3 a,.dayCell[href]{color:inherit;text-decoration:none}.dayCell[href].holiday{color:#d02d39}.monthFocus{max-width:720px;margin:30px auto}.monthFocus .monthCard{padding:28px}.monthFocus .dayCell{min-height:64px;font-size:16px}.monthNav{grid-template-columns:1fr 1fr 1fr;align-items:center;gap:12px;margin:22px 0;display:grid}.monthNav a{color:var(--accent);font-weight:800;text-decoration:none}.monthNav a:nth-child(2){text-align:center}.monthNav a:last-child{text-align:right}.spacedPanel{margin-top:28px}.rowLink{color:inherit;text-decoration:none}.rowLink:hover strong{color:var(--accent)}.faqSection{margin-top:42px}.faqSection h2{letter-spacing:-.04em;font-size:28px}.faqList{gap:10px;display:grid}.faqList details{border:1px solid var(--line);background:#fff;border-radius:16px;padding:18px 20px}.faqList summary{cursor:pointer;font-weight:900}.faqList p{color:var(--muted);margin-bottom:0;line-height:1.7}.statGrid{grid-template-columns:repeat(3,1fr);gap:12px;margin:28px 0;display:grid}.statGrid>div{border:1px solid var(--line);background:#fff;border-radius:18px;padding:22px}.statGrid b{font-size:24px;display:block}.statGrid span{color:var(--muted);margin-top:8px;font-size:12px;display:block}.blockLink{color:inherit;text-decoration:none;display:block}.miniLinks{border-top:1px solid var(--line);justify-content:space-between;gap:10px;margin-top:16px;padding-top:16px;display:flex}.miniLinks a{color:var(--accent);font-size:12px;font-weight:800;text-decoration:none}.tableWrap a{color:inherit;text-decoration:none}.tableWrap a:hover{color:var(--accent)}@media (max-width:640px){.monthFocus .dayCell{min-height:46px;font-size:13px}.monthNav{grid-template-columns:1fr}.monthNav a,.monthNav a:nth-child(2),.monthNav a:last-child{text-align:left}.statGrid{grid-template-columns:1fr 1fr}.statGrid>div:last-child:nth-child(odd){grid-column:1/-1}}.liveTimeCard{color:#fff;border-radius:var(--radius);background:linear-gradient(145deg,#141824,#232a3c);margin-top:30px;padding:32px;box-shadow:0 22px 60px #1418242e}.liveTimeCard h2{margin:0 0 18px;font-size:22px}.liveTimeDigits{letter-spacing:-.06em;font-variant-numeric:tabular-nums;font-size:clamp(54px,9vw,92px);line-height:1;display:block}.liveTimeCard p{color:#c5cbda;font-size:18px}.timeMeta{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.timeMeta span{color:#e4e8f2;background:#ffffff1a;border:1px solid #ffffff1f;border-radius:999px;padding:9px 12px;font-size:12px}.linkList{gap:0;display:grid}.linkList a{border-top:1px solid var(--line);color:var(--text);padding:12px 0;font-weight:800;text-decoration:none}.linkList a:first-child{border-top:0}.linkList a:hover{color:var(--accent)}.cityDirectory{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:24px;display:grid}.directoryCard{border:1px solid var(--line);color:var(--text);background:#fff;border-radius:18px;flex-direction:column;min-height:132px;padding:20px;text-decoration:none;display:flex}.directoryCard strong{font-size:20px}.directoryCard span{color:var(--muted);margin-top:8px;font-size:12px;line-height:1.5}.directoryCard b{color:var(--accent);margin-top:auto;font-size:12px}.countryLinks{flex-wrap:wrap;gap:8px;display:flex}.countryLinks a{border:1px solid var(--line);background:var(--bg);color:var(--text);border-radius:999px;padding:9px 12px;font-size:13px;font-weight:800;text-decoration:none}.timeConverterGrid select{border:1px solid var(--line);width:100%;font:inherit;background:#fff;border-radius:12px;margin-top:8px;padding:13px 14px;display:block}.conversionResult{background:var(--dark);color:#fff;border-radius:16px;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;margin-top:20px;padding:22px;display:grid}.conversionResult span{color:#c5cbda}.conversionResult b{font-size:24px}.conversionResult strong{text-align:right;font-size:18px}.converterNote{margin:16px 2px 0;font-size:12px;line-height:1.6}@media (max-width:900px){.cityDirectory{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.cityDirectory{grid-template-columns:1fr}.liveTimeCard{padding:24px}.liveTimeDigits{font-size:52px}.conversionResult{grid-template-columns:1fr}.conversionResult b{justify-self:start;transform:rotate(90deg)}.conversionResult strong{text-align:left}}.bigResult{background:linear-gradient(130deg,#e9efff,#f6f8ff);border:1px solid #d8e2ff;border-radius:22px;flex-direction:column;align-items:flex-start;gap:8px;margin:28px 0;padding:34px;display:flex}.bigResult span{color:#3b5a95;font-weight:800}.bigResult strong{letter-spacing:-.07em;font-variant-numeric:tabular-nums;font-size:clamp(52px,9vw,82px);font-weight:900;line-height:1.1}.bigResult small{color:var(--muted);font-size:14px}.workingStats{grid-template-columns:repeat(4,1fr);gap:12px;margin:20px 0;display:grid}.workingStats>div{border:1px solid var(--line);background:#fff;border-radius:16px;padding:20px}.workingStats b{font-variant-numeric:tabular-nums;letter-spacing:-.04em;font-size:clamp(19px,3vw,30px);display:block}.workingStats span{color:var(--muted);margin-top:10px;font-size:12px;display:block}.workingStats .workingStatAccent{color:#fff;background:#182342;border-color:#182342}.workingStatAccent span{color:#c3cbe1}.panel>.monthCard{background:#fafbfe;margin-top:18px}.inlineTag{color:var(--muted);white-space:nowrap;background:#f1f3fa;border-radius:6px;margin-left:4px;padding:3px 6px;font-size:10px;display:inline-block}.miniHelp{font-size:12px;line-height:1.6}.totalRow{background:#f2f5ff}.directionField{border:0;flex-wrap:wrap;gap:18px;margin:18px 0 0;padding:14px 0;display:flex}.directionField legend{color:var(--muted);margin-bottom:8px;font-size:13px;font-weight:800}.directionField label{cursor:pointer;align-items:center;gap:7px;font-size:14px;font-weight:700;display:inline-flex}.optionCheck{cursor:pointer;align-items:center;gap:9px;margin-top:18px;font-size:14px;line-height:1.5;display:flex}.optionCheck input,.directionField input{accent-color:var(--accent);flex:none;width:17px;height:17px}.calcError{color:#963b35;background:#fff4f3;border:1px solid #ffc8c3;border-radius:12px;padding:16px;font-size:14px}.calcFootnote{color:var(--muted);margin-top:16px;font-size:12px;line-height:1.7}.resultBox strong{overflow-wrap:anywhere}.sourceBox a{color:#254bbf}@media (max-width:900px){.workingStats{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.bigResult{padding:24px}.workingStats>div{padding:17px}.workingStats b{font-size:23px}.holidayRow{flex-wrap:wrap}.inlineTag{margin-top:4px}.resultBox{flex-direction:column;align-items:flex-start;gap:10px}}