*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Pretendard,"Noto Sans KR","Malgun Gothic",Arial,sans-serif;color:#071a33;background:#fff}a{text-decoration:none;color:inherit}.header{height:72px;background:#061a33;color:#fff;display:flex;align-items:center;padding:0 max(calc((100vw - 1120px)/2),28px);gap:52px;position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:8px;font-size:23px;letter-spacing:.2px}.crown,.foot-brand span{color:#f4c95e;font-size:28px}.header nav{display:flex;align-items:center;justify-content:center;gap:34px;flex:1;font-size:13px;font-weight:650}.header nav a:hover{color:#f2ca64}.header-actions{display:flex;align-items:center;gap:12px}.search{width:40px;height:40px;border:0;border-radius:50%;background:#132944;color:#fff;font-size:24px}.pill{display:inline-block;background:linear-gradient(135deg,#f7d575,#efbd4d);color:#17233a;padding:13px 25px;border-radius:28px;font-size:13px;font-weight:800;box-shadow:0 4px 14px #00000012}.pill.big{padding:14px 28px}.hero{height:430px;background:url("hero-city.jpg") center 42%/cover no-repeat;position:relative;color:#fff}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#06182fee 0%,#071b34d8 38%,#09213a66 70%,#06182f55)}.hero-inner{position:relative;max-width:1120px;height:100%;margin:auto;padding:43px 20px}.kicker{font-size:10px;letter-spacing:6px;font-weight:700;color:#536177;margin:0 0 12px}.kicker.light{color:#c3cbd8}.hero h1{font-size:51px;line-height:1.08;margin:0 0 14px;letter-spacing:-2px}.hero h1 span{color:#f4cd69}.lead{font-size:14px;line-height:1.62;color:#f0f3f7;margin:0 0 16px}.hero-copy{position:absolute;right:2%;top:92px;font-family:Georgia,serif;font-size:24px;font-style:italic;line-height:1.6;text-align:center;transform:rotate(-5deg);color:#e5e9f0}.hero-copy small{display:block;font-family:Arial,sans-serif;font-style:normal;font-size:10px;letter-spacing:11px;margin-top:20px}.feature-grid{max-width:1140px;margin:auto;padding:20px 10px;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.feature{min-height:120px;border:1px solid #e4e8ed;border-radius:12px;box-shadow:0 7px 20px #10213b12;padding:19px 17px;display:flex;gap:14px;background:#fff}.feature .icon{width:48px;height:48px;flex:0 0 48px;border-radius:50%;display:grid;place-items:center;font-weight:900;font-size:20px}.blue{background:#e9efff;color:#3262d6}.orange{background:#fff0e8;color:#ff7540}.cyan{background:#e3f8fa;color:#16a9ba}.purple{background:#f2e8ff;color:#8e46d7}.feature h3{font-size:16px;margin:1px 0 6px}.feature p{font-size:12px;line-height:1.55;color:#5f6a7c;margin:0 0 9px}.feature b{font-size:12px;color:#17487f}.about{background:#f7f9fb;padding:44px max(calc((100vw - 1080px)/2),25px);display:grid;grid-template-columns:380px 1fr;gap:60px;align-items:center}.about h2,.latest h2,.faq h2{font-size:34px;letter-spacing:-1.5px;margin:5px 0 12px}.about-copy>p:not(.kicker),.latest-intro>p:not(.kicker),.faq-title>p:not(.kicker){font-size:14px;color:#536075;line-height:1.72}.about-img{height:220px;border-radius:11px;background:url("about-visual.jpg") center/cover;overflow:hidden;box-shadow:inset 0 0 50px #0008}.about-overlay{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#05132650;color:#f5cb62}.about-overlay span{font-size:42px}.about-overlay strong{font-size:30px}.about-overlay em{font-size:15px;color:#fff;text-align:center;margin-top:13px}.latest{max-width:1100px;margin:auto;padding:38px 10px;display:grid;grid-template-columns:240px 1fr;gap:38px}.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;position:relative;padding-bottom:22px}.post-grid article{border:1px solid #dce2e9;border-radius:6px;overflow:hidden;background:#fff}.post-grid img{width:100%;height:108px;object-fit:cover;display:block}.post-grid h3{font-size:12px;margin:10px 10px 6px}.post-grid time{font-size:11px;color:#9aa5b4;display:block;margin:0 10px 10px}.more{position:absolute;right:0;bottom:0;font-size:12px;color:#17487f;font-weight:700}.faq{background:#f3f6f9;padding:37px max(calc((100vw - 1080px)/2),25px);display:grid;grid-template-columns:245px 1fr 265px;gap:38px;align-items:start}.accordion details{background:#fff;margin-bottom:7px;border-radius:5px;padding:11px 16px;font-size:13px}.accordion summary{cursor:pointer;font-weight:650;list-style:none}.accordion summary:after{content:"+";float:right;font-size:18px}.accordion details[open] summary:after{content:"−"}.accordion p{font-size:12px;color:#657184;line-height:1.6}.faq aside{background:#fff;border-radius:11px;text-align:center;padding:18px 20px;box-shadow:0 3px 12px #12213a08}.headset{font-size:30px}.faq aside>b{font-size:13px}.faq aside p{font-size:11px;color:#667286;line-height:1.5}.faq aside a{display:block;background:#061a33;color:#fff;border-radius:22px;padding:11px;font-size:12px;font-weight:700}footer{height:92px;background:#06182f;color:#9eabbc;padding:0 max(calc((100vw - 1120px)/2),28px);display:flex;align-items:center;justify-content:space-between;font-size:11px}.foot-brand b{display:block;color:#fff;font-size:18px}.foot-brand small{display:block;margin-top:5px}.foot-links{display:flex;gap:12px}.foot-links i{font-style:normal;color:#536174}@media(max-width:850px){.header{gap:15px;justify-content:space-between}.header nav{display:none}.hero-copy{display:none}.feature-grid{grid-template-columns:1fr 1fr;padding:18px}.about,.latest,.faq{grid-template-columns:1fr}.about{gap:25px}.post-grid{grid-template-columns:1fr}.post-grid img{height:180px}footer{height:auto;padding:25px;flex-direction:column;gap:15px;text-align:center}.foot-links{flex-wrap:wrap;justify-content:center}}@media(max-width:520px){.header-actions .pill{display:none}.hero{height:420px}.hero h1{font-size:35px}.feature-grid{grid-template-columns:1fr}.about,.latest,.faq{padding:35px 20px}.about h2,.latest h2,.faq h2{font-size:30px}}
.brand img{display:block;width:145px;height:auto;max-height:62px;object-fit:contain}.foot-brand b img{display:block;width:105px;height:auto;max-height:48px;object-fit:contain}@media(max-width:520px){.brand img{width:118px}}

/* FINAL SAFE LOGO SIZING */
.header .brand{
  width:170px!important;
  min-width:170px!important;
  height:72px!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  overflow:visible!important;
  flex:0 0 170px!important;
}
.header .brand .header-logo{
  display:block!important;
  width:145px!important;
  max-width:145px!important;
  height:auto!important;
  max-height:67px!important;
  object-fit:contain!important;
  position:static!important;
}
.header nav{
  flex:1 1 auto!important;
  min-width:0!important;
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:center!important;
  white-space:nowrap!important;
}
.header nav a{white-space:nowrap!important;writing-mode:horizontal-tb!important}

.about-overlay .about-logo{
  display:block!important;
  width:175px!important;
  max-width:175px!important;
  height:auto!important;
  max-height:105px!important;
  object-fit:contain!important;
  position:static!important;
  margin:0 auto 8px!important;
}
.foot-brand .footer-logo{
  display:block!important;
  width:105px!important;
  max-width:105px!important;
  height:auto!important;
  max-height:55px!important;
  object-fit:contain!important;
  position:static!important;
}
@media(max-width:900px){
  .header .brand{width:135px!important;min-width:135px!important;flex-basis:135px!important}
  .header .brand .header-logo{width:120px!important;max-width:120px!important}
}