*{box-sizing:border-box}body{margin:0;font-family:Arial,'Noto Sans KR','Malgun Gothic',sans-serif;color:#182e40;background:#fff;font-size:15px;line-height:1.6}button,input{font:inherit}a{color:inherit;text-decoration:none}button,a,input,summary{-webkit-tap-highlight-color:transparent}button,summary{cursor:pointer}button{border:0}button:disabled{opacity:.6;cursor:wait}[hidden]{display:none!important}:focus-visible{outline:3px solid #d67a32;outline-offset:4px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:fixed;top:-60px;left:20px;padding:12px;background:#142b40;color:white;z-index:100}.skip:focus{top:0}.topbar{height:92px;padding:0 max(5vw,24px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e7ebee;gap:20px}.topbar img{display:block;width:173px;height:auto}.topbar nav{display:flex;align-items:center;gap:30px;font-size:14px;color:#506170}.topbar nav a:hover{color:#b35418}main{max-width:1280px;margin:0 auto;padding:58px 40px 90px;min-height:calc(100vh - 185px)}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:46px}.eyebrow{font-size:11px;letter-spacing:.14em;color:#a86432;font-weight:600;margin:0 0 12px}h1{font-size:38px;font-weight:600;letter-spacing:-.04em;margin:0 0 10px}.intro{margin:0;color:#75818a}.access-label{font-size:12px;color:#637280;background:#f3f5f7;padding:6px 11px;border-radius:3px}.access-label span{margin-right:4px}.board-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px}.board-heading h2{font-size:17px;font-weight:600;margin:0}.board-heading h2 span{color:#b7682d;margin-left:8px}.board-heading p{font-size:12px;color:#7a8791;margin:0}table{width:100%;border-collapse:collapse;table-layout:fixed;border-top:2px solid #233c50}th{font-weight:400;font-size:13px;color:#697985;text-align:left;background:#f8f9fa;padding:14px 16px}td{border-bottom:1px solid #dfe5e9;padding:23px 16px;font-size:13px;color:#73808b}.number{width:65px;text-align:center}.date{width:135px}.views{width:105px}.post-link{display:block;max-width:100%}.post-category{font-size:11px;display:block;color:#a05a27;margin-bottom:5px}.post-link strong{font-size:17px;color:#203c50;font-weight:500}.post-link:hover strong{color:#b35418}.mobile-date{display:none}.board-note{font-size:12px;color:#8b969f;margin-top:18px}.viewer-heading{display:flex;justify-content:space-between;gap:16px;margin-bottom:22px}.text-button{background:none;padding:0;color:#596d7d;font-size:13px}.outline{border:1px solid #ced8df;border-radius:4px;background:white;padding:7px 13px;font-size:13px;color:#455e70}#video-title{margin:0;font-size:25px;letter-spacing:-.035em}.video-info{color:#82909b;font-size:12px;margin:8px 0 24px}.watch-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:28px;align-items:start}video{display:block;width:100%;aspect-ratio:16/9;background:#0b141d;border-radius:5px}.video-description{font-size:13px;color:#576e7f;line-height:1.8;margin-top:18px}.session-note{color:#8b969f;font-size:11px;line-height:1.8}.chapters{border:1px solid #dce3e8;border-radius:5px;background:#fcfcfd;overflow:hidden}.chapters summary{padding:14px 16px;font-size:13px;font-weight:600}.chapters summary span{font-size:11px;color:#98a3ac;font-weight:400;margin-left:8px}.chapters nav{overflow-y:auto;max-height:430px;border-top:1px solid #e5e9ec;padding:8px}.chapter{width:100%;display:flex;gap:10px;text-align:left;padding:9px 8px;color:#566d7e;background:none;font-size:12px;border-radius:3px}.chapter time{color:#939ea6;font-variant-numeric:tabular-nums;flex-shrink:0}.chapter:hover,.chapter[aria-current=true]{background:#edf2f6;color:#193b54}.chapter[aria-current=true] time{color:#a35e2c}footer{display:flex;justify-content:space-between;gap:20px;padding:24px max(5vw,24px);border-top:1px solid #e7ebee;background:#f9fafb;color:#7b8a95;font-size:12px}dialog{border:1px solid #e0e6eb;border-radius:12px;padding:38px;width:420px;max-width:calc(100vw - 32px);color:#253c4f;box-shadow:0 24px 100px #0a253033}dialog::backdrop{background:#102b4570;backdrop-filter:blur(3px)}.close{position:absolute;right:14px;top:8px;background:none;font-size:26px;color:#8c979f;width:36px;height:36px}.gate-symbol{display:block;color:#b36d38;font-size:29px;margin:0 0 14px}dialog h2{font-size:22px;line-height:1.5;margin:0;letter-spacing:-.04em}dialog>p:not(.eyebrow){font-size:13px;color:#7c8b96;line-height:1.8;margin:12px 0 24px}label{display:block;font-size:12px;color:#596f80;margin-bottom:7px}input{width:100%;border:1px solid #cbd6df;border-radius:4px;padding:10px 12px;font-size:17px}.primary{display:flex;justify-content:space-between;width:100%;margin-top:16px;padding:12px 16px;background:#193c55;color:#fff;border-radius:4px}.primary:hover{background:#234e6c}dialog small{display:block;color:#99a2aa;font-size:11px;margin-top:17px}.error{color:#a23f32;font-size:13px;margin:12px 0;line-height:1.7}
@media(max-width:900px){.watch-layout{grid-template-columns:1fr}.chapters nav{max-height:280px}.page-heading{margin-bottom:32px}.topbar nav{gap:20px}}
@media(max-width:600px){.topbar{height:72px;padding:0 20px}.topbar img{width:128px}.topbar nav{font-size:12px;gap:14px}.topbar nav a:first-child{display:none}main{padding:34px 20px 60px;min-height:calc(100vh - 145px)}h1{font-size:30px}.intro{font-size:13px}.page-heading{align-items:flex-start}.access-label{font-size:10px;padding:5px 7px;margin-top:40px;white-space:nowrap}.eyebrow{font-size:9px}.board-heading{display:block}.board-heading p{font-size:11px;margin-top:8px}th,td{padding:12px 9px}.number{width:39px}.date,.views{display:none}.post-link strong{font-size:15px;line-height:1.7}.mobile-date{display:block;font-size:11px;margin-top:8px;color:#87959f}td{padding-block:20px}#video-title{font-size:20px}.video-info{margin-bottom:16px}.watch-layout{gap:22px}dialog{padding:30px 25px}dialog h2{font-size:20px}footer{padding:22px 20px;font-size:10px}}