/* Interview support: six distinct scenes from the original support material. */
.hero .support-campaign{background:linear-gradient(90deg,rgba(250,249,242,.80),rgba(250,249,242,.45) 52%,rgba(250,249,242,.26)),linear-gradient(0deg,#faf9f2 10%,rgba(250,249,242,.85) 18%,transparent 45%),url("/cimg/gbabc/renew/hero-11-inha-gate-v1.webp") center calc(100% - 70px)/cover no-repeat,#faf9f2;color:#102967;isolation:isolate}
.support-campaign:before{content:none}
.support-campaign:after{content:none}
.hero .support-campaign>.wrap{width:100%;max-width:none;padding:65px 130px 115px 80px;justify-content:center}
.support-layout{position:relative;display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);column-gap:30px;row-gap:22px;width:min(1230px,100%);align-items:center}
.support-copy{grid-column:1;grid-row:1;min-width:0;text-align:center}
.support-brand{margin:0;font-size:30px;line-height:1.4;font-weight:750;letter-spacing:-.055em;white-space:nowrap}
.support-brand em{display:inline-block;margin-left:8px;font-family:Georgia,serif;font-size:34px;font-weight:500;letter-spacing:-.03em;color:#087d9c}
.hero .support-campaign h2{width:fit-content;max-width:100%;margin:23px auto 0;padding:22px 28px 25px;border:1px solid #7292b766;border-radius:7px;background:radial-gradient(ellipse at 65% 0%,#4265a847,transparent 70%),linear-gradient(125deg,#0a1e4b,#163974 65%,#102b5b);box-shadow:inset 0 1px 0 #ffffff30,inset 0 -1px 0 #07173855,0 14px 30px #0d2a561f;color:#fff;font-size:74px;line-height:1.13;font-weight:800;letter-spacing:-.055em;word-break:keep-all}
.support-title-line{display:block;white-space:nowrap}
.support-title-line strong{color:#a4efdf;font-weight:800;text-shadow:0 1px 1px #071e3a33}
.support-benefits{display:flex;align-items:center;justify-content:center;gap:13px;margin:20px 0 0;color:#13336d;font-size:31px;line-height:1.1;font-weight:750;letter-spacing:-.045em;white-space:nowrap}
.support-check{width:38px;height:38px;fill:none;stroke:#078fa5;stroke-width:2.4;flex-shrink:0}
.support-benefits strong{background:linear-gradient(145deg,#3e87dd,#14469d 62%,#0a286e);background-clip:text;-webkit-background-clip:text;color:transparent;font-size:96px;line-height:1.2;font-weight:850;letter-spacing:0;padding:0 .08em;margin-left:0;filter:drop-shadow(0 2px 0 #ffffffc9)}
.support-benefits small{font-size:31px;font-weight:750;margin-left:-5px}
.support-gallery{grid-column:2;grid-row:1 / 3;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,auto);gap:24px 16px;height:auto;min-width:0;transform:none;filter:none}
.support-photo{position:relative;display:flex;flex-direction:column;margin:0;min-width:0;min-height:0;outline:1px solid #8ba4af4d;border:8px solid #fff;border-radius:5px;overflow:hidden;background:#fff;box-shadow:0 2px 4px #16334612,0 12px 23px #16334629;transform:translateY(var(--photo-y,0px)) rotate(var(--photo-angle,0deg));transition:transform .25s ease,box-shadow .25s ease}
.support-photo:first-child{--photo-angle:-1.8deg;--photo-y:0px}.support-photo:nth-child(2){--photo-angle:1.2deg;--photo-y:3px}.support-photo:nth-child(3){--photo-angle:1.8deg;--photo-y:0px}.support-photo:nth-child(4){--photo-angle:1.8deg;--photo-y:0px}.support-photo:nth-child(5){--photo-angle:-1.8deg;--photo-y:3px}.support-photo:nth-child(6){--photo-angle:1.2deg;--photo-y:0px}
.support-photo svg{display:block;width:100%;height:auto;aspect-ratio:4/3;flex-shrink:0;border-radius:2px;filter:saturate(.96) contrast(1.025)}
.support-photo figcaption{position:static;padding:12px 3px 6px;background:#fff;color:#183452;font-size:15px;line-height:1.3;font-weight:650;text-align:center;text-shadow:none;white-space:nowrap}

.support-open{grid-column:1;grid-row:2;justify-self:center;display:inline-flex;align-items:center;gap:30px;min-height:52px;padding:0 25px;border:1px solid #9aafc5;border-radius:100px;background:#fffffff5;box-shadow:inset 0 1px 0 #fff,0 5px 15px #24436316;color:#173a76;font-family:inherit;font-size:16px;font-weight:750;cursor:pointer;transition:background .2s,color .2s,transform .2s}
.support-open svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2}
.support-open:focus-visible,.support-dialog-close:focus-visible{outline:3px solid #087f96;outline-offset:4px}
@media(hover:hover){.support-photo:hover{transform:translateY(calc(var(--photo-y,0px) - 5px)) rotate(0deg);box-shadow:0 12px 20px #1f5b8033}.support-open:hover{background:#173a76;color:#fff;transform:translateY(-2px)}}
@media(max-width:1200px){
 .hero .support-campaign>.wrap{padding:65px 120px 110px 30px}
 .support-layout{column-gap:28px}.support-brand{font-size:22px}.support-brand em{font-size:28px;margin-left:5px}
 .hero .support-campaign h2{font-size:56px;padding:20px}
 .support-benefits{font-size:25px;gap:9px}.support-benefits strong{font-size:82px}.support-benefits small{font-size:25px}
 .support-gallery{height:auto;gap:20px 12px}.support-photo{border-width:4px}
}
@media(max-width:950px) and (min-width:801px){
 .support-layout{column-gap:24px}.support-brand{font-size:18px}.support-brand em{font-size:23px}
 .hero .support-campaign h2{font-size:43px;padding:18px 15px}
 .support-benefits{font-size:22px;gap:7px}.support-benefits strong{font-size:68px}.support-benefits small{font-size:22px}.support-check{width:28px;height:28px}
 .support-gallery{height:auto;gap:18px 10px}.support-photo figcaption{font-size:11px;padding:7px 2px 2px}
}
@media(max-width:800px){
 .hero .support-campaign>.wrap{padding:25px 24px 90px;align-items:flex-start}
 .support-layout{grid-template-columns:1fr;gap:24px;width:min(560px,100%);text-align:center}
 .support-brand{font-size:23px}.support-brand em{font-size:28px;color:#075876}
 .hero .support-campaign h2{margin:12px auto 0;padding:13px 23px;font-size:37px}
 .support-title-line{display:inline}
 .support-benefits{justify-content:center;margin-top:10px;font-size:23px;gap:10px}.support-benefits strong{font-size:61px}.support-benefits small{font-size:23px}.support-check{width:28px;height:28px}
 .support-gallery{grid-column:1;grid-row:2;width:min(400px,100%);height:auto;justify-self:center;gap:18px 10px;transform:none}
 .support-photo{border-width:4px;border-radius:2px}.support-photo figcaption{font-size:11px;padding:7px 2px 2px}
 .support-open{grid-column:1;grid-row:3;justify-self:center;min-height:44px;font-size:14px}
 body:has(.support-campaign.is-active) .fab{top:auto;bottom:calc(8px + env(safe-area-inset-bottom,0px));left:12px;right:12px;transform:none;display:flex;border-radius:14px}
 body:has(.support-campaign.is-active) .fab a{width:20%;min-width:0;flex:1;gap:3px;padding:7px 2px;border-top:0;border-left:1px solid var(--line);font-size:10px}
 body:has(.support-campaign.is-active) .fab a:first-child{border-left:0}
 body:has(.support-campaign.is-active) .fab .ic{width:28px;height:28px}
 body:has(.support-campaign.is-active) .fab .ico{width:15px;height:15px}
}
@media(max-width:520px){
 .hero .support-campaign>.wrap{padding:26px 20px 85px}.support-layout{gap:24px}
 .support-brand{font-size:21px}.support-brand em{font-size:26px}
 .hero .support-campaign h2{font-size:29px;padding:14px 12px}
 .support-benefits{font-size:22px}.support-benefits strong{font-size:62px}.support-benefits small{font-size:22px}
 .support-gallery{height:auto;gap:17px 9px}
}
@media(max-width:360px){
 .hero .support-campaign>.wrap{padding-left:16px;padding-right:16px}
 .support-brand{font-size:18px}.support-brand em{font-size:23px}
 .hero .support-campaign h2{font-size:25px;padding:13px 9px}
 .support-benefits{font-size:20px}.support-benefits small{font-size:20px}
 .support-gallery{height:auto;gap:16px 8px}.support-photo figcaption{font-size:10px}
}

.support-dialog{width:min(850px,calc(100% - 32px));max-height:85vh;margin:auto;padding:38px;border:1px solid #d4e5f3;border-radius:20px;background:#f6fbff;color:#14315c;box-shadow:0 25px 100px #04112766;overflow:auto}
.support-dialog::backdrop{background:#091932b8;backdrop-filter:blur(4px)}
.support-dialog-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:25px}
.support-dialog h2{font-size:30px;line-height:1.3;letter-spacing:-.04em;margin:0}
.support-dialog-intro{font-size:15px;line-height:1.7;margin:12px 0 0;color:#53667e}
.support-dialog-close{flex-shrink:0;width:38px;height:38px;border:1px solid #d1deeb;border-radius:50%;background:#fff;color:#14315c;cursor:pointer;display:grid;place-items:center}
.support-dialog-close svg{width:20px;height:20px;stroke:currentColor;stroke-width:2;fill:none}
.support-detail-list{display:grid;gap:14px;padding:0;margin:0;list-style:none}
.support-detail-list li{padding:22px;border:1px solid #dce7f1;border-radius:12px;background:#fff}
.support-detail-list h3{font-size:19px;margin:0 0 9px;color:#123e88;letter-spacing:-.03em}
.support-detail-list p{font-size:15px;line-height:1.8;margin:0;color:#41536c;word-break:keep-all}
@media(max-width:520px){.support-dialog{padding:23px 18px}.support-dialog h2{font-size:23px}.support-dialog-header{gap:10px}.support-detail-list li{padding:17px}.support-detail-list h3{font-size:17px}}
@media(prefers-reduced-motion:reduce){.support-photo,.support-open{transition:none}.support-photo:hover,.support-open:hover{transform:none}}

.support-photo-credit{font-size:11px;line-height:1.6;color:#67727f;margin:18px 0 0}.support-photo-credit a{text-decoration:underline;text-underline-offset:2px}
@media(max-width:800px){.hero .support-campaign{background-size:auto,auto,auto 100%;background-position:center,center,32% bottom}}