/* OT마을 v2 — original enterprise-inspired visual system. No third-party brand assets. */
:root {
  --green:#1428a0;--deep:#0a1a80;--mint:#1b49da;--mint2:#eef2ff;--cream:#f8fafc;
  --bg:#f6f7f9;--card:#fff;--ink:#151820;--muted:#697386;--line:#e3e6ec;
  --shadow:none;--radius:15px;
  font-family: "Pretendard Variable",Pretendard,"Apple SD Gothic Neo","Malgun Gothic",system-ui,-apple-system,sans-serif;
}
html{scroll-behavior:smooth}body{background:var(--bg);font-size:14px;line-height:1.55;color:var(--ink);letter-spacing:-.25px}
button,input,textarea,select{font:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #7aa7ff;outline-offset:2px}
a:hover{text-decoration:none}.ui-icon{width:19px;height:19px;stroke-width:1.8;vertical-align:middle;flex:none}
.skip-link{position:absolute;left:20px;top:-60px;z-index:70;padding:12px 18px;background:#111;color:white;border-radius:8px}.skip-link:focus{top:8px}
/* Header */
.top{height:74px;background:#fff;border-bottom:1px solid #e8eaef;box-shadow:none}
.top-inner{width:min(1430px,calc(100% - 64px));gap:29px}
.brand{min-width:182px;color:#111318;letter-spacing:-1.35px;font-size:23px;gap:11px}
.brand-mark{width:39px;height:39px;display:grid;place-items:center;background:#1428a0;color:#fff;border-radius:12px;font-family:Arial,sans-serif;font-size:16px;letter-spacing:-1.3px;font-weight:900;box-shadow:none}
.top-menu{align-self:stretch;gap:33px}
.top-menu a{height:100%;display:flex;align-items:center;color:#525762;font-weight:700;font-size:14px;border-bottom:3px solid transparent;padding-top:3px}
.top-menu a.active{border-color:#1428a0;color:#1428a0}.top-menu a:hover{color:#1428a0}
.top-search{min-width:155px;width:min(310px,25vw);height:41px;background:#f6f7f9;border:1px solid #edf0f3;border-radius:10px;padding:8px 13px;margin-left:auto;color:#667085}
.top-search:focus-within{background:white;border-color:#1428a0;box-shadow:0 0 0 3px #1428a018}
.top-search input{color:#202734;font-weight:500;font-size:13px}.top-search input::placeholder{color:#8e96a4}
.account-actions{gap:9px}.btn{background:#fff;color:#242934;border:1px solid #dce0e6;border-radius:10px;min-height:40px;padding:10px 15px;transition:background .15s,border .15s;transform:none!important;font-size:13px;font-weight:750;white-space:nowrap}
.btn:hover{background:#f6f8fc;border-color:#b7c1d0}.btn.primary{background:#1428a0;color:white;border-color:#1428a0}
.btn.primary:hover{background:#0a1a80;border-color:#0a1a80}.btn.soft{background:#eef2ff;border-color:#dce4ff;color:#1428a0}
.btn.small{min-height:37px;padding:8px 12px;font-size:12px}.btn .ui-icon{width:16px;height:16px}.btn.wide{width:100%;display:flex;justify-content:space-between}
.mobile-search-trigger{display:none;color:#333}
/* Layout */
.page{width:min(1430px,calc(100% - 64px));grid-template-columns:218px minmax(0,1fr) 252px;gap:24px;margin:28px auto 56px}
.sidebar,.aside{top:103px}.nav-card,.panel,.aside-box{background:#fff;border:1px solid #e7e9ee;border-radius:15px;box-shadow:none}
.nav-card{padding:16px 10px}.nav-intro{display:none}.nav-section-title{color:#9098a8;font-size:11px;font-weight:800;padding:12px 13px 7px;letter-spacing:.3px}
.nav-group{color:#9a9fac;font-size:11px;font-weight:800;padding:19px 13px 7px;letter-spacing:0;border-top:1px solid #f2f3f6;margin-top:8px}
.nav-item{border-radius:9px;padding:10px 13px;gap:12px;color:#4b5360;font-size:13px;min-height:41px;font-weight:650}
.nav-item .ui-icon{width:18px;height:18px;color:#68717f}
.nav-item .nav-dot{width:5px;height:5px;border-radius:50%;background:#c5cad2;flex:none;margin:0 7px}
.nav-item:hover{background:#f7f8fb;color:#151b26}
.nav-item.active{background:#eef1ff;color:#1428a0;font-weight:800}
.nav-item.active .ui-icon{color:#1428a0}.nav-item.active .nav-dot{background:#1428a0}
.sidebar-footer{font-size:11px;border-top:1px solid #f1f2f5;color:#9298a3;padding:15px 13px 2px}
.main{min-width:0}.main>section:last-child{margin-bottom:14px}
/* Home intro - compact and information-first */
.home-intro{background:#fff;border:1px solid #e6e9ef;border-radius:16px;padding:26px 29px;display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:14px;min-height:183px}
.intro-kicker{display:flex;align-items:center;gap:7px;color:#1428a0;letter-spacing:1px;font-size:10px;font-weight:850;margin-bottom:10px}
.intro-kicker span{width:6px;height:6px;border-radius:50%;background:#1428a0}
.home-intro h1{font-size:27px;line-height:1.38;letter-spacing:-1.15px;margin:0;color:#13151b;font-weight:850}
.home-intro p{color:#697386;font-size:13px;margin:10px 0 0}
.home-actions{display:flex;flex-direction:column;gap:9px;align-items:stretch;min-width:170px}
.home-actions .btn{justify-content:center;min-height:43px}.home-actions .btn .ui-icon{width:16px}
.notice-strip{background:#fff;border:1px solid #e6e9ef;border-radius:12px;padding:12px 17px;color:#444e60;min-height:48px;margin-bottom:22px}
.notice-strip .notice-tag{font-size:10px;color:#1428a0;letter-spacing:1px;font-weight:900;border-right:1px solid #e3e7ed;padding-right:15px;margin-right:3px}
.notice-strip a:not(.notice-more){font-size:13px;font-weight:600;flex:1}
.notice-strip .notice-more{display:grid;place-items:center;color:#838c9a;margin-left:auto}.notice-more .ui-icon{width:16px}
/* Cards and directory */
.section-header{margin-bottom:12px}.section-title{font-size:18px;font-weight:850;letter-spacing:-.55px;color:#181c26}
.section-title span{font-size:12px;color:#7c8492}.entry-block{margin:0 0 20px}
.quickgrid{gap:10px;margin-bottom:0}.gateway-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.quickcard{position:relative;padding:16px 14px 14px;min-height:144px;background:#fff;border:1px solid #e5e8ee;border-radius:14px}
.quickcard:hover{border:1px solid #1428a0;transform:none;box-shadow:0 5px 18px rgba(25,44,88,.045)}
.quickicon,.quickcard:nth-child(2) .quickicon,.quickcard:nth-child(3) .quickicon,.quickcard:nth-child(4) .quickicon{width:38px;height:38px;margin:0 0 12px;background:#eff2ff;color:#1428a0;border-radius:11px;display:grid;place-items:center}
.quickicon .ui-icon{width:20px;height:20px}
.quickcard strong{color:#1c2430;font-size:14px;font-weight:850;letter-spacing:-.3px}
.quickcard p{font-size:11px;color:#858d9a;margin-top:5px;font-weight:500}
.quick-go{position:absolute;right:14px;top:17px;color:#a6adba}.quick-go .ui-icon{width:16px;height:16px}
/* Feed */
.post-panel{margin-bottom:25px}.panel{border-radius:15px;overflow:hidden;margin-bottom:20px;border-color:#e6e9ee}
.panel-head{padding:19px 20px 16px}.panel-head h2{font-size:17px;line-height:1.35;letter-spacing:-.45px;font-weight:850}.panel-head p{font-size:12px;color:#858e9b;margin:5px 0 0}
.panel-head .tabs{background:#f3f4f7;border:0;padding:3px;border-radius:9px}.tabs button{padding:7px 11px;font-size:12px;color:#697282}
.tabs button.active{color:#1428a0;background:#fff;box-shadow:0 1px 3px #1a29410e}
.post-row{padding:14px 20px;min-height:65px;gap:13px;border-color:#f0f1f4}
.post-row:hover{background:#fafbff}.post-category{min-width:83px;text-align:left;font-size:11px;font-weight:750;background:#f3f5f9;color:#626c7c;max-width:120px;border-radius:5px;padding:4px 7px}
.post-info strong{font-size:13.4px;color:#29313f;font-weight:750;line-height:1.45}.post-info small{font-size:11px;color:#949ca9;margin-top:5px}
.post-meta{font-size:11px;color:#a0a6b0}.post-row-arrow{color:#b4bbc5}.post-row-arrow .ui-icon{width:14px}
.more-foot{background:#fff;padding:16px;color:#4c596d;font-size:12px;font-weight:750;display:flex;align-items:center;justify-content:center;gap:7px}
.more-foot:hover{background:#f8faff;color:#1428a0}.more-foot .ui-icon{width:16px;height:16px}
.chip{border-radius:4px;background:#e9ecf4;color:#687488;font-size:10px;padding:3px 6px;margin-left:6px;font-weight:750}
/* Resource list */
.home-resources{margin-top:26px}.link-muted{color:#657188;font-weight:700;font-size:12px;display:inline-flex;align-items:center;gap:6px}.link-muted .ui-icon{width:15px;height:15px}
.resource-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.resource-item{min-width:0;display:flex;align-items:center;gap:13px;background:#fff;border:1px solid #e5e8ed;border-radius:12px;padding:16px}
.resource-item:hover{border-color:#1428a0}.resource-index{color:#1428a0;font-weight:900;font-size:13px}.resource-copy{min-width:0;flex:1}.resource-copy strong{display:block;font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.resource-copy small{font-size:11px;color:#9098a5}.resource-item .ui-icon{color:#b2bac6;width:16px;height:16px}
/* Aside */
.aside-box{padding:20px;margin-bottom:14px}.aside-box h3{font-size:16px;font-weight:850;margin:0 0 10px;line-height:1.3}.aside-box p{font-size:12px;color:#747e8e;line-height:1.7;margin:7px 0 16px}
.aside-overline{font-weight:850;letter-spacing:.9px;font-size:10px;color:#1428a0;margin-bottom:12px}
.aside-study{background:#f6f8ff;border-color:#e7ebff}.aside-study h3{font-size:18px;letter-spacing:-.7px;color:#151d40}
.aside-score{display:grid;grid-template-columns:1fr 1fr;align-items:baseline;margin-bottom:15px;row-gap:4px;border-top:1px solid #e2e7fb;padding-top:12px}
.aside-score strong{font-size:25px;color:#1428a0;font-weight:850}.aside-score span{font-size:11px;color:#76829b}
.compact-links{display:grid}.compact-links a{padding:11px 0;border-bottom:1px solid #f0f1f4;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:space-between;gap:8px;color:#424b5b}.compact-links a:last-child{border-bottom:0}
.compact-links a:hover{color:#1428a0}.compact-links .ui-icon{width:14px;height:14px;color:#b0b7c1}.aside-legend{color:#a0a8b4;font-size:10px;margin-top:13px}
.aside-join h3{font-size:15px}.safe-hint{display:flex;align-items:start;gap:8px;color:#8b94a1;font-size:11px;padding:0 9px}.safe-hint .ui-icon{width:17px;height:17px;flex:none}
/* Directory and boards */
.kicker{color:#1428a0;font-size:11px;font-weight:900;letter-spacing:1px;margin:0 0 6px}.content-head{margin-bottom:25px}.page-title{font-size:29px;font-weight:850;letter-spacing:-1.2px;color:#141923;line-height:1.3;margin:5px 0 7px}.lead{color:#7b8594;font-size:13px;line-height:1.7;margin:0 0 20px}
.breadcrumbs{font-size:12px;color:#919aa8;display:flex;gap:10px;align-items:center;margin-bottom:20px}.breadcrumbs a:hover{color:#1428a0}
.board-title{margin-bottom:24px;align-items:center}.board-title .lead{margin:0}.board-title .page-title{margin:0 0 7px}.board-readonly{padding:8px 10px;color:#8993a2;background:#eceef2;border-radius:8px;font-size:12px}
.filterbar{border-color:#eef0f3;padding:14px 20px}.smallmuted{color:#8992a0;font-size:12px}.filterbar .btn .ui-icon{width:15px;height:15px}
.board-directory-bottom{margin:0 0 20px;text-align:right}.board-directory-bottom a{font-size:12px;color:#5a6473;font-weight:700;display:inline-flex;align-items:center;gap:8px}.board-directory-bottom .ui-icon{width:16px;height:16px}
.directory-feature{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:22px}.directory-feature a{display:flex;align-items:center;gap:12px;background:#1428a0;color:white;border-radius:12px;padding:19px 18px;font-size:14px;font-weight:800}.directory-feature a:last-child{background:#1b2540}.directory-feature a .ui-icon:last-child{margin-left:auto}
.directory-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.directory-group{background:#fff;border:1px solid #e6e9ee;border-radius:14px;overflow:hidden;align-self:start}.directory-group h2{margin:0;font-size:15px;padding:18px 19px 14px;border-bottom:1px solid #eef0f3}.directory-items>a{display:flex;align-items:center;gap:9px;padding:14px 19px;border-top:1px solid #f2f3f6}.directory-items>a:first-child{border-top:0}.directory-items>a:hover{background:#f8faff}.directory-items>a>div{flex:1;min-width:0}.directory-items strong{font-size:13px;font-weight:750}.directory-items p{margin:3px 0 0;color:#9098a3;font-size:11px;line-height:1.5}.directory-count{color:#9fa7b3;font-size:11px;white-space:nowrap}.directory-items .ui-icon{width:15px;height:15px;color:#a4acb9}
/* Study */
.study-notice,.demo-alert{background:#f4f5f8;color:#667182;border:1px solid #e9ebef;border-radius:10px;padding:12px 15px;font-size:12px;display:flex;gap:10px;align-items:center;margin-bottom:20px}
.study-notice .ui-icon,.demo-alert .ui-icon{color:#536bba;width:18px;height:18px}.demo-alert{margin:0 0 15px;background:#f2f4fa;color:#546071}.demo-alert strong{color:#23356c}
.quiz-subjects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.subject{display:flex;align-items:center;gap:14px;min-height:105px;border:1px solid #e6e9ee;border-radius:13px;background:#fff;padding:20px}.subject:hover{border-color:#1428a0;transform:none;box-shadow:0 6px 16px #0e2f7210}
.subject-num{color:#1428a0;background:#eff2ff;border-radius:10px;font-size:15px;font-weight:900;width:45px;height:45px;display:grid;place-items:center;flex:none}
.subject-copy{flex:1;min-width:0}.subject strong{font-size:15px;font-weight:850}.subject small{font-size:12px;color:#8791a0;margin-top:3px}.subject-amount{font-size:11px;color:#8f97a3;white-space:nowrap}.subject .ui-icon{width:16px;height:16px;color:#a0a8b5}
.study-bottom{margin-top:22px;display:flex;justify-content:space-between;align-items:center;gap:16px;background:#fff;padding:19px 20px;border-radius:13px;border:1px solid #e5e7ec}.study-bottom>div{font-size:13px}.study-bottom>div>.ui-icon{color:#1428a0;margin-right:7px}.study-bottom p{color:#88919c;font-size:12px;margin:5px 0 0}
.question{padding:28px}.question h2{font-size:21px;color:#1b2330;line-height:1.6}.choice{border:1px solid #dfe4ec;background:#fff;color:#2c3645;border-radius:10px;min-height:60px;padding:16px}.choice:hover{border-color:#1428a0}.choice.selected{border-color:#1428a0;background:#f3f5ff}.choice.correct{border-color:#25845f;background:#eef8f1;color:#175d3e}.choice.wrong{border-color:#bb5c59;background:#fff3f2;color:#a23d3b}
.choice-number{border-radius:6px;background:#f1f3f6;color:#657080}.explanation{background:#eef5ff;color:#2b4572}.progress{background:#e9edf4}.progress span{background:#1428a0}
/* Forms, posts, account */
.field{border:1px solid #dce1ea;border-radius:9px;font-size:13px;color:#29313d}.field:focus{outline:none;border-color:#1428a0;box-shadow:0 0 0 3px #1428a018}
.form label{font-size:12px;color:#374151}.form .help{color:#8993a1}.bodytext{color:#333e4c;line-height:1.9}
.post-detail-head h1{color:#1b2430;letter-spacing:-.75px}.post-detail-head .meta{color:#8c96a3}
.badge{color:#1428a0;background:#edf0ff}.badge.yellow{color:#8a6220;background:#f7f1e3}.tag{color:#697386;border-color:#e3e6eb}
.avatar{color:#1428a0;background:#eef1fb}.comment-body p{color:#424d5c}
.auth-top .brand{font-size:25px}.auth-box{max-width:500px}.auth-box .panel{border-color:#e8ebf0}.form textarea{min-height:220px}
.note{background:#f3f6ff;color:#445884;border-color:#1428a0}.empty{color:#8e97a3}.empty .empty-icon{filter:grayscale(1);opacity:.6}
.toast{background:#151b28;border-radius:9px;font-size:12px;color:white}
.page-search-form{display:flex;gap:9px;background:#fff;border:1px solid #e6e9ef;border-radius:12px;padding:15px;margin-bottom:16px}.page-search-form input{flex:1;min-width:0}.page-search-form button{min-width:95px}
/* Footer */
.footer{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:17px;font-size:11px;color:#9da6b3;margin:3px auto 0;padding:28px 15px 36px;border-top:1px solid #e7e9ed}
.footer a{color:#687180;font-weight:600}
.mobile-nav{display:none}
@media(max-width:1350px){.page{grid-template-columns:213px minmax(0,1fr) 235px;gap:17px}.top-inner{gap:21px}.top-menu{gap:23px}}
@media(max-width:1170px){.page{grid-template-columns:205px minmax(0,1fr)}.aside{display:none}.top-menu{gap:17px}.top-search{width:min(260px,22vw)}}
@media(max-width:800px){
 body{padding-bottom:77px}.top{height:62px}.top-inner{width:calc(100% - 30px);gap:10px}.brand{font-size:21px;min-width:0;gap:8px}.brand-mark{width:37px;height:37px;border-radius:11px}
 .top-menu,.sidebar,.aside,.top-search{display:none}.page{display:block;width:calc(100% - 30px);margin:16px auto 35px}
 .mobile-search-trigger{display:grid;place-items:center;margin-left:auto;width:38px;height:38px;border-radius:9px;color:#3c4553}.mobile-search-trigger:hover{background:#f1f2f5}.mobile-search-trigger .ui-icon{width:22px;height:22px}
 .account-actions .compose-btn{display:flex;font-size:0;min-width:38px;width:38px;height:38px;padding:0;border-radius:9px}.account-actions .compose-btn .ui-icon{width:19px;height:19px}
 .account-actions .login-btn{display:none}
 .home-intro{padding:23px 20px;min-height:0;display:block;margin-bottom:12px}.home-intro h1{font-size:23px}.home-intro p{font-size:12px;line-height:1.65}
 .home-actions{display:flex;flex-direction:row;min-width:0;margin-top:19px;gap:8px}.home-actions .btn{min-width:0;flex:1;padding:10px 8px;font-size:11px;min-height:42px}
 .notice-strip{margin-bottom:20px}.notice-strip .notice-tag{padding-right:11px}.notice-strip a:not(.notice-more){font-size:12px}
 .section-title{font-size:16px}.gateway-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.quickcard{padding:13px 12px;min-height:125px}.quickicon{width:35px;height:35px;margin-bottom:10px}.quickcard strong{font-size:12.5px}.quickcard p{font-size:10.5px}.quick-go{right:10px;top:14px}
 .post-row{padding:13px 13px;gap:10px;min-height:66px}.post-category{min-width:65px;max-width:76px;font-size:10px;line-height:1.45;padding:4px 6px}.post-info strong{font-size:12px}.post-info small{font-size:10px}.post-meta{display:none}.post-row-arrow{display:none}
 .panel-head{padding:16px 14px 13px}.panel-head h2{font-size:15px}.panel-head p{font-size:11px}
 .resource-list{grid-template-columns:1fr}.resource-item{padding:14px}.footer{padding:20px 15px 15px;font-size:10px;gap:5px 14px;line-height:1.7}
 .directory-groups{grid-template-columns:1fr;gap:12px}.directory-feature{grid-template-columns:1fr 1fr;gap:8px}.directory-feature a{padding:14px 11px;font-size:12px;gap:7px}
 .directory-feature .ui-icon{width:17px;height:17px}.directory-items a{padding:14px 15px}.directory-group h2{padding:15px}
 .quiz-subjects{grid-template-columns:1fr;gap:9px}.subject{padding:15px;min-height:84px}.subject-num{width:42px;height:42px}.subject strong{font-size:14px}.subject small{font-size:11px}
 .study-bottom{flex-direction:column;align-items:stretch;gap:13px}.study-bottom .btn{justify-content:center}
 .page-title{font-size:24px}.content-head{margin-bottom:20px}.breadcrumbs{margin-bottom:14px}.board-title .btn{font-size:12px}.filterbar{padding:13px 15px}
 .page-search-form{padding:10px}.page-search-form button{min-width:78px}
 .mobile-nav{display:flex;position:fixed;left:0;right:0;bottom:0;height:70px;background:#fff;border-top:1px solid #e3e6eb;z-index:40;align-items:center;justify-content:space-around;padding-bottom:env(safe-area-inset-bottom,0)}
 .mobile-nav a{flex:1;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3px;text-align:center;color:#8b93a0;font-size:10px;font-weight:750;min-width:0;white-space:nowrap;height:100%}
 .mobile-nav a .ui-icon{width:21px;height:21px}.mobile-nav a.active{color:#1428a0}.question{padding:19px}.question h2{font-size:18px}.form{padding:17px}
}
@media(max-width:370px){.page{width:calc(100% - 20px)}.brand{font-size:19px}.home-intro h1{font-size:21px}.home-actions .btn{font-size:10px}.post-category{max-width:66px;min-width:61px}}
/* final mobile readability adjustments */
@media(max-width:800px){
 .mobile-nav a span{font-size:10px!important;font-weight:750;line-height:1.25;letter-spacing:-.2px}
 .mobile-nav a .ui-icon{display:block;width:21px;height:21px}
 .home-intro{padding:19px 20px}
 .home-intro h1{font-size:22px;line-height:1.34}
 .home-intro p{margin-top:7px}
 .home-actions{margin-top:15px}
 .quickcard{min-height:110px}
 .notice-strip{margin-bottom:16px}
 .entry-block{margin-bottom:16px}
 .quickgrid{margin-bottom:0}
}