:root{--red: #F91F15;--ink: #292929;--ink-2: #737373;--gray: #a6a6a6;--line: #e5e5e5;--line-2: #eee;--bg: #fff;--bg-2: #f8f8f8;--vote: #f91f15;--cmt: #00aad2;--scrap: #ffc107;--author: #f91f15 }*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:Noto Sans KR,Malgun Gothic,Apple SD Gothic Neo,sans-serif;color:var(--ink);background:var(--bg);font-size:13px;line-height:1.5}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}input,textarea,select{font:inherit}h1{font-size:18px;font-weight:700;margin:0 0 16px}h2{font-size:16px;font-weight:700;margin:0 0 12px}.muted{color:var(--gray);font-size:12px}.empty{text-align:center;color:var(--gray);padding:60px 0}.alert{background:#fff1f0;border:1px solid #ffccc7;color:#cf1322;padding:8px 12px;border-radius:6px;margin-bottom:10px}.hdr{border-bottom:1px solid var(--line);background:#fff;position:sticky;top:0;z-index:30}.hdr-in{max-width:1080px;margin:0 auto;height:60px;display:flex;align-items:center;gap:24px;padding:0 16px}.hdr-in>*{white-space:nowrap}.logo{font-size:20px;color:var(--red);letter-spacing:-.5px;font-weight:400}.logo b{font-weight:700}.logo small{font-size:11px;color:var(--gray);margin-left:4px}.hdr-menu{display:flex;gap:20px;flex:1}.hdr-menu a,.hdr-menu .soon{font-size:15px;font-weight:500;color:var(--ink);padding:6px 0}.hdr-menu a.on,.hdr-menu a.active{color:var(--red);font-weight:700}.hdr-menu .soon{color:#c6c6c6;cursor:default}.hdr-right{display:flex;align-items:center;gap:6px;position:relative}.hicon{width:32px;height:32px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;border:0;background:none;cursor:pointer;color:var(--ink);position:relative}.hicon:hover{background:var(--bg-2)}.hicon.soon{color:#c6c6c6;cursor:default}.hicon .dot{position:absolute;top:6px;right:7px;width:7px;height:7px;border-radius:50%;background:var(--red)}.hlink{font-size:13px;color:var(--ink-2);padding:0 6px}.hsearch{display:flex;align-items:center;margin-left:8px;border:1px solid var(--line);border-radius:10px;height:36px;padding:0 4px 0 12px;background:var(--bg-2)}.hsearch input{border:0;background:none;width:200px;outline:none;font-size:13px}.hsearch button{border:0;background:none;width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;color:var(--gray);cursor:pointer}.menu{position:absolute;right:0;top:44px;width:220px;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 6px 20px #0000001a;padding:6px;display:flex;flex-direction:column;z-index:40}.menu-head{padding:10px 12px;border-bottom:1px solid var(--line-2);margin-bottom:4px;display:flex;flex-direction:column}.menu a,.menu button{text-align:left;padding:8px 12px;border:0;background:none;cursor:pointer;border-radius:6px}.menu a:hover,.menu button:hover{background:var(--bg-2)}.wrap{max-width:1080px;margin:0 auto;padding:24px 16px 60px;min-height:70vh}.cols{display:grid;grid-template-columns:180px 1fr 260px;gap:24px;align-items:start}.cols.two{grid-template-columns:180px 1fr}.lrail .lbox{border:1px solid var(--line);border-radius:10px;padding:8px 0;margin-bottom:12px;display:flex;flex-direction:column}.lbox-head{padding:8px 14px 10px;display:flex;flex-direction:column;border-bottom:1px solid var(--line-2);margin-bottom:4px}.lrail a{display:flex;justify-content:space-between;align-items:center;padding:6px 14px;font-size:13px;color:var(--ink)}.lrail a:hover{background:var(--bg-2)}.lrail a.active{color:var(--red);font-weight:700}.lrail a.hot{color:var(--red);font-weight:500}.lrail .cnt{color:var(--gray);font-size:11px}.rrail .rbox{border:1px solid var(--line);border-radius:10px;padding:12px 14px;margin-bottom:12px}.rbox-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:8px;border-bottom:1px solid var(--line-2);margin-bottom:4px}.rbox-head b{font-size:14px}.rpost{display:block;padding:8px 0;border-bottom:1px solid var(--line-2)}.rpost:last-child{border:0}.rtitle{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rtext{color:var(--ink-2);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rmeta{display:flex;gap:8px;color:var(--gray);font-size:11px;margin-top:2px}.rmeta span{display:inline-flex;align-items:center;gap:2px}.rmeta .v{color:var(--vote)}.rmeta .c{color:var(--cmt)}.home-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.hcard{border:1px solid var(--line);border-radius:10px;padding:12px 14px}.hcard .hhead{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.hcard .hhead b{font-size:14px}.hcard .hhead a.more{color:var(--gray);font-size:11px}.hpost{display:flex;justify-content:space-between;gap:8px;padding:4px 0;font-size:13px}.hpost .t{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hpost .t .pic{color:var(--gray);margin-left:4px;vertical-align:-2px}.hpost .time{color:var(--gray);font-size:11px;flex:0 0 auto}.board-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.board-head h1{margin:0}.board-head .tools{display:flex;gap:8px;align-items:center}.board-head .tools input{height:32px;border:1px solid var(--line);border-radius:8px;padding:0 10px;width:180px}.btn{height:34px;padding:0 14px;border-radius:8px;border:1px solid var(--line);background:#fff;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:4px}.btn:hover{background:var(--bg-2)}.btn.primary{background:var(--red);color:#fff;border-color:var(--red)}.btn.primary:hover{background:#d9190f}.btn.block{width:100%;justify-content:center;height:40px}.btn:disabled{opacity:.5;cursor:default}.plist{border-top:1px solid var(--line)}.pitem{display:block;padding:12px 4px;border-bottom:1px solid var(--line-2)}.pitem:hover{background:var(--bg-2)}.pitem .ptitle{font-weight:700;font-size:14px;display:flex;gap:6px;align-items:center}.pitem .ptitle .pic{color:var(--gray)}.pitem .ptext{color:var(--ink-2);font-size:13px;margin:2px 0 6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pmeta{display:flex;gap:10px;align-items:center;color:var(--gray);font-size:12px}.pmeta .nick{color:var(--red)}.pmeta .v{color:var(--vote);display:inline-flex;align-items:center;gap:2px}.pmeta .c{color:var(--cmt);display:inline-flex;align-items:center;gap:2px}.pmeta .s{color:var(--scrap);display:inline-flex;align-items:center;gap:2px}.pmeta .board{background:var(--bg-2);padding:1px 6px;border-radius:4px}.pager{display:flex;gap:4px;justify-content:center;margin-top:16px}.pager button{min-width:30px;height:30px;border:1px solid var(--line);background:#fff;border-radius:6px;cursor:pointer}.pager button.on{background:var(--red);color:#fff;border-color:var(--red)}.fab{position:fixed;right:32px;bottom:32px;width:52px;height:52px;border-radius:50%;background:var(--red);color:#fff;border:0;box-shadow:0 6px 16px #f91f1559;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;z-index:20}.article{border:1px solid var(--line);border-radius:10px;padding:16px 18px}.ahead{display:flex;align-items:center;gap:10px;margin-bottom:12px}.anon{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:#e5e5e5;color:#fff;flex:0 0 auto}.anon.author{background:var(--author)}.awho b{font-size:14px;display:block}.awho span{color:var(--gray);font-size:11px}.atitle{font-size:16px;font-weight:700;margin:0 0 6px}.atext{white-space:pre-wrap;line-height:1.7;font-size:14px;margin:0 0 12px}.article img.att{max-width:100%;border-radius:8px;display:block;margin-bottom:12px}.astats{display:flex;gap:12px;color:var(--gray);font-size:12px;padding-bottom:12px;border-bottom:1px solid var(--line-2)}.astats .v{color:var(--vote)}.astats .c{color:var(--cmt)}.astats .s{color:var(--scrap)}.aacts{display:flex;gap:6px;padding-top:10px}.aacts button{border:0;background:var(--bg-2);border-radius:6px;padding:6px 10px;cursor:pointer;display:inline-flex;align-items:center;gap:4px;font-size:12px;color:var(--ink-2)}.aacts button:hover{background:var(--line-2)}.aacts button.on.v{color:var(--vote)}.aacts button.on.s{color:var(--scrap)}.aacts .del{margin-left:auto}.comments{margin-top:12px}.cmt{display:flex;gap:10px;padding:12px 0;border-top:1px solid var(--line-2)}.cmt.reply{margin-left:34px;background:var(--bg-2);border-radius:8px;padding:10px 12px;border:0;margin-top:6px}.cmt .cbody{flex:1;min-width:0}.cmt .cwho{display:flex;align-items:center;gap:6px;font-weight:700;font-size:13px}.cmt .cwho.author{color:var(--author)}.cmt .ctext{margin:2px 0 4px;white-space:pre-wrap;font-size:13px}.cmt .cmeta{display:flex;gap:10px;align-items:center;color:var(--gray);font-size:11px}.cmt .cmeta button{border:0;background:none;padding:0;cursor:pointer;color:var(--gray);font-size:11px;display:inline-flex;align-items:center;gap:2px}.cmt .cmeta button.on{color:var(--vote)}.cform{display:flex;gap:8px;align-items:center;background:var(--bg-2);border-radius:8px;padding:8px 10px;margin-top:8px}.cform input[type=text]{flex:1;border:0;background:none;outline:none;font-size:13px}.cform label{display:inline-flex;align-items:center;gap:4px;color:var(--ink-2);font-size:12px;white-space:nowrap}.cform input[type=checkbox]{accent-color:var(--red)}.cform button{border:0;background:none;color:var(--red);font-weight:700;cursor:pointer}.cform button:disabled{color:var(--gray);cursor:default}.cform.reply{margin-left:34px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:50;padding:16px}.modal{background:#fff;border-radius:12px;width:100%;max-width:640px;padding:20px;box-shadow:0 20px 60px #00000040}.modal h2{display:flex;justify-content:space-between;align-items:center}.modal input.title{width:100%;border:0;border-bottom:1px solid var(--line);font-size:18px;font-weight:700;padding:10px 0;outline:none}.modal textarea{width:100%;border:0;min-height:200px;padding:12px 0;outline:none;resize:vertical;font-size:14px;line-height:1.7}.modal .mfoot{display:flex;align-items:center;gap:12px;border-top:1px solid var(--line);padding-top:12px}.modal .mfoot .ph{color:var(--ink-2);display:inline-flex;align-items:center;gap:4px;cursor:pointer;font-size:13px}.modal .mfoot label.an{display:inline-flex;align-items:center;gap:4px;font-size:13px;margin-left:auto}.modal .mfoot label.an input{accent-color:var(--red)}.modal .mprev{position:relative;display:inline-block;margin:8px 0}.modal .mprev img{max-height:140px;border-radius:8px;display:block}.modal .mprev button{position:absolute;top:4px;right:4px;border:0;background:#0009;color:#fff;border-radius:50%;width:22px;height:22px;cursor:pointer;font-size:12px}.tt{display:grid;grid-template-columns:1fr 300px;gap:20px;align-items:start}.ttgrid{border:1px solid var(--line);border-radius:10px;overflow:hidden;display:grid;grid-template-columns:40px repeat(5,1fr);position:relative;background:#fff}.ttgrid .th{height:32px;display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--ink-2);border-bottom:1px solid var(--line);border-left:1px solid var(--line-2)}.ttgrid .hour{height:60px;font-size:11px;color:var(--gray);text-align:right;padding:2px 4px 0 0;border-top:1px solid var(--line-2)}.ttgrid .cell{height:60px;border-top:1px solid var(--line-2);border-left:1px solid var(--line-2);position:relative}.ttgrid .course{position:absolute;left:2px;right:2px;border-radius:4px;padding:4px 5px;font-size:11px;line-height:1.3;overflow:hidden;cursor:pointer;color:#222}.ttgrid .course b{display:block;font-size:12px;margin-bottom:1px}.ttgrid .course:hover{filter:brightness(.95)}.ttside{border:1px solid var(--line);border-radius:10px;padding:16px}.ttside .field{display:block;margin-bottom:10px}.ttside .field>span{display:block;font-size:12px;color:var(--ink-2);margin-bottom:4px}.ttside input,.ttside select{width:100%;height:34px;border:1px solid var(--line);border-radius:6px;padding:0 8px}.ttside .two{display:grid;grid-template-columns:1fr 1fr;gap:8px}.ttside .swatches{display:flex;gap:6px;flex-wrap:wrap}.ttside .swatches button{width:22px;height:22px;border-radius:50%;border:2px solid transparent;cursor:pointer}.ttside .swatches button.on{border-color:var(--ink)}.ttlist{margin-top:12px;display:flex;flex-direction:column;gap:6px}.ttlist div{display:flex;justify-content:space-between;align-items:center;font-size:12px;padding:6px 8px;border-radius:6px}.ttlist button{border:0;background:none;cursor:pointer;color:var(--ink-2)}.narrow{max-width:400px;margin:40px auto}.card{border:1px solid var(--line);border-radius:12px;padding:28px}.form .field{display:block;margin:0 0 14px}.form .field>span{display:block;font-size:12px;color:var(--ink-2);margin-bottom:6px}.form .field small{display:block;color:var(--gray);font-size:11px;margin-top:4px}.form input:not([type=checkbox]):not([type=file]),.form select{width:100%;height:42px;padding:0 12px;border:1px solid var(--line);border-radius:8px;outline:none}.form input:focus{border-color:var(--red)}.link-r{color:var(--red);font-weight:700}.notif{display:flex;gap:12px;padding:12px 14px;border-radius:8px;align-items:flex-start;border-bottom:1px solid var(--line-2)}.notif:hover{background:var(--bg-2)}.notif.unread b:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--red);margin-right:6px;vertical-align:2px}.notif .t{color:var(--gray);font-size:11px;margin-left:6px}.notif p{margin:2px 0 0;color:var(--ink-2)}.foot{border-top:1px solid var(--line);background:var(--bg-2)}.foot-in{max-width:1080px;margin:0 auto;padding:20px 16px;display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--ink-2)}@media (max-width: 1000px){.cols,.cols.two{grid-template-columns:1fr}.lrail,.rrail,.hdr-menu .soon,.hsearch{display:none}.home-grid,.tt{grid-template-columns:1fr}}