@charset "utf-8";
/* copyright(c) WEBsiting.co.kr */

/* 게시판 버튼 */
#bo_btn_top {
  margin: 10px 0;
}
.btn_bo_user {
  float: right;
  margin: 0;
  padding: 0;
  list-style: none;
}
.btn_bo_user li{
  float: left;
  margin-left: 5px;
}
.history_table {
  width: 100%;
  border-top: 2px solid #e5e5e5;
  border-bottom: 2px solid #e5e5e5;
  margin-bottom: 20px;
}
.history_list li dl {
  width: 100%;
  overflow: hidden;
  text-align: left;
  margin: 0px;
  padding: 0px;
}
#bo_btn_top:after {
  display: block;
  visibility: hidden;
  clear: both;
  content: "";
}
.btn_b01, .btn_b02, .btn_b03, .btn_b04, .btn_b05, .btn_admin, input.btn_submit, .btn_submit, .btn_cancel, .btn_frmline {
  display: inline-block !important;
  font-size: 14px;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  -webkit-transition-duration: 0.2s;
  -webkit-transition-timing-function: ease;
  transition-duration: 0.2s;
  transition-timing-function: ease;
}
#bo_w .bo_w_tit .frm_input {
  padding-right: 120px;
}
.wr_content textarea, .tbl_frm01 textarea, .form_01 textarea, .frm_input {
  border: 1px solid #ccc;
  background: #fff;
  color: #000;
  vertical-align: middle;
  border-radius: 3px;
  padding: 5px;
}
input[type=text], input[type=password], textarea {
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  outline: none;
}
textarea, select {
  font-family: 'Noto Sans Korean', 'Malgun Gothic', dotum, sans-serif;
  font-size: 1em;
}
button, input, select, textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
textarea {
  overflow: auto;
}
/* 목록 버튼 */
#bo_list a.btn_b01 {}
#bo_list a.btn_b01:focus, #bo_list a.btn_b01:hover {}
#bo_list a.btn_b02 {}
#bo_list a.btn_b02:focus, #bo_list a.btn_b02:hover {}
#bo_list a.btn_admin {} /* 관리자 전용 버튼 */
#bo_list a.btn_admin:focus, #bo_list .btn_admin:hover {}

/* 읽기 버튼 */
#bo_v a.btn_b01 {}
#bo_v a.btn_b01:focus, #bo_v a.btn_b01:hover {}
#bo_v a.btn_b02 {}
#bo_v a.btn_b02:focus, #bo_v a.btn_b02:hover {}
#bo_v a.btn_admin {} /* 관리자 전용 버튼 */
#bo_v a.btn_admin:focus, #bo_v a.btn_admin:hover {}

