/* =====================================================================
   11-06 브랜드: 로그인 뒤 화면도 첫 화면·블로그와 같은 검정 · 금색 · 아이보리
   (기능은 그대로, 색·글꼴·간격만. body.in = 로그인 뒤 화면 — app.js shell 이 붙임)
   ===================================================================== */
body.in{--navy:#1f1a12;--ink:#1f1a12;--sub:#6e6350;--line:#e4dac4;--bg:#f6f1e6;--sky:#f3ead3;--mint:#e5efe3;--green:#2f6b3f;
  --rose:#f8e4df;--red:#b3261e;--sand:#f8eed6;--blue:#a8802f;
  --gold:#c9a24a;--gold2:#e6cb86;--gold3:#8a6b2a;--paper:#fffdf7;
  background:var(--bg);color:var(--ink);font-family:"Noto Sans KR","Malgun Gothic",sans-serif;-webkit-font-smoothing:antialiased}
body.in .hero h1,body.in .chero h1,body.in .sect,body.in .unit,body.in .bookcard h2{font-family:"Noto Serif KR","Nanum Myeongjo",serif}
body.in button{border-color:var(--line);border-radius:8px;transition:border-color .15s,background .15s}
body.in button:hover{border-color:var(--gold)}
body.in button.main,body.in .linkbtn.main{background:linear-gradient(180deg,#2a241a,#15120d);border-color:#15120d;color:var(--gold2)}
body.in input:focus,body.in select:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px #c9a24a2e}

/* 위 띠 */
body.in header.gnb{background:#0b0a08f2;backdrop-filter:blur(8px);border-bottom:1px solid #3a3224;color:#fbf7ee;position:sticky;top:0;z-index:20}
body.in .gnbin{max-width:1180px;min-height:62px;gap:20px;flex-wrap:nowrap}
body.in .gnb b#home{color:#fbf7ee;gap:10px;flex:none}
body.in .logo2 svg{width:28px;height:28px;display:block}
body.in .bname{font-family:"Noto Serif KR",serif;font-size:17px;line-height:1.15}
body.in .bname small{display:block;font-family:"Noto Sans KR",sans-serif;font-size:9.5px;letter-spacing:.28em;color:var(--gold);font-weight:700}
body.in .gnb nav{gap:2px;flex-wrap:nowrap}
body.in .gnb nav a{color:#c8bda4;font-weight:500;padding:8px 13px;border-radius:0;position:relative;white-space:nowrap}
body.in .gnb nav a:hover{background:none;color:var(--gold2)}
body.in .gnb nav a.on{background:none;color:var(--gold2);font-weight:700}
body.in .gnb nav a.on::after{content:"";position:absolute;left:12px;right:12px;bottom:-11px;height:2px;background:var(--gold)}
body.in .acts{margin-left:auto;display:flex;align-items:center;gap:8px;flex:none}
body.in .gnb .who{margin:0;color:#e9e0cc;font-size:14px;white-space:nowrap}
body.in .gnb .who em{font-style:normal;font-size:12px;color:var(--gold);border:1px solid #6b5626;border-radius:99px;padding:0 8px;margin-left:4px}
body.in .gnb button{background:transparent;color:#d9cfb8;border:1px solid #4a3f2a;border-radius:99px;padding:4px 13px;font-size:13px}
body.in .gnb button:hover{border-color:var(--gold);color:var(--gold2)}
body.in .gnb .outbig{background:linear-gradient(180deg,#e2c477,#c9a24a)!important;color:#14110a!important;border-color:#c9a24a!important;font-weight:800}
body.in #savenote{color:#ffb4a8}

/* 큰 머리 칸 */
body.in .hero,body.in .chero{background:radial-gradient(700px 300px at 15% 0%,#3a2f1a 0%,transparent 70%),linear-gradient(135deg,#15120d,#0b0a08);
  border:1px solid #4a3d22;border-radius:18px;box-shadow:0 18px 40px #1f1a1233;color:#fbf7ee;position:relative;overflow:hidden}
body.in .hero{padding:30px 30px 24px}
body.in .hero::before,body.in .chero::before{content:"";position:absolute;inset:0;pointer-events:none;
  background-image:linear-gradient(#ffffff07 1px,transparent 1px),linear-gradient(90deg,#ffffff07 1px,transparent 1px);background-size:40px 40px;
  -webkit-mask-image:linear-gradient(90deg,#000,transparent 70%);mask-image:linear-gradient(90deg,#000,transparent 70%)}
body.in .hero>*,body.in .chero>*{position:relative}
body.in .hero h1{font-size:30px;font-weight:900;letter-spacing:-.01em}
body.in .hero p{color:#c8bda4;opacity:1}
body.in .chero h1{font-size:28px;font-weight:900;margin:10px 0 8px}
body.in .chero .tg,body.in .thumb .tg{background:#c9a24a1f;border:1px solid #6b5626;color:var(--gold2)}
body.in .cmeta{color:#d6ccb6;opacity:1}
body.in .chero .progress{background:#ffffff1a}
body.in .cside button{border-color:#6b5626;color:var(--gold2);border-radius:10px;padding:9px 14px;background:transparent}
body.in .cside button:hover{background:#c9a24a14}
body.in .linkbtn.big{background:linear-gradient(180deg,#e2c477,#c9a24a);color:#14110a;border-radius:10px;padding:11px 20px;box-shadow:0 6px 18px #c9a24a33}

/* 학년 고르기 */
body.in .gtabs button{background:#ffffff08;border:1px solid #3d3424;color:#efe6d2;border-radius:12px;padding:11px 4px;font-family:"Noto Serif KR",serif}
body.in .gtabs button small{font-family:"Noto Sans KR",sans-serif;color:#a99d84;opacity:1}
body.in .gtabs button:hover{border-color:var(--gold)}
body.in .gtabs button.on{background:linear-gradient(180deg,#e2c477,#c9a24a);border-color:#c9a24a;color:#14110a}
body.in .gtabs button.on small{color:#4a3a14}
body.in .selbar{background:var(--paper);border-color:var(--line);border-radius:14px;padding:12px 14px;margin-top:2px}
body.in .seg{border-color:var(--line);border-radius:10px}
body.in .seg button.on{background:#1f1a12;color:var(--gold2)}
body.in .chips button{border-color:var(--line);background:#fff}
body.in .chips button.on{background:#1f1a12;border-color:#1f1a12;color:var(--gold2)}

/* 칸 제목 */
body.in .sect{font-size:21px;font-weight:900;margin:30px 0 12px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
body.in .sect::before,body.in .unit::before{content:"";width:4px;height:20px;border-radius:2px;background:linear-gradient(180deg,#e6cb86,#a8802f)}
body.in .unit{font-size:20px;font-weight:900;margin:26px 0 10px;display:flex;align-items:center;gap:10px}

/* 강좌 카드 */
body.in .courses{gap:18px}
body.in .course{background:var(--paper);border:1px solid var(--line);border-radius:16px;box-shadow:0 4px 14px #1f1a120d}
body.in .course:hover{transform:translateY(-3px);box-shadow:0 14px 30px #1f1a1226;border-color:#d8c48f}
body.in .thumb{height:136px;padding:15px 18px;overflow:hidden}
body.in .thumb::after{content:"";position:absolute;right:-30px;top:-30px;width:140px;height:140px;border-radius:50%;border:1px solid #c9a24a33}
body.in .thumb.hi{background:radial-gradient(260px 140px at 90% 0%,#4a3b1c,transparent 70%),linear-gradient(135deg,#15120d,#2a2316)}
body.in .thumb.mid{background:radial-gradient(260px 140px at 90% 0%,#2f4a5c,transparent 70%),linear-gradient(135deg,#101820,#1d2c38)}
body.in .thumb.prep{background:radial-gradient(260px 140px at 90% 0%,#6b5626,transparent 70%),linear-gradient(135deg,#2a1f10,#4a3818)}
body.in .thumb.fin{filter:none;box-shadow:inset 0 -3px 0 #c9a24a}
body.in .thumb strong{font-family:"Noto Serif KR",serif;font-weight:900;font-size:24px;color:#fbf7ee}
body.in .thumb em{color:var(--gold2);opacity:1;font-size:14px}
body.in .thumb.cover{background:linear-gradient(180deg,#efe6d0,#e4d8bc)}
body.in .thumb.cover::after{display:none}
body.in .thumb.cover img{border-radius:4px;box-shadow:0 10px 24px #1f1a1240}
body.in .cbody{padding:14px 16px 16px}
body.in .cbody b{font-size:16px}
body.in .enter{color:var(--gold3)}
body.in .yetcard{background:var(--paper);border-color:#d8c9a6}
body.in .linkbtn{border-color:var(--line);color:#1f1a12;border-radius:9px}
body.in .linkbtn:hover{border-color:var(--gold)}
body.in .progress{background:#e9dfc9;height:7px}
body.in .progress i{background:linear-gradient(90deg,#c9a24a,#e6cb86)}

/* 강의 목록 */
body.in .tabs{border-bottom:1px solid var(--line);gap:4px;margin:4px 0 18px}
body.in .tabs button{background:transparent;border:0;border-radius:0;padding:10px 14px;color:var(--sub);font-weight:600;position:relative}
body.in .tabs button:hover{color:#1f1a12}
body.in .tabs button.on{background:transparent;color:#1f1a12;font-weight:800}
body.in .tabs button.on::after{content:"";position:absolute;left:10px;right:10px;bottom:-1px;height:3px;border-radius:2px;background:var(--gold)}
body.in .leclist{background:var(--paper);border-color:var(--line);border-radius:14px;box-shadow:0 4px 14px #1f1a120a}
body.in .lecrow{padding:12px 16px;border-top-color:#efe6d3}
body.in .lecrow:hover{background:#fbf4e2}
body.in .lecno{color:#b09a6a;font-family:"Noto Serif KR",serif}
body.in .lk.concept{background:#1f1a12;color:var(--gold2)}
body.in .lk.type{background:#f1e6c8;color:#6b5218}
body.in .lk.yeon{background:#e8efe6;color:#2f5a3a}
body.in .ready{background:#f0e9da;color:var(--sub)}
body.in .ready.on{background:#1f1a12;color:var(--gold2)}
body.in .crumb,body.in .crumb a{color:var(--sub)}
body.in .crumb a:hover{color:var(--gold3)}

/* 강의 보기 */
body.in .vplayer{background:#0b0a08;border-radius:16px;box-shadow:0 16px 40px #1f1a1240}
body.in .vparts button{border-color:var(--line);background:var(--paper);border-radius:10px}
body.in .vparts button:hover{border-color:var(--gold)}
body.in .vparts button.on{border-color:var(--gold);background:#fbf1d6;box-shadow:inset 3px 0 0 var(--gold)}
body.in .lechead{background:var(--paper);border-color:var(--line);border-radius:14px;padding:14px 16px}
body.in .lecnav button.main{background:linear-gradient(180deg,#e2c477,#c9a24a);border-color:#c9a24a;color:#14110a}
body.in .playlist{background:var(--paper);border-color:var(--line);border-radius:14px;top:74px;box-shadow:0 4px 14px #1f1a120d}
body.in .plhead{background:#15120d;color:var(--gold2);border-bottom:0;padding:12px 14px}
body.in .plbody a{border-top-color:#efe6d3}
body.in .plbody a:hover{background:#fbf4e2}
body.in .plbody a.on{background:#fbf1d6;color:#1f1a12;box-shadow:inset 3px 0 0 var(--gold)}
body.in .numchips button{color:#1f1a12;border-radius:10px}
body.in .bookbtn{background:#fbf1d6!important;border-color:#d8b968!important;color:#6b5218!important}

/* 문제 카드 · 표 · 기타 */
body.in .bookcard,body.in .card,body.in .pdfbar,body.in .slot{background:var(--paper);border-color:var(--line)}
body.in .bookcard{border-radius:14px}
body.in .card{border-radius:12px}
body.in .no{color:#1f1a12;font-family:"Noto Serif KR",serif}
body.in .concept{background:linear-gradient(135deg,#15120d,#2a2316);color:var(--gold2);border-radius:10px;font-family:"Noto Serif KR",serif}
body.in .typehead{background:#f3ead3;color:#1f1a12}
body.in .parthead{border-left-color:var(--gold)}
body.in th{background:#1f1a12;color:var(--gold2)}
body.in .num.on,body.in .filter button.on{background:#1f1a12;color:var(--gold2);border-color:#1f1a12}
body.in .bar{border-top:2px solid var(--gold);background:var(--paper)}
body.in .notice{background:#f8eed6}
body.in a.slot.vlink,body.in .vbtn{border-color:#d8b968;background:#fbf1d6;color:#6b5218}
body.in .foot{border-top:1px solid var(--line);color:var(--sub);max-width:1180px}
body.in .foot b{color:#1f1a12}

/* 휴대폰 */
@media (max-width:760px){
  body.in .gnbin{display:grid;grid-template-columns:auto 1fr;row-gap:2px;padding:8px 14px 0;min-height:0}
  body.in .gnb b#home{grid-column:1}
  body.in .acts{grid-column:2;justify-self:end;gap:6px}
  body.in .gnb .who{font-size:13px}
  body.in .gnb .who em{display:none}
  body.in .gnb button{padding:3px 10px;font-size:12.5px}
  body.in .bname{font-size:15px}
  body.in .bname small{display:none}
  body.in .gnb nav{grid-column:1/-1;overflow-x:auto;scrollbar-width:none;margin:0 -14px;padding:0 6px}
  body.in .gnb nav::-webkit-scrollbar{display:none}
  body.in .gnb nav a{padding:10px 12px 12px;font-size:14.5px}
  body.in .gnb nav a.on::after{bottom:0}
  body.in .hero{padding:22px 18px 18px;border-radius:14px}
  body.in .hero h1{font-size:23px}
  body.in .chero{padding:20px 18px;border-radius:14px}
  body.in .chero h1{font-size:22px}
  body.in .cside{min-width:0;width:100%;flex-direction:row;flex-wrap:wrap}
  body.in .cside>*{flex:1 1 140px}
  body.in .courses{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  body.in .thumb{height:112px;padding:12px}
  body.in .thumb strong{font-size:19px}
  body.in .thumb.cover img{height:150px}
  body.in .cbody{padding:11px 12px 13px;font-size:14px}
  body.in .cbody b{font-size:14.5px}
  body.in .cbody .muted{font-size:12.5px}
  body.in .tabs{overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none}
  body.in .tabs button{white-space:nowrap;padding:10px 11px}
  body.in .lecrow{padding:11px 12px;gap:8px}
}
@media (max-width:420px){
  body.in .gnb .who{display:none}
}

/* 휴대폰 손보기 (11-06 찍어 보고) */
body.in .gnb button,body.in .lechead button,body.in .lecnav button{white-space:nowrap}
body.in .lecnav{flex-wrap:wrap}
@media (max-width:760px){
  body.in .thumb.cover{height:auto;padding:12px 8px}
  body.in .gnb .outbig{padding:3px 11px!important}
  body.in .gnb button{font-size:12px}
}
@media (max-width:760px){
  body.in .gnb b#home{grid-row:1}
  body.in .acts{grid-row:1}
  body.in .gnb nav{grid-row:2}
  body.in .bname{white-space:nowrap}
}
@media (max-width:380px){ body.in .bname{font-size:14px} body.in .logo2 svg{width:22px;height:22px} }
body.in h1,body.in h2,body.in .hero p,body.in .cmeta{word-break:keep-all}
@media (max-width:420px){
  body.in .gnbin{column-gap:8px;padding-left:12px;padding-right:12px}
  body.in .gnb b#home{gap:7px}
  body.in .bname{font-size:14px}
  body.in .logo2 svg{width:22px;height:22px}
  body.in .acts{gap:4px}
  body.in .gnb button{padding:3px 8px;font-size:11.5px}
  body.in .gnb .outbig{padding:3px 9px!important}
}
/* 11-06 선행 강좌 카드: 과목 이름(공통수학1·2)을 크게 */
body.in .thumb.prep strong{font-size:30px;letter-spacing:-.01em}
@media (max-width:760px){ body.in .thumb.prep strong{font-size:22px} }
body.in .twinbtn{display:block;text-align:center;border:1px solid #6b5626;color:var(--gold2);background:transparent;border-radius:10px;padding:9px 14px;text-decoration:none;font-weight:700}
body.in .twinbtn:hover{background:#c9a24a14;border-color:var(--gold)}