@font-face{font-family:Manrope;src:url(/guide-media/manrope-latin.woff2) format("woff2");font-weight:200 800;font-display:swap}:root{font-family:Manrope,-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Malgun Gothic,sans-serif;font-synthesis:none;color:#18334c;background:#eef6fb;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0}h1,h2,h3,p,figure{margin:0}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}a,button,input{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #4c9cbd;outline-offset:5px}html{scroll-behavior:smooth;scroll-padding-top:30px}::selection{background:#bbdce9;color:#18334c}p{line-height:1.8}h1,h2,h3{font-weight:500;letter-spacing:-.035em;text-wrap:balance}h1{font-size:clamp(38px,4.1vw,62px);line-height:1.17}html[lang=ko] h1,html[lang=ko] h2,html[lang=ko] p{word-break:keep-all}h2{font-size:clamp(26px,2.5vw,34px);line-height:1.3}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.guide-skip{position:absolute;top:-100px;left:24px;padding:14px 24px;background:#fff;z-index:10}.guide-skip:focus{top:18px}.guide-header{display:flex;align-items:center;gap:20px;min-height:90px;padding:22px 6%;border-bottom:1px solid #ffffff2b;position:relative;z-index:1}.guide-brand{display:inline-flex;align-items:center;gap:9px;font-size:26px;font-weight:600;letter-spacing:-.045em;white-space:nowrap}.guide-brand svg{width:36px;height:36px;flex-shrink:0}.guide-brand-label{font-size:10px;letter-spacing:.13em;opacity:.75}.guide-header nav{margin-left:auto;display:flex;align-items:center;gap:28px;font-size:12px}.guide-header nav a{min-height:44px;display:inline-flex;align-items:center}.guide-language{opacity:.8}.header-app-link{padding:12px 20px;border:1px solid #ffffff70;border-radius:30px;background:#ffffff12;gap:15px;transition:background .2s}.header-app-link:hover{background:#ffffff28}.guide-detail-hero{position:relative;color:#f2f7fc;background:#102740;isolation:isolate}.guide-detail-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(90deg,#0b213add,#12355733),url(/skies/night.webp) center/cover}.guide-detail-layout{max-width:1420px;margin:auto;padding:55px 6% 66px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:65px;align-items:center}.guide-breadcrumb{display:inline-flex;font-size:11px;color:#c4d9eb;margin-bottom:27px;min-height:25px}.guide-eyebrow{font-size:10px;letter-spacing:.15em;color:#bdd3e4;margin-bottom:24px}.guide-detail-lead{color:#cbdbe8;font-size:15px;max-width:450px;margin-top:24px}.guide-button{display:flex;justify-content:space-between;align-items:center;gap:24px;min-height:51px;border-radius:28px;padding:14px 21px;font-size:13px;font-weight:600;border:1px solid #ffffff60;transition:transform .2s,box-shadow .2s}.guide-button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #102b4010}.guide-button:active{transform:translateY(1px)}.guide-button--light{background:#eff7fbed;color:#18334c;max-width:310px;margin-top:28px}.guide-button--dark{background:#183d55;color:#fff;max-width:360px;margin-top:30px}.comparison-glass{color:#18334c;padding:26px;border-radius:26px;border:1px solid #dfedf8bc;background:linear-gradient(130deg,#effbfff0,#dce8f4e8);box-shadow:inset 0 1px #ffffffb0,0 20px 60px #071b3a30;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.comparison-top{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:12px;color:#506a7d}.date-control input{border:1px solid #adbfcd;background:#ffffff9c;border-radius:9px;padding:7px 9px;color:#18334c;max-width:153px;min-height:38px;color-scheme:light}.comparison-orbit{height:172px;position:relative;display:grid;place-items:center}.comparison-ring{position:absolute;width:88%;height:117px;border:2px solid #f0c88c;border-right-color:#7aa2df;border-bottom-color:#7aa2df;border-radius:50%;box-shadow:0 0 0 4px #d9e9f330,inset 0 0 14px #ffffff70,0 0 18px #b2cde43b;transform:rotate(-9deg);pointer-events:none}.difference{font-size:35px;font-weight:500;letter-spacing:-.04em;text-align:center}.difference small{font-size:11px;display:block;letter-spacing:0;margin-top:6px;color:#526c80}.comparison-cities{display:grid;grid-template-columns:1fr 1fr;gap:16px}.comparison-cities>div{border-top:1px solid #99b5c64a;padding-top:17px;min-width:0}.comparison-cities span{font-size:12px;color:#526d81}.comparison-cities strong{display:block;font-size:34px;line-height:1.3;font-weight:500;letter-spacing:-.04em;font-variant-numeric:tabular-nums}.comparison-cities small{font-size:10px;line-height:1.6;display:block;color:#526c80}.comparison-slider{display:block;margin-top:22px;font-size:10px;color:#526c80}.comparison-slider>span{display:flex;justify-content:space-between}.comparison-slider b{font-weight:500;font-variant-numeric:tabular-nums}.comparison-slider input{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;width:100%;height:34px;margin:3px 0 0;background:transparent;cursor:ew-resize}.comparison-slider input::-webkit-slider-runnable-track{height:4px;background:#9dbccd;border-radius:3px}.comparison-slider input::-moz-range-track{height:4px;background:#9dbccd;border-radius:3px}.comparison-slider input::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:22px;height:22px;margin-top:-9px;border:2px solid #fff;background:#5f97b7;border-radius:50%;box-shadow:0 2px 8px #244f6633;transition:box-shadow .2s}.comparison-slider input::-moz-range-thumb{width:19px;height:19px;border:2px solid white;background:#5f97b7;border-radius:50%}.comparison-slider input:hover::-webkit-slider-thumb{box-shadow:0 0 0 5px #5f97b721}.slider-endpoints{display:flex;justify-content:space-between;font-size:10px;color:#526c80}.glass-button{background:#fff;color:#18334c;margin-top:22px;border-color:#bacfdd}.comparison-note{font-size:10px;color:#566d80;margin-top:13px}.comparison-glass noscript{font-size:12px;display:block;margin-top:12px}.guide-app-preview{min-width:0}.guide-app-preview img{display:block;width:100%;height:auto;border-radius:22px;border:1px solid #aec8e24a;box-shadow:0 20px 65px #00000018}.guide-app-preview figcaption{font-size:10px;line-height:1.7;color:#b3c8da;margin-top:13px}.guide-article-layout{max-width:1420px;padding:60px 6% 75px;margin:auto;display:grid;grid-template-columns:200px minmax(0,1fr);gap:70px}.guide-toc{position:sticky;top:25px;align-self:start;font-size:12px;line-height:1.7;color:#59758a}.guide-toc strong{display:block;color:#18334c;margin-bottom:15px;font-weight:600}.guide-toc a{display:block;padding:8px 0}.guide-toc a:hover{color:#204f6b;text-decoration:underline;text-underline-offset:4px}.guide-article{max-width:780px;min-width:0}.guide-article>section{margin-bottom:44px;scroll-margin-top:30px}.guide-article h2{margin-bottom:20px}.guide-article p{font-size:15px;color:#47657b;margin-bottom:17px}.guide-article ol{list-style:none;counter-reset:steps;padding:0;margin:22px 0}.guide-article ol li{counter-increment:steps;position:relative;padding:0 0 20px 47px;font-size:15px;color:#47657b;line-height:1.8}.guide-article ol li:before{content:counter(steps,decimal-leading-zero);position:absolute;left:0;top:0;font-family:Manrope,sans-serif;color:#7397af;font-size:13px;padding-top:3px}.guide-note{padding:18px 22px;border-left:2px solid #87b0c7;border-radius:0 12px 12px 0;background:#e0edf530;font-size:13px;color:#47657b;line-height:1.9;margin:23px 0}.guide-sources{font-size:12px;border-top:1px solid #ccdfe9;padding-top:27px}.guide-sources h2{font-size:18px}.guide-sources ul{padding-left:18px;line-height:2}.guide-sources a{text-decoration:underline;text-underline-offset:4px}.related-guides{border-top:1px solid #ccdfe9;padding-top:32px}.related-guides h2{font-size:22px}.related-guides a{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:14px;border-bottom:1px solid #ccdfe9;padding:17px 0;line-height:1.7}.related-guides a:hover{color:#326e90}.guide-index-hero{position:relative;isolation:isolate;overflow:hidden;background:#dcebf4}.guide-index-hero .guide-header{border-color:#18334c20}.guide-index-hero .header-app-link{background:#ffffff60;border-color:#18334c35}.guide-hero-art{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;display:block}.guide-hero-art img{width:100%;height:100%;object-fit:cover;object-position:50% 48%;display:block}.guide-index-hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(90deg,#e7f3fae8,#eaf5fc05)}.guide-index-copy{max-width:1420px;margin:auto;padding:55px 6% 65px;min-height:325px}.guide-index-copy h1{max-width:680px;font-size:clamp(38px,4vw,58px)}.guide-index-copy .guide-eyebrow{color:#42627c}.guide-index-copy>p:last-child{margin-top:24px;font-size:15px;max-width:450px}.guide-index-content{max-width:1420px;margin:auto;padding:32px 6% 75px}.guide-filters{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:32px}.guide-filters button{border:1px solid #b5cddc;background:transparent;color:#526d81;border-radius:25px;padding:11px 18px;font-size:12px;min-height:44px;transition:background .2s,color .2s}.guide-filters button[aria-pressed=true]{background:#183d55;border-color:#183d55;color:#fff}.guide-filters button:hover:not([aria-pressed=true]){background:#deedf5}.guide-index-content>h2{font-size:26px;margin-bottom:27px}.guide-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.guide-card{display:block;background:#fffc;border:1px solid #cbdfe9;border-radius:24px;overflow:hidden;min-width:0;transition:transform .22s,box-shadow .22s}.guide-card:hover{transform:translateY(-3px);box-shadow:0 14px 38px #2546630d}.guide-card-art{height:205px;position:relative;overflow:hidden;background:#1c3452}.guide-card-art img{width:100%;height:100%;object-fit:cover;display:block}.guide-card-art>span{position:absolute;inset:auto 0 0;padding:35px 25px 22px;color:#fff;font-size:25px;background:linear-gradient(transparent,#0e2642a3)}.guide-card--utc .guide-card-art>span{color:#18334c;background:linear-gradient(transparent,#dcebf4b3)}.guide-card--app .guide-card-art img{object-position:center 42%;transform:scale(1.01)}.guide-card-body{padding:25px}.guide-card-body small{font-size:9px;letter-spacing:.08em;color:#637f93}.guide-card-body h3{font-size:23px;line-height:1.4;margin:12px 0}.guide-card-body p{font-size:13px;color:#59738a}.guide-card-body>div{display:flex;justify-content:space-between;gap:20px;font-size:12px;margin-top:24px}.guide-footer{display:flex;align-items:center;gap:25px;padding:36px 6%;border-top:1px solid #c9dce8}.guide-footer p{font-size:12px;color:#59738a}.guide-footer nav{display:flex;gap:25px;margin-left:auto;font-size:12px}.guide-footer nav a{padding-block:10px}@media(min-width:900px){.guide-hero-art img{animation:guide-sky 24s ease-in-out infinite alternate}}@keyframes guide-sky{to{transform:scale(1.018)}}@media(max-width:1000px){.guide-detail-layout{gap:30px;padding-inline:6%}.guide-article-layout{grid-template-columns:170px minmax(0,1fr);gap:35px}.comparison-glass{padding:23px}h1{font-size:42px}.guide-header nav{gap:18px}}@media(max-width:850px){.guide-detail-layout{grid-template-columns:1fr;gap:32px;max-width:730px;padding-top:35px}.guide-detail-copy h1{max-width:620px}.guide-detail-lead{max-width:600px}.comparison-glass{max-width:600px;width:100%;margin:auto}.comparison-orbit{height:150px}.guide-app-preview{max-width:650px}.guide-article-layout{display:block;max-width:730px}.guide-toc{position:static;margin-bottom:38px}.guide-toc nav{display:flex;flex-wrap:wrap;gap:4px 18px}.guide-toc strong{width:100%;margin-bottom:8px}.guide-toc a{padding:6px 0}.guide-brand-label{font-size:9px}.guide-header{gap:12px}}@media(max-width:600px){.guide-header{padding:16px 7%;min-height:77px;gap:10px}.guide-brand{font-size:22px;gap:6px}.guide-brand svg{width:27px;height:27px}.guide-brand-label{display:none}.guide-header nav{gap:14px;font-size:10px}.all-guides-link{display:none!important}.header-app-link{padding:10px 13px;gap:8px}.guide-detail-layout{padding:29px 7% 40px;gap:26px}.guide-breadcrumb{margin-bottom:20px}.guide-eyebrow{font-size:9px;letter-spacing:.12em;margin-bottom:20px}h1{font-size:36px;line-height:1.24}.guide-detail-lead{font-size:14px;margin-top:20px}.comparison-glass{padding:21px;border-radius:23px}.comparison-top{font-size:10px}.date-control input{font-size:11px;max-width:143px}.comparison-ring{height:93px}.comparison-orbit{height:138px}.difference{font-size:30px}.difference small{font-size:10px}.comparison-cities strong{font-size:30px}.comparison-cities small{font-size:9px;overflow-wrap:anywhere}.guide-button{font-size:12px;padding:14px 18px;gap:15px}.guide-article-layout{padding:33px 7% 55px}.guide-article>section{margin-bottom:35px}.guide-article h2{font-size:25px}.guide-article p,.guide-article ol li{font-size:14px}.guide-article ol li{padding-left:36px}.guide-note{padding:16px 17px;font-size:12px}.guide-toc{margin-bottom:30px;font-size:11px}.guide-index-copy{padding:34px 7% 50px;min-height:305px}.guide-index-copy h1{font-size:37px}.guide-index-copy>p:last-child{font-size:13px;max-width:240px}.guide-hero-art img{object-position:50% 15%}.guide-index-hero:after{background:linear-gradient(90deg,#e7f3fae8,#eaf5fc30)}.guide-index-content{padding:27px 7% 55px}.guide-filters{gap:8px;margin-bottom:28px}.guide-filters button{padding:10px 13px;font-size:11px}.guide-card-grid{grid-template-columns:1fr;gap:22px}.guide-card-art{height:180px}.guide-card-art>span{font-size:22px;padding-left:23px}.guide-card-body{padding:23px}.guide-card-body h3{font-size:21px}.guide-footer{padding:30px 7%;flex-wrap:wrap;gap:16px}.guide-footer p{font-size:10px}.guide-footer nav{width:100%;margin:0;font-size:11px}.guide-app-preview figcaption{font-size:9px}.related-guides a{font-size:13px}}@media(max-width:360px){.guide-header nav{gap:10px}.header-app-link{padding-inline:11px}.guide-brand{font-size:20px}h1{font-size:32px}.comparison-glass{padding:18px}.comparison-top{gap:7px}.date-control input{max-width:135px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.guide-card:hover,.guide-button:hover,.guide-button:active{transform:none}}@supports not (backdrop-filter: blur(1px)){.comparison-glass{background:#e8f2f9}}