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

/* 게시판 공통항목 통합 */
.selec_chk {position:absolute;top:0;left:0;width:0;height:0;opacity:0;outline:0;z-index:-1;overflow:hidden}
.chk_box {position:relative}
.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; border:1px solid #d0d4df; border-radius: 3px; margin: 5px; }
.write_div .chk_box input[type="checkbox"] + label, .bo_vc_w .chk_box input[type="checkbox"] + label { padding-left:20px; }
.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 }
.chk_box input[type="checkbox"]:checked + label { color: #000; }
.chk_box input[type="checkbox"]:checked + label span {
  background: url(../../img/common/chk.png) no-repeat 50% 50% #00387D; border-color: #1471f6; border-radius: 3px; }

.btn_submit { background: #3a8afd; color: #fff; cursor: pointer; border-radius: 3px; }
#bo_w .btn_submit { font-size: 0.96rem;  background-color: #00387D; }
#bo_v_top { padding: 10px; margin-top:12px; border-top: 1px solid #DDD; border-bottom: 1px solid #DDD; }
#bo_v_top ul { padding: 0; list-style: none; word-break: break-all; }
.btn_bo_user { float: right; margin: 0; padding: 0; list-style: none; }
.btn_bo_user li { float: left; text-align: center; }
.btn_bo_user > li { position: relative; } /* 각 게시판 우측 상단에 있는 3점 클릭시 하단에 나타나는 메뉴 */
.btn_bo_user .board-write-btn i { display: none; }
.btn_bo_user li.board-write-btn { width: auto; }
.btn_bo_user li.board-write-btn a { border: 1px solid #737373; }
.btn_bo_user .board-write-btn .board-write { font-size: 0.96rem; color: #666; 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: 1rem; 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: 36px; line-height: 36px; padding:0 12px; border-radius:3px; color:white; font-size: 0.96rem; }
.write_div .chk_box input[type="checkbox"] + label, .bo_vc_w .chk_box input[type="checkbox"] + label { padding-left: 20px; }
/* .all_chk.chk_box input[type="checkbox"] + label span { top: 5px; left: 10px; } */
/*글쓰기*/
#bo_w .bo_v_option li { float: left; text-align: left; margin: 0 5px 0 0; }
#bo_w .bo_v_option li label { vertical-align: baseline; }
#bo_w .bo_v_option .chk_box input[type="checkbox"] + label span { margin-top: 0; margin-right: 5px; }
#bo_w .write_div {margin:10px 0;position:relative}
#bo_w .write_div:after {display:block;visibility:hidden;clear:both;content:""}
#bo_w .bo_w_info:after {display:block;visibility:hidden;clear:both;content:""}
#bo_w .bo_w_info .frm_input { float: left; margin-bottom: 1%; margin-right: 1%; }
#bo_w #wr_password, #bo_w #wr_homepage { margin-right: 1%; }
#bo_w .wr_content.smarteditor2 iframe {background:#fff}
#bo_w .bo_w_link .frm_input {padding-left:50px}
#bo_w .bo_w_flie .frm_file {padding-left:50px;margin-top:3px}
#bo_w .bo_w_flie .file_wr {position:relative;border:1px solid #ccc;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px;height:40px;margin:0}
#bo_w .bo_w_flie .frm_input {margin:10px 0 0}
#bo_w .bo_w_flie .file_del {position:absolute;top:10px;right:10px;font-size:0.92em;color:#7d7d7d}
#bo_w .bo_w_select select {border:1px solid #d0d3db;width:100%;height:40px;border-radius:3px}
/* 게시판 공통항목 통합 */

/* 버튼 common.css에서 가져 옴 */
a.btn,.btn { height: 36px; line-height: 33px; padding: 0 12px; text-align: center; border: 0; }
a.btn01 { display: inline-block; padding: 7px; border: 1px solid #ccc; background: #fafafa; color: #000; text-decoration: none; }
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:#0a2e48; 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.96rem; }
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.96rem; } */
/* 게시판용 버튼 */
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: #0a2e48; }
#bo_list a.btn_admin { color: #0a2e48; }
.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.96rem; }
.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; 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:10px 0}
#bo_btn_top:after {display:block;visibility:hidden;clear:both;content:""}
.bo_fx { margin-bottom: 5px; float: right; zoom: 1; }
.bo_fx:after { display: block; visibility: hidden; clear: both; content: ""; }
.bo_fx ul { margin: 0; padding: 0; list-style: none; }

/* 게시판 상단 */
#bo_list_total { float: left; line-height: 34px; font-size: 0.92em; color:#4e546f; margin: 0 8px;
  background: transparent; overflow: hidden; }
#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 10px; 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: #0a2e48; border-color: #0a2e48; font-weight: 400; }
#bo_cate a:hover { border-color: #0a2e48; color: #0a2e48; background-color: #fff; }
/* 게시판 분류 */
#bo_v_title .bo_v_cate {
  margin-bottom: 8px;
  color: #141414;
  background-color: transparent;
  box-shadow: none;
  border: 1px solid #141414;
  font-size: 0.9rem;
  line-height: 26px;
}
/* 게시판 페이지 번호매김 */
/* .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: 20px 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: 50px; 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: #0a2e48; color: #fff; background: #0a2e48; }
.pg_current { padding: 0; width: 50px; height: 30px; line-height: 28px; background: none; border: 1px solid #0a2e48; border-radius: 3px;
  color: #0a2e48; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; font-weight: 600; font-size: 14px; }
.pg_current:hover { color: #fff; background: #0a2e48; border-radius: 3px; }
.pg_page.pg_start, .pg_page.pg_end { background-position: center; 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: #0a2e48; background-position: center; }
.pg_page.pg_start:hover { background-image: url(../../img/common/pg_start_hover.png); }
.pg_page.pg_end:hover { background-image: url(../../img/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; border: none; -webkit-box-sizing: border-box; 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: #0a2e48;
  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; font-weight: 500; color: #333; }
#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; font-size: 0.9rem; }
#bo_w .bo_w_flie .file_del label { display: inline-block; }
.write_div placeholder { font-size: 0.5rem; }
/* #bo_gall #fboardlist { margin-left: -10px; margin-right: -10px; } */
@media screen and (max-width: 1024px) {
  #bo_sch .sch_btn { font-size: 13px; }
  .pg_wrap { float: none; clear: none; position: static; -webkit-transform: none; transform: none; }
  #bo_cate a { font-size: 0.92rem; }
}
/* @media screen and (max-width: 992px) {
  #bo_w .bo_w_flie .file_del { top: auto; position: relative; right: auto; }
  #bo_v_title .bo_v_tit { font-size: 1.2rem; line-height: 26px; }
} */

/* 게시판 그리드 */
  @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_v_title .bo_v_tit { font-size: 1.1rem; }
  /* 게시판 카테고리 */
  #bo_cate { padding: 6px 0 24px; }
  #bo_cate li { line-height: 26px; min-width: auto; }
  .gall_row .col-gn-2, .gall_row .col-gn-3 { width: 50%;}
  /* .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_cate a { font-size: 0.85rem; }
  /* #bo_sch * { font-size: 0.96rem; } */
  #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.96rem; } */
  #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 { width: 100%; }
}
@media screen and (max-width: 360px) {
  .gall_row .col-gn-1, .gall_row .col-gn-2, .gall_row .col-gn-3 { width: 100%; }
}