:root{--sky:#4FC3F7;--sky-dark:#0288D1;--yellow:#FFD54F;--bg:#F0F9FF;--text:#1A237E;--gray:#607D8B;--border:#B3E5FC;--shadow:0 4px 20px rgba(2,136,209,.10);}
*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:'Noto Sans KR',sans-serif;background:var(--bg);color:var(--text);line-height:1.7;}
header{background:#fff;border-bottom:3px solid var(--sky);padding:0 24px;position:sticky;top:0;z-index:100;box-shadow:0 2px 12px rgba(2,136,209,.10);}
.hi{max-width:900px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:64px;}
.lt{font-size:1.2rem;font-weight:900;color:var(--text);text-decoration:none;}.lt span{color:var(--sky-dark);}
nav{display:flex;align-items:center;gap:4px;}
nav a{color:#444;text-decoration:none;font-size:.88rem;padding:7px 16px;border-radius:50px;font-weight:600;}
nav a.cta{background:var(--sky-dark);color:#fff;font-weight:800;}
.nav-menu{position:relative;display:inline-block;}
.nav-btn{background:none;border:none;color:#444;font-size:.88rem;padding:7px 16px;border-radius:50px;font-weight:700;cursor:pointer;font-family:inherit;display:flex;align-items:center;gap:4px;}
.nav-btn::after{content:'▾';font-size:.7rem;}
.nav-drop{display:none;position:absolute;top:110%;left:0;background:#fff;border:1.5px solid var(--border);border-radius:14px;box-shadow:0 8px 32px rgba(2,136,209,.15);z-index:9999;width:150px;max-height:360px;overflow-y:auto;padding:6px 0;}
.nav-drop.open{display:block;}
.nav-drop2,.nav-drop3{display:none;position:absolute;left:100%;top:0;background:#fff;border:1.5px solid var(--border);border-radius:14px;box-shadow:0 8px 32px rgba(2,136,209,.15);z-index:9999;width:150px;max-height:360px;overflow-y:auto;padding:6px 0;}
.nav-drop2.open,.nav-drop3.open{display:block;}
.nav-item{position:relative;padding:7px 14px;font-size:.83rem;color:#333;cursor:pointer;display:flex;justify-content:space-between;align-items:center;border-radius:8px;margin:1px 4px;}
.nav-item:hover{background:#E1F5FE;color:var(--sky-dark);}
.nav-item.has-sub::after{content:'›';}
.nav-link{display:block;padding:7px 14px;font-size:.83rem;color:#333;text-decoration:none;border-radius:8px;margin:1px 4px;}
.nav-link:hover{background:#E1F5FE;color:var(--sky-dark);}
.hero{background:linear-gradient(135deg,rgba(2,136,209,.88),rgba(13,71,161,.78)),url('/hero-bg.jpg') center/cover;padding:80px 24px;text-align:center;}
.hbadge{background:var(--yellow);color:#4E342E;font-size:.82rem;font-weight:800;padding:6px 20px;border-radius:50px;margin-bottom:18px;display:inline-block;}
.hero h1{font-size:clamp(1.6rem,4vw,2.6rem);font-weight:900;color:#fff;line-height:1.22;margin-bottom:14px;}
.hero h1 em{color:var(--yellow);font-style:normal;}
.hero-sub{font-size:1rem;color:rgba(255,255,255,.9);margin-bottom:28px;}
.hcta{display:inline-flex;align-items:center;gap:10px;background:var(--yellow);color:#4E342E;font-size:1.08rem;font-weight:900;padding:17px 40px;border-radius:50px;text-decoration:none;}
.sb{background:#fff;border-bottom:3px solid var(--sky);}
.si{max-width:900px;margin:0 auto;display:flex;}
.st{flex:1;text-align:center;padding:20px 10px;border-right:1px solid #E3F2FD;}.st:last-child{border-right:none;}
.snum{font-size:1.8rem;font-weight:900;color:var(--sky-dark);display:block;line-height:1;}
.slbl{font-size:.78rem;color:var(--gray);margin-top:4px;font-weight:600;}
.wrap{max-width:900px;margin:0 auto;padding:52px 24px 80px;}
.tags{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap;}
.tag{background:#E1F5FE;border:1px solid var(--border);color:var(--sky-dark);font-size:.78rem;font-weight:700;padding:4px 12px;border-radius:50px;}
.at{font-size:clamp(1.3rem,3.5vw,1.85rem);font-weight:900;margin-bottom:12px;line-height:1.35;}
.meta{display:flex;gap:16px;color:#aaa;font-size:.82rem;margin-bottom:36px;flex-wrap:wrap;}
.ib{background:#fff;border-radius:20px;padding:32px;margin-bottom:40px;border:1.5px solid var(--border);box-shadow:var(--shadow);}
.ib h2{font-size:1.2rem;font-weight:900;margin-bottom:12px;}.ib p{font-size:.97rem;color:var(--gray);line-height:1.95;}
.cb2{background:#fff;border:2px solid var(--sky);border-radius:20px;padding:28px;margin:36px 0;text-align:center;box-shadow:var(--shadow);}
.cb2 h3{font-size:1.1rem;font-weight:900;margin-bottom:6px;}.cb2 .sub{font-size:.87rem;color:var(--gray);margin-bottom:20px;}
.co{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.cop{background:var(--bg);border:1.5px solid var(--border);border-radius:14px;padding:18px;text-decoration:none;color:var(--text);display:flex;align-items:center;gap:12px;border-left:4px solid var(--sky);}
.cop .ic{font-size:2rem;}.cop .lb{font-size:.9rem;font-weight:800;}.cop .sb2{font-size:.78rem;color:var(--gray);}.cop .ar{margin-left:auto;color:var(--border);}
.sh{font-size:1.18rem;font-weight:900;margin:44px 0 14px;display:flex;align-items:center;gap:10px;}
.sh .dot{width:8px;height:8px;background:var(--sky);border-radius:50%;flex-shrink:0;}
.sh::after{content:'';flex:1;height:2px;background:linear-gradient(to right,var(--sky),transparent);}
.bt{font-size:.97rem;line-height:1.95;color:var(--gray);margin-bottom:16px;}
.tip{background:#E1F5FE;border:2px solid var(--sky);border-radius:14px;padding:18px 22px;margin:16px 0 36px;}
.tip strong{color:var(--sky-dark);font-size:.88rem;display:flex;align-items:center;gap:6px;margin-bottom:8px;font-weight:900;}
.tip strong::before{content:'💬';}
.tip p{font-size:.9rem;color:var(--gray);}
.info-box{background:#fff;border:1.5px solid var(--border);border-radius:20px;padding:28px;margin:32px 0;box-shadow:var(--shadow);border-top:4px solid var(--sky-dark);}
.info-box h3{font-size:1.05rem;font-weight:900;margin-bottom:12px;color:var(--sky-dark);}
.info-box p{font-size:.93rem;color:var(--gray);line-height:1.9;}
.grade-box{background:linear-gradient(135deg,#E1F5FE,#fff);border:1.5px solid var(--border);border-radius:20px;padding:28px;margin:32px 0;box-shadow:var(--shadow);}
.grade-box h3{font-size:1.05rem;font-weight:900;margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid var(--sky);color:var(--sky-dark);}
.grade-item{display:flex;gap:16px;margin-bottom:20px;align-items:flex-start;padding-bottom:20px;border-bottom:1px dashed var(--border);}
.grade-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0;}
.grade-num{min-width:40px;height:40px;background:linear-gradient(135deg,var(--sky-dark),var(--sky));color:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:.78rem;flex-shrink:0;text-align:center;padding:4px;}
.grade-content h4{font-size:.97rem;font-weight:800;margin-bottom:5px;}.grade-content p{font-size:.87rem;color:var(--gray);line-height:1.7;}
.cl{background:#fff;border:1.5px solid var(--border);border-radius:20px;padding:32px;margin:32px 0;box-shadow:var(--shadow);}
.cl h3{font-size:1.05rem;font-weight:900;margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid #E1F5FE;}
.ci{display:flex;align-items:flex-start;gap:12px;margin-bottom:14px;}
.ck{width:24px;height:24px;background:linear-gradient(135deg,var(--sky-dark),var(--sky));border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:900;color:#fff;flex-shrink:0;margin-top:2px;}
.ci p{font-size:.94rem;color:var(--text);line-height:1.65;}
.img-section{margin:36px 0;}
.img-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:16px 0;}
.img-grid img{width:100%;border-radius:16px;object-fit:cover;box-shadow:var(--shadow);}
.img-single img{width:100%;max-width:640px;border-radius:16px;box-shadow:var(--shadow);display:block;margin:16px auto;}
.img-caption{text-align:center;font-size:.82rem;color:var(--gray);margin-top:8px;}
.hb{background:linear-gradient(135deg,#0D47A1,#0288D1);border-radius:20px;padding:40px 32px;margin:40px 0;color:#fff;text-align:center;}
.hb .badge{display:inline-block;background:var(--yellow);color:#4E342E;font-size:.8rem;font-weight:800;padding:5px 16px;border-radius:50px;margin-bottom:16px;}
.hb h3{font-size:1.5rem;font-weight:900;line-height:1.4;margin-bottom:8px;}.hb h3 em{color:var(--yellow);font-style:normal;}
.hb p{color:rgba(255,255,255,.7);font-size:.92rem;margin-bottom:24px;}
.hb ul{display:grid;grid-template-columns:1fr 1fr;gap:10px;max-width:480px;margin:0 auto 28px;text-align:left;list-style:none;}
.hb ul li{font-size:.88rem;color:rgba(255,255,255,.85);display:flex;align-items:center;gap:8px;}
.hb ul li::before{content:'✓';color:var(--yellow);font-weight:900;flex-shrink:0;}
.hb .cb{display:inline-flex;align-items:center;gap:8px;background:var(--yellow);color:#4E342E;padding:14px 32px;border-radius:50px;font-weight:900;text-decoration:none;}
.cv{background:#fff;border:1.5px solid var(--border);border-radius:20px;padding:32px;margin:36px 0;box-shadow:var(--shadow);}
.cv h3{font-size:1.05rem;font-weight:900;margin-bottom:24px;padding-bottom:12px;border-bottom:2px solid #E1F5FE;}
.cs{display:flex;gap:16px;margin-bottom:20px;align-items:flex-start;padding-bottom:20px;border-bottom:1px dashed var(--border);}
.cs:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0;}
.sn{width:36px;height:36px;background:linear-gradient(135deg,var(--sky-dark),var(--sky));color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:.9rem;flex-shrink:0;}
.sc h4{font-size:.97rem;font-weight:800;margin-bottom:5px;}.sc p{font-size:.87rem;color:var(--gray);line-height:1.7;}
.form-section{background:#fff;border:2px solid var(--sky);border-radius:24px;padding:40px 36px;margin:44px 0;box-shadow:var(--shadow);}
.form-section h3{font-size:1.2rem;font-weight:900;margin-bottom:6px;}
.form-desc{font-size:.9rem;color:var(--gray);margin-bottom:28px;}
.fg{margin-bottom:20px;}
.fg label{font-size:.9rem;font-weight:700;color:var(--text);margin-bottom:8px;display:block;}
.fg label .req{color:#FF5252;font-size:.8rem;}
.fg input,.fg textarea{width:100%;padding:14px 16px;border:1.5px solid var(--border);border-radius:12px;font-size:.95rem;font-family:'Noto Sans KR',sans-serif;color:var(--text);background:#fff;outline:none;}
.fg textarea{resize:vertical;min-height:80px;}
.fg .hint{font-size:.78rem;color:var(--gray);margin-bottom:6px;}
.form-submit{width:100%;padding:18px;background:linear-gradient(135deg,var(--sky-dark),#1565C0);color:#fff;border:none;border-radius:14px;font-size:1.05rem;font-weight:900;font-family:'Noto Sans KR',sans-serif;cursor:pointer;margin-top:8px;}
.form-success{display:none;text-align:center;padding:32px;}
.form-success .check{font-size:3rem;margin-bottom:12px;}
.form-success h4{font-size:1.1rem;font-weight:900;margin-bottom:8px;}
.form-success p{font-size:.9rem;color:var(--gray);}
.fq{margin:40px 0;}.fq h3{font-size:1.05rem;font-weight:900;margin-bottom:20px;}
.fi{background:#fff;border:1.5px solid var(--border);border-radius:14px;padding:22px 24px;margin-bottom:12px;box-shadow:var(--shadow);}
.fq-q{font-weight:800;color:var(--text);margin-bottom:8px;font-size:.95rem;}.fq-q::before{content:'Q. ';color:var(--sky-dark);}
.fq-a{font-size:.9rem;color:var(--gray);line-height:1.75;}.fq-a::before{content:'A. ';color:var(--text);font-weight:700;}
.pc{background:linear-gradient(135deg,#0D47A1,#1565C0,#0288D1);border-radius:24px;padding:44px 24px;text-align:center;margin:44px 0;}
.pc h3{font-size:1.4rem;font-weight:900;color:#fff;margin-bottom:6px;}
.pc p{color:rgba(255,255,255,.85);margin-bottom:16px;font-size:.95rem;}
.pc .num{font-size:2.4rem;font-weight:900;color:var(--yellow);letter-spacing:2px;margin-bottom:24px;}
.pc-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;}
.bw{background:var(--yellow);color:#4E342E;padding:14px 32px;border-radius:50px;font-weight:900;text-decoration:none;}
.bo{background:transparent;border:2px solid #fff;color:#fff;padding:14px 32px;border-radius:50px;font-weight:800;text-decoration:none;}
.rel{margin-top:52px;}.rel h3{font-size:1rem;font-weight:800;margin-bottom:16px;}
.rg{display:grid;grid-template-columns:repeat(auto-fill,minmax(175px,1fr));gap:10px;}
.rl{background:#fff;border:1.5px solid var(--border);border-radius:12px;padding:13px 16px;text-decoration:none;color:var(--text);font-size:.85rem;font-weight:600;display:block;}
.rl:hover{border-color:var(--sky-dark);color:var(--sky-dark);background:#E1F5FE;}
footer{background:#1A237E;color:rgba(255,255,255,.5);text-align:center;padding:32px 24px;font-size:.82rem;}
footer a{color:rgba(255,255,255,.5);text-decoration:none;}
.fl{color:var(--yellow);font-weight:900;font-size:1rem;margin-bottom:10px;display:block;}
.study-methods{display:grid;grid-template-columns:1fr;gap:16px;margin:24px 0;}
.sm-item{background:#FFFDE7;border-left:4px solid #FFD54F;border-radius:0 12px 12px 0;padding:20px 24px;}
.sm-item h4{font-size:.95rem;font-weight:900;color:#1A237E;margin-bottom:8px;}
.sm-item p{font-size:.88rem;color:#555;line-height:1.7;}
@media(max-width:640px){.co{grid-template-columns:1fr;}.hb ul{grid-template-columns:1fr;}.si{flex-wrap:wrap;}.st{min-width:50%;}.img-grid{grid-template-columns:1fr;}.form-section{padding:28px 20px;}.nav-menu{display:none;}}