@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+KR:wght@400;500;600;700&display=swap');
:root{--navy:#162746;--muted:#68738b;--line:#dfe5ed}*{box-sizing:border-box}body{margin:0;background:#f3f5f8;color:var(--navy);font-family:'DM Sans','Noto Sans KR',Arial,sans-serif;min-height:100vh;padding:clamp(14px,3vw,44px)}.portal-shell{max-width:1420px;min-height:calc(100vh - 88px);margin:auto;background:#fff;border:1px solid var(--line);border-radius:32px;box-shadow:0 20px 60px rgba(22,39,70,.07);padding:clamp(48px,7vw,86px) clamp(24px,6vw,86px) 30px;display:flex;flex-direction:column}.portal-hero{text-align:center}.eyebrow{margin:0 0 18px;color:#72829c;font-size:11px;font-weight:700;letter-spacing:.25em}.eyebrow span{display:inline-block;margin:0 10px;color:#8ca5ba}h1{margin:0;color:#162746;font-size:clamp(36px,5.2vw,70px);letter-spacing:-.075em;line-height:1.12;font-weight:700}.intro{margin:18px 0 0;color:#8190a5;font-family:'Noto Sans KR',sans-serif;font-size:15px}.destinations{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:clamp(42px,6vw,72px)}.destination{min-height:420px;position:relative;isolation:isolate;overflow:hidden;border:1px solid rgba(41,66,95,.12);border-radius:23px;padding:42px 42px 37px;text-decoration:none;color:var(--navy);transition:transform .25s ease,box-shadow .25s ease}.destination:hover{transform:translateY(-6px);box-shadow:0 18px 38px rgba(30,48,78,.16)}.destination:after{content:'';position:absolute;height:4px;left:0;right:0;bottom:0;background:linear-gradient(90deg,#63dcd5,#97e4c9)}.lab{background:radial-gradient(circle at 92% 80%,rgba(46,193,231,.20),transparent 24%),radial-gradient(circle at 10% 5%,rgba(163,234,223,.28),transparent 32%),linear-gradient(135deg,#effbfc,#dff5f2)}.company{background:radial-gradient(circle at 90% 80%,rgba(188,120,220,.20),transparent 23%),radial-gradient(circle at 9% 5%,rgba(255,205,192,.42),transparent 31%),linear-gradient(135deg,#fff4f1,#f1e9fb)}.company:after{background:linear-gradient(90deg,#ec9c8d,#b18ce2,#68d4c9)}.number{position:absolute;right:38px;top:36px;font-size:13px;font-weight:700;color:#8f9caf}.label{font-size:10px;letter-spacing:.16em;font-weight:700;color:#60718a;margin-bottom:17px}.destination h2{margin:0;max-width:85%;font-size:clamp(31px,3.25vw,49px);letter-spacing:-.07em;line-height:1.02;font-weight:700}.korean{font:600 15px/1.5 'Noto Sans KR',sans-serif;margin:14px 0 11px;color:#2c4264}.topics{margin:0;color:#718199;font-size:12px;letter-spacing:.01em}.cta{position:absolute;left:42px;bottom:38px;background:#162746;color:#fff;border-radius:999px;padding:13px 15px 13px 19px;font:600 13px 'Noto Sans KR',sans-serif;box-shadow:0 7px 15px rgba(22,39,70,.16)}.cta b{display:inline-grid;place-items:center;margin-left:12px;width:20px;height:20px;background:#fff;color:#162746;border-radius:50%;font-size:13px}.orbital{position:absolute;right:44px;bottom:48px;width:170px;height:130px;z-index:-1}.orbital i{position:absolute;width:86px;height:86px;border-radius:50%;right:23px;bottom:4px;background:radial-gradient(circle at 35% 30%,#c6fcff 0 6%,#53cfe6 37%,#2779c3 100%);box-shadow:0 0 32px rgba(57,186,224,.35)}.company .orbital i{background:radial-gradient(circle at 35% 30%,#ffe3cc 0 6%,#eb9a9d 38%,#9c68bd 100%);box-shadow:0 0 32px rgba(197,118,177,.32)}.orbital:before{content:'';position:absolute;width:157px;height:52px;border:1px solid rgba(91,142,174,.42);border-radius:50%;bottom:34px;right:0;transform:rotate(-19deg)}.orbital em,.orbital strong{position:absolute;width:8px;height:8px;border-radius:50%;background:#43cbd8;right:3px;bottom:43px}.orbital strong{width:5px;height:5px;right:120px;bottom:17px;background:#388cdd}.company .orbital em{background:#e3a476}.company .orbital strong{background:#a46dce}footer{display:flex;justify-content:space-between;gap:20px;margin-top:auto;padding-top:34px;color:#8391a4;font-size:10px;letter-spacing:.14em;font-weight:700}@media(max-width:760px){body{padding:10px}.portal-shell{min-height:calc(100vh - 20px);border-radius:23px;padding:45px 20px 23px}.destinations{grid-template-columns:1fr;gap:15px}.destination{min-height:365px;padding:32px 29px}.number{right:28px;top:27px}.destination h2{font-size:37px}.cta{left:29px;bottom:29px}.orbital{right:23px;bottom:33px;transform:scale(.8);transform-origin:bottom right}footer{font-size:8px;letter-spacing:.08em;flex-direction:column;gap:8px}.korean{font-size:13px}}
