/* Cinematic brand sections. Forms and transaction records retain clear surfaces. */
.c-region{position:relative!important;isolation:isolate;overflow:hidden;background:#153326!important}.c-media{position:absolute;inset:0;z-index:-3;pointer-events:none;overflow:hidden}.c-media img,.c-media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.c-media video{opacity:0;transition:opacity .6s}.c-media video.is-playing{opacity:1}.c-region:after{content:'';position:absolute;inset:0;z-index:-2;pointer-events:none;background:linear-gradient(90deg,#0d2118df,#173b2b8a 65%,#1b453255)}
.c-film-controls{position:absolute;bottom:17px;left:32px;right:32px;display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:9px;color:#e2f4ec;letter-spacing:.4px;z-index:3}.c-film-controls button{border:1px solid #ffffff65;border-radius:30px;padding:7px 12px;background:#15332680;color:#fff;font-size:10px;cursor:pointer;min-height:32px;white-space:nowrap}.c-film-controls button:hover{background:#153326c9}.c-film-controls button[hidden]{display:none}
.j-site .c-dark .j-eyebrow,.j-site .c-dark>.j-container>.j-section-heading p{color:#e6f5ee}.j-site .c-dark h2{color:white}.j-site .j-why.c-region{padding-block:85px 90px}.j-site .j-why.c-region:after{background:linear-gradient(110deg,#0f241be6,#1b4432ab 65%,#1e4d3880)}.j-site .j-why.c-region .j-benefits article{background:#fffffff2;border:1px solid #ffffffb3;box-shadow:0 10px 30px #0d201726;backdrop-filter:blur(10px)}
.j-site .j-cta.c-region{padding:90px 0 95px;min-height:330px;background:#153326}.j-site .j-cta.c-region:after{background:linear-gradient(90deg,#0e231aea,#15362785 60%,#15362750)}.j-site .j-cta.c-region>.j-container{gap:30px;position:relative}.j-site .j-cta.c-region h2{font-size:clamp(29px,3vw,43px);line-height:1.4;letter-spacing:-1.5px}.j-site .j-cta.c-region .j-button{background:#56bc8e!important;color:#fff!important;border:1px solid #acdec7;box-shadow:0 8px 25px #10281d55;min-width:240px}.j-site .j-cta.c-region .j-button:hover{background:#3a936b!important}.j-cta.c-region .c-media img,.j-cta.c-region .c-media video{object-position:center 55%}
.c-light:after{background:linear-gradient(90deg,#f8fcfaf2,#f8fcfad9 55%,#ebf7f285)}.c-light .c-film-controls{color:#44745e}.c-light .c-film-controls button{background:#ffffffdd;color:#266146;border:1px solid #8ec2ab}.j-site .j-faq-section.c-region{padding-bottom:95px}.j-site .j-faq-section.c-region .j-faq-list{background:#fffffff2;border:1px solid #dcf0e7;padding:8px 25px;border-radius:20px;box-shadow:0 10px 30px #19402e10}.j-site .j-faq-section.c-region .j-faq-list details:last-child{border-bottom:0}
.j-site .j-national-visual.c-region{min-height:470px}.j-site .j-national-visual.c-region:after{background:linear-gradient(0deg,#153326d9,transparent 75%),linear-gradient(90deg,#15332635,transparent)}.j-site .j-national-visual.c-region>.c-media{position:absolute;inset:0;z-index:-3}.j-site .j-national-visual.c-region>.c-film-controls{position:absolute;inset:auto 20px 16px;z-index:3}.j-site .j-national-visual.c-region>.c-national-copy{position:absolute;left:35px;right:25px;bottom:75px}.j-site .j-national-visual.c-region .c-media img,.j-site .j-national-visual.c-region .c-media video{height:100%;object-position:65% center}.j-site .j-national-visual.c-region h2{color:#fff}.j-site .j-national-visual.c-region .j-eyebrow{color:#e1f3eb}
.j-site .page-hero.c-region{padding:65px 0 80px!important}.j-site .page-hero.c-region h1,.j-site .page-hero.c-region p{position:relative}.j-site .page-hero.c-region:after{background:#f6fcf9e0}.j-site .j-footer{background:#fff}.c-film-controls span{font-size:9px!important;color:inherit!important;letter-spacing:.3px!important}
@media(max-width:767px){.j-site .j-cta.c-region{padding:60px 0 85px;min-height:350px}.j-site .j-cta.c-region>.j-container{flex-direction:column;align-items:flex-start;gap:25px}.j-site .j-cta.c-region .j-button{min-width:0;width:100%;max-width:350px}.c-film-controls{left:20px;right:20px;bottom:14px}.j-site .j-why.c-region{padding-block:55px 80px}.j-site .j-faq-section.c-region{padding-bottom:85px}.j-site .j-faq-section.c-region .j-faq-list{padding:4px 16px}.j-site .j-national-visual.c-region{min-height:390px}.j-site .j-national-visual.c-region>.c-national-copy{left:24px;bottom:78px}.j-site .page-hero.c-region{padding:45px 0 70px!important}.j-site .j-cta.c-region:after{background:linear-gradient(90deg,#0f251be3,#1536278c)}.j-cta.c-region .c-media img,.j-cta.c-region .c-media video{object-position:60% center}}
.j-site .j-national{padding-block:0}.j-site .j-national-visual.c-region>.c-national-copy{top:auto}.j-site .j-national-copy{padding-block:45px}
@media(min-width:1025px){section>.c-film-controls{right:130px}}
@media(prefers-reduced-motion:reduce){.c-media video{transition:none}}
/* Each placement has a unique multi-shot edit with baked, eased cross dissolves. */
.v-film video,.c-media video{opacity:0;transition:opacity .8s ease-in-out;backface-visibility:hidden}
.v-film video.is-playing,.c-media video.is-playing{opacity:1}
/* Animate the new content without a document snapshot covering interactive controls. */
@view-transition{navigation:none}
@keyframes jeonguk-page-enter{from{opacity:.65}to{opacity:1}}
@media(prefers-reduced-motion:no-preference){#main-content{animation:jeonguk-page-enter .35s ease-out}}
@media(prefers-reduced-motion:reduce){.v-film video,.c-media video{transition:none}}
@media(min-width:1025px){.v-subhero .v-film-foot{right:140px}}
.v-film-foot button[hidden]{display:none}
