:root {
  --blue:#1778f2;
  --navy:#102a43;
  --brand-deep:#123b5d;
  --brand-orange:#ff6b2c;
}

.notice-strip {
  min-height:62px;
  height:auto;
  padding:13px 24px;
  background:linear-gradient(90deg,#123b5d,#1778f2);
  font-size:clamp(19px,1.65vw,25px);
  font-weight:950;
  letter-spacing:-.01em;
  text-align:center;
  text-shadow:0 2px 12px rgba(0,0,0,.18);
}

.brand-changupsesang {
  gap:10px;
}
.brand-changupsesang>img {
  width:42px;
  height:42px;
  border-radius:11px;
  box-shadow:0 8px 20px rgba(18,59,93,.16);
}
.brand-changupsesang>span {
  display:flex;
  flex-direction:column;
  gap:1px;
}
.brand-changupsesang strong {
  color:#102a43;
  font-size:22px;
  letter-spacing:-.065em;
  line-height:1.05;
}
.brand-changupsesang small {
  color:#74869a;
  font-size:8px;
  font-weight:800;
  letter-spacing:.08em;
}

.hero-section {
  background:linear-gradient(115deg,#f1f6fa 0%,#e9f2fb 52%,#dcecff 100%);
}

.brand-story-section {
  width:min(1240px,calc(100% - 80px));
  margin:54px auto 28px;
  padding:28px 32px;
  display:grid;
  grid-template-columns:82px minmax(0,1fr) auto;
  gap:24px;
  align-items:center;
  border:1px solid #dce6ef;
  border-radius:24px;
  background:linear-gradient(135deg,#fff,#f4f8fb);
  box-shadow:0 16px 40px rgba(18,59,93,.07);
}
.brand-story-symbol img {
  width:82px;
  height:82px;
  display:block;
  border-radius:22px;
  box-shadow:0 12px 28px rgba(18,59,93,.18);
}
.brand-story-copy>span {
  color:#1778f2;
  font-size:12px;
  font-weight:900;
}
.brand-story-copy h2 {
  margin:8px 0 7px;
  color:#102a43;
  font-size:25px;
  letter-spacing:-.05em;
}
.brand-story-copy p {
  max-width:830px;
  margin:0;
  color:#61778b;
  font-size:14px;
  line-height:1.7;
}
.brand-story-tags {
  max-width:220px;
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:7px;
}
.brand-story-tags span {
  padding:8px 10px;
  border:1px solid #d7e3ee;
  border-radius:999px;
  color:#123b5d;
  background:#fff;
  font-size:10px;
  font-weight:850;
}

.trust-center {
  background:linear-gradient(145deg,#1778f2,#123b5d);
}

/* v45.3 · 기존 구조 안에서 비교·신뢰·가이드 정보 강화 */
.situation-recommend {
  width:100%;
  margin:15px 0 2px;
  padding:10px 12px;
  border:1px solid #dde7f2;
  border-radius:12px;
  text-align:left;
  background:#f7faff;
}
.situation-recommend small,
.situation-recommend span { display:block; }
.situation-recommend small {
  color:#1778f2;
  font-size:9px;
  font-weight:900;
  letter-spacing:.04em;
}
.situation-recommend span {
  margin-top:4px;
  color:#344a5f;
  font-size:11px;
  font-weight:800;
  line-height:1.45;
}
.trust-clarity-note {
  margin:17px 0 0;
  padding:12px 14px;
  border-radius:11px;
  color:#627488;
  background:#f4f7fa;
  font-size:10.5px;
  line-height:1.65;
}
.consult-process {
  margin:24px 0 28px;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:10px;
}
.consult-process article {
  position:relative;
  min-width:0;
  padding:15px 16px;
  border:1px solid #dce6ef;
  border-radius:14px;
  background:#fff;
  box-shadow:0 8px 24px rgba(18,59,93,.05);
}
.consult-process article:not(:last-child)::after {
  content:"→";
  position:absolute;
  right:-10px;
  top:50%;
  z-index:2;
  width:20px;
  height:20px;
  display:grid;
  place-items:center;
  border-radius:50%;
  color:#1778f2;
  background:#fff;
  font-size:11px;
  font-weight:900;
  transform:translateY(-50%);
}
.consult-process b,
.consult-process strong,
.consult-process span { display:block; }
.consult-process b { color:#1778f2; font-size:9px; }
.consult-process strong { margin-top:5px; color:#102a43; font-size:13px; }
.consult-process span { margin-top:4px; color:#718195; font-size:9.5px; line-height:1.45; }
.case-example-note {
  margin:16px 0 0;
  color:#758497;
  font-size:10.5px;
  line-height:1.6;
  text-align:right;
}
.guide-snippet-heading { margin:24px 0 12px; }
.guide-snippet-heading>span {
  color:#1778f2;
  font-size:10px;
  font-weight:900;
  letter-spacing:.08em;
}
.guide-snippet-heading h3 {
  margin:6px 0 0;
  color:#102a43;
  font-size:19px;
  letter-spacing:-.04em;
}
.guide-snippet-grid {
  margin-bottom:25px;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:10px;
}
.guide-snippet-grid article {
  min-width:0;
  padding:16px;
  border:1px solid #dce6ef;
  border-radius:14px;
  background:linear-gradient(145deg,#fff,#f7faff);
}
.guide-snippet-grid small { color:#1778f2; font-size:9px; font-weight:900; }
.guide-snippet-grid h3 { margin:7px 0 6px; color:#102a43; font-size:13px; line-height:1.4; }
.guide-snippet-grid p { margin:0; color:#6b7b8e; font-size:10px; line-height:1.6; }
.partner-market-check {
  display:block;
  color:#77879a;
  font-size:7.5px;
  font-weight:750;
  line-height:1.35;
}

.footer-brand {
  flex-wrap:wrap;
  gap:9px;
}
.footer-brand>img {
  width:38px;
  height:38px;
  border-radius:10px;
}
.footer-brand>span {
  margin-left:3px;
  color:#61778b;
  font-size:11px;
  font-weight:750;
}
.footer-slogan {
  margin:18px 0 16px;
  color:#123b5d;
  font-size:clamp(22px,2vw,29px);
  font-weight:950;
  letter-spacing:-.035em;
  line-height:1.3;
}
.platform-transaction-notice {
  max-width:1040px;
  margin-top:20px;
  padding:18px 20px;
  border:1px solid #d5e1ec;
  border-radius:14px;
  color:#53677b;
  background:#f5f8fb;
}
.platform-transaction-notice>strong {
  display:block;
  margin-bottom:8px;
  color:#123b5d;
  font-size:13px;
  font-weight:950;
}
.platform-transaction-notice>p {
  margin:5px 0;
  font-size:11px;
  line-height:1.75;
}

/* 하위 페이지 공통 사장골 로고 */
.logo.brand-logo,
.legal-logo.brand-logo,
.member-logo.brand-logo {
  display:flex;
  align-items:center;
  gap:10px;
}
.logo.brand-logo>img,
.legal-logo.brand-logo>img,
.member-logo.brand-logo>img {
  width:42px;
  height:42px;
  flex:0 0 auto;
  border-radius:11px;
}
.legal-logo.brand-logo>img,
.member-logo.brand-logo>img {
  width:38px;
  height:38px;
  border-radius:10px;
}
.logo.brand-logo>span,
.legal-logo.brand-logo>span,
.member-logo.brand-logo>span {
  display:flex;
  flex-direction:column;
}
.logo.brand-logo strong,
.legal-logo.brand-logo strong,
.member-logo.brand-logo strong {
  color:#102a43;
}
.logo.brand-logo small,
.legal-logo.brand-logo small,
.member-logo.brand-logo small {
  color:#74869a;
  letter-spacing:.06em;
}
.logo.brand-logo.inverse strong,
.logo.brand-logo.inverse small {
  color:#fff;
}
.logo.brand-logo.inverse small {
  opacity:.7;
}

@media (max-width:900px) {
  .brand-story-section {
    width:calc(100% - 40px);
    margin-top:34px;
    grid-template-columns:64px minmax(0,1fr);
    padding:22px;
  }
  .brand-story-symbol img {
    width:64px;
    height:64px;
    border-radius:17px;
  }
  .brand-story-tags {
    grid-column:1/-1;
    max-width:none;
    justify-content:flex-start;
  }
  .consult-process,
  .guide-snippet-grid {
    grid-template-columns:repeat(2,1fr);
  }
  .consult-process article:nth-child(2)::after { display:none; }
}

@media (max-width:700px) {
  .situation-grid article,
  .situation-grid article.featured {
    grid-template-areas:"visual title" "visual copy" "recommend recommend" "button button";
    grid-template-rows:auto auto auto auto;
  }
  .situation-recommend {
    grid-area:recommend;
    margin:7px 0 0;
    padding:7px 9px;
  }
  .situation-recommend small { font-size:8px; }
  .situation-recommend span { margin-top:2px; font-size:9px; }
}

@media (max-width:560px) {
  .notice-strip {
    min-height:54px;
    padding:10px 16px;
    font-size:17px;
    line-height:1.35;
  }
  .brand-changupsesang>img {
    width:36px;
    height:36px;
    border-radius:9px;
  }
  .brand-changupsesang strong {
    font-size:19px;
  }
  .brand-story-section {
    width:calc(100% - 28px);
    grid-template-columns:52px minmax(0,1fr);
    gap:14px;
    margin:24px auto 18px;
    padding:18px;
    border-radius:18px;
  }
  .brand-story-symbol img {
    width:52px;
    height:52px;
    border-radius:14px;
  }
  .brand-story-copy h2 {
    font-size:20px;
  }
  .brand-story-copy p {
    grid-column:1/-1;
    font-size:12px;
  }
  .brand-story-tags span {
    padding:6px 8px;
    font-size:9px;
  }
  .situation-grid article,
  .situation-grid article.featured {
    grid-template-areas:"visual title" "visual copy" "recommend recommend" "button button";
    grid-template-rows:auto auto auto auto;
  }
  .situation-recommend {
    grid-area:recommend;
    margin:7px 0 0;
    padding:7px 9px;
  }
  .situation-recommend small { font-size:8px; }
  .situation-recommend span { margin-top:2px; font-size:9px; }
  .consult-process { margin:16px 0 20px; gap:7px; }
  .consult-process article { padding:11px; }
  .consult-process article::after { display:none!important; }
  .consult-process strong { font-size:11px; }
  .consult-process span { font-size:8.5px; }
  .case-example-note { text-align:left; }
  .guide-snippet-heading { margin-top:18px; }
  .guide-snippet-grid { grid-template-columns:1fr; gap:7px; margin-bottom:19px; }
  .guide-snippet-grid article { padding:13px 14px; }
  .guide-snippet-grid h3 { font-size:12px; }
  .guide-snippet-grid p { font-size:9.5px; }
  .partner-market-check { font-size:6.5px; }
  .footer-slogan {
    margin:14px 0 12px;
    font-size:20px;
  }
  .platform-transaction-notice {
    margin-top:16px;
    padding:15px;
  }
  .platform-transaction-notice>p {
    font-size:10.5px;
  }
}