/* Mythozoesis School — 새 안내 페이지 공통 스타일 (다크·금색) */
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
body{background:#010207;color:#f0e9da;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Noto Sans KR","Noto Sans JP","Noto Sans SC",sans-serif;font-size:16px;line-height:1.75;-webkit-font-smoothing:antialiased;min-height:100vh}
.bg{position:fixed;inset:0;z-index:-1;background:radial-gradient(ellipse at 25% 15%,rgba(100,80,50,.08) 0%,transparent 55%),radial-gradient(ellipse at 75% 85%,rgba(70,50,90,.06) 0%,transparent 55%);background-color:#010207}
a{color:#e0c97f}
a:hover{color:#f0dca0}
.wrap{max-width:860px;margin:0 auto;padding:44px 20px 20px}
.eyebrow{color:#b9a56a;font-size:12px;letter-spacing:.22em;text-transform:uppercase}
h1{font-family:'Cormorant Garamond',Georgia,"Noto Serif KR",serif;color:#e0c97f;font-size:36px;font-weight:600;line-height:1.25;margin:6px 0 14px}
h2{font-family:'Cormorant Garamond',Georgia,"Noto Serif KR",serif;color:#e0c97f;font-size:23px;font-weight:600;line-height:1.3;margin:34px 0 10px}
h3{color:#f0e9da;font-size:17px;font-weight:600;margin:0 0 6px}
p{margin:0 0 12px;color:#ddd5c4}
.lead{font-size:18px;color:#f0e9da;opacity:.9;margin-bottom:24px}
ul.list{list-style:none;margin:6px 0 12px}
ul.list li{padding:7px 0 7px 22px;position:relative;border-bottom:1px solid rgba(255,255,255,.06);color:#ddd5c4}
ul.list li::before{content:"✦";position:absolute;left:0;color:#e0c97f;font-size:12px;top:10px}
.card{background:#0c111f;border:1px solid rgba(255,255,255,.07);border-radius:12px;padding:22px 22px 16px;margin:16px 0}
.card.gold{border-color:rgba(224,201,127,.3)}
.card .greek{font-family:'Cormorant Garamond',Georgia,serif;color:#9a9486;font-size:14px;font-style:italic}
.card h3{color:#e0c97f;font-size:19px}
.card .dir{font-size:14px;color:#b8b09e;margin-top:8px}
.card .dir b{color:#e0c97f;font-weight:600}
.mods{list-style:none;margin:8px 0 4px;display:grid;gap:4px}
.mods li{font-size:15px;color:#ddd5c4}
.mods code{font-family:ui-monospace,Menlo,Consolas,monospace;color:#e0c97f;font-size:13px;margin-right:8px}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:12px 0}
.step{background:#0c111f;border:1px solid rgba(255,255,255,.07);border-radius:12px;padding:18px}
.step h3{color:#e0c97f}
.step p{font-size:15px;margin:0}
.btn{display:inline-block;background:#e0c97f;color:#010207!important;text-decoration:none;padding:13px 26px;border-radius:6px;font-weight:600;font-size:15px;border:0}
.btn:hover{background:#ecdba0}
.btn.off{background:#2a2e3b;color:#b8b09e!important;cursor:not-allowed;border:1px dashed rgba(224,201,127,.4)}
.btn.ghost{background:transparent;color:#e0c97f!important;border:1px solid rgba(224,201,127,.45)}
.center{text-align:center}
.note{font-size:14px;color:#9a9486;margin-top:10px}
.draft{background:rgba(216,162,78,.12);border:1px solid rgba(216,162,78,.45);color:#f0c98a;border-radius:8px;padding:12px 16px;margin:0 0 22px;font-size:15px}
.draft b{display:inline-block;background:#d8a24e;color:#010207;border-radius:4px;padding:0 8px;margin-right:8px;font-size:13px}
.tbl-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:10px 0 16px}
table{width:100%;border-collapse:collapse;font-size:15px}
th,td{text-align:left;padding:9px 10px;border-bottom:1px solid rgba(255,255,255,.08);vertical-align:top}
th{color:#e0c97f;font-weight:600;border-bottom:1px solid rgba(224,201,127,.3);white-space:nowrap}
td.code{font-family:ui-monospace,Menlo,Consolas,monospace;color:#e0c97f;white-space:nowrap}
td.track{color:#b8b09e;font-size:14px}
tr.grp td{border-top:1px solid rgba(224,201,127,.2)}
.flow{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:8px 0 14px}
.flow span{background:#0c111f;border:1px solid rgba(224,201,127,.3);border-radius:20px;padding:6px 14px;font-size:14px}
details{background:#0c111f;border:1px solid rgba(255,255,255,.07);border-radius:10px;margin:10px 0;padding:0 18px}
details[open]{border-color:rgba(224,201,127,.3)}
summary{cursor:pointer;padding:15px 0;font-weight:600;color:#f0e9da;list-style:none}
summary::-webkit-details-marker{display:none}
summary::before{content:"Q.";color:#e0c97f;margin-right:10px}
details p{padding:0 0 14px}
.notice{border-left:3px solid #e0c97f;padding:6px 0 6px 18px;margin:18px 0}
.notice .date{font-family:ui-monospace,Menlo,Consolas,monospace;color:#9a9486;font-size:13px}
.notice h2{margin-top:4px}
.mail{font-size:22px;font-family:ui-monospace,Menlo,Consolas,monospace;word-break:break-all}
.legal h2{font-size:19px;margin-top:26px}
.legal p{font-size:15.5px}
@media(max-width:700px){
  .wrap{padding:30px 16px 10px}
  h1{font-size:29px}
  h2{font-size:21px}
  .lead{font-size:16.5px}
  .steps{grid-template-columns:1fr}
  .btn{display:block;text-align:center}
  table{font-size:14px}
}