@charset "UTF-8";
#bo_gall .gall_text_href .gall_content img { display: none; }
/* 게시판 버튼 */
.bo_vc_w .btn_submit { height: 36px; background-color: #00387D; }
#bo_v_ans_form .btn_submit { background-color: #00387D; height: 36px; }




/* 게시판 공통항목 통합 */
.btn_submit { border: 0; background: #3a8afd; color: #fff; cursor: pointer; border-radius: 3px; }
#bo_w .btn_submit { font-size: 0.92rem;  background-color: #00387D; }
.btn_bo_user li.board-write-btn { width: auto; }
.btn_bo_user li.board-write-btn a { border: 1px solid #737373; line-height: 32px; height: 32px; }
.btn_bo_user .board-write-btn .board-write { border-radius: 0; font-size: 0.92rem; line-height: 30px; color: #141414; display: block; }
#bo_w .bo_w_link label, #bo_w .bo_w_flie .lb_icon {
  position: absolute; top: 1px; left: 1px; border-radius: 3px 0 0 3px; height: 38px; line-height: 38px; width: 40px;
  font-size: 1rem; text-align: center; color: #b2b2b2; }
#bo_w .bo_w_tit { position:relative; }
#bo_w .bo_w_tit .frm_input { padding-right:120px; }
#bo_w .bo_w_tit #btn_autosave { position: absolute; top: 5px; right: 5px; line-height: 30px; height: 30px; font-size: 0.85rem; }
.cmt_btn b { font-size: 1em; color: #000; }
.cmt_btn span.total { position:relative; display:inline-block; margin-right:5px; color:#3a8afd; }
.cmt_btn span.total:after { position:absolute; bottom:-17px; left:0; display:inline-block; background:#3a8afd; content:""; width:100%; height:2px; }
#bo_vc .member, #bo_vc .guest, #bo_vc .sv_member, #bo_vc .sv_guest { font-weight: 500; color: #222; }
.bo_vc_w .btn_submit { height:32px; line-height:32px; padding:0 12px; border-radius:3px; color:white; font-size: 0.92rem; }
.write_div .chk_box input[type="checkbox"] + label span, .bo_vc_w .chk_box input[type="checkbox"] + label span { position: absolute; top:
  6px; left: 0; width: 15px; height: 15px; display: block; margin: 0; background: #fff; border: 1px solid #d0d4df;  border-radius: 3px; }
.all_chk.chk_box input[type="checkbox"] + label span { top: 5px; left: 10px; }

.chk_box {position:relative}
.chk_box input[type="radio"] {position:absolute;top:0;left:0;width:0;height:0;opacity:0;outline:0;z-index:-1;overflow:hidden}
.chk_box input[type="radio"] + label {position:relative;padding-left:23px;display:inline-block;color:#676e70}
.chk_box input[type="radio"] + label span {position:absolute;top:0;left:0;width:15px;height:15px;display:block;background:#f7f8f9;border:1px solid #cdd6df;border-radius:50%}
.chk_box input[type="radio"]:checked + label {color:#3a8afd}
.chk_box input[type="radio"]:checked + label span {border-color:#3a8afd}
.chk_box input[type="radio"]:checked + label span:before {width:7px;height:7px;background:#3a8afd;content:'';position:absolute;top:3px;left:3px;border-radius:50%}
.chk_box input[type="checkbox"] + label {position:relative;color:#676e70}
.chk_box input[type="checkbox"] + label:hover {color:#2172f8}
.chk_box input[type="checkbox"] + label span { float: left; width: 15px; height: 15px; display: block; background: #fff;
  border: 1px solid #d0d4df; border-radius:3px; margin-top: 6px; margin-right: 4px; }
.chk_box input[type="checkbox"]:checked + label { color: #000; }
.chk_box input[type="checkbox"]:checked + label span { background: url(/image/common/chk.png) no-repeat 50% 50% #00387D; }
.selec_chk {position:absolute;top:0;left:0;width:0;height:0;opacity:0;outline:0;z-index:-1;overflow:hidden}
/* 게시판 공통항목 통합 */

/* 버튼 common.css에서 가져 옴 */
a.btn,.btn {
  height:36px; 
  line-height:36px;
  padding:0 12px; text-align:center; border:0; 
  -webkit-transition:background-color 0.3s ease-out; -moz-transition:background-color 0.3s ease-out; -o-transition:background-color 0.3s ease-out;
  transition:background-color 0.3s ease-out; }
a.btn01 {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle}
a.btn01:focus, a.btn01:hover {text-decoration:none}
button.btn01 {display:inline-block;margin:0;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none}
a.btn02 {display:inline-block;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none;vertical-align:middle}
a.btn02:focus, .btn02:hover {text-decoration:none}
button.btn02 {display:inline-block;margin:0;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none}

.btn_confirm {text-align:right} /* 서식단계 진행 */
/* .btn_submit { border:0; background:#00387D; color:#fff; height: 36px; cursor:pointer; border-radius:3px; } */
.btn_submit:hover {background:#2375eb}
.btn_close {border:1px solid #dcdcdc;cursor:pointer;border-radius:3px;background:#fff}
a.btn_close {text-align:center;line-height:50px}

a.btn_cancel { display:inline-block; background:#969696; color:#fff; text-decoration:none; vertical-align:middle;
  border-radius:3px; font-size: 0.92rem; }
button.btn_cancel {display:inline-block;background:#969696;color:#fff;text-decoration:none;vertical-align:middle}
.btn_cancel:hover {background:#aaa}
a.btn_frmline, button.btn_frmline {display:inline-block;width:128px;padding:0 5px;height:40px;border:0;background:#434a54;border-radius:3px;color:#fff;text-decoration:none;vertical-align:top} /* 우편번호검색버튼 등 */
/* button.btn_frmline { font-size: 0.92rem; } */

/* 게시판용 버튼 */
a.btn_b01, .btn_b01 { display:inline-block; border-radius:3px; background:transparent; }
a.btn_b01:hover, .btn_b01:hover { color:#000; }
a.btn_b02,.btn_b02 {display:inline-block;background:#253dbe;padding:0 10px;color:#fff;text-decoration:none;border:0;vertical-align:middle}
a.btn_b02:hover, .btn_b02:hover {background:#0025eb}
a.btn_b03, .btn_b03 {display:inline-block;background:#fff;border:1px solid #b9bdd3;color:#646982;text-decoration:none;vertical-align:middle}
a.btn_b03:hover, .btn_b03:hover {background:#ebedf6}
a.btn_b04, .btn_b04 {display:inline-block;background:#fff;border:1px solid #ccc;color:#707070;text-decoration:none;vertical-align:middle}
a.btn_b04:hover, .btn_b04:hover {color:#333;background:#f9f9f9}
a.btn_admin,.btn_admin {display:inline-block;color:#d13f4a;text-decoration:none;vertical-align:middle} /* 관리자 전용 버튼 */
.btn_admin:hover, a.btn_admin:hover {color:#ff3746}

/* common.css에서 가져 옴 - 위 내용과 중복된 게 있는지 확인해 봐야 함 */
#bo_gall a.btn_admin { color: #00387D; }
#bo_list a.btn_admin { color: #00387D; }
.bo_sch { margin-left: -165px; }
.bo_sch .sch_bar { -webkit-box-shadow: none; box-shadow: none; }
.bo_sch select { -webkit-box-shadow: none; box-shadow: none; font-size: 14px; padding: 0 8px; }
.bo_sch .sch_input { padding: 0 8px; font-size: 14px; }
/*댓글목록*/
.bo_v_nb li { padding: 20px; -webkit-overflow: hidden; -ms-overflow: hidden; overflow: hidden; }
.bo_v_nb li { border-top:1px solid #CCC; padding:13px; }
.bo_v_nb li:last-child { border-bottom:1px solid #CCC; }
.bo_v_nb li .nb_date { float: right; color: #AAA; font-size: 0.92rem; }
.bo_v_nb li .nb_tit { display:inline-block; padding-right:20px; color:#AAA; }
/*이전글 다음글*/
/* 게시판 로그인전 기본스타일 제거 */
.bo_vc_w textarea { -webkit-box-shadow: none; box-shadow: none; }
.bo_vc_w_info .frm_input { -webkit-box-shadow: none; box-shadow: none; }
#captcha #captcha_img { display: inline-block; }
#captcha #captcha_key { width: 120px; }
.board_top { margin: 50px auto 20px; }
.board_top .tit_area.subpage .main_tit { font-size: 2rem; color: #333; line-height: 36px; text-align: center; }
.board_top .tit_area.subpage .sub_desc { text-align: center; margin-top: 8px; display: block;
  font-weight: 300; letter-spacing: -1px; color: #818181; }
input:focus { -webkit-box-shadow: none; box-shadow: none; outline: 0; }
select:focus { -webkit-box-shadow: none; box-shadow: none; outline: 0; }
#bo_btn_top { margin: 0 0 20px; }
#bo_gall #bo_btn_top { padding: 0 10px; }
.bo_fx { margin: 10px 0; float: none; width: 100%; }
/* 게시판 상단 */
#bo_list_total { margin: 0; background: transparent; overflow: hidden; line-height: 30px; display: block; padding: 0; }
#bo_list_total span { padding-right: 4px; font-size: 14px; color: #222; }
/* 게시판 카테고리 */
#bo_cate { padding: 24px 0 32px; margin: 0; background: none; border: none; }
#bo_cate ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -2px; margin-right: -2px; }
#bo_cate li { padding: 2px; display: block; width: auto; min-width: 100px; height: 100%; line-height: 40px; -ms-flex-negative: 1; flex-shrink: 1; }
#bo_cate a { padding: 0 12px; width: 100%; height: 100%; border-radius: 0; text-align: center;
  color: #999; font-weight: 400; line-height: inherit; border: 1px solid #ccc; font-size: 16px; }
#bo_cate #bo_cate_on { background: none; -webkit-box-shadow: none; box-shadow: none; color: #fff; background: #00387D; border-color: #00387D; font-weight: 400; }
#bo_cate a:hover { border-color: #00387D; color: #00387D; background-color: #fff; }
/* 게시판 분류 */
#bo_v_title .bo_v_cate { margin-bottom: 8px; color: #141414; background-color: transparent; -webkit-box-shadow: none; box-shadow: none; border: 1px solid #141414;
  border-radius: 0; font-size: 0.92rem; line-height: 22px; font-weight: 400; }
/* 게시판 페이지 번호매김 */
/* .pg_prev { text-indent:-999px; overflow:hidden; } */
/* .pg_next { text-indent:-999px; overflow:hidden; } */
/* .pg_start:hover, .pg_prev:hover, .pg_end:hover, .pg_next:hover { background-color: #fafafa; } */
.pg_area { margin-top: 40px; }
.pg_wrap { margin: 0; position: relative; height: 35px; clear: none; text-align:center; }
.pg_wrap:after { display: block; visibility: hidden; clear: both; content: ""; }
.pg_page, .pg_current { display: inline-block; vertical-align: middle; }
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page { width: 30px; height: 30px; line-height: 28px; color: #666; background: #fff; border: 0; border-radius: 3px;
  font-size: 14px; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; }
.pg_page:hover { border-color: #00387D; color: #fff; background: #00387D; }
.pg_current { padding: 0; width: 30px; height: 30px; line-height: 28px; background: none; border: 1px solid #00387D; border-radius: 3px;
  color: #00387D; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; font-weight: 600; font-size: 14px; }
.pg_current:hover { color: #fff; background: #00387D; border-radius: 3px; }
.pg_page.pg_start, .pg_page.pg_end { width: 50px; border-color: #ccc; background-size: 12px; background-repeat: no-repeat; }
/* .pg_page.pg_start { text-indent:-999px; content: ""; }
.pg_page.pg_end { text-indent:-999px; content: "" } */
.pg_page.pg_prev:before { content: "\f104"; font: var(--fa-font-solid); }
.pg_page.pg_next:before { content: "\f105"; font: var(--fa-font-solid); }
.pg_page.pg_start:before { content: "\f100"; font: var(--fa-font-solid); }
.pg_page.pg_end:before { content: "\f101"; font: var(--fa-font-solid); }
.pg_page.pg_start:hover, .pg_page.pg_end:hover { background-color: #00387D; background-position: center; }
.pg_page.pg_start:hover { background-image: url(/image/common/pg_start_hover.png); }
.pg_page.pg_end:hover { background-image: url(/image/common/pg_end_hover.png); }
.board_search { width: auto; height: 40px; }
#bo_sch { height: 40px; position: relative; float: none; border: none; padding: 0; margin: 0; box-sizing: border-box; }
#bo_sch > form { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; }
#bo_sch .search-box { position: relative; padding-right: 40px; border: 1px solid #ddd; height: 100%; margin-left: 8px; }
#bo_sch #sfl { margin: 0; padding-left: 8px; width: 105px; height: 100%; -moz-appearance: none; -webkit-appearance: none; appearance: none;
  background-image: url(../../img/common/select.png); background-repeat: no-repeat; background-size: 14px; background-position: 90%; font-size: 13px; }
#bo_sch #sfl::-ms-expand { display: none; }
#bo_sch select { border: 1px solid #ccc; }
#bo_sch .sch_input { margin: 0; padding: 0 10px; width: 240px; height: 100%; background-color: #fff; float: none; font-size: 14px; }
#bo_sch .sch_input:focus { background: #fff; }
#bo_sch .sch_btn { position: relative; float: none; position: absolute; right: 0; width: 40px; height: 100%; overflow: hidden; background-color: transparent;
  background-image: url(../../img/common/search_black.png); background-repeat: no-repeat; background-size: 20px; background-position: center; opacity: 0.6; }
#bo_sch .sch_btn:focus { outline: 0; -webkit-box-shadow: none; box-shadow: none; }
#bo_sch .sch_btn .submit_span { display: block; width: 100%; height: 100%; text-align: center; line-height: 40px; background: #00387D;
  font-size: 14px; font-weight: 400; -webkit-transition: 0.5s; transition: 0.5s; }
#bo_sch .sch_btn:hover .submit_span { background: #333; }
/* 첨부파일 */
.file_del input { margin-left: 4px; }
.file_del label { float: left; }
/* 글쓰기 게시판 view skin */
#bo_v { margin: 0 auto; padding: 50px 0; }
#bo_w { padding: 50px 0; }
#bo_vc_w_info { width: 100%; }
#bo_v_info::after { content: ''; display: block; clear: both; }
#bo_v_info strong { display: block; float: left; margin-bottom: 5px; }
#bo_v_info .if_date { margin: 0; color: #888; }
.bo_vc_w textarea { padding: 10px; }
#bo_v_title .bo_v_tit { font-size: 1.3rem; line-height: 30px; }
#captcha.m_captcha #captcha_key { height: 40px; margin-left: 0; }
.brd-state strong a { margin: 15px 0; }
.btn_cke_sc { height: 24px; line-height: 22px; }
#bo_v_share .btn { padding: 0 5px; }
#bo_v_top .bo_v_nb a { margin: 5px 0; }
#bo_v_con { -webkit-transform: skew(0deg); transform: skew(0deg); }
#bo_w .bo_w_flie .frm_file { margin-top: 0; }
#bo_w .bo_w_flie .file_del label { display: inline-block; }
#bo_gall #fboardlist { margin-left: -10px; margin-right: -10px; }
@media screen and (max-width: 1199px) {
  #bo_sch .sch_btn { font-size: 13px; }
}
@media screen and (max-width: 1024px) {
  .pg_wrap { float: none; clear: none; position: static; -webkit-transform: none; transform: none; }
}
@media screen and (max-width: 992px) {
  #bo_w .bo_w_flie .file_del { top: auto; position: relative; right: auto; }
  /* 게시판 그리드 */
  .gall_row .col-gn-3, .gall_row .col-gn-4, .gall_row .col-gn-5, .gall_row .col-gn-6, .gall_row .col-gn-7, .gall_row .col-gn-8, .gall_row .col-gn-9 {
    width: 50%;
  }
}
@media screen and (max-width: 768px) {
  #bo_w, #bo_v { padding: 40px 0; }
  .board_top .tit_area.subpage .main_tit { font-size: 1.7rem; }
  .board_top .tit_area.subpage .sub_desc { font-size: 1.063rem; }
  /* 게시판 카테고리 */
  #bo_cate { padding: 6px 0 24px; }
  #bo_cate li { line-height: 32px; min-width: auto; }
  #bo_cate a { font-size: 14px; }
  .bo_sch { width: 620px; margin-left: -310px; }
  .bo_sch .sch_input { width: 500px; }
  .bo_sch form { padding: 32px; }
}
@media screen and (max-width: 480px) {
  .bo_vc_w .btn_submit { font-size: 0.85rem; }
  .cmt_btn { font-size: 0.85rem; }
  .board_search { margin-bottom: 50px; }
  .board_top { margin: 40px auto 0; }
  .board_top .tit_area { padding-bottom: 20px; }
  /* #bo_sch * { font-size: 0.92rem; } */
  #bo_sch #sfl { width: 85px; background-position: 73px; background-size: 6px auto; }
  #bo_sch .sch_input { width: 220px; }
  #bo_sch .sch_btn { width: 50px; }
  /* #bo_w .bo_w_flie .file_del label { font-size: 0.92rem; } */
  #bo_v_top .bo_v_left { width: 100%; margin: 0; }
  #bo_v_top .bo_v_left li { margin: 0 0.5%; width: 24%; }
  #bo_v_top .bo_v_left li a.btn, #bo_v_top .bo_v_left li .btn { width: 100%; }
  .gall_row .col-gn-1, .gall_row .col-gn-2, .gall_row .col-gn-3, .gall_row .col-gn-4, .gall_row .col-gn-5,
  .gall_row .col-gn-6, .gall_row .col-gn-7, .gall_row .col-gn-8, .gall_row .col-gn-9 { width: 100%; }
}