@charset "utf-8";
@import url("basic.css");
@import url("../../font/00002/NotoSansKR/fonts.css");
@import url("../../font/00002/SCDream/fonts.css");
@import url("../../font/00002/SORA/fonts.css");
@import url("../../font/00002/XEIcon-2.3.3/xeicon.min.css");

:root {--navy:#102d51;--blue:#0965d9;--mint:#00a79d;--amber:#ee9800;--line:#d9e5f2;--muted:#5c6f84;}
html {min-height:100%;overflow-y:scroll;scrollbar-gutter:stable;}
body {min-height:100%;}
body {background:#f5f9fd;color:var(--navy);font-family:"NotoSans","Noto Sans KR","Malgun Gothic",sans-serif;font-weight:400;}
#wrap {display:flex;min-height:100vh;flex-direction:column;word-break:keep-all;}
.container {width:min(1420px,calc(100% - 64px));margin:0 auto;}
main {position:relative;overflow:hidden;background:linear-gradient(118deg,#f4fdff 0%,#eef9ff 46%,#e9f3ff 100%);}
main:before {content:"";position:absolute;inset:0;pointer-events:none;opacity:.42;background-image:radial-gradient(#77b9e7 1px,transparent 1px);background-size:24px 24px;mask-image:linear-gradient(90deg,#000,transparent 31%,transparent 72%,#000);}
main:after {content:"";position:absolute;right:-110px;bottom:35px;width:460px;height:330px;pointer-events:none;opacity:.28;background:linear-gradient(rgba(87,154,216,.26) 1px,transparent 1px),linear-gradient(90deg,rgba(87,154,216,.26) 1px,transparent 1px);background-size:38px 38px;transform:skewY(-10deg);mask-image:linear-gradient(135deg,transparent 8%,#000 55%,transparent 94%);}
.site-header {height:78px;border-bottom:1px solid #d9e8f5;background:#fff;}
.header-inner {display:flex;height:100%;align-items:center;justify-content:space-between;}
.site-header h1 {margin-left:-16px;}.site-header h1 a {display:block;}.site-header h1 img {display:block;width:180px;height:auto;}
.header-links {display:flex;gap:12px;}
.header-links a {display:flex;min-width:176px;height:46px;align-items:center;justify-content:center;gap:10px;padding:0 18px;border:1px solid #acd0f2;border-radius:10px;color:#075fc5;font-size:16px;font-weight:700;transition:.2s;}
.header-links a:hover,.header-links a:focus {border-color:#0965d9;background:#f0f7ff;}
.header-links i {font-size:21px;}

.gateway-hero {position:relative;z-index:1;padding:58px 0 46px;background:transparent;}
.gateway-hero:before {content:"";position:absolute;left:-170px;top:-72px;width:430px;height:430px;border-radius:50%;opacity:.38;background:repeating-radial-gradient(ellipse at center,rgba(44,167,205,.17) 0 1px,transparent 2px 7px);transform:scaleX(.68);}
.hero-pattern {position:absolute;width:360px;height:360px;border:1px solid rgba(45,137,207,.15);border-radius:50%;}
.pattern-left {left:-210px;top:-70px;box-shadow:0 0 0 35px rgba(87,188,219,.045),0 0 0 75px rgba(87,188,219,.035);}
.pattern-right {right:-180px;bottom:-220px;border-radius:24px;transform:rotate(12deg);box-shadow:0 0 0 34px rgba(45,117,211,.035);}
.hero-grid {position:relative;display:grid;grid-template-columns:minmax(0,1fr) 595px;gap:62px;align-items:center;}
.eyebrow {margin-bottom:17px;font-size:27px;font-weight:500;color:#173654;letter-spacing:-.045em;}
.hero-copy h2 {font-family:"SCDream","NotoSansKR",sans-serif;font-size:56px;font-weight:700;line-height:1.18;letter-spacing:-.06em;color:#112d4e;}
.hero-copy h2 span {color:var(--blue);}
.hero-copy h2 em {color:var(--mint);font-weight:700;}
.mobile-title-break {display:none;}
.hero-description {position:relative;margin-top:27px;padding-top:20px;font-size:17px;font-weight:500;line-height:1.72;color:#314962;}
.hero-description:before {content:"";position:absolute;top:0;left:0;width:48px;height:3px;border-radius:3px;background:linear-gradient(90deg,var(--blue),var(--mint));}
.period {display:inline-flex;min-height:58px;align-items:center;gap:10px;margin-top:17px;padding:7px 23px 7px 8px;border:1px solid #cfe0ef;border-radius:30px;background:#fff;box-shadow:0 5px 16px rgba(38,96,143,.08);color:#075fc5;font-size:18px;}
.period-icon {display:grid!important;flex:0 0 38px;width:38px;height:38px;place-items:center;border-radius:50%;background:var(--blue);color:#fff;}.period-icon i {font-size:21px;}.period strong {font-weight:600;}.period strong:after {content:":";margin-left:4px;}.period>span:last-child {font-weight:700;}

.process-list {position:relative;display:grid;gap:14px;margin-left:60px;}
.process-list:before {content:"";position:absolute;top:45px;bottom:45px;left:-36px;border-left:1px dashed #9eb7cb;}
.process-list li {position:relative;display:grid;min-height:91px;grid-template-columns:66px minmax(150px,1fr) 176px;gap:15px;align-items:center;padding:12px 18px 12px 16px;border:1px solid rgba(199,217,233,.9);border-radius:18px;background:rgba(255,255,255,.97);box-shadow:0 10px 26px rgba(35,88,130,.1);}
.step {position:absolute;z-index:2;left:-60px;top:50%;display:grid;width:48px;height:48px;place-items:center;border:4px solid #eef8ff;border-radius:50%;background:var(--blue);box-shadow:0 0 0 1px rgba(123,170,205,.25);color:#fff;font-family:"SORA",sans-serif;font-size:16px;font-weight:700;transform:translateY(-50%);}
.process-icon {display:grid;width:66px;height:66px;place-items:center;border-radius:50%;background:linear-gradient(145deg,#0875e6,#0757cf);}
.process-icon img {width:34px;height:34px;}
.process-icon>i {color:#fff;font-size:35px;line-height:1;}
.process-list>li>div>strong {display:block;margin-bottom:5px;font-size:20px;font-weight:700;line-height:1.25;color:#152f4b;}.process-list p {font-size:13.5px;font-weight:500;line-height:1.35;color:var(--muted);}
.process-meta {display:grid;min-height:59px;align-content:center;gap:7px;padding-left:17px;border-left:1px solid #d2dee9;white-space:nowrap;}
.process-meta strong {display:inline-block;width:max-content;margin:0;padding:5px 11px;border-radius:14px;background:#eaf3ff;color:var(--blue);font-size:12.5px;font-weight:700;line-height:1.2;}
.process-meta em {color:#263f59;font-size:13.5px;font-weight:700;letter-spacing:-.025em;}
.process-objection .step {background:var(--mint);border-color:#e8fbf9;}.process-objection .process-icon {background:linear-gradient(145deg,#08b8aa,#00978f);}.process-objection .process-meta strong {background:#e7f8f5;color:#008e87;}
.process-result .step {background:var(--amber);border-color:#fff5e4;}.process-result .process-icon {background:linear-gradient(145deg,#ffb20a,#ef8e00);}.process-result .process-meta strong {background:#fff3df;color:#b87300;}

.service-section {position:relative;z-index:1;flex:1;padding:30px 0 34px;background:transparent;}
.service-panel {display:grid;grid-template-columns:1.05fr .95fr;overflow:hidden;border:1px solid #d6e4f1;border-radius:18px;background:rgba(255,255,255,.96);box-shadow:0 12px 30px rgba(30,76,112,.09);}
.service-card {padding:27px 40px 29px;}.service-card+.service-card {border-left:1px solid #dbe6ef;}
.service-heading {display:flex;align-items:center;gap:15px;}.service-heading .service-icon {display:grid;flex:0 0 52px;width:52px;height:52px;place-items:center;border-radius:50%;background:#edf4fb;}
.service-heading img {width:29px;height:29px;}.service-heading p {font-size:14px;font-weight:400;color:#52657a;}.service-heading h3 {margin-top:3px;font-size:24px;font-weight:700;color:#132d49;}
.answer-links {display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px;}
.answer-links a {display:grid;min-height:82px;grid-template-columns:52px 1fr 20px;align-items:center;gap:14px;padding:0 18px;border:1px solid #89b9eb;border-radius:10px;background:#f5f9ff;color:#075fc5;font-size:15px;font-weight:700;transition:.2s;}
.answer-button-icon {display:grid;width:52px;height:52px;place-items:center;border-radius:50%;background:linear-gradient(145deg,#0875e6,#0757cf);}.answer-button-icon img {width:28px;height:28px;}
.answer-button-icon>i {color:#fff;font-size:28px;line-height:1;}
.answer-links a:hover,.answer-links a:focus {border-color:var(--blue);background:#eaf3ff;transform:translateY(-1px);}.answer-links>a>i {font-size:20px;}
.alert-text {margin-top:15px;color:#ef3939;font-size:13px;font-weight:600;}.sub-text {margin-top:7px;color:#63758a;font-size:13px;}
.objection-card {position:relative;display:flex;overflow:hidden;flex-direction:column;background:linear-gradient(135deg,#f2fffc 0%,#edf8ff 100%);}.objection-card:after {content:"";position:absolute;right:-65px;bottom:-105px;width:220px;height:220px;border:1px solid rgba(4,157,170,.09);border-radius:50%;box-shadow:0 0 0 28px rgba(4,157,170,.025),0 0 0 58px rgba(9,101,217,.02);}.objection-card .service-heading,.objection-card .objection-copy,.objection-card .objection-button {position:relative;z-index:1;}.objection-card .service-icon {background:#dff7f3;}
.objection-copy {margin-top:15px;color:#456276;font-size:13px;font-weight:500;line-height:1.55;}
.objection-button {display:grid;min-height:82px;grid-template-columns:1fr auto 1fr;align-items:center;gap:25px;margin-top:22px;padding:0 28px;border-radius:11px;background:linear-gradient(105deg,#00a99d,#0766da);box-shadow:0 10px 22px rgba(5,111,171,.22);color:#fff;font-size:21px;font-weight:700;transition:.2s;}.objection-button:before {content:"";}.objection-button i {justify-self:end;font-size:21px;}
.objection-button:hover,.objection-button:focus {filter:brightness(.95);transform:translateY(-1px);}
.site-footer {padding:25px 0 28px;background:#102c4e;text-align:center;color:#bdcbd9;}.site-footer address {font-size:13px;}.site-footer p {margin-top:6px;color:#8fa5b9;font-size:12px;}

@media (max-width:1100px) {
  .hero-grid {grid-template-columns:1fr;gap:36px;}.process-list {grid-template-columns:repeat(3,1fr);gap:10px;}.process-list:before {display:none;}
  .process-list {margin-left:0;}.process-list li {grid-template-columns:44px 1fr;min-height:145px;padding:18px;border-radius:14px;}.step {position:relative;left:auto;top:auto;transform:none;}.process-icon {display:none;}.process-meta {grid-column:2;padding:0;border:0;justify-self:start;}
  .service-panel {grid-template-columns:1fr;}.service-card+.service-card {border-top:1px solid #dbe6ef;border-left:0;}
}
@media (max-width:720px) {
  .container {width:min(calc(100% - 28px),1540px);}.site-header {height:auto;padding:10px 0 16px;}.header-inner {align-items:flex-start;gap:8px;flex-direction:column;}.site-header h1 {margin-left:-16px;}.site-header h1 img {width:180px;}
  .header-links {width:100%;}.header-links a {flex:1;height:40px;justify-content:center;padding:0 8px;font-size:13px;}.gateway-hero {padding:38px 0 30px;}.eyebrow {font-size:17px;}.hero-copy h2 {font-size:35px;}
  .hero-description {font-size:15px;}.hero-description br {display:none;}.mobile-title-break {display:inline;}.period {display:grid;width:100%;min-height:76px;grid-template-columns:42px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;gap:1px 12px;padding:10px 16px 10px 10px;border-radius:16px;}.period-icon {grid-row:1/3;align-self:center;}.period strong {align-self:end;font-size:16px;line-height:1.35;}.period>span:last-child {align-self:start;min-width:0;padding:0;font-size:17px;line-height:1.45;white-space:normal;}
  .process-list {grid-template-columns:1fr;}.process-list li {min-height:auto;grid-template-columns:44px 1fr;}.process-meta {grid-column:2;justify-self:start;}
  .service-card {padding:24px 20px;}.answer-links {grid-template-columns:1fr;}.service-heading p {font-size:12px;}.service-heading h3 {font-size:21px;}.objection-button {margin-top:22px;}
}
@media (max-width:420px) {
  .hero-copy h2 {font-size:29px;}.period {grid-template-columns:38px minmax(0,1fr);padding-right:12px;}.period-icon {width:36px;height:36px;}.period strong {font-size:15px;}.period>span:last-child {font-size:15px;}.process-list li {grid-template-columns:40px 1fr;}.service-heading .service-icon {display:none;}.objection-button {font-size:17px;}
}
@media (prefers-reduced-motion:reduce) {*,*:before,*:after {scroll-behavior:auto!important;transition:none!important;}}