:root { --navy:#062c52; --navy-2:#0c416e; --blue:#1677c8; --teal:#00a6a6; --sky:#e9f6fb; --ink:#172b3a; --muted:#5e7180; --line:#dbe5eb; --paper:#fff; --soft:#f5f9fb; --max:1180px; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:var(--paper); font-family:"Noto Sans KR","Malgun Gothic",Arial,sans-serif; line-height:1.65; word-break:keep-all; }
a { color:inherit; text-decoration:none; }
button,input,select,textarea { font:inherit; }
.skip { position:absolute; left:16px; top:-60px; z-index:100; padding:9px 14px; color:#fff; background:var(--navy); border-radius:0 0 8px 8px; }
.skip:focus { top:0; }
.topbar { color:#d5eaf7; background:#041e38; font-size:12px; }
.topbar__inner,.header__inner,.container { width:min(var(--max), calc(100% - 40px)); margin:0 auto; }
.topbar__inner { min-height:35px; display:flex; justify-content:space-between; align-items:center; }
.topbar__links { display:flex; gap:18px; }
.header { position:sticky; top:0; z-index:20; background:rgba(255,255,255,.97); border-bottom:1px solid var(--line); backdrop-filter:blur(10px); }
.header__inner { height:74px; display:flex; align-items:center; justify-content:space-between; gap:24px; }
.brand { display:inline-flex; align-items:center; flex:0 0 auto; line-height:0; }
.brand__logo { display:block; width:auto; height:58px; object-fit:contain; }
.nav { display:flex; align-items:center; gap:25px; font-size:15px; font-weight:650; }
.nav a { position:relative; padding:27px 0 25px; }
.nav a:hover,.nav a[aria-current="page"] { color:var(--blue); }
.nav a[aria-current="page"]::after { content:""; position:absolute; bottom:-1px; left:0; right:0; height:3px; background:var(--teal); }
.nav__cta,.button--primary { padding:11px 17px !important; color:#fff !important; background:var(--blue); border-radius:6px; }
.nav__cta::after { display:none; }
.nav-toggle { display:none; border:0; background:transparent; color:var(--navy); font-size:25px; }
.eyebrow { display:inline-flex; gap:8px; align-items:center; color:var(--blue); font-size:13px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.eyebrow::before { content:""; width:26px; height:2px; background:var(--teal); }
h1,h2,h3,p { margin-top:0; }
h1 { font-size:clamp(38px,5vw,64px); line-height:1.22; letter-spacing:-.055em; }
h2 { color:var(--navy); font-size:clamp(27px,3.2vw,42px); line-height:1.32; letter-spacing:-.045em; }
h3 { color:var(--navy); font-size:20px; line-height:1.4; letter-spacing:-.03em; }
.lead { color:var(--muted); font-size:18px; }
.section { padding:92px 0; }
.section--soft { background:var(--soft); }
.section__head { display:flex; justify-content:space-between; gap:30px; align-items:end; margin-bottom:38px; }
.section__head p { max-width:580px; margin-bottom:0; color:var(--muted); }
.button { display:inline-flex; align-items:center; gap:8px; min-height:46px; padding:10px 17px; border:1px solid var(--blue); border-radius:6px; color:var(--blue); font-weight:750; transition:.2s; }
.button:hover { transform:translateY(-2px); box-shadow:0 8px 18px rgba(7,54,89,.12); }
.button--light { border-color:#d7eff7; color:#fff; background:rgba(255,255,255,.1); }
.button--primary { border:1px solid var(--blue); }
.button--text { padding:0; border:0; border-radius:0; }
.button--text::after { content:"→"; font-size:18px; }
.hero { position:relative; overflow:hidden; min-height:610px; display:grid; align-items:center; color:#fff; background:var(--navy); }
.hero__media,.hero__veil { position:absolute; inset:0; }
.hero__media img { width:100%; height:100%; object-fit:cover; object-position:center; }
.hero__veil { background:linear-gradient(90deg,rgba(3,29,54,.97) 0%,rgba(3,29,54,.88) 29%,rgba(3,29,54,.32) 61%,rgba(3,29,54,.04) 100%); }
.hero__content { position:relative; z-index:1; width:min(var(--max), calc(100% - 40px)); margin:0 auto; padding:86px 0; }
.hero h1 { max-width:670px; margin:16px 0 22px; }
.hero .eyebrow { color:#a9e8ed; }
.hero__content p { max-width:535px; margin-bottom:32px; color:#e3eff5; font-size:18px; }
.hero__actions { display:flex; flex-wrap:wrap; gap:10px; }
.hero__facts { display:flex; flex-wrap:wrap; gap:0; margin-top:58px; }
.hero__fact { min-width:165px; padding:0 25px; border-left:1px solid rgba(255,255,255,.32); }
.hero__fact:first-child { padding-left:0; border-left:0; }
.hero__fact b { display:block; font-size:24px; letter-spacing:-.04em; }
.hero__fact span { display:block; color:#d5e8f2; font-size:13px; }
.intro-grid { display:grid; grid-template-columns:1.05fr .95fr; gap:58px; align-items:center; }
.intro-card { position:relative; min-height:410px; overflow:hidden; border-radius:12px; box-shadow:0 18px 48px rgba(11,54,80,.18); }
.intro-card img { width:100%; height:100%; object-fit:cover; object-position:72% center; }
.intro-card__caption { position:absolute; left:20px; right:20px; bottom:18px; padding:15px 18px; color:#fff; background:rgba(3,33,59,.84); border-left:3px solid var(--teal); }
.intro-card__caption b { display:block; }
.check-list { list-style:none; padding:0; margin:26px 0 28px; }
.check-list li { position:relative; padding:9px 0 9px 30px; border-bottom:1px solid var(--line); }
.check-list li::before { content:"✓"; position:absolute; left:0; top:9px; color:var(--teal); font-weight:900; }
.cards { display:grid; gap:18px; }
.cards--three { grid-template-columns:repeat(3,1fr); }
.business-card { display:flex; min-height:310px; flex-direction:column; justify-content:space-between; padding:28px; border:1px solid var(--line); border-radius:10px; background:#fff; transition:.2s; }
.business-card:hover { transform:translateY(-5px); box-shadow:0 15px 30px rgba(10,50,75,.12); }
.business-card__no { color:var(--teal); font-weight:800; font-size:13px; }
.business-card__icon { width:52px; height:52px; display:grid; place-items:center; margin-bottom:23px; color:#fff; background:var(--navy); border-radius:50%; font-size:22px; }
.business-card p { color:var(--muted); }
.message-grid { display:grid; grid-template-columns:1fr 1fr; gap:0; overflow:hidden; border-radius:12px; background:var(--navy); }
.message-grid__media { min-height:350px; }
.message-grid__media img { width:100%; height:100%; object-fit:cover; object-position:65% center; }
.message-grid__copy { display:flex; flex-direction:column; justify-content:center; padding:58px; color:#e4f2f8; }
.message-grid h2 { color:#fff; }
.message-grid p { color:#d4e8f3; }
.programme-grid { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--line); border-left:1px solid var(--line); }
.programme { padding:26px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); background:#fff; }
.programme__num { color:var(--teal); font-weight:850; font-size:13px; }
.programme p { margin-bottom:0; color:var(--muted); font-size:14px; }
.timeline { display:grid; grid-template-columns:repeat(4,1fr); gap:18px; }
.timeline__item { padding:21px; background:#fff; border-top:3px solid var(--teal); box-shadow:0 7px 18px rgba(11,54,80,.07); }
.timeline__item span { color:var(--blue); font-size:13px; font-weight:800; }
.timeline__item h3 { margin:8px 0; }
.timeline__item p { margin:0; color:var(--muted); font-size:14px; }
.page-hero { padding:85px 0 75px; color:#fff; background:linear-gradient(115deg,#052947,#0f6292); }
.hero__media { background:url("images/hero-japan-tokyo.png?v=20260715-final") center/cover; }
.hero__media img { visibility:hidden; }
.intro-grid .intro-card { background:radial-gradient(circle at 82% 16%,rgba(0,184,184,.75) 0 3px,transparent 4px),radial-gradient(circle at 23% 26%,rgba(56,163,220,.78) 0 4px,transparent 5px),linear-gradient(135deg,#093b63,#0b7691); }
.intro-grid .intro-card img,.message-grid__media img { display:none; }
.message-grid__media { background:radial-gradient(circle at 74% 20%,rgba(0,184,184,.7) 0 4px,transparent 5px),radial-gradient(circle at 26% 65%,rgba(56,163,220,.65) 0 5px,transparent 6px),linear-gradient(135deg,#093b63,#0b7691); }
body:has(.nav a[href="about.html"][aria-current="page"]) .page-hero { background:linear-gradient(90deg,rgba(3,25,45,.94) 0%,rgba(3,35,61,.77) 39%,rgba(3,35,61,.16) 100%),url("images/hero-about-airport.png?v=20260715-final") center/cover; }
body:has(.nav a[href="business.html"][aria-current="page"]) .page-hero { background:linear-gradient(90deg,rgba(35,25,14,.86) 0%,rgba(65,40,17,.72) 39%,rgba(65,40,17,.16) 100%),url("images/hero-singapore.png?v=20260715-final") center/cover; }
body:has(.nav a[href="content.html"][aria-current="page"]) .page-hero { background:linear-gradient(90deg,rgba(3,32,57,.91) 0%,rgba(3,46,78,.75) 39%,rgba(3,46,78,.17) 100%),url("images/hero-usa-sanfrancisco.png?v=20260715-final") center/cover; }
body:has(.nav a[href="operations.html"][aria-current="page"]) .page-hero { background:linear-gradient(90deg,rgba(3,32,57,.91) 0%,rgba(3,46,78,.72) 39%,rgba(3,46,78,.18) 100%),url("images/hero-australia-sydney.png?v=20260715-final") center/cover; }
body:has(.nav a[href="cases.html"][aria-current="page"]) .page-hero { background:linear-gradient(90deg,rgba(3,32,57,.91) 0%,rgba(3,46,78,.74) 39%,rgba(3,46,78,.16) 100%),url("images/hero-france-paris.png?v=20260715-final") center/cover; }
.page-hero h1 { margin:14px 0; font-size:clamp(38px,4vw,56px); }
.page-hero p { max-width:680px; margin:0; color:#d9edf7; font-size:18px; }
.breadcrumb { margin-bottom:18px; color:#b8d7e8; font-size:14px; }
.breadcrumb a { text-decoration:underline; text-underline-offset:3px; }
.feature-list { display:grid; grid-template-columns:repeat(2,1fr); gap:18px; }
.feature { padding:27px; border:1px solid var(--line); border-radius:10px; background:#fff; }
.feature p { margin-bottom:0; color:var(--muted); }
.case-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.case { overflow:hidden; border:1px solid var(--line); border-radius:9px; background:#fff; }
.case__image { height:175px; display:flex; align-items:center; padding:22px; color:#d5edf7; background:linear-gradient(130deg,#0b426c,#138494); font-size:42px; }
.case__body { padding:22px; }
.case__tag { color:var(--teal); font-size:13px; font-weight:850; }
.case p { margin-bottom:0; color:var(--muted); font-size:14px; }
.notice { padding:20px 22px; border-left:4px solid var(--teal); background:#edf8f8; }
.notice p { margin:4px 0 0; color:#36515d; }
.resource-list { border-top:2px solid var(--navy); }
.resource { display:grid; grid-template-columns:120px 1fr auto; gap:18px; align-items:center; padding:20px 8px; border-bottom:1px solid var(--line); }
.resource__type { color:var(--blue); font-size:13px; font-weight:850; }
.resource p { margin:3px 0 0; color:var(--muted); font-size:14px; }
.form-layout { display:grid; grid-template-columns:.7fr 1.3fr; gap:36px; align-items:start; }
.contact-panel { padding:31px; color:#d6e9f4; background:var(--navy); border-radius:10px; }
.contact-panel h2 { color:#fff; font-size:30px; }
.contact-panel b { color:#fff; }
.form { padding:32px; border:1px solid var(--line); border-radius:10px; background:#fff; }
.form-grid { display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.form-field { display:flex; flex-direction:column; gap:7px; }
.form-field--full { grid-column:1 / -1; }
.form-field label { font-weight:750; font-size:14px; }
.required { color:#d94040; }
input,select,textarea { width:100%; padding:12px; border:1px solid #bfcdd6; border-radius:5px; color:var(--ink); background:#fff; }
textarea { min-height:130px; resize:vertical; }
input:focus,select:focus,textarea:focus { outline:3px solid #c3ecf2; border-color:var(--teal); }
.check { display:flex; align-items:flex-start; gap:9px; margin:21px 0; font-size:14px; }
.check input { width:auto; margin-top:5px; }
.form-message { display:none; margin-top:16px; padding:12px; color:#075753; background:#e6f7f5; border-radius:4px; }
.form-intro { font-size:15px; }
.form-note { margin:14px 0 0; color:var(--muted); font-size:12px; line-height:1.6; }
.form-honey { position:absolute; left:-10000px; width:1px; height:1px; overflow:hidden; }
.contact-panel__mail { margin-top:28px; padding-top:20px; border-top:1px solid rgba(255,255,255,.22); }
.button:disabled { cursor:wait; opacity:.7; }
.footer { padding:46px 0 30px; color:#c8dce8; background:#041e38; }
.footer__grid { display:grid; grid-template-columns:1.3fr 1fr 1fr; gap:28px; }
.footer .brand { padding:7px 11px; background:#fff; border-radius:7px; }
.footer .brand__logo { height:54px; }
.footer h3 { color:#fff; font-size:15px; }
.footer p,.footer li { color:#b5cad8; font-size:14px; }
.footer ul { list-style:none; padding:0; margin:0; }
.footer li { margin:7px 0; }
.footer__bottom { margin-top:35px; padding-top:19px; border-top:1px solid rgba(255,255,255,.15); color:#86a2b5; font-size:12px; }
@media (max-width:900px) { .nav { gap:15px; font-size:14px; } .cards--three,.case-grid { grid-template-columns:1fr 1fr; } .intro-grid,.form-layout { grid-template-columns:1fr; gap:30px; } .timeline { grid-template-columns:1fr 1fr; } }
@media (max-width:720px) { .topbar__links { display:none; } .header__inner { height:64px; } .brand__logo { height:50px; } .footer .brand__logo { height:48px; } .nav-toggle { display:block; } .nav { display:none; position:absolute; top:64px; left:0; right:0; padding:8px 20px 18px; flex-direction:column; align-items:stretch; gap:0; background:#fff; border-bottom:1px solid var(--line); } .nav.is-open { display:flex; } .nav a { padding:12px 0; } .nav a[aria-current="page"]::after { display:none; } .nav__cta { text-align:center; margin-top:7px; } .hero { min-height:610px; } .hero__veil { background:linear-gradient(90deg,rgba(3,29,54,.94),rgba(3,29,54,.54)); } .hero__content { padding:64px 0; } .hero__fact { margin-top:13px; padding:0 14px; min-width:135px; } .section { padding:66px 0; } .section__head { display:block; } .section__head p { margin-top:12px; } .cards--three,.case-grid,.programme-grid,.feature-list { grid-template-columns:1fr; } .message-grid { grid-template-columns:1fr; } .message-grid__media { min-height:250px; } .message-grid__copy { padding:35px 25px; } .resource { grid-template-columns:1fr; gap:4px; } .resource .button { width:max-content; margin-top:6px; } .form-grid { grid-template-columns:1fr; } .form-field--full { grid-column:auto; } .footer__grid { grid-template-columns:1fr; } }

/* 2026 evidence-led global education travel concept */
.hero__media { background:none; }
.hero__media img { visibility:visible; }
.intro-grid .intro-card img,.message-grid__media img { display:block; }
.intro-grid .intro-card,.message-grid__media { background:#0a456b; }
.photo-panel { overflow:hidden; border-radius:12px; box-shadow:0 18px 48px rgba(11,54,80,.16); }
.photo-panel img { display:block; width:100%; height:100%; min-height:360px; object-fit:cover; }
.photo-panel--wide img { min-height:420px; }
.page-hero--about { background:linear-gradient(90deg,rgba(3,25,45,.94),rgba(3,35,61,.72) 48%,rgba(3,35,61,.18)),url("images/about-partners-privacy-v2.png?v=20260717-faces2") center 44%/cover !important; }
.page-hero--cases { background:linear-gradient(90deg,rgba(3,25,45,.94),rgba(3,35,61,.72) 48%,rgba(3,35,61,.18)),url("images/home-global-exchange.jpg?v=20260715-final") center 58%/cover !important; }
.page-hero--taiwan { background:linear-gradient(90deg,rgba(3,25,45,.94),rgba(3,35,61,.65) 48%,rgba(3,35,61,.12)),url("images/cases/taiwan-project.jpg?v=20260715-final") center/cover !important; }
.page-hero--vietnam { background:linear-gradient(90deg,rgba(3,25,45,.94),rgba(3,35,61,.65) 48%,rgba(3,35,61,.12)),url("images/cases/vietnam-hackathon-team.jpg?v=20260715-faces1") center 38%/cover !important; }
.page-hero--colombia { background:linear-gradient(90deg,rgba(3,25,45,.94),rgba(3,35,61,.65) 48%,rgba(3,35,61,.12)),url("images/cases/colombia-training.jpg?v=20260715-privacy1") center/cover !important; }
.case { display:flex; flex-direction:column; }
.case__image { height:230px; padding:0; background:#0b426c; }
.case__image img { display:block; width:100%; height:100%; object-fit:cover; }
.case__body { display:flex; flex:1; flex-direction:column; }
.case__body .button { margin-top:auto; align-self:flex-start; }
.status { display:inline-flex; align-items:center; width:max-content; margin-bottom:12px; padding:5px 10px; color:#075753; background:#e1f5f1; border-radius:999px; font-size:12px; font-weight:850; }
.status--plan { color:#70510b; background:#fff2c7; }
.metric-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; margin:30px 0; }
.metric { padding:22px; border:1px solid var(--line); border-top:3px solid var(--teal); background:#fff; }
.metric b { display:block; color:var(--navy); font-size:26px; letter-spacing:-.04em; }
.metric span { color:var(--muted); font-size:13px; }
.case-layout { display:grid; grid-template-columns:1.05fr .95fr; gap:48px; align-items:start; }
.case-flow { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin-top:28px; }
.case-flow div { padding:18px; border-radius:8px; background:var(--soft); border:1px solid var(--line); }
.case-flow b { display:block; margin-bottom:5px; color:var(--navy); }
.evidence-note { margin-top:28px; padding:17px 19px; border:1px solid #cfe0e8; background:#f7fbfd; color:#4e6675; font-size:13px; }
.pill-list { display:flex; flex-wrap:wrap; gap:8px; padding:0; margin:20px 0 0; list-style:none; }
.pill-list li { padding:7px 11px; color:#0c416e; background:#e9f6fb; border-radius:999px; font-size:13px; font-weight:700; }
@media (max-width:900px) { .metric-grid,.case-flow { grid-template-columns:1fr 1fr; } .case-layout { grid-template-columns:1fr; } }
@media (max-width:720px) { .metric-grid,.case-flow { grid-template-columns:1fr; } .page-hero { padding:70px 0 62px; } .case__image { height:220px; } }