@charset "UTF-8";
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard-dynamic-subset.min.css");
:root{--ink:#202627;--muted:#505a5c;--green:#173e3c;--line:#dee4e4;--light:#f6f8f8;--font:"Pretendard","Malgun Gothic","Apple SD Gothic Neo",system-ui,sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:100px}
body{margin:0;color:var(--ink);background:white;font:18px/1.75 var(--font);letter-spacing:0;word-break:keep-all;overflow-wrap:break-word}
a{color:inherit;text-underline-offset:5px}
a:focus-visible,summary:focus-visible{outline:3px solid #a54629;outline-offset:5px}
h1,h2,h3,p{margin:0}
h2{font-size:40px;line-height:1.4;font-weight:600;text-wrap:balance}
h3{font-size:23px;line-height:1.5;font-weight:600}
p+p{margin-top:20px}
.wrap,.header-inner{width:min(1120px,calc(100% - 80px));margin-inline:auto}
.header{position:sticky;top:0;z-index:10;background:#fff;border-bottom:1px solid #edf0ef}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:80px}
.brand{display:flex;align-items:center;gap:12px;font-size:23px;font-weight:700;text-decoration:none;white-space:nowrap}
.brand-light{font-weight:500;margin-left:5px}
.brand-copy{display:flex;flex-direction:column;gap:4px}
.brand-name{line-height:1.2}
.brand-tagline{font-size:12px;line-height:1.4;font-weight:500;color:var(--muted)}
.brand-symbol{background:var(--green);color:white;width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:25px;line-height:1}
.brand-symbol span{color:#9cdfcd;font-size:18px;align-self:flex-start;margin-top:5px}
nav{display:flex;align-items:center;gap:30px;font-size:16px;font-weight:500}
nav a{text-decoration:none}
nav a:hover{text-decoration:underline}
.nav-contact{padding:9px 18px;border:1px solid #bdc6c6;border-radius:6px}
.hero{position:relative;isolation:isolate;min-height:510px;display:flex;align-items:center;text-align:left;background:#263732;color:white;overflow:hidden}
.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2;opacity:1}
.hero:after{content:"";position:absolute;inset:0;background:#101e1d57;z-index:-1}
.hero-content{padding-block:68px}
.eyebrow{font-size:16px;font-weight:600;color:var(--green);margin-bottom:20px}
.hero h1{font-size:52px;font-weight:600;line-height:1.3;text-wrap:balance}
.hero-prefix{display:block;font-size:32px;font-weight:500;margin-bottom:10px}
.hero-title{display:block}
.hero-description{font-size:20px;line-height:1.8;margin-top:24px;color:#fff}
.hero .eyebrow{color:#d5efac}
.hero .primary{background:#d5efac;color:#173e3c}
.hero .ghost{background:#132b28a6;border-color:#d1e4de;color:white}
.actions{display:flex;justify-content:flex-start;flex-wrap:wrap;gap:12px;margin-top:32px}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:12px 24px;border:1px solid transparent;border-radius:6px;font-size:16px;font-weight:600;text-decoration:none}
.primary,.dark{color:#fff;background:var(--green)}
.primary:hover,.dark:hover{background:#295854}
.ghost{background:white;border-color:#adb9b9;color:var(--ink)}
.ghost:hover{background:#f2f6f5}
.audience{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;text-align:left;padding:44px 0 0}
.audience article{overflow:hidden;border-radius:6px;background:#e8f4ef;border:1px solid #dae7e1}
.audience .audience-business{background:#eaf2fc;border-color:#dce5f1}
.audience .audience-school{background:#fff1e7;border-color:#f1e1d6}
.audience-copy{padding:24px 26px 28px}
.topic-image{height:196px;position:relative;overflow:hidden;background:#e6f1ed}
.topic-image img{position:absolute;width:300%;max-width:none;height:auto;left:0;top:50%;transform:translateY(-50%)}
.audience-business .topic-image img{left:-100%}
.audience-school .topic-image img{left:-200%}
.small-label{display:block;font-size:15px;font-weight:600;color:#266357;margin-bottom:10px}
.audience-business .small-label{color:#305b93}
.audience-school .small-label{color:#9c4f2c}
.audience h2{font-size:27px;color:var(--ink);margin-bottom:12px}
.audience-copy>a{display:inline-block;font-size:15px;font-weight:600;margin-top:18px}
.audience p{font-size:18px;line-height:1.75;color:var(--muted)}
.section{padding-block:104px}
.section-heading{text-align:center;margin-bottom:52px}
.intro{font-size:19px;line-height:1.8;color:var(--muted);margin:22px auto 0;max-width:680px}
.expertise-list{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.expertise-list article{border-top:2px solid #dbe4e2;padding-top:26px}
.expertise-list article>span{font-size:16px;color:#ac593b;font-weight:600}
.expertise-list h3{margin:12px 0}
.expertise-list p{font-size:18px;color:var(--muted)}
.expertise-list br{display:none}
.program-band{background:#eef5f7}
.program-list{max-width:940px;margin:auto;border-top:1px solid #c5cece}
.course{border-bottom:1px solid #c5cece;border-left:4px solid #398d7c;padding-inline:18px;background:#ffffffa6}
.course:nth-child(3n+2){border-left-color:#477ab5}
.course:nth-child(3n){border-left-color:#bc7650}
.course[open]{background:white}
.course summary{position:relative;display:flex;align-items:center;gap:24px;padding:27px 44px 27px 8px;cursor:pointer;list-style:none}
.course summary::-webkit-details-marker{display:none}
.course summary:after{content:"+";position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:27px;font-weight:400;color:#455958}
.course[open] summary:after{content:"−"}
.course summary:hover h3{color:#286c65}
.course-index{font-size:16px;color:#71827f;flex:0 0 24px}
.course summary h3{font-size:24px;font-weight:550}
.course-content{padding:0 8px 32px 56px;display:grid;grid-template-columns:1.5fr 1fr;gap:40px}
.course-content p,.course-content li{font-size:18px;color:var(--muted);line-height:1.8}
.course-content .course-audience{font-size:15px;font-weight:600;color:var(--green);margin-bottom:10px}
.course-content .course-audience+p{margin-top:0}
.course-content ul{padding-left:22px;margin:16px 0 0}
.course-output{border-left:2px solid #b7cdca;padding-left:24px}
.course-output>span{font-size:15px;font-weight:600}
.course-output p{margin-top:10px}
.course-output a{display:inline-block;margin-top:20px;font-size:16px;font-weight:500;color:var(--green)}
.process-list{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;padding:0;margin:0;list-style:none}
.process-list li{padding-top:20px;border-top:2px solid var(--line)}
.process-list span{font-size:15px;color:var(--green);font-weight:600}
.process-list h3{font-size:22px;margin:12px 0}
.process-list p{font-size:18px;color:var(--muted)}
.team-band{background:#183d3a;color:#fff}
.team-band .eyebrow,.team-band .signature{color:#c0e4d5}
.team-band .founder p:not(.lead){color:#e4eee9}
.experience-band{background:white;border-top:1px solid #edf0ef;border-bottom:1px solid #edf0ef}
.experience-band .section{padding-block:64px}
.experience-band .section-heading{margin-bottom:32px}
.experience-band h2{font-size:24px;font-weight:500}
.institution-list{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin:0;padding:0;list-style:none;text-align:center}
.institution-list li{display:flex;flex-direction:column;justify-content:center;min-height:90px;padding:12px;background:transparent}
.institution-list li>span{font-size:14px;color:#677375;margin-bottom:14px}
.institution-list strong{font-size:21px;line-height:1.5;font-weight:600}
.institution-list small{display:block;font-size:15px;font-weight:400;margin-bottom:4px}
.team-grid{display:grid;grid-template-columns:1fr 1.35fr;gap:76px}
.team-grid h2{font-size:34px}
.signature{font-size:17px;color:var(--muted);margin-top:24px}
.founder h3{font-size:34px;font-weight:600;margin-bottom:22px}
.founder h3 span{display:inline-block;font-size:17px;font-weight:400;margin-left:12px}
.founder .lead{font-size:21px;line-height:1.75;font-weight:500;margin-bottom:20px}
.founder p:not(.lead){font-size:18px;color:var(--muted)}
.text-link{display:inline-block;margin-top:25px;font-size:16px;font-weight:500}
.contact-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:76px;align-items:start}
.contact-grid .intro{margin:20px 0 0}
.contact-grid h2{font-size:36px}
.email{display:inline-block;font-size:26px;font-weight:500;text-decoration:none;margin-top:26px;overflow-wrap:anywhere;word-break:normal}
.inquiry{border-top:2px solid var(--green);padding-top:24px}
.inquiry h3{font-size:22px}
.inquiry dl{margin:22px 0 28px}
.inquiry dl>div{display:grid;grid-template-columns:90px 1fr;gap:14px;padding:14px 0;border-bottom:1px solid var(--line);font-size:17px}
.inquiry dt{font-weight:500}
.inquiry dd{margin:0;color:var(--muted)}
.research{margin-top:64px;padding-top:24px;border-top:1px solid var(--line);font-size:16px;color:var(--muted)}
.research summary{cursor:pointer}
.research p{margin-top:20px;max-width:880px}
.research h3{margin-top:24px;font-size:20px}
.research [lang=en]{word-break:normal}
footer{border-top:1px solid var(--line);padding:32px 0}
.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:28px}
.footer-inner p{font-size:14px;color:var(--muted)}
.footer-inner>span{font-size:13px;color:var(--muted)}
.skip-link{position:fixed;top:-100px;left:10px;z-index:20;background:white;padding:12px}
.skip-link:focus{top:10px}
@media(max-width:1000px){.wrap,.header-inner{width:calc(100% - 48px)}nav{gap:18px}.expertise-list{gap:26px}.team-grid,.contact-grid{gap:36px}.process-list{grid-template-columns:1fr 1fr;gap:32px}.hero h1{font-size:46px}.course-content{gap:26px}}
@media(max-width:700px){
html{scroll-padding-top:120px}
.wrap,.header-inner{width:calc(100% - 40px)}
.header-inner{min-height:108px;flex-wrap:wrap;gap:10px;padding-block:13px}
.brand{font-size:21px}.brand-symbol{width:36px;height:36px}
nav{width:100%;justify-content:space-between;font-size:14px;gap:8px}.nav-contact{padding:5px 10px}
.hero{min-height:425px}.hero-content{padding:48px 0}.hero-prefix{font-size:24px}.hero h1{font-size:38px}
.hero-description{font-size:18px;margin-top:22px}.hero .eyebrow{font-size:15px}
.actions{margin-top:28px;gap:10px}.button{font-size:15px;padding:11px 17px}
.audience{grid-template-columns:1fr;text-align:left;padding:28px 0 0;gap:20px}
.audience article{display:block;padding:0}
.topic-image{height:210px}.audience-copy{padding:22px 24px}
.audience h2{font-size:25px;margin:0 0 10px}.audience p{font-size:18px}.audience br{display:none}
.institution-list{grid-template-columns:1fr 1fr;gap:14px}.institution-list strong{font-size:19px}.institution-list li{padding:20px 10px}
.hero:after{background:#101e1da3}.hero-prefix{font-size:24px}
.section{padding-block:68px}.section-heading{margin-bottom:36px}
h2{font-size:31px}.intro{font-size:18px;margin-top:20px}.eyebrow{font-size:15px;margin-bottom:16px}
.expertise-list{grid-template-columns:1fr;gap:26px}.expertise-list article{padding-top:20px}.expertise-list h3{font-size:23px;margin:8px 0}.expertise-list p{font-size:18px}
.course summary{gap:12px;padding:23px 34px 23px 0}.course summary h3{font-size:21px}.course-index{font-size:14px;flex-basis:22px}
.course-content{grid-template-columns:1fr;padding:0 0 26px 0;gap:24px}.course-content p,.course-content li{font-size:17px}.course-output{padding-left:18px}.course-content .course-audience{font-size:15px}
.process-list{grid-template-columns:1fr;gap:24px}.process-list h3{font-size:23px}.process-list p{font-size:18px}
.team-grid,.contact-grid{grid-template-columns:1fr;gap:32px}.team-grid h2,.contact-grid h2{font-size:31px}
.founder h3{font-size:30px}.founder h3 span{font-size:16px}.founder .lead{font-size:20px}.founder .lead br{display:none}
.signature{margin-top:15px}.email{font-size:25px}.inquiry dl>div{grid-template-columns:76px 1fr;font-size:17px}
.research{margin-top:44px}.footer-inner{flex-wrap:wrap;gap:20px}.footer-inner p{width:100%;margin:0}
}
@media(max-width:360px){.hero h1{font-size:33px}.hero-prefix{font-size:22px}.button{padding-inline:12px}.course summary h3{font-size:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
