:root{--navy:#1f3a5f;--gold:#8a6d1f;--bg:#f6f7fa;--line:#dfe3ea;--red:#b3261e}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:"Noto Sans KR","Malgun Gothic",system-ui,sans-serif;color:#1d2433;background:var(--bg);line-height:1.6;font-size:16px}
a{color:inherit;text-decoration:none}.wrap{max-width:1120px;margin:0 auto;padding:18px 14px 40px}
.top{position:sticky;top:0;z-index:100;background:#fff;box-shadow:0 1px 6px rgba(0,0,0,.1)}
.n1{display:flex;align-items:center;gap:12px;padding:0 14px;height:74px;border-bottom:1px solid var(--line);max-width:1120px;margin:0 auto}
.brand{flex:0 0 auto;display:block;line-height:0}.brand img{height:54px;width:auto;display:block}
.n2{background:var(--navy);height:56px}.n2 .scroller{max-width:1120px;margin:0 auto;padding:0 14px;height:100%}
.scroller{position:relative;flex:1 1 auto;min-width:0}
.scroller::after{content:"";position:absolute;top:0;right:0;bottom:0;width:26px;pointer-events:none;background:linear-gradient(to right,rgba(255,255,255,0),#fff)}
.n2 .scroller::after{background:linear-gradient(to right,rgba(31,58,95,0),var(--navy))}
.row{display:flex;gap:4px;overflow-x:auto;overflow-y:hidden;white-space:nowrap;scrollbar-width:none;-webkit-overflow-scrolling:touch;height:100%;align-items:center}
.row::-webkit-scrollbar{display:none}.l1,.l2{flex:0 0 auto;padding:11px 16px 7px;border-radius:8px;font-size:15px;line-height:1.4}
.l1{font-weight:700;color:#333}.l1.on{background:var(--navy);color:#fff}.l2{color:#dbe4f2;font-size:15px}.l2.on{background:#fff;color:var(--navy);font-weight:700}
h1{font-size:26px;color:var(--navy);margin:8px 0 14px;line-height:1.3}h2{font-size:20px;color:var(--navy);margin:26px 0 12px}
.hero{background:linear-gradient(120deg,#1f3a5f,#2d5a8a);color:#fff;border-radius:12px;padding:30px 24px;margin-bottom:22px}
.hero h1{color:#fff;margin:0 0 6px}.hero p{margin:4px 0;color:#dbe4f2}
.btn{display:inline-block;background:var(--gold);color:#fff;border:0;border-radius:8px;padding:11px 20px;font-size:16px;font-weight:700;cursor:pointer}
.btn.sec{background:#fff;color:var(--navy);border:1px solid var(--navy)}.btn.big{padding:14px 26px;font-size:18px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px}
.card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:10px;display:block;transition:transform .15s,box-shadow .15s}
.card:hover{transform:translateY(-3px);box-shadow:0 6px 16px rgba(0,0,0,.12)}
.card .cv{aspect-ratio:3/4;display:flex;align-items:center;justify-content:center;background:#eef1f6;border-radius:6px;overflow:hidden}
.card img{width:100%;height:100%;object-fit:contain}.noimg{color:#789;text-align:center;font-size:14px}
.card .tt{font-weight:700;font-size:14.5px;margin-top:8px;line-height:1.35;min-height:2.7em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.card .st{font-size:12px;color:#667;margin:3px 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.card .pr{font-size:13px}.card .pr s{color:#999}.card .pr b{color:var(--red);font-size:15px}
.book{display:grid;grid-template-columns:minmax(220px,340px) 1fr;gap:28px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:22px}
.book img.big{width:100%;border-radius:6px;box-shadow:0 4px 14px rgba(0,0,0,.25)}
.price{font-size:15px}.price b{font-size:28px;color:var(--red)}.price s{color:#999}
.tbl{width:100%;border-collapse:collapse;margin:10px 0}.tbl th,.tbl td{border-bottom:1px solid var(--line);padding:8px 6px;text-align:left;font-size:14.5px;vertical-align:top}.tbl th{width:110px;color:#556}
.box{background:#fff;border:1px solid var(--line);border-radius:10px;padding:18px;margin:14px 0}.note{background:#fff8e1;border:1px solid #f0d98a;border-radius:8px;padding:12px 14px;font-size:14px}
input[type=text],input[type=email],input[type=password],textarea,select{width:100%;padding:11px;border:1px solid #bfc6d3;border-radius:8px;font:inherit;background:#fff}
label{display:block;font-weight:700;margin:12px 0 5px;font-size:14px}textarea{min-height:200px}
.msg{padding:12px 14px;border-radius:8px;margin:12px 0}.msg.ok{background:#e6f4ea;color:#1b5e20}.msg.err{background:#fdecea;color:#b3261e}
.tabs3{display:grid;grid-template-columns:200px 1fr;gap:20px;align-items:start}.l3{display:flex;flex-direction:column;gap:6px;position:sticky;top:140px}
.l3 a{padding:9px 12px;border-radius:8px;background:#fff;border:1px solid var(--line);font-size:14.5px}.l3 a.on{background:var(--navy);color:#fff}
.foot{background:#2b3140;color:#c5ccd9;font-size:13px;margin-top:30px}.foot a{color:#fff;text-decoration:underline}.foot .wrap{padding:22px 14px}
.post td a:hover{text-decoration:underline}.small{font-size:13px;color:#667}
@media(max-width:760px){.book{grid-template-columns:1fr;padding:14px}.tabs3{grid-template-columns:1fr}.l3{flex-direction:row;overflow-x:auto;white-space:nowrap;position:static}.l3 a{flex:0 0 auto}.grid{grid-template-columns:repeat(2,1fr);gap:10px}h1{font-size:22px}.brand img{height:40px}}

.pwbox{display:flex;gap:8px;align-items:stretch}.pwbox input{flex:1 1 auto;min-width:0}.pwtog{flex:0 0 auto;padding:0 16px;border:1px solid #bfc6d3;border-radius:8px;background:#f3f5f9;color:var(--navy);font:inherit;font-weight:700;cursor:pointer;min-width:74px}.pwtog.on{background:var(--navy);color:#fff;border-color:var(--navy)}
.l1{padding:9px 16px 9px}