:root{
  --v10-navy:#06101d;--v10-gold:#c49743;--v10-gold2:#e0bd72;
  --v10-ink:#171717;--v10-paper:#fbf8f1;--v10-muted:#706758;--v10-line:#ddd2bd
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body.v10-home{margin:0;background:var(--v10-paper);color:var(--v10-ink);font-family:"Noto Sans KR","Apple SD Gothic Neo",sans-serif}
.v10-wrap{width:min(1400px,calc(100% - 48px));margin:auto}
.v10-nav{position:sticky;top:0;z-index:1000;height:72px;background:rgba(4,9,16,.97);border-bottom:1px solid rgba(223,187,110,.24);backdrop-filter:blur(16px)}
.v10-nav-inner{height:100%;display:flex;align-items:center}
.v10-brand{display:flex;align-items:center;height:100%}
.v10-brand img{display:block;width:auto;height:48px;max-width:170px;object-fit:contain}
.v10-links{display:flex;align-items:center;gap:7px;margin-left:auto}
.v10-links a{color:#d7c7a5;text-decoration:none;padding:10px 14px;border-radius:999px;font-size:14px;font-weight:850}
.v10-links a:hover,.v10-links a.active{color:#fff0bc;background:rgba(220,183,101,.09)}
.v10-mobile{display:none;margin-left:auto;position:relative}
.v10-mobile summary{list-style:none;color:#ead39b;border:1px solid rgba(221,185,107,.32);border-radius:999px;padding:8px 14px;font-weight:900}
.v10-mobile summary::-webkit-details-marker{display:none}
.v10-mobile div{position:absolute;right:0;top:48px;width:260px;padding:10px;border:1px solid rgba(221,185,107,.25);border-radius:17px;background:#08101b;box-shadow:0 25px 70px rgba(0,0,0,.48)}
.v10-mobile a{display:block;padding:11px;color:#d7c7a5;text-decoration:none;border-radius:10px;font-weight:800}
.v10-mobile a:hover{background:rgba(220,183,101,.08);color:#ffe8ab}

/* Full image is always preserved. The hero height follows its 16:9 image. */
.v10-hero{position:relative;background:#07111e;overflow:hidden}
.v10-hero-media{position:relative;width:100%}
.v10-hero-media img{display:block;width:100%;height:auto;object-fit:contain;object-position:center}
.v10-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,11,22,.74) 0%,rgba(4,11,22,.42) 31%,rgba(4,11,22,.06) 60%,transparent 82%)}
.v10-hero-copy{position:absolute;z-index:3;left:max(24px,calc((100vw - 1400px)/2));top:50%;transform:translateY(-50%);width:min(640px,45vw);color:#f8ecd1}
.v10-kicker{color:var(--v10-gold2);letter-spacing:.22em;font-size:11px;font-weight:1000}
.v10-hero h1{font-family:"Nanum Myeongjo",serif;font-size:clamp(50px,5.1vw,82px);line-height:1.12;letter-spacing:-.055em;margin:18px 0 23px;text-shadow:0 10px 35px rgba(0,0,0,.42)}
.v10-hero p{font-size:17px;line-height:1.9;color:#dfcfad;max-width:620px}
.v10-actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:28px}
.v10-primary,.v10-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 23px;border-radius:999px;text-decoration:none;font-weight:1000}
.v10-primary{background:linear-gradient(135deg,#f0d287,#b77e27);color:#171006;box-shadow:0 14px 36px rgba(170,114,26,.22)}
.v10-secondary{border:1px solid rgba(239,210,142,.42);color:#f0dcae;background:rgba(6,13,24,.26)}

.v10-section{padding:86px 0}
.v10-section.white{background:#fff}
.v10-section.cream{background:#f6f0e5}
.v10-section.dark{background:#08111d;color:#f5e6c4}
.v10-heading{max-width:850px;margin-bottom:35px}
.v10-heading small{color:#b88937;letter-spacing:.15em;font-weight:1000}
.v10-heading h2{font-family:"Nanum Myeongjo",serif;font-size:clamp(39px,4.5vw,61px);line-height:1.2;letter-spacing:-.05em;margin:10px 0 16px}
.v10-heading p{font-size:16px;line-height:1.8;color:#71695b}
.dark .v10-heading p{color:#cbb994}

.v10-services{display:grid;grid-template-columns:repeat(3,1fr);gap:23px}
.v10-service{overflow:hidden;border:1px solid var(--v10-line);border-radius:27px;background:#fff;box-shadow:0 22px 62px rgba(48,37,20,.09)}
.v10-service figure{margin:0;aspect-ratio:1672/941;overflow:hidden;background:#ddd}
.v10-service img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;filter:none;opacity:1;transition:.32s}
.v10-service:hover img{transform:scale(1.025)}
.v10-service-body{padding:25px 26px 28px}
.v10-service small{color:#ae7e2f;font-weight:1000;letter-spacing:.12em}
.v10-service h3{font-family:"Nanum Myeongjo",serif;font-size:29px;margin:9px 0 12px}
.v10-service p{color:#6b6356;font-size:14px;line-height:1.75;min-height:74px}
.v10-service a{color:#17130c;text-decoration:none;font-weight:1000}

.v10-feature{display:grid;grid-template-columns:1.05fr .95fr;gap:45px;align-items:center;margin-bottom:65px}
.v10-feature:last-child{margin-bottom:0}
.v10-feature.reverse{grid-template-columns:.95fr 1.05fr}
.v10-feature.reverse .v10-feature-image{order:2}
.v10-feature-image{overflow:hidden;border-radius:28px;box-shadow:0 28px 78px rgba(24,18,9,.15);background:#ddd}
.v10-feature-image img{display:block;width:100%;height:auto;filter:none;opacity:1}
.v10-feature-copy small{color:#b48737;font-weight:1000;letter-spacing:.13em}
.v10-feature-copy h3{font-family:"Nanum Myeongjo",serif;font-size:clamp(34px,3.7vw,51px);line-height:1.24;margin:10px 0 16px}
.v10-feature-copy p{color:#6f6759;line-height:1.85;font-size:16px}
.v10-feature-copy a{display:inline-flex;margin-top:16px;color:#17130c;text-decoration:none;font-weight:1000}

.v10-gallery{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.v10-photo-card{overflow:hidden;border-radius:27px;background:#fff;border:1px solid rgba(224,190,116,.18)}
.v10-photo-card figure{margin:0;aspect-ratio:16/9;overflow:hidden}
.v10-photo-card img{width:100%;height:100%;display:block;object-fit:cover;filter:none;opacity:1;transition:.3s}
.v10-photo-card:hover img{transform:scale(1.025)}
.v10-photo-card div{padding:21px 23px 24px}
.v10-photo-card h3{margin:0 0 7px;color:#ffe7aa;font-size:23px}
.v10-photo-card p{margin:0;color:#cbb995;font-size:14px;line-height:1.65}

.v10-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;border:1px solid #d8ccb7;border-radius:24px;overflow:hidden;background:#d8ccb7}
.v10-flow article{padding:29px;background:#fbf7ee}
.v10-flow b{color:#b38434;font-size:12px}
.v10-flow h3{font-size:23px;margin:9px 0}
.v10-flow p{color:#70685a;line-height:1.7;font-size:14px;margin:0}
.v10-cta{padding:82px 0;text-align:center;background:linear-gradient(135deg,#091421,#122131);color:#f7e8c5}
.v10-cta h2{font-family:"Nanum Myeongjo",serif;font-size:clamp(39px,4.8vw,61px);margin:0 0 16px}
.v10-cta p{color:#cbb995}
.v10-cta .v10-actions{justify-content:center}
.v10-footer{padding:28px 0;background:#050a11;color:#91846d;font-size:12px}
.v10-footer-inner{display:flex;align-items:center;justify-content:space-between;gap:20px}
.v10-footer a{color:#bbaa88;text-decoration:none;margin-left:18px}

@media(max-width:1100px){
  .v10-links{display:none}.v10-mobile{display:block}
  .v10-services{grid-template-columns:1fr}
  .v10-feature,.v10-feature.reverse{grid-template-columns:1fr}
  .v10-feature.reverse .v10-feature-image{order:0}
}
@media(max-width:800px){
  .v10-hero-media img{min-height:650px;object-fit:cover;object-position:67% center}
  .v10-hero-shade{background:linear-gradient(90deg,rgba(4,11,22,.93),rgba(4,11,22,.58) 72%,rgba(4,11,22,.28))}
  .v10-hero-copy{left:24px;right:24px;width:auto}
  .v10-hero h1{font-size:48px}
  .v10-hero p{font-size:15px}
  .v10-gallery,.v10-flow{grid-template-columns:1fr}
}
@media(max-width:560px){
  .v10-wrap{width:calc(100% - 28px)}
  .v10-brand img{height:43px;max-width:150px}
  .v10-hero-media img{min-height:700px;object-position:72% center}
  .v10-hero h1{font-size:42px}
  .v10-actions{align-items:stretch;flex-direction:column}
  .v10-primary,.v10-secondary{width:100%}
  .v10-footer-inner{flex-direction:column;align-items:flex-start}
}

/* V8.11 · ONUGAN 312 photo and 12-color system */
.v11-zone-home-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}
.v11-zone-home{overflow:hidden;border-radius:26px;background:#0E1822;border:1px solid rgba(224,190,116,.2)}
.v11-zone-home figure{margin:0;aspect-ratio:3/2;overflow:hidden}
.v11-zone-home img{display:block;width:100%;height:100%;object-fit:cover;filter:none;opacity:1;transition:.3s}
.v11-zone-home:hover img{transform:scale(1.025)}
.v11-zone-home div{padding:20px 22px 23px}
.v11-zone-home h3{color:#FFE6A6;font-size:23px;margin:0 0 7px}
.v11-zone-home p{color:#C8B692;font-size:13px;line-height:1.65;margin:0}
.v11-home-palette{display:grid;grid-template-columns:repeat(12,1fr);gap:5px;margin-top:20px}
.v11-home-palette span{height:13px;border-radius:999px;box-shadow:0 3px 12px rgba(0,0,0,.18)}
@media(max-width:1000px){.v11-zone-home-grid{grid-template-columns:1fr}.v11-home-palette{grid-template-columns:repeat(6,1fr)}}


/* ==========================================================
   ONUGAN V8.14 · Official Website Brand Lockup
   ========================================================== */
.v10-nav{height:78px!important}
.v10-nav-inner{height:78px!important}
.onugan-site-brand{
  display:flex!important;align-items:center!important;gap:11px!important;
  min-width:360px!important;height:100%!important;text-decoration:none!important;
}
.onugan-site-mark{
  width:56px!important;height:56px!important;max-width:none!important;
  object-fit:contain!important;flex:0 0 56px!important;display:block!important;
}
.onugan-site-name{display:flex;flex-direction:column;justify-content:center;line-height:1.1;white-space:nowrap}
.onugan-site-name strong{font-size:22px;letter-spacing:.13em;color:#F0D18A;font-weight:1000}
.onugan-site-name small{margin-top:6px;font-size:11px;letter-spacing:-.02em;color:#C8B58F;font-weight:650}
@media(max-width:1100px){
  .onugan-site-brand{min-width:330px!important}
  .onugan-site-name small{font-size:10px}
}
@media(max-width:760px){
  .v10-nav,.v10-nav-inner{height:72px!important}
  .onugan-site-brand{min-width:0!important;gap:9px!important}
  .onugan-site-mark{width:48px!important;height:48px!important;flex-basis:48px!important}
  .onugan-site-name strong{font-size:19px}
  .onugan-site-name small{display:none}
}
@media(max-width:430px){
  .onugan-site-mark{width:44px!important;height:44px!important;flex-basis:44px!important}
  .onugan-site-name strong{font-size:17px;letter-spacing:.1em}
}