/* RNSh4 palette sync · 2026-10-01 */
:root{--rnsh4-ink:#152033;--rnsh4-muted:#6b7788;--rnsh4-brand:#416a87;--rnsh4-brand-dark:#163f68;--rnsh4-mint:#25c9ba;--rnsh4-mint-deep:#0da99e;--rnsh4-blue:#258cf0;--rnsh4-line:#e7edf2;--rnsh4-soft:#f7fafb;}
/* =========================================================
   RNS 소개 101 — Main 2026 visual language sync
   ========================================================= */
.page-101 .rns101,
.page-101 .rns101 *{box-sizing:border-box}

.page-101 .rns101{
  --rns101-ink:#243449;
  --rns101-muted:#6b7788;
  --rns101-rose:#258cf0;
  --rns101-rose-soft:#eefcf9;
  --rns101-amber:#9a6a28;
  --rns101-amber-soft:#fff6df;
  --rns101-green:#0da99e;
  --rns101-green-soft:#eefcf9;
  --rns101-blue:#416a87;
  --rns101-blue-soft:#edf6ff;
  background:#ffffff;
  color:var(--rns101-ink);
}
.page-101 .rns101 .container{width:min(1360px,calc(100% - 64px));margin-inline:auto}
.page-101 .rns101 h2,.page-101 .rns101 h3,.page-101 .rns101 p{word-break:keep-all;overflow-wrap:normal;text-wrap:pretty}
.page-101 .rns101 .section-space{padding:96px 0}

.rns101-eyebrow{display:flex;align-items:center;gap:9px;margin:0 0 18px;color:#163f68;font-size:11px;font-weight:800;letter-spacing:.13em}
.rns101-eyebrow::before{content:"";width:7px;height:7px;border-radius:50%;background:#258cf0;flex:0 0 auto}

/* ABOUT */
.rns101-overview{position:relative;overflow:hidden;background:linear-gradient(180deg,#f7fafb 0%,#ffffff 100%)}
.rns101-overview__grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,.92fr) minmax(520px,1.08fr);gap:70px;align-items:center}
.rns101-overview__copy{padding-left:12px}
.rns101-overview__copy h2{max-width:590px;margin:0;color:#152033;font-size:clamp(46px,4.15vw,64px);font-weight:790;line-height:1.26;letter-spacing:-.06em}
.rns101-overview__copy h2 .sand-bg{display:inline;color:#466985;background:none;padding:0;border-radius:0}
.rns101-overview__lead{max-width:600px;margin:30px 0 0;color:#416a87;font-size:18px;line-height:1.9;letter-spacing:-.015em}
.rns101-overview__sub{max-width:560px;margin:20px 0 0;color:#416a87;font-size:15px;line-height:1.85}
.rns101-overview__keywords{display:flex;flex-wrap:wrap;gap:9px;margin-top:30px}
.rns101-overview__keywords span{display:inline-flex;align-items:center;min-height:39px;padding:8px 14px;border:1px solid #edf6ff;border-radius:999px;background:#fff;color:#416a87;font-size:12px;font-weight:650}
.rns101-overview__visual{position:relative;display:flex;align-items:center;justify-content:center;min-width:0}
.rns101-visual-card{position:relative;width:100%;padding:34px 30px 24px;border:1px solid #edf6ff;border-radius:38px;background:linear-gradient(145deg,#fff 0%,#fdf2f1 100%);box-shadow:0 24px 65px rgba(84,55,66,.07)}
.rns101-visual-card img{position:relative;z-index:1;display:block;width:100%;height:auto;max-height:520px;object-fit:contain}
.rns101-visual-card__tag{position:absolute;z-index:2;left:30px;bottom:22px;display:inline-flex;align-items:center;padding:11px 16px;border:1px solid #edf6ff;border-radius:999px;background:rgba(255,255,255,.92);box-shadow:0 10px 24px rgba(64,45,52,.06);color:#416a87;font-size:12px;font-weight:650;backdrop-filter:blur(8px)}

/* STORY */
.rns101-story{padding:24px 0 78px;background:#ffffff}
.rns101-story__panel{display:grid;grid-template-columns:1.03fr .97fr;align-items:center;gap:30px;overflow:hidden;border:1px solid #edf6ff;border-radius:34px;background:linear-gradient(120deg,#fdf5ef 0%,#f7fafb 48%,#eefcf9 100%)}
.rns101-story__copy{padding:66px 20px 66px 66px}
.rns101-story__copy h2{max-width:590px;margin:0;color:#172238;font-size:clamp(34px,3.05vw,46px);font-weight:770;line-height:1.35;letter-spacing:-.055em}
.rns101-story__copy h2 span{color:#416a87}
.rns101-story__line{display:block;width:54px;height:3px;margin:26px 0 27px;border-radius:999px;background:#6f8aa0}
.rns101-story__copy>p:not(.rns101-eyebrow){max-width:590px;margin:0;color:#6b7788;font-size:16px;line-height:1.9}
.rns101-story__copy>p+p{margin-top:18px!important}
.rns101-story__image{align-self:stretch;display:flex;align-items:flex-end;justify-content:center;min-height:500px;padding:35px 28px 0;overflow:hidden}
.rns101-story__image img{display:block;width:100%;max-width:560px;height:auto;object-fit:contain}

/* VALUES */
.rns101-values{position:relative;background:#f8f8f6!important;padding:98px 0 110px!important}
.rns101-section-title{text-align:center;max-width:720px;margin:0 auto 44px}
.rns101-section-title .rns101-eyebrow{justify-content:center}
.rns101-section-title h2{margin:0;color:#172238;font-size:clamp(34px,3vw,44px);font-weight:780;line-height:1.3;letter-spacing:-.05em}
.rns101-section-title>p:last-child{margin:16px auto 0;color:#6b7788;font-size:15px;line-height:1.75}
.rns101-values__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.rns101-value-card{--tone:#416a87;--soft:#eefcf9;position:relative;min-height:290px;padding:34px 28px 30px;border:1px solid rgba(75,53,61,.05);border-radius:28px;background:var(--soft);text-align:left;transition:transform .25s ease,box-shadow .25s ease}
.rns101-value-card--rose{--tone:#258cf0;--soft:#eefcf9}
.rns101-value-card--amber{--tone:#956625;--soft:#fff6df}
.rns101-value-card--green{--tone:#0da99e;--soft:#eefcf9}
.rns101-value-card--blue{--tone:#416a87;--soft:#edf6ff}
.rns101-value-card:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(71,52,59,.07)}
.rns101-value-card__number{position:absolute;right:25px;top:25px;color:var(--tone);font-size:11px;font-weight:800;letter-spacing:.08em}
.rns101-icon{display:grid;place-items:center;width:62px;height:62px;margin:0 0 30px;border-radius:19px;background:rgba(255,255,255,.62);color:var(--tone)}
.rns101-icon svg{width:31px;height:31px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.rns101-value-card h3{margin:0;color:#243449;font-size:22px;font-weight:750;line-height:1.4;letter-spacing:-.04em}
.rns101-value-card p{max-width:245px;margin:13px 0 0;color:#416a87;font-size:14px;line-height:1.8}

@media(max-width:1100px){
  .page-101 .rns101 .container{width:calc(100% - 56px)}
  .rns101-overview__grid{grid-template-columns:1fr;gap:42px}
  .rns101-overview__copy{padding-left:0;max-width:760px}
  .rns101-overview__visual{max-width:780px;width:100%;margin-inline:auto}
  .rns101-story__panel{grid-template-columns:1fr}
  .rns101-story__copy{padding:52px 48px 10px}
  .rns101-story__image{min-height:auto;padding:10px 40px 0}
  .rns101-story__image img{max-width:620px}
  .rns101-values__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rns101-value-card{min-height:245px}
}

@media(max-width:760px){
  .page-101 .rns101 .container{width:calc(100% - 36px)}
  .page-101 .rns101 .section-space{padding:64px 0}
  .rns101-overview{padding-top:28px!important;padding-bottom:54px!important}
  .rns101-overview__grid{gap:28px}
  .rns101-overview__copy h2{font-size:34px;line-height:1.32}
  .rns101-overview__lead{margin-top:22px;font-size:15px;line-height:1.82}
  .rns101-overview__sub{font-size:13.5px;line-height:1.75}
  .rns101-overview__keywords{margin-top:22px;gap:7px}.rns101-overview__keywords span{font-size:11px;min-height:36px;padding:7px 11px}
  .rns101-visual-card{padding:20px 12px 18px;border-radius:24px}.rns101-visual-card__tag{position:static;margin:8px auto 0;width:max-content;max-width:100%;font-size:10.5px;padding:9px 12px}
  .rns101-story{padding:8px 0 52px}
  .rns101-story__panel{border-radius:24px}
  .rns101-story__copy{padding:34px 24px 5px}
  .rns101-story__copy h2{font-size:28px;line-height:1.38}
  .rns101-story__line{margin:20px 0 21px}
  .rns101-story__copy>p:not(.rns101-eyebrow){font-size:14px;line-height:1.82}
  .rns101-story__image{padding:12px 10px 0}
  .rns101-values{padding:66px 0 76px!important}
  .rns101-section-title{margin-bottom:28px;text-align:left}.rns101-section-title .rns101-eyebrow{justify-content:flex-start}.rns101-section-title h2{font-size:30px}.rns101-section-title>p:last-child{font-size:14px;margin-top:12px}
  .rns101-values__grid{grid-template-columns:1fr;gap:12px}
  .rns101-value-card{min-height:0;padding:26px 22px 24px;border-radius:22px;text-align:center;display:flex;flex-direction:column;align-items:center}
  .rns101-value-card__number{top:20px;right:20px}
  .rns101-icon{width:54px;height:54px;margin-bottom:17px;border-radius:16px}
  .rns101-icon svg{width:27px;height:27px}
  .rns101-value-card h3{font-size:20px}.rns101-value-card p{max-width:310px;margin-top:9px;font-size:13px;line-height:1.7;text-align:center}
}


/* =========================================================
   V16 — 101 SUB HERO / LOCAL NAV COLOR SYNC
   메인의 로즈·크림 톤과 101 본문을 연결한다.
   다른 서브페이지에는 영향을 주지 않는다.
   ========================================================= */
.page-101 .sub-hero{
  position:relative;
  overflow:hidden;
  background:linear-gradient(120deg,#f7fafb 0%,#eefcf9 58%,#f6f7f3 100%);
  border-bottom:1px solid #e7edf2;
}
.page-101 .sub-hero::after{
  content:"";
  position:absolute;
  right:-120px;
  top:-170px;
  width:500px;
  height:500px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(224,185,195,.17) 0%,rgba(224,185,195,.06) 58%,rgba(224,185,195,0) 74%);
  pointer-events:none;
}
.page-101 .sub-hero .container{position:relative;z-index:1}
.page-101 .sub-breadcrumb{color:#6b7788}
.page-101 .sub-breadcrumb a:hover{color:#416a87}
.page-101 .sub-breadcrumb i{color:#b9cddd}
.page-101 .sub-breadcrumb strong{color:#416a87}
.page-101 .sub-hero__category{color:#163f68}
.page-101 .sub-hero h1{color:#152033}
.page-101 .sub-hero__desc{color:#6b7788}

.page-101 .local-nav{
  background:#f7fafb;
  border-bottom:1px solid #e7edf2;
}
.page-101 .local-nav a{
  color:#416a87;
  border-bottom-width:3px;
}
.page-101 .local-nav a:hover{
  color:#163f68;
}
.page-101 .local-nav a.is-active{
  color:#416a87;
  border-bottom-color:#416a87;
  font-weight:750;
}

@media(max-width:760px){
  .page-101 .sub-hero::after{
    width:300px;
    height:300px;
    right:-160px;
    top:-70px;
  }
}


/* =========================================================
   V17 — 101 BOTTOM CONSULT CTA / TOP BUTTON COLOR SYNC
   기존 블루 CTA를 101 페이지의 웜 로즈·크림 톤으로 통일한다.
   ========================================================= */
.page-101 .footer-cta{
  position:relative;
  overflow:hidden;
  padding:76px 0;
  background:linear-gradient(118deg,#fff8f5 0%,#f7fafb 55%,#f6f4ef 100%);
  border-top:1px solid #edf6ff;
}
.page-101 .footer-cta::before{
  content:"";
  position:absolute;
  width:360px;
  height:360px;
  right:-130px;
  top:-185px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(211,146,161,.17) 0%,rgba(211,146,161,.05) 58%,rgba(211,146,161,0) 74%);
  pointer-events:none;
}
.page-101 .footer-cta .container{position:relative;z-index:1}
.page-101 .footer-cta p{
  color:#163f68;
  font-weight:800;
  letter-spacing:.13em;
}
.page-101 .footer-cta h2{
  color:#152033;
  font-weight:780;
  letter-spacing:-.05em;
}
.page-101 .footer-cta__actions a{
  min-height:58px;
  padding:0 30px;
  border-radius:12px;
  background:#416a87;
  color:#fff;
  border:1px solid #416a87;
  box-shadow:0 12px 28px rgba(142,70,91,.14);
  font-size:14px;
  transition:transform .2s ease,background .2s ease,box-shadow .2s ease;
}
.page-101 .footer-cta__actions a:hover,
.page-101 .footer-cta__actions a:focus-visible{
  background:#0da99e;
  border-color:#0da99e;
  transform:translateY(-2px);
  box-shadow:0 16px 34px rgba(142,70,91,.2);
}
.page-101 .top-button{
  background:#5f6f7f;
  border-color:rgba(255,255,255,.62);
  color:#fff;
  box-shadow:0 10px 28px rgba(72,48,59,.18);
}
.page-101 .top-button:hover,
.page-101 .top-button:focus-visible{
  background:#416a87;
  border-color:#416a87;
}
.page-101 .top-button:focus-visible{
  box-shadow:0 0 0 4px rgba(166,83,104,.18),0 10px 28px rgba(72,48,59,.18);
}

@media(max-width:760px){
  .page-101 .footer-cta{padding:58px 0}
  .page-101 .footer-cta h2{font-size:clamp(28px,8vw,38px);line-height:1.35}
  .page-101 .footer-cta__actions a{width:100%;max-width:320px;justify-content:center;min-height:54px}
}