@charset "utf-8";

/* ====================== BASE ====================== */
:root{
  --main:#0073dd;
  --blue:#42a2ff;
  --ink:#2c3138;
  --ink-2:#4a5158;
  --gray:#7b838c;
  --line:#e5e7e9;
  --bg:#f4f6f9;
  --yellow:#ffd81f;
  --font:Pretendard,"Pretendard Variable",-apple-system,BlinkMacSystemFont,"Malgun Gothic","맑은 고딕",dotum,sans-serif;
}
*,*::before,*::after{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;}
body{margin:0;background:#fff;color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.5;letter-spacing:-.02em;word-break:keep-all;overflow-x:hidden;}
img{max-width:100%;border:0;vertical-align:middle;}
a{color:inherit;text-decoration:none;}
ul,ol,li{list-style:none;margin:0;padding:0;}
h1,h2,h3,h4,p,figure{margin:0;}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;letter-spacing:inherit;}
input{font:inherit;letter-spacing:inherit;}
em,i,b{font-style:normal;}
svg{display:block;}
[hidden]{display:none!important;}
.sr-only{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;}
.skip-nav{position:absolute;left:0;top:-60px;z-index:999;background:var(--main);color:#fff;padding:10px 20px;}
.skip-nav:focus{top:0;}
.w_custom{width:100%;max-width:1320px;margin:0 auto;padding:0 20px;}
#gw-layout{position:relative;overflow:hidden;}

/* AOS 유사 등장 모션 */
[data-aos]{opacity:0;transform:translateY(34px);transition:opacity .55s ease-out,transform .55s ease-out;}
[data-aos].aos-animate{opacity:1;transform:none;}
@media (prefers-reduced-motion:reduce){[data-aos]{opacity:1;transform:none;transition:none;}}

/* ====================== 상단 링크 바 ====================== */
.hd_top{height:50px;background:#edeff2;position:relative;z-index:40;}
.hd_top .w_custom{display:flex;align-items:flex-end;justify-content:space-between;height:50px;}
.hd_link{display:flex;align-items:flex-end;}
.hd_link li{height:38px;transform:skewX(-18deg);border-radius:8px 8px 0 0;overflow:hidden;margin-right:2px;}
.hd_link li a{display:flex;align-items:center;height:100%;padding:0 30px;transform:skewX(18deg);color:#fff;font-size:15px;font-weight:700;letter-spacing:-.03em;white-space:nowrap;}
.hd_link .t1{background:#0073dd;}
.hd_link .t2{background:#00afb5;}
.hd_link .t3{background:#ff951c;}
.hd_link .t4{background:#27d08d;}
.hd_link li.on{height:44px;}
.hd_gnb{display:flex;align-items:center;height:50px;}
.hd_gnb li{position:relative;padding:0 14px;}
.hd_gnb li+li::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:1px;height:11px;background:#d3d7dc;}
.hd_gnb a{font-size:14px;color:#6b7280;}
.hd_gnb a:hover{color:var(--main);}

/* ====================== 헤더 ====================== */
#header{position:sticky;top:0;z-index:30;height:85px;background:transparent;transition:background .3s,box-shadow .3s;}
#header .w_custom{display:flex;align-items:center;height:85px;gap:24px;}
#header.is-fixed{background:#42a2ff;box-shadow:0 4px 16px rgba(20,60,110,.16);}
#hd_logo{flex:0 0 auto;font-size:27px;font-weight:800;color:#fff;letter-spacing:-.04em;line-height:1;}
#hd_logo a{display:flex;align-items:center;}
#hd_logo .corp{font-size:19px;font-weight:600;margin-right:2px;}
#hd_logo i{margin:0 6px;font-weight:400;opacity:.8;}

.cate{display:flex;align-items:center;justify-content:center;gap:6px;}
#header nav{flex:1 1 auto;display:flex;justify-content:center;}
.cate_li{position:relative;}
.cate_li>a{display:block;padding:12px 18px;font-size:18px;font-weight:600;color:#fff;white-space:nowrap;}
.cate_li>a:hover{text-decoration:underline;text-underline-offset:6px;}
.sub_cate{position:absolute;left:50%;top:100%;transform:translateX(-50%) translateY(8px);min-width:160px;background:#fff;border-radius:10px;box-shadow:0 10px 28px rgba(16,50,90,.16);padding:10px;opacity:0;visibility:hidden;transition:.22s;}
.cate_li.is-open .sub_cate{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0);}
.sub_cate a{display:block;padding:9px 14px;border-radius:7px;font-size:15px;color:var(--ink-2);white-space:nowrap;}
.sub_cate a:hover{background:#eaf4ff;color:var(--main);font-weight:600;}

.hd_right{flex:0 0 auto;display:flex;align-items:center;gap:18px;}
.right_menu{display:flex;align-items:center;gap:16px;color:#fff;}
.right_menu a{display:block;opacity:.95;}
.right_menu a:hover{opacity:1;}
.all_menu{display:flex;flex-direction:column;justify-content:center;gap:6px;width:32px;height:30px;}
.all_menu span{display:block;height:2px;width:100%;background:#fff;border-radius:2px;}

/* 검색 레이어 */
.search_layer{position:absolute;left:0;right:0;top:135px;z-index:35;background:#fff;box-shadow:0 12px 24px rgba(16,50,90,.12);padding:30px 0;}
.search_layer form{display:flex;align-items:center;gap:12px;border-bottom:2px solid var(--main);padding:10px 4px;}
.search_layer input{flex:1;border:0;outline:0;font-size:19px;background:transparent;}
.search_layer button{color:var(--main);}

/* ====================== 전체메뉴 ====================== */
#aside{position:fixed;inset:0;z-index:200;background:#fff;overflow:auto;opacity:0;visibility:hidden;transform:translateY(-16px);transition:.3s;}
#aside.is-open{opacity:1;visibility:visible;transform:none;}
#aside .circle{position:absolute;border-radius:50%;background:radial-gradient(circle at 30% 30%,#e7f4ff,#cfe8fb);}
#aside .obj01{width:300px;height:300px;left:-90px;top:120px;opacity:.7;}
#aside .obj02{width:180px;height:180px;right:6%;top:24%;opacity:.55;}
#aside .obj03{width:420px;height:420px;right:-140px;bottom:-140px;opacity:.5;}
.aside_box{position:relative;z-index:2;max-width:1320px;margin:0 auto;padding:40px 20px 80px;}
.aside_top{display:flex;align-items:center;gap:18px;}
.login_txt{font-size:18px;color:var(--ink-2);}
.login_txt strong{color:var(--main);}
.aside_top ul{display:flex;gap:10px;}
.aside_top ul a{display:block;padding:10px 20px;border:1px solid var(--line);border-radius:8px;font-size:14px;font-weight:600;}
.aside_top ul li:last-child a{background:var(--main);border-color:var(--main);color:#fff;}
.aside_close{margin-left:auto;color:var(--ink);}
.aside_menu{padding:0;margin-top:44px;}
.aside_menu .type{display:inline-block;padding:8px 20px;border-radius:999px;background:var(--main);color:#fff;font-size:15px;font-weight:700;}
.aside_menu>ul{display:grid;grid-template-columns:repeat(6,1fr);gap:30px;margin-top:34px;}
.aside_menu>ul>li>a{display:block;font-size:20px;font-weight:800;padding-bottom:14px;border-bottom:2px solid var(--ink);}
.aside_menu .sub{margin-top:16px;display:flex;flex-direction:column;gap:10px;}
.aside_menu .sub a{font-size:15px;color:var(--gray);}
.aside_menu .sub a:hover{color:var(--main);}

/* ====================== 메인 비주얼 ====================== */
.main_visual{
  position:relative;z-index:1;margin-top:-85px;padding-top:85px;min-height:738px;display:flex;align-items:center;
  background:
    radial-gradient(120% 90% at 4% 96%, #e2f6ff 0%, rgba(226,246,255,0) 52%),
    linear-gradient(100deg,#cfe9fb 0%,#a9d6f3 26%,#6bb5ea 62%,#3e97d9 100%);
  overflow:hidden;
}
.mv_deco{position:absolute;inset:0;pointer-events:none;}
.deco_spring{position:absolute;left:11%;top:22%;width:150px;height:230px;opacity:.9;}
.deco_star{position:absolute;width:44px;height:44px;}
.deco_star1{left:8%;bottom:30%;}
.deco_star2{right:11%;top:18%;width:60px;height:60px;}
.deco_wave{position:absolute;right:2%;bottom:24%;width:130px;height:100px;opacity:.9;}
.deco_ball{position:absolute;left:-40px;bottom:-60px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffffff,#d7efff);opacity:.75;}
.mv_inner{position:relative;z-index:2;display:flex;align-items:center;gap:50px;min-height:600px;}
.mv_book{flex:0 0 46%;display:flex;justify-content:center;align-items:center;}
.txt_box{flex:1 1 auto;color:#fff;}
.year{display:inline-flex;align-items:center;background:#fff;border-radius:999px;overflow:hidden;box-shadow:0 6px 18px rgba(20,60,110,.14);}
.year span{padding:0 24px;line-height:46px;font-size:17px;font-weight:700;color:#17335c;}
.year em{padding:0 26px;line-height:46px;border-radius:999px;background:var(--yellow);font-size:17px;font-weight:800;color:#17335c;}
.txt_box h2{margin-top:30px;font-size:46px;font-weight:800;line-height:1.3;letter-spacing:-.04em;text-shadow:0 3px 14px rgba(10,50,90,.18);}
.txt_box p{margin-top:28px;font-size:19px;line-height:1.65;color:rgba(255,255,255,.96);}

/* 3D 교과서 */
.book3d{position:relative;width:330px;height:440px;transform:rotate(-7deg);filter:drop-shadow(0 30px 40px rgba(12,50,95,.35));}
.book3d_side{position:absolute;left:-26px;top:8px;width:34px;height:calc(100% - 16px);border-radius:6px 0 0 6px;background:linear-gradient(90deg,#0c3f79,#1a5da0);}
.book3d_face{
  position:absolute;inset:0;border-radius:4px 10px 10px 4px;overflow:hidden;
  background:linear-gradient(150deg,#1f6fc0 0%,#1259a8 45%,#0d4488 100%);
  padding:30px 28px;display:flex;flex-direction:column;color:#fff;
}
.book3d_face::before{content:"";position:absolute;left:0;top:0;bottom:0;width:10px;background:rgba(255,255,255,.16);}
.b_tag{position:relative;z-index:2;align-self:flex-start;font-size:14px;font-weight:700;opacity:.9;}
.b_badge{position:relative;z-index:2;align-self:flex-end;margin-top:-20px;padding:5px 12px;border:1px solid rgba(255,255,255,.55);border-radius:4px;font-size:11px;font-weight:600;}
.b_title{position:relative;z-index:2;margin-top:34px;font-size:40px;font-weight:900;line-height:1.18;letter-spacing:-.05em;}
.b_circle{position:absolute;right:-40px;bottom:60px;width:230px;height:230px;border-radius:50%;background:radial-gradient(circle at 34% 30%,rgba(255,216,31,.95),rgba(255,176,20,.9));}
.b_code{position:absolute;right:38px;bottom:150px;z-index:3;font-family:"Outfit",var(--font);font-size:52px;font-weight:700;color:#123f74;}
.b_pub{position:absolute;left:28px;bottom:24px;z-index:3;font-size:13px;font-weight:700;opacity:.85;}

/* ====================== 공통 타이틀 ====================== */
.main_title{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;}
.main_title h3{font-size:36px;font-weight:800;letter-spacing:-.04em;}
.book_title{display:flex;align-items:center;gap:30px;}
.book_tab{display:flex;align-items:center;gap:22px;padding-bottom:4px;}
.book_tab button{position:relative;font-size:18px;color:#8a9199;padding-bottom:14px;letter-spacing:-.03em;}
.book_tab button.on{color:var(--main);font-weight:700;}
.book_tab button.on::after{content:"";position:absolute;left:50%;bottom:2px;transform:translateX(-50%);width:5px;height:5px;border-radius:50%;background:var(--main);}
.main_more a{display:inline-flex;align-items:center;gap:9px;font-size:15px;color:#6b7280;padding-bottom:6px;}
.main_more i{position:relative;width:14px;height:14px;display:block;}
.main_more i::before,.main_more i::after{content:"";position:absolute;background:#6b7280;}
.main_more i::before{left:0;top:6px;width:14px;height:2px;}
.main_more i::after{left:6px;top:0;width:2px;height:14px;}
.main_more a:hover{color:var(--main);}
.main_more a:hover i::before,.main_more a:hover i::after{background:var(--main);}

/* ====================== 교과서 ====================== */
.main_book{padding:70px 20px 0;}
.goods_list{display:grid;grid-template-columns:repeat(4,1fr);gap:50px 40px;margin-top:46px;}
.goods_list .sct_img{display:block;border-radius:6px;overflow:hidden;background:#eef3f8;aspect-ratio:220/255;box-shadow:0 10px 26px rgba(20,55,100,.14);}
.goods_list img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease;}
.goods_list a:hover img{transform:scale(1.05);}
.goods_list .sct_txt{margin-top:18px;text-align:center;font-size:17px;font-weight:500;color:var(--ink);line-height:1.45;}
.goods_list a:hover .sct_txt{color:var(--main);}

/* ====================== 와이드 배너 ====================== */
.main_wide_bnr{margin-top:110px;}
.bnr_box{position:relative;height:400px;overflow:hidden;background:linear-gradient(112deg,#0a3a72 0%,#1668bd 48%,#2ba0d9 100%);}
.bnr_deco{position:absolute;inset:0;}
.bd_grid{position:absolute;inset:0;width:100%;height:100%;}
.bd{position:absolute;border-radius:50%;}
.bd1{width:360px;height:360px;left:6%;top:-120px;background:radial-gradient(circle at 34% 30%,rgba(255,255,255,.22),rgba(255,255,255,0) 70%);}
.bd2{width:250px;height:250px;right:10%;bottom:-90px;background:radial-gradient(circle at 34% 30%,rgba(255,216,31,.34),rgba(255,216,31,0) 70%);}
.bd3{width:180px;height:180px;right:28%;top:40px;background:radial-gradient(circle at 34% 30%,rgba(255,255,255,.18),rgba(255,255,255,0) 70%);}
.main_wide_bnr .w_custom{position:relative;z-index:2;height:100%;display:flex;align-items:flex-end;justify-content:center;padding-bottom:86px;}
.bnr_link{position:absolute;inset:0;}
.main_wide_bnr .txt{text-align:center;color:#fff;}
.main_wide_bnr .txt strong{display:block;font-size:40px;font-weight:800;letter-spacing:-.04em;text-shadow:0 4px 16px rgba(0,30,60,.3);}
.more_pill{display:inline-block;margin-top:26px;padding:12px 34px;border:1px solid rgba(255,255,255,.7);border-radius:999px;font-size:15px;font-weight:600;transition:background .25s,color .25s;}
.main_wide_bnr .w_custom:hover .more_pill{background:#fff;color:var(--main);}

/* ====================== 교사용 지도서 ====================== */
.main_teacher{padding:110px 0 0;}
.teach_swiper_box{position:relative;margin-top:46px;}
.teach_viewport{overflow:hidden;}
.teach_track{display:flex;gap:40px;transition:transform .5s cubic-bezier(.3,.8,.3,1);}
.teach_track li{flex:0 0 360px;}
.teach_track .sct_img{display:block;width:300px;margin:0 auto;border-radius:6px;overflow:hidden;background:#eef3f8;aspect-ratio:260/307;box-shadow:0 10px 26px rgba(20,55,100,.14);}
.teach_track img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease;}
.teach_track a:hover img{transform:scale(1.05);}
.teach_track .sct_txt{margin-top:20px;text-align:center;font-size:17px;color:var(--ink);}
.teach_track a:hover .sct_txt{color:var(--main);}
.swipe_arw{position:absolute;top:44%;transform:translateY(-50%);z-index:5;width:52px;height:52px;border-radius:50%;background:#fff;border:1px solid var(--line);color:#5b636d;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 18px rgba(20,55,100,.12);transition:.2s;}
.swipe_arw:hover{color:var(--main);border-color:var(--main);}
.swipe_arw.prev{left:-26px;}
.swipe_arw.next{right:-26px;}

/* ====================== 신청 배너 ====================== */
.main_bnr{position:relative;padding:120px 0;}
.obj_box{position:absolute;inset:0;pointer-events:none;}
.obj{position:absolute;border-radius:50%;}
.obj01{width:210px;height:210px;left:2%;top:40px;background:radial-gradient(circle at 34% 30%,#e8f5ff,#cfe8fb);opacity:.85;}
.obj02{width:90px;height:90px;left:16%;bottom:60px;background:radial-gradient(circle at 34% 30%,#fff4c7,#ffe071);opacity:.8;}
.obj03{width:150px;height:150px;right:4%;top:70px;background:radial-gradient(circle at 34% 30%,#e8f5ff,#cfe8fb);opacity:.8;}
.obj04{width:60px;height:60px;right:18%;bottom:80px;background:radial-gradient(circle at 34% 30%,#d9f3ff,#a9ddf7);opacity:.9;}
.main_bnr .w_custom{position:relative;z-index:2;}
.main_bnr .bnr_box{display:flex;gap:40px;height:auto;background:none;overflow:visible;}
.bnr{position:relative;flex:1 1 0;height:301px;border-radius:18px;display:flex;align-items:center;padding:0 40px;overflow:hidden;transition:transform .3s,box-shadow .3s;}
.bnr>a{position:absolute;inset:0;z-index:3;}
.bnr:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(20,60,110,.16);}
.req_bnr{background:linear-gradient(120deg,#e9f4ff,#cfe6ff);}
.inq_bnr{background:linear-gradient(120deg,#eef3f8,#dfeaf5);}
.bnr .txt_box{flex:1 1 auto;min-width:0;color:var(--ink);}
.bnr .txt_box strong{display:block;font-size:27px;font-weight:800;letter-spacing:-.04em;color:#17335c;}
.bnr .txt_box p{margin-top:14px;font-size:16px;line-height:1.6;color:#4a5a6b;}
.btn_box{display:inline-block;margin-top:24px;padding:11px 28px;border-radius:999px;background:#fff;color:var(--main);font-size:15px;font-weight:700;box-shadow:0 6px 16px rgba(20,60,110,.1);}
.bnr:hover .btn_box{background:var(--main);color:#fff;}
.bnr_img{flex:0 0 150px;display:flex;justify-content:center;}

/* ====================== 교재 흐름 ====================== */
.main_wave{padding:0 0 30px;overflow:hidden;}
.waveSwiper{overflow:hidden;padding:40px 0 60px;}
.wave_track{display:flex;gap:28px;width:max-content;animation:waveflow 55s linear infinite;}
.wave_track li{flex:0 0 176px;}
.wave_track img{width:176px;height:auto;border-radius:4px;box-shadow:0 10px 24px rgba(20,55,100,.16);}
.wave_track li:nth-child(6n+1){transform:translateY(0);}
.wave_track li:nth-child(6n+2){transform:translateY(-22px);}
.wave_track li:nth-child(6n+3){transform:translateY(-34px);}
.wave_track li:nth-child(6n+4){transform:translateY(-22px);}
.wave_track li:nth-child(6n+5){transform:translateY(0);}
.wave_track li:nth-child(6n+6){transform:translateY(16px);}
@keyframes waveflow{from{transform:translateX(0);}to{transform:translateX(-50%);}}
@media (prefers-reduced-motion:reduce){.wave_track{animation:none;}}

/* ====================== 고객센터 ====================== */
.main_cs{background:#fff;padding:20px 0 70px;}
.cs_cont{display:grid;grid-template-columns:360px 360px minmax(0,1fr);gap:20px;}
.cs_info{min-width:0;background:var(--blue);border-radius:10px;padding:30px 34px;color:#fff;}
.cs_info h3{font-size:20px;font-weight:700;color:#d6eaff;}
.cs_tel{display:block;margin-top:16px;font-size:30px;font-weight:800;letter-spacing:-.03em;}
.cs_info strong{display:block;margin-top:8px;font-size:18px;font-weight:600;}
.cs_info p{margin-top:20px;font-size:14px;line-height:1.8;color:rgba(255,255,255,.92);}
.order_info{min-width:0;background:var(--bg);border-radius:10px;padding:30px 34px;}
.order_info h3{font-size:20px;font-weight:700;}
.link_box{display:flex;gap:20px;margin-top:22px;}
.link_box a{flex:1;max-width:140px;height:148px;background:#fff;border:1px solid var(--line);border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;transition:.2s;}
.link_box a:hover{border-color:var(--main);color:var(--main);}
.link_box p{font-size:16px;}
.notice_info{min-width:0;background:var(--bg);border-radius:10px;padding:30px 34px;}
.title_box{display:flex;align-items:center;justify-content:space-between;}
.title_box h3{font-size:20px;font-weight:700;}
.notice_list{margin-top:18px;}
.notice_list li+li{border-top:1px solid #e6e9ed;}
.notice_list a{display:flex;align-items:center;gap:16px;padding:12px 0;}
.nt_tit{flex:1 1 auto;font-size:15px;color:var(--ink-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.nt_date{flex:0 0 auto;font-size:13px;color:#a7aeb6;}
.notice_list a:hover .nt_tit{color:var(--main);}

/* ====================== 퀵메뉴 ====================== */
.ft_quick{position:fixed;right:18px;top:170px;z-index:80;width:82px;}
.quick_menu{background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 8px 22px rgba(20,55,100,.12);overflow:hidden;transition:opacity .25s,transform .25s;}
.ft_quick.is-hide .quick_menu{opacity:0;transform:translateY(-10px);pointer-events:none;}
.quick_menu li+li{border-top:1px solid #eef1f4;}
.quick_menu a{display:flex;flex-direction:column;align-items:center;gap:7px;padding:16px 4px;}
.quick_menu p{font-size:12px;text-align:center;line-height:1.35;color:var(--ink-2);}
.quick_menu a:hover p{color:var(--main);}
.quick_btn{position:fixed;right:18px;bottom:28px;display:flex;flex-direction:column;gap:10px;align-items:center;}
.btn_quick_menu,.btn_kakao,.btn_top{width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 16px rgba(20,55,100,.18);}
.btn_quick_menu{background:var(--blue);position:relative;}
.btn_quick_menu span{position:absolute;background:#fff;border-radius:2px;transition:transform .25s;}
.btn_quick_menu span:nth-child(1){width:18px;height:2px;}
.btn_quick_menu span:nth-child(2){width:2px;height:18px;}
.ft_quick.is-hide .btn_quick_menu span:nth-child(2){transform:scaleY(0);}
.btn_kakao{background:var(--yellow);}
.btn_top{background:#2c3138;color:#fff;}

/* ====================== 푸터 ====================== */
#footer{background:#fff;}
.ft_menu_box{border-top:1px solid #eaecef;border-bottom:1px solid #eaecef;}
.ft_menu_box ul{display:flex;align-items:center;gap:40px;height:66px;}
.ft_menu_box a{font-size:15px;color:#5b636d;}
.ft_menu_box a:hover{color:var(--main);}
.ft_menu_box strong{font-weight:700;color:var(--ink);}
.ft_info_box{display:flex;align-items:flex-start;justify-content:space-between;gap:30px;padding-top:34px;padding-bottom:54px;}
.info{display:flex;flex-wrap:wrap;gap:4px 24px;}
.info span{font-size:14px;color:var(--gray);}
.info strong{color:var(--ink);font-weight:700;}
.info a{text-decoration:underline;}
.copy{margin-top:22px;font-size:14px;color:#a7aeb6;}
.demo_note{margin-top:8px;font-size:11px;color:#c6ccd2;}
.nice_mark{flex:0 0 auto;}
.nm_badge{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:92px;height:92px;border:1px solid var(--line);border-radius:10px;background:linear-gradient(150deg,#fbfdff,#eef4fa);}
.nm_badge b{font-family:"Outfit",var(--font);font-size:17px;font-weight:700;color:#1a4f8f;letter-spacing:.02em;}
.nm_badge i{font-size:11px;color:#7b8ea3;letter-spacing:.04em;}

/* ====================== 반응형 ====================== */
@media (max-width:1340px){
  .swipe_arw.prev{left:6px;}
  .swipe_arw.next{right:6px;}
}
@media (max-width:1200px){
  #hd_logo{font-size:23px;}
  #hd_logo .corp{font-size:16px;}
  .cate_li>a{padding:12px 11px;font-size:16px;}
  .main_visual{min-height:640px;}
  .mv_inner{min-height:520px;gap:24px;}
  .txt_box h2{font-size:38px;}
  .txt_box p{font-size:17px;}
  .book3d{width:270px;height:360px;}
  .b_title{font-size:32px;}
  .b_circle{width:180px;height:180px;bottom:50px;}
  .b_code{font-size:40px;bottom:120px;right:30px;}
  .main_title h3{font-size:30px;}
  .goods_list{gap:40px 28px;}
  .teach_track li{flex-basis:300px;}
  .teach_track .sct_img{width:250px;}
  .cs_cont{grid-template-columns:300px 320px 1fr;}
  .ft_quick{width:72px;right:10px;}
  .quick_menu p{font-size:11px;}
}
@media (max-width:1024px){
  .hd_top{height:46px;}
  .hd_top .w_custom{height:46px;}
  .hd_link li{height:34px;}
  .hd_link li.on{height:40px;}
  .hd_link li a{padding:0 18px;font-size:13px;}
  .hd_gnb{display:none;}
  #header,#header .w_custom{height:72px;}
  #header nav{display:none;}
  .main_visual{margin-top:-72px;padding-top:72px;min-height:600px;}
  .search_layer{top:118px;}
  .mv_inner{flex-direction:column-reverse;justify-content:center;gap:30px;padding-top:30px;padding-bottom:40px;min-height:0;}
  .mv_book{flex:0 0 auto;}
  .txt_box{text-align:left;width:100%;}
  .txt_box h2{font-size:34px;margin-top:22px;}
  .txt_box p{font-size:16px;margin-top:18px;}
  .book3d{width:240px;height:320px;}
  .b_title{font-size:28px;margin-top:22px;}
  .main_book{padding-top:56px;}
  .goods_list{grid-template-columns:repeat(3,1fr);gap:36px 24px;}
  .main_wide_bnr{margin-top:80px;}
  .bnr_box{height:320px;}
  .main_wide_bnr .txt strong{font-size:32px;}
  .main_wide_bnr .w_custom{padding-bottom:60px;}
  .main_teacher{padding-top:80px;}
  .main_bnr{padding:80px 0;}
  .main_bnr .bnr_box{gap:24px;}
  .bnr{height:270px;padding:0 28px;}
  .bnr .txt_box strong{font-size:23px;}
  .bnr_img{flex-basis:110px;}
  .bnr_img svg{width:100px;height:100px;}
  .cs_cont{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;}
  .notice_info{grid-column:1/-1;}
  .aside_menu>ul{grid-template-columns:repeat(3,1fr);gap:26px;}
  .ft_quick{display:none;}
  .quick_btn{right:14px;bottom:18px;}
}
@media (max-width:768px){
  .hd_top{height:auto;}
  .hd_top .w_custom{height:auto;padding:0;}
  .hd_link{width:100%;overflow-x:auto;padding:0 12px;scrollbar-width:none;}
  .hd_link::-webkit-scrollbar{display:none;}
  .hd_link li{flex:0 0 auto;transform:none;height:38px;border-radius:10px 10px 0 0;margin-right:3px;}
  .hd_link li.on{height:38px;}
  .hd_link li a{transform:none;padding:0 15px;font-size:13px;}
  #header,#header .w_custom{height:62px;}
  #hd_logo{font-size:19px;}
  #hd_logo .corp{font-size:13px;}
  .right_menu{gap:10px;}
  .right_menu svg{width:23px;height:23px;}
  .all_menu{width:27px;height:24px;gap:5px;}
  .main_visual{margin-top:-62px;padding-top:62px;min-height:0;}
  .search_layer{top:100px;padding:20px 0;}
  .mv_inner{flex-direction:column;align-items:flex-start;gap:24px;padding:26px 20px 40px;}
  .txt_box{order:1;}
  .mv_book{order:2;align-self:center;}
  .year span,.year em{line-height:40px;font-size:15px;padding:0 18px;}
  .txt_box h2{font-size:26px;margin-top:20px;}
  .txt_box p{font-size:15px;margin-top:16px;}
  .book3d{width:200px;height:266px;}
  .book3d_side{left:-16px;width:22px;}
  .book3d_face{padding:20px 18px;}
  .b_title{font-size:23px;margin-top:16px;}
  .b_circle{width:140px;height:140px;bottom:36px;right:-26px;}
  .b_code{font-size:30px;bottom:88px;right:22px;}
  .deco_spring{width:90px;height:140px;left:2%;top:16%;}
  .deco_star2{width:36px;height:36px;}
  .deco_wave{width:80px;height:64px;right:0;bottom:16%;}
  .main_title{flex-wrap:wrap;gap:12px;}
  .main_title h3{font-size:24px;}
  .book_title{gap:16px;flex-wrap:wrap;}
  .book_tab{gap:14px;}
  .book_tab button{font-size:15px;padding-bottom:10px;}
  .main_more a{font-size:13px;}
  .main_book{padding-top:44px;}
  .goods_list{grid-template-columns:repeat(2,1fr);gap:26px 16px;margin-top:28px;}
  .goods_list .sct_txt{margin-top:12px;font-size:14px;}
  .main_wide_bnr{margin-top:56px;}
  .bnr_box{height:230px;}
  .main_wide_bnr .txt strong{font-size:24px;}
  .more_pill{margin-top:16px;padding:9px 24px;font-size:13px;}
  .main_wide_bnr .w_custom{padding-bottom:40px;}
  .main_teacher{padding-top:56px;}
  .teach_swiper_box{margin-top:28px;}
  .teach_track{gap:16px;}
  .teach_track li{flex-basis:180px;}
  .teach_track .sct_img{width:100%;}
  .teach_track .sct_txt{font-size:14px;margin-top:12px;}
  .swipe_arw{width:40px;height:40px;}
  .swipe_arw.prev{left:-6px;}
  .swipe_arw.next{right:-6px;}
  .main_bnr{padding:56px 0;}
  .main_bnr .bnr_box{flex-direction:column;gap:16px;}
  .bnr{flex:0 0 auto;height:auto;padding:24px 20px;}
  .bnr_img{flex-basis:76px;}
  .bnr .txt_box strong{font-size:20px;}
  .bnr .txt_box p{font-size:14px;}
  .bnr_img{flex-basis:88px;}
  .bnr_img svg{width:80px;height:80px;}
  .waveSwiper{padding:20px 0 40px;}
  .wave_track{gap:16px;}
  .wave_track li{flex-basis:110px;}
  .wave_track img{width:110px;}
  .wave_track li:nth-child(6n+2),.wave_track li:nth-child(6n+4){transform:translateY(-12px);}
  .wave_track li:nth-child(6n+3){transform:translateY(-20px);}
  .wave_track li:nth-child(6n+6){transform:translateY(10px);}
  .main_cs{padding-bottom:44px;}
  .cs_cont{grid-template-columns:minmax(0,1fr);}
  .cs_info,.order_info,.notice_info{padding:24px 22px;}
  .link_box a{max-width:none;height:126px;}
  .aside_box{padding:24px 20px 60px;}
  .aside_menu>ul{grid-template-columns:1fr 1fr;gap:22px;}
  .aside_menu>ul>li>a{font-size:17px;}
  .ft_menu_box ul{flex-wrap:wrap;gap:14px 20px;height:auto;padding-top:18px;padding-bottom:18px;}
  .ft_menu_box a{font-size:13px;}
  .ft_info_box{flex-direction:column;align-items:flex-start;gap:20px;padding-top:24px;padding-bottom:40px;}
  .info{gap:2px 16px;}
  .info span{font-size:12.5px;}
  .copy{font-size:12.5px;margin-top:16px;}
  .quick_btn{gap:8px;}
  .btn_quick_menu{display:none;}
  .btn_kakao,.btn_top{width:42px;height:42px;}
}
@media (max-width:420px){
  .txt_box h2{font-size:23px;}
  .goods_list{gap:22px 12px;}
  .teach_track li{flex-basis:150px;}
}