@charset "utf-8";
/* KO/mobile/V2 presentation. No selectors escape the page-level guard. */
[data-ko-mobile-board] {
  --kmb-ink:var(--mobile-ui-ink,#293544);
  --kmb-muted:var(--mobile-ui-muted,#506079);
  --kmb-line:var(--mobile-ui-line,#dce5ef);
  --kmb-action:var(--mobile-ui-action-primary,#0077b8);
}
[data-ko-mobile-board] .kmb-list,
[data-ko-mobile-board] .kmb-detail,
[data-ko-mobile-board] .kmb-write-heading,
[data-ko-mobile-board] #bo_w {box-sizing:border-box;width:100%;max-width:60rem;margin:0 auto;padding:24px 16px 32px;color:var(--kmb-ink);font-size:15px;line-height:1.65;}
[data-ko-mobile-board] :is(.kmb-list,.kmb-detail,#bo_w) * {box-sizing:border-box;}
[data-ko-mobile-board] :is(.kmb-list,.kmb-detail,.kmb-write-heading) h1 {margin:0 0 12px;font-size:22px;font-weight:700;line-height:1.45;overflow-wrap:anywhere;}
[data-ko-mobile-board] .kmb-list h2 {margin:0 0 8px;font-size:18px;line-height:1.5;}
[data-ko-mobile-board] :is(.kmb-list__heading,.kmb-detail__heading,.kmb-write-heading) p {margin:8px 0 20px;color:var(--kmb-muted);font-size:14px;}
[data-ko-mobile-board] .kmb-list--embedded {border-top:1px solid var(--kmb-line);margin-top:24px;}
[data-ko-mobile-board] .kmb-search {display:grid;grid-template-columns:90px minmax(0,1fr) 52px;gap:8px;margin:0 0 16px;}
[data-ko-mobile-board] .kmb-search :is(input,select,button) {min-width:0;min-height:44px;margin:0;padding:8px;border:1px solid var(--kmb-line);border-radius:8px;background:#fff;color:var(--kmb-ink);font:inherit;font-size:14px;}
[data-ko-mobile-board] .kmb-search button {color:var(--kmb-action);font-weight:600;}
[data-ko-mobile-board] .kmb-reset {display:inline-block;min-height:44px;padding:8px 0;}
[data-ko-mobile-board] .kmb-list__items {list-style:none;margin:0;padding:0;border-top:1px solid var(--kmb-line);}
[data-ko-mobile-board] .kmb-list__items>li {display:flex;align-items:center;gap:12px;margin:0;padding:0;border-bottom:1px solid var(--kmb-line);}
[data-ko-mobile-board] .kmb-list__link {display:block;flex:1;min-width:0;min-height:64px;padding:16px 0;color:var(--kmb-ink);text-decoration:none;}
[data-ko-mobile-board] .kmb-list__meta {display:block;margin:0 0 5px;color:var(--kmb-muted);font-size:12px;}
[data-ko-mobile-board] .kmb-list__subject {font-size:15px;font-weight:600;line-height:1.65;overflow-wrap:anywhere;}
[data-ko-mobile-board] .kmb-list__subject .kmb-list__meta {display:inline;font-weight:400;}
[data-ko-mobile-board] .kmb-list__items .kmb-empty {display:block;padding:32px 0;color:var(--kmb-muted);text-align:center;}
[data-ko-mobile-board] :is(.kmb-list__actions,.kmb-list__admin,.kmb-detail__actions,.kmb-detail__navigation) {display:flex;flex-wrap:wrap;gap:8px;margin:16px 0;}
[data-ko-mobile-board] :is(.kmb-list__actions,.kmb-list__admin,.kmb-detail__actions,.kmb-detail__navigation) :is(a,button) {display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:9px 14px;border:1px solid var(--kmb-line);border-radius:8px;background:#fff;color:var(--kmb-action);font:inherit;font-size:14px;text-decoration:none;}
[data-ko-mobile-board] .kmb-detail__actions:empty {display:none;}
[data-ko-mobile-board] .kmb-detail__heading {padding-bottom:8px;border-bottom:1px solid var(--kmb-line);}
[data-ko-mobile-board] :is(.kmb-detail__attachments,.kmb-detail__links) a {display:block;min-height:44px;padding:12px 0;overflow-wrap:anywhere;color:var(--kmb-action);}
[data-ko-mobile-board] .kmb-detail #bo_v_con {width:100%;margin:20px 0;padding:0;overflow-x:auto;overflow-wrap:anywhere;font-size:16px;line-height:1.8;}
[data-ko-mobile-board] :is(.kmb-detail__content,.kmb-detail__attachments,.public-board-detail__content) :is(img,video,iframe) {max-width:100%!important;height:auto;}
[data-ko-mobile-board] .kmb-detail__navigation {border-top:1px solid var(--kmb-line);padding-top:20px;}
[data-ko-mobile-board] .kmb-write-heading {padding-bottom:0;}
[data-ko-mobile-board] .kmb-write-heading>a {display:inline-flex;align-items:center;min-height:44px;margin-bottom:8px;color:var(--kmb-action);font-size:14px;}
/* Existing form names, hidden fields, editor, CAPTCHA, validation and action stay intact. */
html[data-ko-mobile-board="write"][data-legacy-domestic-version="v2"] #bo_w {padding-top:12px;}
html[data-ko-mobile-board="write"][data-legacy-domestic-version="v2"] #bo_w form {width:100%!important;min-width:0;}
html[data-ko-mobile-board="write"][data-legacy-domestic-version="v2"] #bo_w .board-write {list-style:none;margin:0;padding:0;}
html[data-ko-mobile-board="write"][data-legacy-domestic-version="v2"] #bo_w .board-write>li {display:flex;flex-wrap:wrap;gap:12px;float:none;width:100%;margin:0 0 20px;padding:0;border:0;}
html[data-ko-mobile-board="write"][data-legacy-domestic-version="v2"] #bo_w .summary {display:block;float:none;flex:1 1 100%;width:100%;min-width:0;margin:0;padding:0;}
html[data-ko-mobile-board="write"][data-legacy-domestic-version="v2"] #bo_w .summary.half {flex:1 1 calc(50% - 6px);}
html[data-ko-mobile-board="write"][data-legacy-domestic-version="v2"] #bo_w label:is(.input,.none),
html[data-ko-mobile-board="write"][data-legacy-domestic-version="v2"] #bo_w .board-content-label {position:static;display:block;float:none;flex:none;width:auto;height:auto;min-height:0;margin:0 0 8px;padding:0;border:0;background:transparent;text-align:left;color:var(--kmb-ink);font-size:14px;line-height:1.5;visibility:visible;}
html[data-ko-mobile-board="write"][data-legacy-domestic-version="v2"] #bo_w :is(input:not([type=hidden]):not([type=checkbox]):not([type=radio]):not([type=submit]),select,textarea) {max-width:100%;min-height:48px;margin:0;padding:12px;border:1px solid var(--kmb-line);border-radius:8px;background:#fff;color:var(--kmb-ink);font-family:inherit;font-size:16px;line-height:1.5;}
html[data-ko-mobile-board="write"][data-legacy-domestic-version="v2"] #bo_w :is(input.long-input,input[type=text],input[type=password],select,textarea) {width:100%;}
html[data-ko-mobile-board="write"][data-legacy-domestic-version="v2"] #bo_w textarea {min-height:240px;resize:vertical;}
html[data-ko-mobile-board="write"][data-legacy-domestic-version="v2"] #bo_w input[type=file] {height:auto;white-space:normal;font-size:14px;}
html[data-ko-mobile-board="write"][data-legacy-domestic-version="v2"] #bo_w :is(.l_btn-wrap,.btn_confirm,.l__board-write-btn) {display:flex;flex-wrap:wrap;gap:12px;width:100%;margin:24px 0;padding:0;}
html[data-ko-mobile-board="write"][data-legacy-domestic-version="v2"] #bo_w :is(.l_btn-wrap,.btn_confirm,.l__board-write-btn) :is(a,input,button) {display:flex;flex:1;align-items:center;justify-content:center;min-height:48px;margin:0;padding:12px;border:1px solid var(--kmb-action);border-radius:8px;background:var(--kmb-action);color:#fff;font:inherit;text-align:center;}
html[data-ko-mobile-board="write"][data-legacy-domestic-version="v2"] #bo_w :is(.l_btn-wrap,.btn_confirm,.l__board-write-btn) :is(.btn-cancel,.btn_cancel) {background:#fff;color:var(--kmb-action);border-color:var(--kmb-line);}
html[data-ko-mobile-board="write"][data-legacy-domestic-version="v2"] #bo_w #captcha {max-width:100%;}
html[data-ko-mobile-board="write"][data-legacy-domestic-version="v2"] #bo_w #captcha_img {max-width:160px!important;height:60px!important;}
[data-ko-mobile-board] .kmb-comments :is(input:not([type=hidden]):not([type=checkbox]),textarea,button) {max-width:100%;min-height:44px;font-size:16px;}
[data-ko-mobile-board] .kmb-comments textarea {width:100%;min-height:120px;}
[data-ko-mobile-board] :is(.kmb-list,.kmb-detail,#bo_w,.kmb-write-heading) :is(a,button,input,select,textarea):focus-visible {outline:2px solid var(--kmb-action);outline-offset:3px;}

html[data-ko-mobile-board="write"][data-legacy-domestic-version="v2"] #bo_w{margin:0 auto;padding:12px 16px 32px;}

[data-ko-mobile-board] section.wrap,[data-ko-mobile-board] .kmb-list,[data-ko-mobile-board] .kmb-detail,[data-ko-mobile-board] #bo_w{background:#fff;}

/* Staff/gallery forms keep their existing fields and validation as well. */
html[data-ko-mobile-board="write"][data-legacy-domestic-version="v2"] #bo_w .tbl_frm01{width:100%;margin:0;padding:0;}
html[data-ko-mobile-board="write"][data-legacy-domestic-version="v2"] #bo_w .tbl_frm01 :is(table,tbody,tr,th,td){display:block;width:100%;min-width:0;height:auto;margin:0;padding:0;border:0;background:#fff;text-align:left;}
html[data-ko-mobile-board="write"][data-legacy-domestic-version="v2"] #bo_w .tbl_frm01 tr{margin-bottom:20px;}
html[data-ko-mobile-board="write"][data-legacy-domestic-version="v2"] #bo_w .tbl_frm01 th{margin-bottom:8px;font-size:14px;}
html[data-ko-mobile-board="write"][data-legacy-domestic-version="v2"] #bo_w :is(input[type=email],input[type=url]){width:100%;}
