/* NOVA board shared layout: comfortable writing, reading and mobile use */
#bo_w{width:min(1060px,calc(100% - 48px));margin:0 auto 96px;color:#17231b}
#bo_w #fwrite{width:100%!important;margin:0;padding:0 0 20px}
#bo_w .write_div{margin:0 0 14px}
#bo_w .bo_w_info{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#bo_w input.frm_input,#bo_w select,#bo_w textarea{box-sizing:border-box;border:1px solid #d3ded0;background:#fff;color:#17231b;border-radius:2px;font:inherit;outline:none;transition:border-color .2s,box-shadow .2s}
#bo_w input.frm_input:focus,#bo_w select:focus,#bo_w textarea:focus{border-color:#6e8a70;box-shadow:0 0 0 3px rgba(110,138,112,.12)}
#bo_w input.frm_input{width:100%;height:54px;padding:0 16px;font-size:15px}
#bo_w .full_input{width:100%!important}
#bo_w .bo_w_select select{width:100%;height:54px;padding:0 16px}
#bo_w .bo_w_tit{margin-top:2px}
#bo_w .wr_content{margin-top:0}
#bo_w .wr_content textarea{display:block;width:100%;min-height:340px;padding:18px;resize:vertical;line-height:1.8;font-size:16px}
#bo_w .wr_content iframe{display:block;width:100%;min-height:340px;border:1px solid #d3ded0}
#bo_w .bo_v_option{display:flex;flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none}
#bo_w .bo_v_option li{margin:0}
#bo_w .bo_v_option label{display:inline-flex;align-items:center;gap:6px;min-height:38px;padding:0 12px;border:1px solid #d3ded0;color:#607264;background:#f7faf5;font-size:13px}
#bo_w .bo_w_link input{margin-top:8px}
#bo_w .bo_w_link label{display:block;color:#708071;font-size:12px}
#bo_w .bo_w_flie{padding:12px 14px;border:1px solid #e0e7dd;background:#f7faf5}
#bo_w .bo_w_flie .file_wr{margin:0 0 8px}
#bo_w .bo_w_flie input[type=file]{max-width:100%;font-size:13px}
#bo_w .file_del{display:block;font-size:12px;color:#718073}
#bo_w .btn_confirm{display:flex;justify-content:flex-end;gap:10px;margin-top:28px}
#bo_w .btn_confirm .btn{min-width:112px;height:48px;padding:0 20px;border:1px solid #cbd8c8;border-radius:2px;background:#fff;color:#536656;font:inherit;cursor:pointer}
#bo_w .btn_confirm .btn_submit{border-color:#17231b;background:#17231b;color:#fff}
#bo_w .captcha{margin-top:18px;overflow:hidden}
#bo_w #char_count_desc{margin:0 0 8px;color:#829083;font-size:12px}
/* List screens */
#bo_list{width:min(1060px,calc(100% - 48px));max-width:none;margin:0 auto;padding:36px 0 96px}
#bo_list .tbl_wrap{overflow-x:auto}
#bo_list table{min-width:640px}
/* View screens */
#bo_v{width:min(1060px,calc(100% - 48px));max-width:none!important}
@media(max-width:700px){
  #bo_w,#bo_list,#bo_v{width:calc(100% - 28px)}
  #bo_w{margin-bottom:56px}
  #bo_w .bo_w_info{grid-template-columns:1fr;gap:10px}
  #bo_w .write_div{margin-bottom:10px}
  #bo_w input.frm_input,#bo_w select{height:50px;padding:0 13px;font-size:16px}
  #bo_w .wr_content textarea{min-height:260px;padding:14px;font-size:16px}
  #bo_w .wr_content iframe{min-height:260px}
  #bo_w .bo_v_option{gap:7px}
  #bo_w .bo_v_option label{min-height:40px;padding:0 10px}
  #bo_w .bo_w_flie{padding:10px}
  #bo_w .bo_w_flie input[type=file]{width:100%;font-size:12px}
  #bo_w .btn_confirm{position:sticky;bottom:0;z-index:5;margin:20px -14px 0;padding:12px 14px;background:rgba(247,249,244,.96);border-top:1px solid #dbe5d8}
  #bo_w .btn_confirm .btn{flex:1;min-width:0;height:46px;padding:0 12px}
  #bo_list{padding-top:22px;padding-bottom:60px}
  #bo_list table{min-width:0}
  #bo_list th{height:44px;font-size:11px}
  #bo_list td{height:62px;font-size:13px}
  #bo_list .td_subject a{font-size:15px}
  #bo_v{margin-bottom:56px!important}
  #bo_v_title .bo_v_tit{word-break:keep-all}
}
/* Gallery action bar and search trigger */
#bo_gall{width:min(1060px,calc(100% - 48px))!important;max-width:none!important;margin:0 auto;padding:36px 0 96px}
#bo_gall #bo_btn_top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:24px 0 30px;padding:0}
#bo_gall #bo_list_total{color:#657466;font-size:14px;letter-spacing:-.2px}
#bo_gall .btn_bo_user{display:flex;align-items:center;gap:8px;margin:0;padding:0;list-style:none}
#bo_gall .btn_bo_user li{margin:0;padding:0;list-style:none}
#bo_gall .btn_bo_user .btn_b01,#bo_gall .btn_bo_user .btn_admin{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:1px solid #cfdbcc;border-radius:2px;background:#fff;color:#26392b;font-size:16px;text-decoration:none;box-sizing:border-box}
#bo_gall .btn_bo_user .btn_b01:hover{background:#eef4eb;border-color:#9eb39d}
#bo_gall .bo_sch_wrap{z-index:1000}
#bo_gall .bo_sch{width:min(520px,calc(100% - 32px));padding:30px;border-radius:4px}
@media(max-width:700px){
  #bo_gall{width:calc(100% - 28px)!important;padding:22px 0 60px}
  #bo_gall #bo_btn_top{align-items:flex-start;margin:16px 0 22px}
  #bo_gall #bo_list_total{font-size:13px;padding-top:12px}
  #bo_gall .btn_bo_user{gap:6px}
  #bo_gall .btn_bo_user .btn_b01,#bo_gall .btn_bo_user .btn_admin{width:40px;height:40px}
  #bo_gall .bo_sch{padding:24px 18px}
}