@charset "utf-8";

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

/* 게시판 버튼 */
/* 목록 버튼 */
#bo_list a.btn_b01 {  }
#bo_list a.btn_b01:focus, #bo_list .btn_b01:hover {  }
#bo_list a.btn_b02 {  }
#bo_list a.btn_b02:focus, #bo_list .btn_b02:hover {  }
#bo_list a.btn_admin {  } /* 관리자 전용 버튼 */
#bo_list a.btn_admin:focus, #bo_list a.btn_admin:hover {  }
.chk_all { margin:10px 0 }
/* 읽기 버튼 */
#bo_v a.btn_b01 {  }
#bo_v a.btn_b01:focus, #bo_v .btn_b01:hover {  }
#bo_v a.btn_b02 {  }
#bo_v a.btn_b02:focus, #bo_v .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 .btn_cancel {  }
#bo_w .btn_frmline {  } /* 우편번호검색버튼 등 */


/* 게시판 목록 */
#bo_list .td_chk { width:30px;text-align:center }
#bo_list .td_group { width:100px;text-align:center }
#bo_list .td_board { width:120px;text-align:center }
#bo_list .td_num { width:50px;text-align:center }
#bo_list .td_numbig { width:80px;text-align:center }
#bo_list .td_mb_id { width:100px;text-align:center }
#bo_list .td_nick { width:100px;text-align:center }
#bo_list .td_name { width:100px;text-align:center }
#bo_list .td_date { width:60px;text-align:center }
#bo_list .td_datetime { width:50px;text-align:center }
#bo_list .td_mng { width:80px;text-align:center }
#bo_list .notice_icon { display: inline-block;background: #ff6f6f;padding: 0 5px;line-height: 20px;border-radius: 5px;font-weight: normal;font-size:11px;color: #fff; }
#bo_list .notice_icon i { color:#fff }
#bo_list .bo_subject .fa-download { width:16px;height:16px;line-height:16px;background:#ecaa30;color:#fff;text-align:center;font-size:10px;border-radius:2px }
#bo_list .bo_subject .fa-link { width:16px;height:16px;line-height:16px;background:#2aa974;color:#fff;text-align:center;font-size:10px;border-radius:2px }
#bo_list .bo_subject .fa-heart { color:#ff0000;;text-align:center;font-size:10px;border-radius:2px }
#bo_list .bo_subject .new_icon { display:inline-block;padding: 0 3px;line-height:16px ;font-size:0.833em;color:#fff;background:#c56bed }
#bo_list .bo_tit .fa-lock { color:#666 }
#bo_list .td_num2 { width:70px;text-align:center }
#bo_list .btn_top { float:right;text-align:right }
#bo_list .btn_top li { display:inline-block; }
#bo_list .btn_top a { display:inline-block;padding:0 10px; }
#bo_list table { }

/* 게시판 상단 탭 */
#bo_cate {  clear:both; text-align:center; margin:1.666% auto 3.5%;  }
#bo_cate h2 {  position:absolute; font-size:0; line-height:0; overflow:hidden;  }
#bo_cate ul {  font-size:0;  }
#bo_cate li {  display:inline-block; *display:inline; *zoom:1; font-size:14px;  }
#bo_cate li a {  padding:7px 2px; margin:0 10px; font-size:1em;  }
#bo_cate li a:hover {  color:#555;  }
#bo_cate li a.active {  color:#d22828; font-weight:500;  }
#bo_cate li::before {  content:"|"; color:#ccc;  }
#bo_cate li:first-child::before {  content:"";  }
#bo_cate #bo_cate_on {  z-index:2; color:#d22828; font-weight:bold; border-bottom-color:#d22828;  }
/* // */

.td_subject img { margin-left:5px }
 
@media (max-width: 640px) { 
    #bo_cate { text-align:center;padding:0;border:0 }
 }

/* 관리자일 때 */
#bo_list_admin th label { position:absolute;font-size:0;line-height:0;overflow:hidden }

#bo_list_admin th:nth-of-type(1) { width:40px }
#bo_list_admin th:nth-of-type(3) { width:100px }

#bo_list_admin td:nth-of-type(1) { text-align:center }
#bo_list_admin td:nth-of-type(3) { text-align:center }

