/* 왕 학습지 페이지 공용 새 옷(10/2 회장 "단원평가처럼 영어·사회·국어·과학도 다 바꾸자").
   붙이는 법: </head> 바로 앞에 <link rel="stylesheet" href="/kingskin.css"> + </body> 앞에 <script src="/kingskin.js" defer></script>.
   화면에서만 적용(@media screen) — 인쇄 모양은 그대로. 기능(학년·단원·버튼)은 손대지 않고 모양만. */
@media screen{
html,body{overflow-x:clip}
body.ks{background:#fff!important;color:#0A0D14;-webkit-font-smoothing:antialiased;font-family:Pretendard,'Apple SD Gothic Neo','Malgun Gothic',sans-serif}
body.ks #msnav .kings{display:none!important}
body.ks .wrap{max-width:1000px;padding:8px 24px 64px}
/* 첫 화면 */
body.ks header{position:relative;text-align:left!important;padding:30px 0 6px!important;display:grid;grid-template-columns:1fr 200px;gap:20px;align-items:center;background:none!important;border:0!important}
body.ks header:before{content:"";position:absolute;inset:-30px -160px auto auto;width:560px;height:340px;z-index:-1;filter:blur(10px);
 background:radial-gradient(closest-side,var(--ks-soft,#E6F0FF),transparent 70%),radial-gradient(closest-side at 70% 60%,#EEF7F4,transparent 70%)}
body.ks .ks-pill{display:inline-flex;padding:7px 13px;border-radius:999px;background:var(--ks-soft,#EAF2FF);color:var(--ks-acc,#1D4ED8);font-size:13px;font-weight:700}
body.ks header h1{margin:14px 0 0!important;font-size:46px!important;line-height:1.12!important;letter-spacing:-.04em!important;font-weight:800!important;color:#0A0D14!important}
body.ks header h1 b{color:var(--ks-acc)!important}
body.ks .ks-sub{margin-top:12px!important;font-size:16.5px!important;color:#5B6474!important;line-height:1.6!important}
body.ks .ks-feat{margin-top:18px;display:flex;flex-wrap:wrap;gap:8px}
body.ks .ks-feat span{font-size:13px;font-weight:600;color:#374151;background:#F4F5F8;border-radius:999px;padding:7px 12px}
body.ks .ks-img{width:200px;height:200px;object-fit:contain;filter:drop-shadow(0 16px 20px rgba(0,0,0,.08))}
body.ks header > p.ks-old{display:none}
/* 만들기 판 */
body.ks .panel:not(.faq){margin:26px 0 18px!important;padding:24px!important;border:1px solid #ECEEF2!important;border-radius:24px!important;background:#fff!important;box-shadow:0 20px 40px -28px rgba(15,23,42,.25)!important}
body.ks .panel.ks-next{margin-top:-6px!important}
body.ks .lbl{font-size:14px!important;font-weight:800!important;color:#0A0D14!important;letter-spacing:0!important;margin:4px 0 10px!important}
body.ks .ks-n{display:inline-flex;width:22px;height:22px;border-radius:50%;background:#0A0D14;color:#fff;font-size:12px;align-items:center;justify-content:center;margin-right:8px;vertical-align:1px}
body.ks .g12{grid-template-columns:repeat(6,1fr)!important;gap:8px!important;margin:0 0 18px!important}
body.ks .g12 button{border:0!important;background:#F4F5F8!important;color:#0A0D14!important;border-radius:14px!important;padding:12px 4px!important;font-size:15px!important}
body.ks .g12 button:hover{background:#ECEEF2!important}
body.ks .g12 button.on{background:#0A0D14!important;color:#fff!important}
body.ks .g12 button.dis{background:#FAFAFB!important;color:#B6BDC9!important;opacity:1!important}
body.ks .g12 button small{font-size:11px!important}
body.ks .g12-lbl{display:none}
body.ks .lbl.ks-l{display:block!important}
body.ks .row{gap:10px!important;margin-top:0!important;padding-top:18px;border-top:1px solid #F0F1F4}
body.ks select{border:1px solid #E3E6EC!important;border-radius:12px!important;padding:11px 14px!important;font-size:14.5px!important;background:#fff!important;min-width:260px}
body.ks .opt{background:#F6F7F9!important;border-radius:999px!important;padding:8px 14px!important;font-size:13.5px!important}
body.ks .btns{gap:10px!important;margin-top:20px!important}
body.ks .btn{border-radius:14px!important;padding:15px!important;font-size:15.5px!important;font-weight:800!important;box-shadow:none!important}
body.ks .btn.make{background:var(--ks-acc)!important;color:#fff!important;border:0!important;flex:2!important}
body.ks .btn.rand{background:#F4F5F8!important;color:#0A0D14!important;border:0!important}
body.ks .btn.print{background:#fff!important;color:#0A0D14!important;border:1.5px solid #0A0D14!important}
body.ks .ktabs button,body.ks .units button,body.ks .units .u{border-radius:999px!important}
body.ks header .tabs{grid-column:1/-1;justify-content:flex-start!important}
/* 아래 '더 알아보기' */
body.ks .ks-more{margin-top:56px}
body.ks .ks-more > h2{font-size:22px!important;font-weight:800!important;margin:0 0 14px!important;padding:0!important;border:0!important;color:#0A0D14!important}
body.ks .ks-more .ks-box,body.ks .ks-more .introbox,body.ks .ks-more .intro-text,body.ks .ks-more .faq,body.ks .ks-more .mathwords-corner{max-width:none!important;margin:0 0 12px!important;background:#F6F7F9!important;border:0!important;border-radius:20px!important;padding:20px 22px!important;box-shadow:none!important;font-size:14.5px!important;line-height:1.8!important;color:#374151!important}
body.ks .ks-more .ks-box{text-align:left!important}body.ks .ks-more .introbox h2{font-size:17px!important;margin:0 0 6px!important;color:#0A0D14!important}
body.ks .ks-more .faq p{margin:0 0 10px!important}
body.ks .foot{margin-top:28px!important;text-align:left!important;font-size:12.5px!important;color:#98A1B0!important}
@media(max-width:640px){
 body.ks .wrap{padding:4px 16px 48px}
 body.ks header{grid-template-columns:1fr;padding-top:16px!important}body.ks .ks-img{display:none}
 body.ks header:before{inset:-20px 0 auto auto;width:100%}
 body.ks header h1{font-size:32px!important}body.ks .ks-sub{font-size:15px!important}
 body.ks .ks-feat span{font-size:12.5px;padding:6px 11px}
 body.ks .panel:not(.faq){padding:18px!important;border-radius:20px!important;margin:20px -4px 16px!important}
 body.ks .g12{gap:5px!important}body.ks .g12 button{padding:10px 0!important;font-size:14px!important;border-radius:12px!important}
 body.ks select{min-width:0;width:100%}
 body.ks .btn{min-width:0!important;flex:1 1 45%!important}body.ks .btn.make{flex:1 1 100%!important}
}
}
@media print{.ks-more>h2,.ks-img,.ks-pill,.ks-feat{display:none!important}}