.gp_box {max-width:440px;margin:40px auto 60px;padding:32px 24px;border:1px solid #ddd;text-align:center;box-sizing:border-box}
.gp_box .gp_title {margin:0 0 14px;font-size:1.25em;font-weight:bold;color:#222}
.gp_box .gp_subject {margin:0 0 10px;font-weight:bold;color:#333;word-break:keep-all}
.gp_box .gp_guide {margin:0 0 20px;color:#666;font-size:0.95em;line-height:1.6;word-break:keep-all}
.gp_box input[type=password] {display:block;width:100%;height:44px;margin:0 0 12px;padding:0 12px;border:1px solid #ccc;border-radius:3px;box-sizing:border-box;font-size:1em}
.gp_box .gp_btns {display:flex;justify-content:center;gap:8px}
.gp_box .btn-pack {display:inline-block;min-width:100px;height:40px;line-height:38px;padding:0 20px;border:1px solid #ccc;border-radius:3px;background:#fff;color:#4c4c4c;font-size:1em;text-align:center;vertical-align:middle;box-sizing:border-box;cursor:pointer;text-decoration:none;transition:all 200ms ease-in-out}
.gp_box .btn-pack:hover {background-color:#f2f2f2;color:#333;text-decoration:none}
.gp_box .btn-pack.blue {background-color:#2c3d5e;border-color:#2c3d5e;color:#fff}
.gp_box .btn-pack.blue:hover {background-color:#506691;border-color:#506691;color:#fff}
.gp_box .btn-pack:disabled {opacity:0.6;cursor:default}
.gp_box .gp_msg {margin:14px 0 0;color:#d33;font-size:0.95em}
.gp_fields {margin:24px 0}
.gp_fields table {width:100%;border-collapse:collapse;border-top:2px solid #333}
.gp_fields th, .gp_fields td {padding:12px 10px;border-bottom:1px solid #e5e5e5;text-align:left;vertical-align:top;word-break:keep-all}
.gp_fields th {width:30%;background:#f7f7f7;font-weight:bold;color:#333}
@media screen and (max-width: 600px) {
  .gp_box {margin:24px auto 40px;padding:24px 16px}
  .gp_fields th {width:38%}
}
#bo_v ul.btn_bo_user:not(.bo_v_com) {display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px;float:none;margin:20px 0 0;padding:0;border:0;list-style:none}
#bo_v ul.btn_bo_user:not(.bo_v_com) li {float:none;margin:0;padding:0;border:0}
#bo_v ul.btn_bo_user:not(.bo_v_com) li[hidden] {display:none}
#bo_v > .bo_fx {float:none;width:auto;margin:0}
#bo_v ul.btn_bo_user:not(.bo_v_com) li {width:auto;margin-left:0;background:none}
#bo_v .bo_fx .btn-pack {display:inline-block;min-width:100px;height:40px;line-height:38px;padding:0 20px;border:1px solid #ccc;border-radius:3px;background:#fff;color:#4c4c4c;font-size:1em;text-align:center;vertical-align:middle;box-sizing:border-box;text-decoration:none;transition:all 200ms ease-in-out}
#bo_v .bo_fx .btn-pack:hover {background-color:#f2f2f2;color:#333;text-decoration:none}
#bo_sch {clear:both;margin:24px 0 0;padding:0;border:0;text-align:center}
#bo_sch .navbar {min-height:0;margin:0;padding:0;border:0;background:none;box-shadow:none}
#bo_sch .container-fluid, #bo_sch .navbar-collapse {display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;height:auto;margin:0;padding:0;border:0;box-shadow:none}
#bo_sch .navbar-header {float:none;margin:0}
#bo_sch .navbar-brand {float:none;height:auto;margin:0;padding:0;font-size:0.95em;line-height:40px;color:#333}
#bo_sch .navbar-nav {display:none}
#bo_sch .navbar-form {display:flex;align-items:center;float:none;margin:0;padding:0;border:0;box-shadow:none}
#bo_sch .navbar-form:empty {display:none}
#bo_sch #stx {width:240px;height:40px;margin:0;padding:0 12px;border:1px solid #ccc;border-radius:3px;background:#fff none;box-shadow:none;box-sizing:border-box;font-size:0.95em}
#bo_sch [type=submit] {min-width:80px;height:40px;margin:0;padding:0 16px;border:1px solid #2c3d5e;border-radius:3px;background:#2c3d5e;color:#fff;font-size:0.95em;cursor:pointer}
#bo_sch [type=submit]:hover {border-color:#506691;background:#506691}
#bo_list thead th {padding-left:0 !important;padding-right:0 !important}
#bo_list td.td_name {text-align:center}
#bo_list tbody td {font-size:15px}
#bo_list tbody td.td_subject a[href] {font-size:1em;font-weight:700;color:#000}
@media screen and (max-width: 767px) {
  #bo_list thead th:nth-child(3), #bo_list td.td_name {width:100px;padding-left:10px !important;padding-right:10px !important;text-align:center;white-space:nowrap}
  #bo_list td.td_subject {padding-left:12px;text-align:left;word-break:keep-all;overflow-wrap:anywhere}
}
@media screen and (max-width: 600px) {
  #bo_v .bo_fx .btn-pack {min-width:0;padding:0 14px}
}
.gp_comments {margin:30px 0 0}
.gp_comments .gp_comments_title {margin:0 0 10px;font-size:1.1em;font-weight:bold;color:#222}
.gp_comments ul {margin:0;padding:0;list-style:none;border-top:2px solid #333}
.gp_comment {padding:14px 10px;border-bottom:1px solid #e5e5e5}
.gp_comment.is-reply {padding-left:30px;background:#fafafa}
.gp_comment_head {margin:0 0 6px;font-size:0.9em;color:#888}
.gp_comment_head strong {margin-right:10px;color:#2c3d5e}
.gp_comment_body {color:#333;line-height:1.6;white-space:pre-line;word-break:break-all}
#bo_v > header {margin:0;padding:0;border:0;background:none}
#bo_v #bo_v_title {margin:0;padding:10px 0;border-top:2px solid #000;background:none;font-size:1.2em;font-weight:700;line-height:1.4;color:#000;text-align:left}
#bo_v #bo_v_title .bo_v_tit {display:inline;margin:0;padding:0;font-size:inherit;font-weight:inherit;line-height:inherit;color:inherit}
#bo_v #bo_v_info {position:relative;margin:0;padding:0 0 10px;border:0;border-bottom:1px solid #ddd;background:none;font-size:1em;color:#000;text-align:left}
#bo_v #bo_v_info .profile_info, #bo_v #bo_v_info .profile_info_ct {display:inline;float:none;margin:0;padding:0;border:0;background:none;font-size:inherit;line-height:normal;color:inherit}
#bo_v #bo_v_info strong {display:inline-block;margin:0 15px 0 5px;font-weight:normal;color:#000}
#bo_v #bo_v_info .sv_guest {font-weight:bold}
#bo_v #bo_v_info .if_hit {color:#777}
#bo_v #bo_v_info i.fa {display:none}
#bo_v #bo_v_top {display:none}
#bo_v #bo_v_atc {margin:0;padding:0;min-height:200px}
#bo_v #bo_v_img:empty {display:none}
#bo_v #bo_v_con {margin:0 0 30px;padding:30px 15px;min-height:0}
#bo_list .cnt_cmt {display:inline-block;height:auto;margin:0 0 0 4px;padding:0;border-radius:0;background:none;color:#2c3d5e;font-size:1em;font-weight:bold;line-height:inherit;vertical-align:baseline}
#bo_list .cnt_cmt[hidden] {display:none}
@media screen and (max-width: 767px) {
  #bo_sch.hidden-xs {display:block !important}
  #bo_sch .navbar-header {display:none}
  #bo_sch .container-fluid {display:block}
  #bo_sch .navbar-collapse {display:flex !important;flex-wrap:nowrap;width:100%}
  #bo_sch .navbar-collapse > div.navbar-form:first-of-type {flex:1 1 auto;min-width:0}
  #bo_sch #stx {width:100%;min-width:0}
}
