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

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

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

/* Staff/gallery forms keep their existing fields and validation as well. */
html[data-foreign-mobile-board="write"] #bo_w .tbl_frm01{width:100%;margin:0;padding:0;}
html[data-foreign-mobile-board="write"] #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-foreign-mobile-board="write"] #bo_w .tbl_frm01 tr{margin-bottom:20px;}
html[data-foreign-mobile-board="write"] #bo_w .tbl_frm01 th{margin-bottom:8px;font-size:14px;}
html[data-foreign-mobile-board="write"] #bo_w :is(input[type=email],input[type=url]){width:100%;}

[data-foreign-mobile-board] body{margin:0;overflow-wrap:anywhere;background:#fff;}
[data-foreign-mobile-board] .fmb-shell{width:100%;min-width:0;word-break:normal;}
[data-foreign-mobile-board] #fmb-main{width:100%;max-width:60rem;margin:0 auto;background:#fff;}
[data-foreign-mobile-board] .fmb-breadcrumb{display:flex;gap:16px;padding:20px 16px 0;font-size:14px;}
[data-foreign-mobile-board] .fmb-intro{margin:0;padding:0;}
[data-foreign-mobile-board] .fmb-intro:empty{display:none;}
[data-foreign-mobile-board] .pg_wrap{padding:24px 16px;white-space:normal;}
[data-foreign-mobile-board] #hd_login_msg{font-size:12px;}
[data-foreign-mobile-board="login"] .fmb-login{box-sizing:border-box;max-width:28rem;margin:0 auto;padding:24px 16px 40px;color:var(--fmb-ink);font-size:15px;line-height:1.6;}
[data-foreign-mobile-board="login"] .fmb-login *{box-sizing:border-box;}
[data-foreign-mobile-board="login"] .fmb-login form{display:grid;gap:10px;}
[data-foreign-mobile-board="login"] .fmb-login label{margin-top:8px;font-size:14px;font-weight:600;}
[data-foreign-mobile-board="login"] .fmb-login input{display:block;width:100%;min-width:0;min-height:48px;padding:12px;border:1px solid var(--fmb-line);border-radius:8px;background:#fff;color:var(--fmb-ink);font:inherit;font-size:16px;}
[data-foreign-mobile-board="login"] .fmb-login input[type=hidden]{display:none;}
[data-foreign-mobile-board="login"] .fmb-login button{min-height:48px;margin-top:14px;padding:12px;border:0;border-radius:8px;background:var(--fmb-action);color:#fff;font:inherit;font-weight:600;}
[data-foreign-mobile-board="login"] .fmb-login :is(.m-login-sns,.login-sns,.loginSns){display:grid;gap:12px;width:100%;height:auto;margin:0;padding:0;}
[data-foreign-mobile-board="login"] .fmb-login .sns-icon{position:static;display:flex;align-items:center;justify-content:center;float:none;width:100%;height:auto;min-height:48px;margin:0;padding:12px;border-radius:8px;background:#eef4fa;background-image:none;color:var(--fmb-ink);font-size:15px;font-weight:600;text-decoration:none;}
[data-foreign-mobile-board="login"] .fmb-login .sns-icon[href*="service=naver"]{background:#03c75a;color:#fff;}
[data-foreign-mobile-board="login"] .fmb-login .sns-icon[href*="service=kakao"]{background:#fee500;color:#191919;}
[data-foreign-mobile-board="login"] .fmb-login .sns-icon :is(img,.ico){display:none;}
[data-foreign-mobile-board="login"] .fmb-login__or{text-align:center;color:var(--fmb-muted);margin:20px 0;}
[data-foreign-mobile-board="login"] .fmb-login__join{margin:24px 0 0;text-align:center;font-size:14px;}
[data-foreign-mobile-board="login"] .fmb-login__join a{display:inline-block;min-height:44px;padding:10px 4px;color:var(--fmb-action);}

[data-foreign-mobile-board] #fmb-main :is(p,label,a,button){word-break:normal;}