@font-face{
    font-family:'GmarketSans';
    src:url('./fonts/GmarketSansBold.woff2') format('woff2');
    font-weight:700;
    font-style:normal;
    font-display:swap;
}

/* 교육부서 전용 게시판 스킨 */
.edu-page,
.edu-page *{box-sizing:border-box}
.edu-page{width:100%;max-width:1400px;margin:0 auto;padding:30px 20px 100px;font-family:'Pretendard','Noto Sans KR','Malgun Gothic',sans-serif;color:#263244}
.edu-tabs{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:0 auto 30px}
.edu-tab{appearance:none;border:1px solid #dfe6ef;background:#fff;color:#64748b;min-width:120px;padding:13px 20px;border-radius:999px;font-size:15px;font-weight:800;cursor:pointer;transition:.2s}
.edu-tab:hover{border-color:var(--edu-point,#304a7e);color:#22324a;transform:translateY(-2px)}
.edu-tab.is-active{background:#1f3150;border-color:#1f3150;color:#fff;box-shadow:0 10px 25px rgba(31,49,80,.2)}
/* 탭 전환 시 테마의 AOS/스크롤 애니메이션과 충돌하지 않도록 즉시 표시 */
.edu-panel{display:none!important;opacity:1!important;visibility:visible!important;transform:none!important;animation:none!important}
.edu-panel.is-active{display:block!important;opacity:1!important;visibility:visible!important;transform:none!important}
.edu-panel.is-active [data-aos]{opacity:1!important;visibility:visible!important;transform:none!important}
.edu-template{width:100%;max-width:1300px;margin:0 auto}
.edu-eyebrow{display:inline-block;font-size:12px;font-weight:900;letter-spacing:.18em;color:var(--edu-point,#304a7e)}
.edu-empty{color:#a0a9b7}
.edu-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#e6edf5,#f7f9fc);color:#8a97a7;font-weight:800}
.edu-admin-edit-wrap{text-align:right;margin-top:18px}
.edu-admin-edit-wrap a{display:inline-flex;padding:10px 14px;border-radius:10px;background:#111827;color:#fff;font-size:13px;font-weight:800}
.edu-no-data{max-width:900px;margin:60px auto;padding:50px 20px;border:1px dashed #cbd5e1;border-radius:20px;text-align:center;color:#64748b;background:#f8fafc}
.edu-no-data a{display:inline-block;margin-left:8px;color:#1d4ed8;font-weight:800}

/* 모든 디자인의 표어 글씨: GmarketSans Bold */
.edu-slogan-card h3,
.edu-visual-copy p,
.edu-quote-card h3,
.edu-split-content h3,
.edu-warm-copy h2{
    font-family:'GmarketSans','Pretendard','Noto Sans KR',sans-serif!important;
    font-weight:700!important;
}

/* 공통 정보표 */
.edu-info-grid{width:100%;margin-top:38px;border-top:1px solid #e5eaf0;border-bottom:1px solid #e5eaf0;background:#fbfcfe}
.edu-info-row{display:grid;grid-template-columns:150px minmax(0,1fr);min-height:62px;border-bottom:1px dotted #cdd5df; font-size: 16px}
.edu-info-row:last-child{border-bottom:0}
.edu-info-label{display:flex;align-items:center;justify-content:center;padding:14px 18px;background:var(--edu-point,#304a7e);color:#fff;font-weight:800}
.edu-info-value{display:flex;align-items:center;padding:14px 20px;color:#596273;line-height:1.7;background:rgba(255,255,255,.75)}

/* 1. 클래식형 */
.edu-template-1{padding-top:5px}
.edu-classic-hero{position:relative;width:100%;height:380px;border-radius:30px;overflow:hidden;background:#e9eef4}
.edu-classic-image{width:100%;height:100%}
.edu-classic-image img{width:100%;height:100%;object-fit:cover;display:block}
.edu-classic-badge{position:absolute;left:0;bottom:34px;min-width:245px;padding:22px 38px;background:rgba(19,45,72,.92);border-radius:0 20px 20px 0;color:#ffb5b5;font-size:48px;font-weight:800;letter-spacing:-.05em;backdrop-filter:blur(4px); text-align: center}
.edu-section-heading{display:grid;grid-template-columns:minmax(80px,1fr) auto minmax(80px,1fr);align-items:center;gap:42px;max-width:930px;margin:120px auto 38px}
.edu-section-heading span{height:1px;background:#25364d;position:relative}
.edu-section-heading span:first-child:after,.edu-section-heading span:last-child:before{content:"";position:absolute;width:5px;height:5px;border-radius:50%;background:#25364d;top:50%;transform:translateY(-50%)}
.edu-section-heading span:first-child:after{right:-1px}
.edu-section-heading span:last-child:before{left:-1px}
.edu-section-heading h2{margin:0;font-size:30px;color:#26364d;letter-spacing:-.05em}
.edu-slogan-card{max-width:930px;margin:0 auto;padding:45px 45px 40px;border-radius:22px;background:#f1f1f1;text-align:center}
.edu-slogan-card h3{margin:0;color:var(--edu-point,#5c58bc);font-size:52px;font-weight:400;letter-spacing:-.06em;line-height:1.35}
.edu-slogan-card p{margin:14px 0 0;color:#353b45;font-size:17px;line-height:1.75}
.edu-template-1 .edu-info-grid{max-width:900px;margin:100px auto 0}

/* 2. 비주얼형 */
.edu-template-2{padding-top:5px}
.edu-visual-hero{position:relative;height:600px;border-radius:34px;overflow:hidden;background:#dbe2eb;box-shadow:0 24px 60px rgba(15,23,42,.14)}
.edu-visual-image{position:absolute;inset:0}
.edu-visual-image img{width:100%;height:100%;object-fit:cover;display:block}
.edu-visual-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(14,25,41,.76),rgba(14,25,41,.18) 62%,rgba(14,25,41,.3))}
.edu-visual-copy{position:absolute;left:8%;right:8%;bottom:13%;max-width:720px;color:#fff}
.edu-visual-copy .edu-eyebrow{color:#d9e7ff}
.edu-visual-copy h2{margin:14px 0 12px;font-size:76px;line-height:1;font-weight:900;letter-spacing:-.07em}
.edu-visual-copy p{margin:0;font-size:28px;line-height:1.45;font-weight:600;letter-spacing:-.04em}
.edu-visual-content{position:relative;display:grid;grid-template-columns:1.15fr .85fr;gap:24px;max-width:1120px;margin:-55px auto 0;padding:0 20px}
.edu-quote-card{position:relative;z-index:2;padding:38px 42px;border-radius:24px;background:#fff;box-shadow:0 18px 45px rgba(15,23,42,.12)}
.edu-quote-card>span{font-size:13px;font-weight:900;letter-spacing:.14em;color:var(--edu-point,#304a7e)}
.edu-quote-card h3{margin:12px 0 12px;font-size:38px;line-height:1.3;color:#25344a;letter-spacing:-.055em}
.edu-quote-card p{margin:0;color:#657085;line-height:1.8;font-size:16px}
.edu-template-2 .edu-info-grid{position:relative;z-index:2;margin:0;border:0;border-radius:24px;overflow:hidden;box-shadow:0 18px 45px rgba(15,23,42,.1)}
.edu-template-2 .edu-info-row{grid-template-columns:120px minmax(0,1fr);min-height:74px; font-size: 16px}
.edu-template-2 .edu-info-label{background:#24364e}

/* 3. 분할형 */
.edu-template-3{padding-top:5px}
.edu-split-card{display:grid;grid-template-columns:1.05fr .95fr;min-height:690px;border:1px solid #e3e8ef;border-radius:34px;overflow:hidden;background:#fff;box-shadow:0 25px 65px rgba(15,23,42,.09)}
.edu-split-image{min-height:690px;background:#e6ebf1}
.edu-split-image img{width:100%;height:100%;object-fit:cover;display:block}
.edu-split-content{padding:70px 58px 55px;display:flex;flex-direction:column;justify-content:center}
.edu-split-content h2{margin:16px 0 0;font-size:64px;line-height:1.05;color:#243349;letter-spacing:-.07em}
.edu-split-rule{width:64px;height:5px;margin:28px 0 30px;border-radius:999px;background:var(--edu-point,#304a7e)}
.edu-split-content h3{margin:0;color:var(--edu-point,#304a7e);font-size:34px;line-height:1.4;letter-spacing:-.05em}
.edu-verse-text{margin:16px 0 0;color:#667085;font-size:16px;line-height:1.85}
.edu-template-3 .edu-info-grid{margin-top:36px;background:#fff}
.edu-template-3 .edu-info-row{grid-template-columns:110px minmax(0,1fr);min-height:56px; font-size: 16px}
.edu-template-3 .edu-info-label{justify-content:flex-start;background:transparent;color:#344054;border-right:3px solid var(--edu-point,#304a7e);padding-left:0}
.edu-template-3 .edu-info-value{background:transparent;padding-right:0}

/* 4. 웜카드형 */
.edu-template-4{padding-top:5px}
.edu-warm-shell{display:grid;grid-template-columns:.9fr 1.1fr;gap:55px;align-items:center;padding:60px;border-radius:36px;background:linear-gradient(135deg,#fff8ef,#fff 48%,#f5f8ff);border:1px solid #f1e7db;box-shadow:0 24px 60px rgba(116,89,57,.09)}
.edu-warm-image-wrap{position:relative;max-width:480px;margin:0 auto;width:100%}
.edu-warm-image{height:570px;border-radius:240px 240px 34px 34px;overflow:hidden;background:#eadfd2}
.edu-warm-image img{width:100%;height:100%;object-fit:cover;display:block}
.edu-warm-badge{position:absolute;right:-20px;bottom:55px;padding:18px 27px;border-radius:18px;background:var(--edu-point,#9a6a3a);color:#fff;font-size:30px;font-weight:900;box-shadow:0 12px 26px rgba(0,0,0,.14)}
.edu-warm-copy{padding:20px 10px}
.edu-warm-copy h2{margin:18px 0 18px;color:#2e3440;font-size:50px;line-height:1.3;letter-spacing:-.06em}
.edu-warm-copy>p{margin:0;color:#6e6f75;line-height:1.9;font-size:17px}
.edu-template-4 .edu-info-grid{margin-top:42px;border:0;background:transparent;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.edu-template-4 .edu-info-row{display:block;min-height:0;border:0;border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 10px 24px rgba(61,48,34,.07); font-size: 16px}
.edu-template-4 .edu-info-label{justify-content:flex-start;background:rgba(0,0,0,.03);color:var(--edu-point,#9a6a3a);padding:12px 16px;font-size:13px}
.edu-template-4 .edu-info-value{min-height:60px;align-items:flex-start;padding:15px 16px;background:#fff;font-size:14px}

@keyframes eduFade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}

@media(max-width:1100px){
    .edu-classic-hero{height:330px}
    .edu-visual-hero{height:520px}
    .edu-visual-copy h2{font-size:62px}
    .edu-split-content{padding:55px 40px}
    .edu-split-content h2{font-size:54px}
    .edu-warm-shell{gap:36px;padding:42px}
    .edu-warm-image{height:500px}
    .edu-warm-copy h2{font-size:42px}
}

@media(max-width:900px){
    .edu-page{padding-left:16px;padding-right:16px}
    .edu-classic-badge{min-width:200px;padding:18px 28px;font-size:38px;text-align: center }
    .edu-section-heading{margin-top:75px}
    .edu-slogan-card h3{font-size:42px}
    .edu-template-1 .edu-info-grid{margin-top:65px}
    .edu-visual-content{grid-template-columns:1fr;margin-top:-35px}
    .edu-split-card{grid-template-columns:1fr;min-height:0}
    .edu-split-image{min-height:430px}
    .edu-split-content{padding:48px 36px}
    .edu-warm-shell{grid-template-columns:1fr;padding:38px 28px}
    .edu-warm-image-wrap{max-width:500px}
    .edu-warm-image{height:500px}
}

@media(max-width:640px){
    .edu-page{padding-top:20px;padding-bottom:65px}
    .edu-tabs{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
    .edu-tab{min-width:0;width:100%;padding:11px 10px;font-size:14px}
    .edu-classic-hero{height:240px;border-radius:20px}
    .edu-classic-badge{left:0;bottom:20px;min-width:150px;padding:13px 22px;border-radius:0 14px 14px 0;font-size:30px; text-align: center}
    .edu-section-heading{gap:16px;margin:55px auto 25px}
    .edu-section-heading h2{font-size:24px}
    .edu-slogan-card{padding:30px 20px;border-radius:18px}
    .edu-slogan-card h3{font-size:31px}
    .edu-slogan-card p{font-size:14px}
    .edu-template-1 .edu-info-grid{margin-top:45px}
    .edu-info-row{grid-template-columns:100px minmax(0,1fr);min-height:55px}
    .edu-info-label,.edu-info-value{padding:12px 13px;font-size:14px}
    .edu-visual-hero{height:430px;border-radius:22px}
    .edu-visual-copy{left:8%;right:8%;bottom:11%}
    .edu-visual-copy h2{font-size:48px}
    .edu-visual-copy p{font-size:20px}
    .edu-visual-content{padding:0 10px}
    .edu-quote-card{padding:28px 24px}
    .edu-quote-card h3{font-size:29px}
    .edu-template-2 .edu-info-row{grid-template-columns:100px minmax(0,1fr)}
    .edu-split-image{min-height:300px}
    .edu-split-content{padding:38px 24px}
    .edu-split-content h2{font-size:45px}
    .edu-split-content h3{font-size:28px}
    .edu-template-3 .edu-info-row{grid-template-columns:95px minmax(0,1fr)}
    .edu-warm-shell{padding:26px 18px;border-radius:24px}
    .edu-warm-image{height:390px}
    .edu-warm-badge{right:-5px;bottom:30px;font-size:25px;padding:14px 20px}
    .edu-warm-copy h2{font-size:34px}
    .edu-template-4 .edu-info-grid{grid-template-columns:1fr}
}

@media(max-width:420px){
    .edu-classic-hero{height:205px}
    .edu-classic-badge{font-size:25px;min-width:125px; text-align: center}
    .edu-info-row{grid-template-columns:88px minmax(0,1fr)}
    .edu-info-label,.edu-info-value{font-size:13px}
    .edu-visual-hero{height:380px}
    .edu-visual-copy h2{font-size:42px}
    .edu-split-image{min-height:250px}
    .edu-warm-image{height:330px}
}