/* 쓰기 버튼 */
#bo_w .btn_confirm {} /* 서식단계 진행 */
#bo_w .btn_submit {}
#bo_w button.btn_submit {}
#bo_w fieldset .btn_submit {}
#bo_w .btn_cancel {}
#bo_w button.btn_cancel {}
#bo_w .btn_cancel:focus, #bo_w .btn_cancel:hover {}
#bo_w a.btn_frmline, #bo_w button.btn_frmline {} /* 우편번호검색버튼 등 */
#bo_w button.btn_frmline {}
#bo_w .write_div {
  margin: 10px 0;
  position: relative;
}
label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: 700;
}
.btn_confirm{
  text-align: center;
}
#bo_w .bo_w_tit #btn_autosave {
  position: absolute;
  top: 5px;
  right: 5px;
  line-height: 30px;
  height: 30px;
}
a.btn_frmline, button.btn_frmline {
  display: inline-block;
  padding: 0 5px;
  height: 40px;
  border: 0;
  background: #3c3c3c;
  border-radius: 0px;
  color: #fff;
  text-decoration: none;
  vertical-align: top;
}
#autosave_pop strong {
  position: absolute;
  font-size: 0;
  line-height: 0;
  overflow: hidden;
}
#autosave_pop button {
  margin: 0;
  padding: 0;
  border: 0;
}
.autosave_close {
  cursor: pointer;
  width: 100%;
  height: 30px;
  background: none;
  color: #888;
  font-weight: bold;
  font-size: 0.92em;
}
#autosave_pop {
  display: none;
  z-index: 10;
  position: absolute !important;
  top: 34px;
  right: 0;
  width: 350px;
  height: auto !important;
  height: 180px;
  max-height: 180px;
  border: 1px solid #565656;
  background: #fff;
  -webkit-box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.2);
}
.fa {
  display: inline-block;
  font: normal normal normal 14px / 1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#bo_w .bo_w_info span{
  font-size: 11px;
  color: #b99e74;
}
#bo_v_info strong {
  display: inline-block;
  margin: 0 10px 0 0;
  font-weight: normal;
}
#bo_v_title .bo_v_tit {
  font-size: 20px;
  text-align: left;
  display: block;
  font-size: 2em;
  margin: 5px 0 0;
  border-top: none;
}
#bo_v_info .if_date {
  margin: 0;
  font-style: italic;
  color: #888;
}
#bo_v_info h2 {
  position: absolute;
  font-size: 0;
  line-height: 0;
  overflow: hidden;
}
#bo_v_info {
  padding: 10px 0 15px !important;
  margin: 0 0 20px !important;
  border-bottom: 1px solid #ddd;
  color: #666;
  background-color: #fff;
}
#bo_v_atc {
  min-height: 200px;
  height: auto !important;
  height: 200px;
}
#bo_v_atc_title {
  position: absolute;
  font-size: 0;
  line-height: 0;
  overflow: hidden;
}
#bo_v_con {
  font-size: 16px;
  line-height: 180%;
}
#bo_v_con {
  margin: 10px 0 30px;
  width: 100%;
  line-height: 180%;
  min-height: 200px;
  word-break: break-all;
  overflow: hidden;
  font-size: 16px;
}
#bo_v_share{
  position: relative;
    margin: 20px 0;
    text-align: right;
}
#bo_v_top {
  zoom: 1;
}
.bo_v_left {
  margin: 20px 0;
  float: left;
}
.bo_v_left li {
  float: left;
  margin-right: 5px;
}
.bo_v_com {
  margin: 20px 0;
  float: right;
}
.bo_v_com li {
  float: left;
  margin-left: 5px;
}
.bo_v_nb {
  margin: 20px 0;
  position: relative;
  clear: both;
  text-align: left;
  overflow: hidden;
  border-top: 3px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.bo_v_nb li {
  position: relative;
  width: 50%;
}
.bo_v_nb li.btn_prev a b {
  padding-left: 40px;
  text-align: left;
}
.bo_v_nb li.btn_prev {
  float: left;
  border-right: 1px dashed #ddd;
}
.bo_v_nb li.btn_next {
  float: right;
  border-left: 1px dashed #ddd;
  margin-left: -1px;
}
.bo_v_nb li.btn_next a b {
  padding-right: 40px;
  text-align: right;
}
.bo_v_nb li a b {
  display: block;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: normal;
}
.bo_v_nb li a {
  display: block;
  position: relative;
  padding: 0 13px;
  overflow: hidden;
  height: 46px;
  line-height: 46px;
}
.bo_v_nb li.btn_next i{
  right: 10px;
}
.bo_v_nb li i {
  font-size: 13px;
  display: block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 50%;
  position: absolute;
  top: 55px;
  left: 3px;
  bottom: 0px;
  margin-top: -15px;
  text-align: center;
}
/* 기본 테이블 */
/* 목록 테이블 */
#bo_list .tbl_head01 {}
#bo_list .tbl_head01 caption {}
#bo_list .tbl_head01 thead th {}
#bo_list .tbl_head01 thead a {}
#bo_list .tbl_head01 thead th input {} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
#bo_list .tbl_head01 tfoot th {}
#bo_list .tbl_head01 tfoot td {}
#bo_list .tbl_head01 tbody th {}
#bo_list .tbl_head01 td {}
#bo_list .tbl_head01 a {}
#bo_list td.empty_table {}

/* 읽기 내 테이블 */
#bo_v .tbl_head01 {}
#bo_v .tbl_head01 caption {}
#bo_v .tbl_head01 thead th {}
#bo_v .tbl_head01 thead a {}
#bo_v .tbl_head01 thead th input {} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
#bo_v .tbl_head01 tfoot th {}
#bo_v .tbl_head01 tfoot td {}
#bo_v .tbl_head01 tbody th {}
#bo_v .tbl_head01 td {}
#bo_v .tbl_head01 a {}
#bo_v td.empty_table {}

/* 쓰기 테이블 */
#bo_w table {}
#bo_w caption {}
#bo_w .frm_info {}
#bo_w .frm_address {}
#bo_w .frm_file {}

#bo_w .tbl_frm01 {}
#bo_w .tbl_frm01 th {}
#bo_w .tbl_frm01 td {}
#bo_w .tbl_frm01 textarea, #bo_w tbl_frm01 .frm_input {}
#bo_w .tbl_frm01 textarea {}
/*
#bo_w .tbl_frm01 #captcha {}
#bo_w .tbl_frm01 #captcha input {}
*/
#bo_w .tbl_frm01 a {}

/* 필수입력 */
#bo_w .required, #bo_w textarea.required {}

#bo_w .cke_sc {}
#bo_w button.btn_cke_sc{}
#bo_w .cke_sc_def {}
#bo_w .cke_sc_def dl {}
#bo_w .cke_sc_def dl:after {}
#bo_w .cke_sc_def dt, #bo_w .cke_sc_def dd {}
#bo_w .cke_sc_def dt {}
#bo_w .cke_sc_def dd {}

/* ### 기본 스타일 커스터마이징 끝 ### */

/* 게시판 목록 */
.history_table{width:100%;border-top:2px solid #e5e5e5;border-bottom:2px solid #e5e5e5; margin-bottom:20px;}
.history_table .th_ask,
.history_table .th_chk{width:60px !important;}
.history_td{padding:0px !important; margin:0px; border-bottom:0px !important;}
.history_list{width:100%; margin:0px; padding:0px; list-style:none;}
.history_list li{width:100%;  margin:0px; padding:0px; position:relative;overflow:hidden; min-height:50px;-webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;}
.history_list li:hover{background:#fbfbfb;-webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;}
.history_list li dl{width:100%; overflow:hidden; text-align:left; margin:0px; padding:0px;}
.history_list li dl dt{width:50%; position:relative; margin:0px; padding:25px 20px 20px;float:left; text-align:right; color:#000;font-size:30px;font-weight:bold;font-family:'Century Gothic','Malgun Gothic';-webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;}
.history_list li dl dd{margin:0px; padding:30px 20px 20px;width:50%;float:left; text-align:left;line-height:1.8em; font-size:13px; }

.history_list li:nth-child(even) dl dt{float:right;text-align:left;}
.history_list li:nth-child(even) dl dd{float:right; text-align:right;}
.history_cont{white-space: pre-line;}

.history_list li .history_chk{position:absolute; left:0px; top:0px; z-index: 50;}
.history_list li .hstr_line{position:absolute; left:50%; top:0px; bottom:0px;width:1px;background:#ddd;}
.history_list li .hstr_dot{position:absolute; left:50%; top:36px; margin-left:-9px;width:18px;height:18px;border:5px solid #AACE38; border-radius:50%; background:#fff;-webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;}

.history_list li:hover dl dt{color:#000;-webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;}
.history_list li:hover .hstr_dot{border:5px solid #AACE38;color:#000;-webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;}

.history_list li.bo_notice{border-bottom:2px dashed #ddd; padding:30px 10px;}
.history_list li.bo_notice .history_h2{font-size:28px;text-align:center; padding:0 15px 20px;}
.history_list li.bo_notice .history_cont{text-align:center;font-size:13px; width:100%;}
.history_list li:hover.bo_notice{background:none;}
.history_list li a.btn_b02{float:right; margin-top:10px;clear:both;}

@media all and (max-width: 650px)
{
	.history_list li {}
	.history_list li dl dt{float:none !important; text-align:center !important;width:100%;padding-bottom:0px;padding-top:30px;}
	.history_list li dl dd{float:none !important; text-align:center !important; width:auto;margin:15px; position:relative;z-index:1;padding-top:10px;}
	.history_list li .hstr_line{bottom:auto;background:#fff;height:18px; border-bottom:2px dashed #ddd;width:100%; left:0px; top:0px;}
	.history_list li .hstr_dot{top:8px;}

	.history_list li.bo_notice{border-bottom:0px;}
}