/* 관리자가 아닐 때 */

/* 게시판 목록 공통 */
.bo_fx { ;margin:10px 0 }
.bo_fx:after { display:block;visibility:hidden;clear:both;content:"" }
.bo_fx ul { margin:0;padding:0;list-style:none }
#bo_list_total { position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden;font-size:0 }
.btn_bo_user { float:left;margin:0;padding:0;list-style:none }
.btn_bo_user li { float:left;margin-right:5px }
.btn_bo_adm { text-align:center }
.btn_bo_adm li { display:inline-block; }
.btn_bo_adm button { border:0;padding:0 10px;background:#d22828;color:#fff;text-decoration:none;vertical-align:middle }
.bo_notice td { background:#fcf4f1;border-color:#e7d4cc }
.bo_notice td a { font-weight:bold }
.td_num strong { color:#000 }
.bo_cate_link { ;color:#3ca1ff !important;font-weight:normal;text-decoration:none;font-size:0.92em } /* 글제목줄 분류스타일 */
.bo_subject { display:block;font-size:1.083em;font-weight:bold;margin:5px 0 }
.bo_subject i { color: #8d96c2;font-size:12px }
.bo_subject  .fa-heart { color:#ff0000 }
.bo_current { color:#e8180c }
.bo_info { border-top: 1px solid #ddd;margin: 10px 0 0;line-height: 20px;color: #666;position: relative;padding-top: 10px;vertical-align:top }
.bo_info .comment_icon { background:url(./img/icon_comment.png) no-repeat 50% 50% ;display:inline-block;width:20px;height:28px;text-indent:-999px;overflow:hidden;vertical-align:top;background-size:70%;margin:0 0px 0 5px }
.bo_info .bo_date { position:absolute;top:10px;right:0;font-style: italic; }
.bo_info .cnt_cmt { display:inline-block;margin: 0 5px 0 3px; }
.bo_info .profile_img img { border-radius:50%;vertical-align:top }
#bo_list .cnt_cmt { background:#00b233;color:#fff; font-size:11px;height:16px;line-height:16px;padding:0 5px;border-radius:3px;vertical-align:middle; }
#bo_list .bo_tit .fa-download { width:16px;height:16px;line-height:16px;background:#e89f31;color:#fff;text-align:center;font-size:10px;border-radius:2px;margin-right:2px;vertical-align:middle;margin-right:2px }
#bo_list .bo_tit .fa-link { width:16px;height:16px;line-height:16px;background:#ad68d8;color:#fff;text-align:center;font-size:10px;border-radius:2px;margin-right:2px;vertical-align:middle;margin-right:2px;font-weight: normal; }
#bo_list .bo_tit .new_icon { display:inline-block;width: 16px;line-height:16px ;font-size:0.833em;color:#ffff00;background:#d5b46c;text-align:center;border-radius: 2px;vertical-align:middle;margin-right:2px }
#bo_list .bo_tit .fa-heart { display:inline-block;width: 16px;line-height:16px ;font-size:0.833em;color:#fff;background:#e52955;text-align:center;border-radius: 2px;;vertical-align:middle;margin-right:2px;font-weight:normal }
#bo_list .bo_tit .fa-lock { display: inline-block;line-height: 14px;width: 16px;font-size: 0.833em;color: #4f818c;background: #cbe3e8;text-align: center;border-radius: 2px;font-size: 12px;border:1px solid #a2c6ce }

#bo_sch { width:285px;margin:0 auto;border:1px solid #ccc;background:#fff;border-radius:3px }
#bo_sch:after { display:block;visibility:hidden;clear:both;content:"" }
#bo_sch legend { position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden }
#bo_sch select { border:0;;margin:9px 5px ;height:20px;float:left;border-right:1px solid #ddd;background:#fff }
#bo_sch .sch_input { height:38px;border:0;padding:0;background-color:transparent;float:left;width:110px }
#bo_sch .sch_btn { height:38px;float:left;background:none;border:0;width:40px;font-size:15px }


/* 게시판 쓰기 */
#bo_w #wr_email, #bo_w #wr_homepage, #bo_w #wr_subject { width:100% }

#char_count_desc { display:block;margin:0 0 5px;padding:0 }
#char_count_wrap { margin:5px 0 0;text-align:right }
#char_count { font-weight:bold }

#wr_email, #wr_homepage, #wr_subject, .wr_link { width:100% }

/* 게시판 읽기 */
#bo_v {  }

#bo_v_table { padding: 10px;color:#999;font-size:0.9em;font-weight:bold }

#bo_v_title { font-weight: normal;font-size: 1.25em;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd; text-align: left;background: #fafafa;text-align:center; line-height: 32px;padding:5px;margin-top:10px }
.bo_v_tit {  }

#bo_v_info { padding:15px 0px 10px;border-bottom:1px solid #ddd;text-align:center;color:#666;line-height:20px; }
#bo_v_info:after { display:block;visibility:hidden;clear:both;content:"" }

#bo_v_info p { font-size:0.92em;color:#777;text-align:center;float:right  }
#bo_v_info h2 { position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden }
#bo_v_info strong { display:inline-block;font-weight:normal;margin:0 5px }
#bo_v_info span { float:left;margin-right:5px }
#bo_v_info .profile_img img { border-radius:50%;vertical-align:top }
#bo_v_info .icon_view { display:inline-block;background:url(./img/icon_view.png) no-repeat 50% 50%;background-size:80%;height:15px;width:20px;overflow:hidden;text-indent:-999px;vertical-align:middle;margin:0 3px 0 5px }
#bo_v_info .icon_comment { display:inline-block;background:url(./img/icon_comment.png) no-repeat 50% 50%;background-size:70%;height:15px;width:20px;overflow:hidden;text-indent:-999px;vertical-align:middle;margin:0 3px 0 5px }

#bo_v_file { margin:10px 0;border:1px solid #e3dbd2 }
#bo_v_file h2 { padding: 10px 10px 0;margin-top:-1px;line-height:15px;font-weight:normal;color:#ac9f93 }
#bo_v_file ul { margin:0;padding:5px 0;list-style:none }
#bo_v_file li { padding:0 10px ;line-height:15px;color:#777 }
#bo_v_file a strong { display:inline-block;padding:5px 0;color:#000;text-decoration:underline;font-weight:normal;color:#d63154 }
#bo_v_file a:focus, #bo_v_file a:hover, #bo_v_file a:active { text-decoration:none }
.bo_v_file_cnt { display:inline-block;margin:0 10px }

#bo_v_link { margin:10px 0;border:1px solid #e3dbd2 }
#bo_v_link h2 { padding: 10px 10px 0;margin-top:-1px;line-height:15px;font-weight:normal;color:#ac9f93 }
#bo_v_link ul { margin:0;padding:5px 0;list-style:none }
#bo_v_link li { padding:0 10px ;line-height:15px;color:#777 }
#bo_v_link a { display:inline-block;color:#000;text-decoration:none;margin:0 0 3px }
#bo_v_link a strong { display:inline-block;padding:5px 0;color:#000;text-decoration:underline;font-weight:normal;color:#d63154 }
#bo_v_link a:focus, #bo_v_link a:hover, #bo_v_link a:active { text-decoration:none }
.bo_v_link_cnt  { display:inline-block;margin:0 10px }

#bo_v_top { margin:10px 0 30px; }
#bo_v_top:after { display:block;visibility:hidden;clear:both;content:"" }
#bo_v_top h2 { position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden }
#bo_v_top ul { margin:0;padding:0;list-style:none; }
#bo_v_top ul:after { display:block;visibility:hidden;clear:both;content:"" }
#bo_v_top ul li { display:inline-block; }
.bo_v_left { float:left }
.bo_v_right { float:right }
#bo_v_top .btn_top { float:right }

#bo_v_bot { padding:0 10px }
#bo_v_bot:after { display:block;visibility:hidden;clear:both;content:"" }
#bo_v_bot h2 { position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden }
#bo_v_bot ul { margin:0;padding:0;list-style:none }

.bo_v_nb {  margin:10px 0; border-top:1px solid #ddd; border-bottom:1px solid #ddd; text-align:center; position:relative;  }
.bo_v_nb:after {  display:block; visibility:hidden; clear:both; content:"";  }
.bo_v_nb li {   }
.bo_v_nb li a {  display:inline-block; padding:10px; color:#777;  }
.bo_v_nb .bo_v_next {  ; position:absolute; top:0; right:0;  }
.bo_v_nb .bo_v_prev {  ; position:absolute; top:0; left:0;  }

#bo_v_atc { min-height:200px }
#bo_v_atc_title { margin:0;padding:0;height:0;overflow:hidden }

#bo_v_img { margin:0 0 10px;width:100%;overflow:hidden;zoom:1 }
#bo_v_img:after { display:block;visibility:hidden;clear:both;content:"" }
#bo_v_img img { margin-bottom:15px;max-width:100%;height:auto }

#bo_v_con { min-height:200px;margin-bottom:20px;width:100%;font-size:1.250em;line-height:1.7em;word-break:break-all;overflow:hidden }
#bo_v_con a { color:#000;text-decoration:underline }
#bo_v_con img { max-width:100%;height:auto }

#bo_v_act { margin-bottom:30px;text-align:center }
#bo_v_act .bo_v_act_gng { position:relative }
#bo_v_act a { margin-right:5px;vertical-align:middle }
#bo_v_act a:hover { background-color:#f3f3f3 }
#bo_v_act_good, #bo_v_act_nogood { display:none;position:absolute;top:30px;left:0;padding:10px 0;width:165px;background:#ff3061;color:#fff;text-align:center }
#bo_v_act .bo_v_good { padding:15px 0;display:inline-block;border:1px solid #000;width:70px;height:70px;line-height:20px;border-radius:50%;font-style:italic }
#bo_v_act .bo_v_nogood { padding:15px 0;display:inline-block;border:1px solid #000;width:70px;height:70px;line-height:20px;border-radius:50%;font-style:italic }
#bo_v_act .bo_v_good i,#bo_v_act .bo_v_nogood i { font-size:18px; }
#bo_v_share { position:relative;margin:20px 0;text-align:right }
#bo_v_share:after { display:block;visibility:hidden;clear:both;content:"" }
#bo_v_share .btn_scrap { display:inline-block;background:#555;color:#fff;line-height:35px;width:60px;font-weight:bold;text-align:center; border-radius:3px;  }

.btn_share { display:none; }
.bo_v_snswr { position:relative;float:right }
#bo_v_sns { ;padding:0;list-style:none;zoom:1 }
#bo_v_sns:after { display:block;visibility:hidden;clear:both;content:"" }
#bo_v_sns li { float:left;width:50px;text-align:center;margin-left:3px }
#bo_v_sns li a { height:40px;padding:10px 0; }
#bo_v_sns li .sns_f { display:block;background:#415b92;border-radius:3px }
#bo_v_sns li .sns_t { display:block;background:#35b3dc;border-radius:3px }
#bo_v_sns li .sns_g { display:block;background:#d5503a;border-radius:3px }
#bo_v_sns li .sns_k { display:block;background:#fbe300;border-radius:3px }
#bo_v_sns li img { vertical-align:top }

 @media (max-width: 640px) { 
   #bo_v_info p,#bo_v_info span { float:none }
 }
/* 게시판 댓글 */
.cmt_btn { background:url('./img/cmt_btn.png') no-repeat right 8px;text-align:left ;width:100% ;border:0;color:#d22828;font-weight:bold;font-size:1.167em;margin: 20px 0 10px;padding:0  0 10px ;border-bottom:1px solid #ddd }
.cmt_btn_op { background:url('./img/cmt_btn.png') no-repeat right  -23px }

#bo_vc {  }
#bo_vc h2 { position:absolute;font-size:0;line-height:0;overflow:hidden }
#bo_vc article { margin:0 0 15px }
#bo_vc header { position:relative;padding:0 0 0 ;height:40px;line-height:20px }
#bo_vc .comment_profile_img { position:absolute;top:0;left:0 }
#bo_vc .comment_profile_img img, #bo_vc .profile_img img { border-radius:50% }
#bo_vc .sv_member, #bo_vc .sv_guest { font-weight:bold }
.bo_vc_hdinfo { display:inline-block;color:#777;font-size:0.92em }
#bo_vc h1 { width:0;height:0;font-size:0;line-height:0;overflow:hidden }
#bo_vc .cmt_contents { padding:10px 15px ;margin:5px 0 0 ;border-radius:5px;background:#f6f6f6;line-height:1.8em }
#bo_vc .cmt_contents  p { font-size:1.083em }
#bo_vc p a { text-decoration:underline }
#bo_vc p a.s_cmt { text-decoration:underline;color:#ed6479 }
#bo_vc_empty { margin:0;padding:15px !important;text-align:center }
#bo_vc #bo_vc_winfo { float:left }
#bo_vc footer { zoom:1 }
#bo_vc footer:after { display:block;visibility:hidden;clear:both;content:"" }

.bo_vc_act { text-align:right;;margin:0;list-style:none }
.bo_vc_act:after { display:block;visibility:hidden;clear:both;content:"" }
.bo_vc_act li { display:inline-block;margin:0 2px }
.bo_vc_act li a { color:#3497d9;text-decoration:underline }

.bo_vc_w {  position:relative; margin:10px 0; display:block;  }
.bo_vc_w:after {  display:block; visibility:hidden; clear:both; content:"";  }
.bo_vc_w h2 {  position:absolute; font-size:0; line-height:0; overflow:hidden;  }
.bo_vc_w #char_cnt {  display:block; margin:0 0 5px;  }
.bo_vc_w textarea {  border:1px solid #ccc; background:#fff; color:#000; vertical-align:middle; border-radius:3px; padding:5px; width:100%; height:120px;  }
#wr_secret {   }
.bo_vc_w_info {  margin:5px 0;  }
.bo_vc_w_info:after {  display:block; visibility:hidden; clear:both; content:"";  }
.bo_vc_w_info .frm_input {  float:left; width:49.5%; margin: 0 0 5px 0;  }
.bo_vc_w_info #wr_password {  float:right;  }
.bo_vc_w_info #captcha {  ; display:block; clear:both;  }

.bo_vc_w .btn_confirm {  margin-top:5px; clear:both;  }
.bo_vc_w .icon_lock {  display:inline-block; font-size:17px; padding: 5px; margin-right:5px;  }
.bo_vc_w .btn_submit {  height:50px; width:100%; padding:0 20px;  font-weight:bold; font-size:1.083em; border-radius:3px;  }
.bo_vc_w_wr:after {  display:block; visibility:hidden; clear:both; content:"";  }
.bo_vc_w  .bo_vc_secret {  float:right; display:block;  }

#bo_vc_send_sns { display:block;float:left }
#bo_vc_sns { display:block;margin:0;padding:0;list-style:none;zoom:1 }
#bo_vc_sns:after { display:block;visibility:hidden;clear:both;content:"" }
#bo_vc_sns li { float:left;margin:0 5px 0 0 }
#bo_vc_sns .sns_li_f { border-radius:3px;background:#3a589b;height:40px;;padding: 10px 0 10px 10px }
#bo_vc_sns .sns_li_t { border-radius:3px;background:#00aced;height:40px;;padding: 10px 0 10px 10px }
#bo_vc_sns .sns_li_off { background:#bbb }
#bo_vc_sns a { display:inline-block;padding:0 15px 0 5px; }
#bo_vc_sns input { margin:0 5px 0 0  }

/*글쓰기*/
#bo_w .bo_w_select select { border:1px solid #3497d9;background:#fff;width:100% }
#bo_w .bo_w_link label { position:absolute;top:1px;left:1px;border-radius:3px 0 0 3px;height:38px;line-height:38px;width:40px;background:#ddd;text-align:center }
#bo_w .bo_w_link .frm_input { padding-left:50px }
#bo_w .bo_w_flie .lb_icon { position:absolute;top:0px;left:0px;border-radius:3px 0 0 3px;height:38px;line-height:38px;width:40px;background:#ddd;text-align:center }
#bo_w .bo_w_flie .frm_file { padding-left:50px; }
#bo_w .bo_w_flie .file_wr { 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:5px 0 0  }
#bo_w .btn_top { text-align:right;margin:10px  }