@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css');
@font-face{font-family:'Korail';src:url('/fonts/Korail_Round_Gothic_Light.ttf');font-weight:300;font-display:swap}
@font-face{font-family:'Korail';src:url('/fonts/Korail_Round_Gothic_Medium.ttf');font-weight:400;font-display:swap}
@font-face{font-family:'Korail';src:url('/fonts/Korail_Round_Gothic_Bold.ttf');font-weight:700;font-display:swap}

:root{
  --ink:#3a3530; --soft:#7a7268; --line:#e8e2d8;
  --teal:#51767c; --teal-dk:#3e5d62; --cream:#faf7f1; --sand:#f1ebe0; --gold:#b9975b;
}

/* base — applies site-wide on board pages */
body{font-family:'Pretendard',-apple-system,BlinkMacSystemFont,sans-serif;color:var(--ink);background:var(--cream);line-height:1.7;margin:0}

.mb-wrap{max-width:960px;margin:0 auto;padding:0 22px}

.mb-topline{background:var(--teal);color:#fff;font-size:13px;text-align:center;padding:7px 12px}
.mb-topline a{color:#fff;text-decoration:underline}

.mb-header{background:var(--cream);border-bottom:2px solid var(--sand)}
.mb-header .hbar{display:flex;flex-direction:column;align-items:center;padding:26px 0 0;text-align:center}
.mb-header .brand{font-family:'Korail',sans-serif;font-size:25px;font-weight:700;color:var(--teal-dk);letter-spacing:-.5px}
.mb-header .brand a{color:inherit;text-decoration:none}
.mb-header .brand small{display:block;font-size:14px;font-weight:400;color:var(--soft);letter-spacing:0;margin:8px auto 0;max-width:680px;line-height:1.6;word-break:keep-all}
.mb-header .brand small .ref{color:var(--gold);font-weight:700;white-space:nowrap}

.mb-nav{margin:20px 0 0;width:100%;border-top:1px solid var(--line)}
.mb-menu{display:flex;justify-content:center;gap:2px;list-style:none;flex-wrap:wrap;margin:0;padding:0}
.mb-menu>li{position:relative}
.mb-menu>li>a{display:block;padding:13px 16px;color:var(--ink);font-size:15px;font-weight:500;text-decoration:none}
.mb-menu>li>a:hover{color:var(--teal-dk);background:var(--sand)}
.mb-caret{font-size:10px;color:var(--soft);margin-left:2px}
.mb-sub{position:absolute;top:100%;left:0;min-width:180px;background:#fff;border:1px solid var(--line);border-radius:0 0 8px 8px;box-shadow:0 8px 20px rgba(58,53,48,.14);list-style:none;padding:6px 0;margin:0;display:none;z-index:300}
.mb-has-sub:hover::after,.mb-has-sub:focus-within::after{content:"";position:absolute;left:0;top:100%;width:100%;height:14px}
.mb-has-sub:hover .mb-sub,.mb-has-sub:focus-within .mb-sub{display:block}
.mb-sub li a{display:block;padding:10px 18px;font-size:14px;color:var(--ink);white-space:nowrap;text-decoration:none}
.mb-sub li a:hover{background:var(--sand);color:var(--teal-dk)}

.mb-content{max-width:960px;margin:0 auto;padding:34px 22px;min-height:50vh}

/* mobile hamburger (CSS-only) */
.mb-toggle{display:none}
.mb-burger{display:none}

.mb-footer{background:var(--teal-dk);color:#dfe8e6;padding:34px 0 40px;margin-top:30px}
.mb-footer .fmenu{display:flex;flex-wrap:wrap;gap:18px;font-size:14px;margin-bottom:14px}
.mb-footer .fmenu a{color:#fff;text-decoration:none}
.mb-footer .copy{font-size:13px;color:#b7c9c5}

/* board document view (글보기) tidy — applies all widths */
.mb-content .read_body .xe_content iframe{width:100%;max-width:100%;aspect-ratio:16/9;height:auto;border:0;border-radius:8px;display:block;margin:0 auto 8px}
.mb-content .read_body .xe_content p:empty{display:none}
.mb-content .read_footer{margin-top:20px;padding-top:16px;border-top:1px solid var(--line)}
.mb-content .read_footer .sns{display:none}
.mb-content .read_footer .tns .action{display:none}
.mb-content .read_footer .tags{display:block;line-height:2.1}
.mb-content .read_footer .tags>span{display:none}
.mb-content .read_footer .tags .tag{display:inline-block;background:var(--sand);color:var(--teal-dk);font-size:12px;line-height:1.4;padding:3px 11px;margin:0 6px 6px 0;border-radius:14px;text-decoration:none}
.mb-content .read_footer .tags .tag:hover{background:var(--gold);color:#fff}
.mb-content .read_footer .btnArea{margin-top:14px;text-align:right}

@media(max-width:720px){
  .mb-header .hbar{position:relative}
  .mb-header .brand{font-size:20px;padding:0 42px}
  .mb-burger{display:block;position:absolute;top:14px;right:6px;font-size:26px;line-height:1;color:var(--teal-dk);cursor:pointer;padding:6px 10px;-webkit-user-select:none;user-select:none}
  .mb-nav{display:none;margin-top:14px}
  .mb-toggle:checked ~ .mb-nav{display:block}
  .mb-menu{flex-direction:column;align-items:stretch}
  .mb-menu>li>a{padding:11px 14px;font-size:14px;border-bottom:1px solid var(--line)}
  .mb-sub{position:static;display:block;box-shadow:none;border:0;border-radius:0;padding:0 0 6px;background:var(--sand)}
  .mb-sub li a{padding:9px 30px}

  /* board list (게시판 목록): mobile shows 제목·글쓴이·날짜 only.
     live skin cols: .no 번호, .title 제목, .author 글쓴이, .time 날짜, .readNum 조회수, .check 체크 */
  .mb-content .board_list,
  .mb-content .board_list table{background:none!important}
  .mb-content table{width:100%;table-layout:auto;font-size:13px;border:0!important;border-collapse:collapse!important;box-shadow:none!important}
  .mb-content table thead{display:none!important}
  .mb-content table tbody tr,
  .mb-content table tbody tr:first-child{background:transparent!important;border:0!important;outline:0!important;box-shadow:none!important;border-radius:0!important}
  .mb-content table tbody tr.notice{background:var(--sand)!important}
  .mb-content table td,
  .mb-content table tbody tr:first-child td{border:0!important;border-bottom:1px solid var(--line)!important;background:transparent!important;outline:0!important;box-shadow:none!important;border-radius:0!important}
  .mb-content table td.no,
  .mb-content table td.notice,
  .mb-content table td.readNum,
  .mb-content table td.check{display:none}
  .mb-content table td.title{white-space:normal;word-break:keep-all;line-height:1.5;padding:10px 6px}
  .mb-content table td.title a{word-break:keep-all}
  .mb-content table td.author{width:64px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--soft);font-size:12px;padding:10px 4px}
  .mb-content table td.time{width:74px;text-align:center;white-space:nowrap;color:var(--soft);font-size:12px;padding:10px 4px}
}