@charset "utf-8";

label .radio { font-family: 'Pretendard'; font-weight:400; font-size:22px; }
.radio input { display:none; }
.radio span { display:inline-block;vertical-align:middle;cursor:pointer; }
.radio .radio_w { margin-right:30px; }

.radio .icon { position:relative; margin-right:6px; top:0px; width: 22px;height: 22px;border: 1px solid #aaa; border-radius: 50%; transition: background 0.3s ease;}
.radio .icon::after { content: '';position: absolute;top: 6px;left: 6px;width: 8px;height: 8px;border:4px solid #fff; border-radius:50%; transform: rotate(360deg) scale(0);transition: all 0.3s ease;transition-delay: 0.0s;opacity: 0;}
.radio .text { margin-left: 5px;}
.radio input:checked ~ .icon { border-color: transparent;background: #e20030;animation: jelly 0.6s ease;}
.radio input:checked ~ .icon::after { opacity: 1;transform: rotate(45deg) scale(1);}

label.checkbox { font-size:16px; vertical-align:bottom; }
label.checkbox.span_ { margin-right:15px; }
.checkbox input { display:none;}
.checkbox span { display:inline-block;vertical-align:middle;cursor:pointer;}
.checkbox .icon { position:relative; top:-2px; width: 19px;height: 19px;border: 1px solid #aaa;border-radius: 3px;transition: background 0.3s ease;}
.checkbox .icon::after { content: '';position: absolute;top: 0px;left: 5px;width: 7px;height: 13px;border-right: 2px solid #fff;border-bottom: 3px solid #fff;transform: rotate(45deg) scale(0);transition: all 0.3s ease;transition-delay: 0.15s;opacity: 0;}
.checkbox .text { margin-left: 5px;}

.checkbox input:checked ~ .icon { border-color: transparent;background: #e20030;animation: jelly 0.6s ease;}
.checkbox input:checked ~ .icon::after { opacity: 1;transform: rotate(45deg) scale(1);}

/* 기본테이블 */
.tbl_wrap table { width:100%;border-collapse:collapse;border-spacing:0; border-bottom:0px solid #ddd; padding:10px 0 0 0; }
.tbl_wrap caption {padding:10px 0;font-weight:bold;text-align:left}
.tbl_head {margin:0 0 10px; } 
.tbl_head caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head thead { width:100%; line-height:50px; top:0; margin-bottom:20px; text-align:center; border-top:2px #222 solid; border-bottom:1px #ccc solid; }

.tbl_head thead th { line-height:50px; font-weight:500; text-align:center; background:#fafafa; }
.tbl_head tr { transition: all 0.3s ease; }
.tbl_head tr:hover { background:#f2f9ff; transition: all 0.3s ease; }
.tbl_head td { padding:10px 5px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; word-break:break-all; }

/* 게시판 폼 테이블 */
.tbl_frm { margin:0 0 20px; }
.tbl_frm table { width:100%;border-collapse:collapse;border-spacing:0; border-top:0; }
.tbl_frm th { width:130px; min-width:130px; padding:0 13px; text-align:right;  font-weight:500; }
.tbl_frm th label { font-size:15px; }
.tbl_frm td { display:inline-block; width:100%; padding:4px 10px; background:transparent}
.tbl_frm input, .frm_input { height:38px; padding:4px; vertical-align:middle; }
.tbl_frm select, .frm_input { height:38px; border:1px solid #ccc; padding:0; vertical-align:middle; line-height:2em; border-radius:2px;}
.tbl_frm textarea, .frm_input { border:1px solid #ccc; padding:10px; vertical-align:middle; line-height:24px; }
.tbl_frm textarea { padding:10px; width:100%;height:100px; }
.frm_input { height:28px; padding:0 4px; }
.tbl_frm .agreefrm { width:100%; height:80px; margin:15px 0 0; padding:10px; line-height:20px; color:#555; border-radius:2px;}
.tbl_frm .agreetext { display:inline-block; padding:10px 0 30px 0; }
.tbl_frm a {text-decoration:none}
.tbl_frm .frm_file { text-align:left; }
.tbl_frm .frm_info {display:block;padding:0 0 5px; line-height:20px}

/* 코멘트 폼 테이블 */
.tbl_frm_co { margin:20px 0; padding:20px; border:1px #e1e1e1 solid; background:#fafafa; }
.tbl_frm_co table { width:100%;border-collapse:collapse;border-spacing:0}
.tbl_frm_co th { width:110px; padding:2px 15px 0 0; text-align:left; font-weight:500; color:#444; letter-spacing:-0.03em; }
.tbl_frm_co td { padding:2px 0px;border-top:0px solid #e9e9e9;border-bottom:0px solid #e9e9e9;background:transparent}
.tbl_frm_co input, .frm_input {  height:34px; padding:4px; vertical-align:middle;line-height:2em; }
.tbl_frm_co select, .frm_input {  height:34px; padding:4px; border:1px solid #ccc; padding:2px 0; vertical-align:middle;line-height:1.7em; }
.tbl_frm_co textarea, .frm_input { border:1px solid #ccc; padding:10px; vertical-align:middle;line-height:1.7em; }
.tbl_frm_co textarea { width:98%;height:104px; padding:10px; font-size:15px; }
.tbl_frm_co a {text-decoration:none}
.tbl_frm_co .frm_file {display:block;margin-bottom:0px}
.tbl_frm_co .frm_info {display:block;padding:0 0 5px;line-height:1.4em}


/* 자료 없는 목록 */
.empty_table {padding:50px 0 !important;text-align:center}
.empty_list {padding:20px 0 !important;text-align:center}

/* 필수입력 */
.required, textarea.required { background:url('') #fff top right no-repeat !important}

/* 버튼 */
a.btn,.btn{  line-height:30px; padding:0 10px; text-align:center; font-weight:500; border-radius:2px;
-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.btn_co,.btn_co{text-decoration:none;
-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;}


/* 글쓰기 버튼 */
.btn_confirm { text-align:center; margin:20px 0; padding:40px 0; border-top:1px solid #ddd;} 
.btn_submit { padding:6px 30px;border:0; background:#000;color:#fff; border:1px #000 solid; letter-spacing:0em;cursor:pointer; font-weight:bold; }
.btn_submit:hover { background:#fff; color:#000; }
.btn_submit_co input { width:107px; height:107px; border:0; background:#eee; color:#000; cursor:pointer;   font-weight:bold; }

.btn_cancel {  display:inline-block;padding:6px 30px; }
a.btn_cancel {display:inline-block;padding:6px 30px; background:#fff;color:#444; border:1px #444 solid; text-decoration:none; }
a.btn_cancel:hover { background:#fff;color:#444; border:1px #000 solid; }

/* 게시판용 버튼 */
a.btn_b01 {display:inline-block; border:1px solid #ccc; background:#fafafa; color:#000; font-size:15px; font-weight:400; text-decoration:none; }
a.btn_b01:focus, .btn_b01:hover {text-decoration:none;  background:#eee; border:1px solid #999;}
a.btn_b02 {display:inline-block; border:1px solid #000; background:#000; color:#fff; text-decoration:none; font-weight:500; }
a.btn_b02:focus, .btn_b02:hover {text-decoration:none; background:#fff; color:#000; border:1px solid #000;}
a.btn_b03 {display:inline-block; border:1px solid #ccc; background:#4b545e; color:#fff; text-decoration:none; }
a.btn_b03:focus, .btn_b03:hover {text-decoration:none;  background:#eee; border:1px solid #999;}
.btn_b04 {display:inline-block; border:1px #ccc solid; background:#fff; color:#000 ;  font-size:15px; font-weight:400; text-decoration:none; }
.btn_b04:focus, .btn_b04:hover {text-decoration:none;  background:#eee; border:1px solid #999; }
a.btn_admin {display:inline-block; border:1px solid #314585; background:#314585; color:#fff; text-decoration:none; } 
a.btn_admin:hover { background:#152a6f; }
a.btn_admin:focus, a.btn_admin:hover {text-decoration:none}

/* 게시판 목록 */
#bo_list { margin:0 0 40px 0;}
#bo_list .td_board {width:120px;text-align:center}
#bo_list .td_num {width:80px;text-align:center; color:#777; }
#bo_list .td_chk {width:30px;text-align:center}
#bo_list .td_secret { width:90px; min-width:90px; padding:0 5px; text-align:center; }
#bo_list .td_cate { width:130px; min-width:130px; padding:0 5px; text-align:center; border-bottom:none;}
#bo_list .td_subject  { width:'*'; text-align:left; }
#bo_list .td_date {width:110px; min-width:110px; text-align:center; color:#777; }
#bo_list .td_datetime {width:110px;min-width:110px;  text-align:center; color:#777; }
#bo_list .td_group {width:110px;text-align:center}
#bo_list .td_mb_id {width:100px;text-align:center}
#bo_list .td_mng {width:80px;text-align:center}
#bo_list .td_name { min-width:150px;text-align:center}
#bo_list .td_nick {width:100px;text-align:center}
#bo_list .td_hit {width:90px;text-align:center; color:#777; }
#bo_list .td_numbig {width:80px;text-align:center; color:#777; }
#bo_list .td_good {width:50px;text-align:center; color:#777; }
#bo_list .td_nogood {width:50px;text-align:center; color:#777; }
#bo_list .td_by {width:90px;text-align:center; }
#bo_list .txt_active {color:#5d910b}
#bo_list .txt_expired {color:#ccc}

/* 진행상태 */
.se { display:block;width:80px; background:#EA0626; color:#fff; border-radius:2px; padding:0 10px; font-family:'Noto Sans Kr'; font-weight:400; font-size:13px; line-height:24px; letter-spacing:-0.02em;}
.st { display:block;width:80px; background:#fff; color:#EA0626; border:1px #EA0626 solid; border-radius:2px; padding:0 10px; font-family:'Noto Sans Kr'; font-weight:400; font-size:13px; line-height:24px; letter-spacing:-0.02em;}

/* 웹페이지 목록 */ 
#bo_list .webpage { height:auto !important; margin:10px 0; }
#bo_list .webpage img {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_l_img { width:100%;overflow:hidden;zoom:1;text-align:center;}
#bo_l_img:after {display:block;visibility:hidden;clear:both;content:""}
#bo_l_img img { margin-bottom:10px;max-width:100%;height:auto; }
.comingsoon { text-align:center; padding:100px 0; }
.icon_reply { font-size:22px; color:#EA0626; }

/* 갤러리 목록 */
#gall_allchk { padding:10px 0 10px 10px; font-weight:bold; border-top:1px #e1e1e1 solid; }

#bo_gall h2 {margin:0;padding:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#bo_gall #gall_ul { margin:10px 0; padding:20px 0 0 0; list-style:none;zoom:1; border-top:1px #e1e1e1 solid;  border-bottom:1px #e1e1e1 solid; text-align:center; }
#bo_gall #gall_ul:after {display:block;visibility:hidden;clear:both;content:""}
#bo_gall .gall_li { display:inline-block; padding:10px 18px 30px 18px;  margin:0 auto; text-align:center; vertical-align:top; } /* 갤러리 간격 */

#bo_gall .gall_con {margin:0;padding:0;list-style:none;}
#bo_gall .gall_con li {margin:0 0 4px;  text-align:center;font-size:1em;  color:#777; }
#bo_gall .gall_con .gall_subject { text-align:center;}

#bo_gall .gall_now .gall_text_href a {color:#ff3061}

#bo_gall .gall_href a:link, #bo_gall .gall_href a:focus, #bo_gall .gall_href a:hover {text-decoration:none;  text-align:center;}
#bo_gall .gall_href strong, #bo_gall .gall_href span {display:inline-block;background:#f7f7f7;text-align:center;line-height:10em}

#bo_gall .gall_text_href {margin:10px 0 !important; text-align:center; }
#bo_gall .gall_text_href a {font-weight:bold;  text-align:center; }
#bo_gall .gall_text_href span {display:inline !important}
#bo_gall .gall_text_href img {margin:0; text-align:center;}

/* 웹진형 */
#Webzine {  margin:0 auto; padding:0;}
#Websection figcaption {margin: 0; padding: 0;}
#Websection {margin: 0 auto; width:100%; margin-top:10px; }
#Websection .sortlist .sortbox { display:inline-block; width:49%; margin:0 6px 12px 6px; vertical-align:top; }
#Websection .sortlist .iner { padding:13px 13px 4px 13px; vertical-align:top;}
#Websection .sortlist .iner ul { display:inline-block; float:left; position: relative; width:100%; list-style:none; vertical-align:middle; padding:0px; }
#Websection .sortlist .iner .img { float:left; width:38%; vertical-align:middle; }
#Websection .sortlist .iner .img img { border-radius:10px; }
#Websection .sortlist .iner .img .no_img_logo { display:flex; align-items: center; justify-content: center; vertical-align:middle; }
#Websection .sortlist .iner .txt { float:left; width:60%; vertical-align:middle; }
#Websection .sortlist .iner .txt .if_tit { padding:0; text-align:left; font-size:17px; font-weight:500; }
#Websection .sortlist .iner .txt .if_cont { padding:9px 0 0; text-align:left; font-size:15px; font-weight:400; color:#666; line-height:21px; }
#Websection .sortlist .iner .txt .if_info { padding:11px 0 0; text-align:left; vertical-align:top; font-size:15px; }
#Websection .sortlist .iner .txt .if_cate { font-size:14px; line-height:22px; font-weight:500; color:#686dcf; padding:0 10px; margin:0 5px; border:1px #a1a6fe solid; border-radius:12px; }
#Websection .sortlist .iner .txt strong { font-size:15px; font-weight:600; letter-spacing:-0.05em; }
#Websection .sortlist .iner .best { position:absolute;z-index:3; top:0; left:0; }

#Websection .sortlist .iner { vertical-align:top;overflow: hidden;	position: relative; border: 1px solid #ccc; background: #fff; border-radius:10px; transition: all 0.3s ease; /*box-shadow: 4px 4px 0 rgba(190,190,190,0.1); -webkit-box-shadow: 4px 4px 0 rgba(190,190,190,0.1);*/	clear: both;}
#Websection .sortlist .iner:hover {vertical-align:top;overflow: hidden;position: relative; border: 1px solid #555; background: #fafafa; border-radius:10px; transition: all 0.3s ease; /*background-color: #F8F8F8;box-shadow: 4px 4px 0 rgba(190,190,190,0.1);
	-webkit-box-shadow: 4px 4px 0 rgba(190,190,190,0.1);	*/ clear: both;}


/* 게시판 목록 공통 */
.bo_fx { margin:15px 0;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;padding:5px 0;}
.btn_bo_user {float:right;margin:0;padding:0;list-style:none}
.btn_bo_user li {float:left;margin-left:5px}
.btn_bo_adm {float:left}
.btn_bo_adm li {float:left;margin-right:5px}
.btn_bo_adm input {font-size:14px; line-height:19px; padding:5px 10px;text-align:center;font-weight:300;border-radius:2px;border:1px solid #314585; background:#314585;color:#fff;text-decoration:none;vertical-align:middle; letter-spacing:-0.05em;}
.btn_bo_adm input:hover { background:#152a6f; cursor:pointer;}
.bo_notice td {background:#f5f6fa}
.bo_notice td a {font-weight:bold}
.td_num strong {color:#000}
.bo_cate_link { display:block; padding:0 10px 0 0; line-height:16px; border-right:1px #ccc solid; } 
.bo_cate_link a { color:#3e47ff; }
.bo_current {color:#e8180c}
.bo_icon_new { padding-top:1px; padding-bottom:0px; padding-left:4px; padding-right:5px; border-radius:2px; margin-left:5px; background:#2090f9; color:#fff; font-size:10px; font-family:'arial'; }
.bo_secret { display:block; padding:0 10px; line-height:16px; border-left:1px #ccc solid; border-right:1px #ccc solid; }
.comingsoon { text-align:center; padding:100px 0;}
#bo_list .cnt_cmt {  padding-top:1px; padding-bottom:0px; padding-left:4px; padding-right:5px; border-radius:2px; margin-left:5px; background:#ea0626; color:#fff; font-size:10px; font-family:'arial'; }

#bo_sch { width:380px; 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; height:40px;float:left; padding:0 6px; border-right:1px solid #ccc; }
#bo_sch .sch_input { display:block; width:62%; height:40px; margin:0;border:0;padding:0 10px;background-color:transparent; float:left; outline: none;}
#bo_sch .sch_btn { height:40px; margin:0; float:left; background:none; border:0; width:40px; font-size:15px}

#bo_cate { width:100%; height:40px; margin:0 auto; margin-bottom:20px; line-height:40px; }
#bo_cate h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_cate ul { height:40px; width:100%;zoom:1}
#bo_cate ul:after {display:block;visibility:hidden;clear:both;content:""}
#bo_cate li { list-style:none; display:inline-block; float:left; height:40px; line-height:40px; padding:0 20px; border:1px #ccc solid; margin-right:-1px; text-align:center; }
#bo_cate li a { display:inline-block;position:relative;  text-align:center; cursor:pointer; height:40px; margin:0 -20px; padding:0 20px;}
#bo_cate li a:focus, #bo_cate li a:hover, #bo_cate li a:active { color:#fff; text-decoration:none}
#bo_cate #bo_cate_on { display:inline-block; float:left; height:38px; line-height:38px; margin:0 -20px; padding:0 20px; background:#1A9CEF; color:#fff; text-align:center; cursor:pointer; }


/* 게시판 쓰기 */
#bo_w { margin:0 auto; text-align:left; }
#bo_w header { display:block; position:relative; line-height:52px; top:0; margin-bottom:20px; text-align:center; border-top:2px #222 solid; border-bottom:1px #ccc solid; font-size:17px; font-weight:500;}
#char_count_desc {display:block;margin:0 0 5px;padding:0; }
#char_count_wrap {margin:5px 0 0;text-align:right; width: }
#char_count {font-weight:bold}

#autosave_wrapper {position:relative}
#autosave_pop {display:none;z-index:10;position:absolute;top:24px;right:117px;padding:8px;width:350px;height:auto !important;height:180px;max-height:180px;border:1px solid #565656;background:#fff;overflow-y:scroll}
html.no-overflowscrolling #autosave_pop {height:auto;max-height:10000px !important} /* overflow 미지원 기기 대응 */
#autosave_pop strong {position:absolute;font-size:0;line-height:0;overflow:hidden}
#autosave_pop div {text-align:right}
#autosave_pop button {margin:0;padding:0;border:0;background:transparent}
#autosave_pop ul {margin:10px 0;padding:0;border-top:1px solid #e9e9e9;list-style:none}
#autosave_pop li {padding:8px 5px;border-bottom:1px solid #e9e9e9;zoom:1}
#autosave_pop li:after {display:block;visibility:hidden;clear:both;content:""}
#autosave_pop a {display:block;float:left}
#autosave_pop span {display:block;float:right}
.autosave_close {cursor:pointer}
.autosave_content {display:none}

/*글쓰기*/
#bo_w  label { font-size:1.05em; }
#bo_w .write_div{ margin:3px 0 0;position:relative; }
#bo_w .bo_w_info:after {display:block;visibility:hidden;clear:both;content:""}
#bo_w .bo_w_info .frm_input{float:left;width:33%}
#bo_w .wr_content.smarteditor2 iframe{background:#fff}
#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;}
#bo_w .bo_w_link label{position:absolute;top:1px;left:1px;border-radius:3px 0 0 3px;height:36px;line-height:36px;width:40px;; background: #eee;text-align:center;color:#888}
#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:36px;line-height:36px;width:40px;background:#eee;text-align:center;color:#888; border:1px solid #ccc;}
#bo_w .bo_w_flie .frm_file{ padding-left:50px; line-height:25px; }
#bo_w .bo_w_flie .file_wr{ border:1px solid #ccc;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:0px;height:36px;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:1.05em;color:#7d7d7d}
#bo_w .bo_w_select select{border:1px solid #3497d9;height:40px;border-radius:3px}

/* 게시판 읽기 */
#bo_v { margin:30px 0; padding-bottom:20px; }
#bo_v header { display:inline-block; position:relative; width:100%; top:10px; border-top:2px #bbb solid; }
#bo_v header .header_subject { display:block; width:100%; font-weight:400; font-size:17px; line-height:50px; }
#bo_v header .header_subject .if_tit { float:left; width:10%; text-align:center; background:#f8f8f8; border-left:1px #ddd solid; border-right:1px #ddd solid; border-bottom:1px #ddd solid; }
#bo_v header .header_subject .if_info { float:left; width:90%; text-align:left; font-weight:500; padding:0 0 0 15px; border-right:1px #ddd solid;  border-bottom:1px #ddd solid; }
#bo_v header .header_info { display:block; width:100%; font-weight:400; font-size:17px; line-height:50px; }
#bo_v header .header_info .if_tit { float:left; width:10%; text-align:center; background:#f8f8f8; border-left:1px #ddd solid; border-right:1px #ddd solid; border-bottom:1px #ddd solid; }
#bo_v header .header_info .if_info { float:left; width:63%; font-size:16px; color:#777; text-align:left; padding:0 0 0 15px; border-bottom:1px #ddd solid;}
#bo_v header .header_info .if_info1 { float:left; width:17%; font-size:16px; color:#777; text-align:left; padding:0 0 0 15px; border-right:1px #ddd solid; border-bottom:1px #ddd solid;}
#bo_v header .header_info .fa { padding:0 0 0 20px }
#bo_v header .header_file { display:block; width:100%; font-weight:400; font-size:16px; line-height:50px; }
#bo_v header .header_file .if_tit { float:left; width:10%; text-align:center; background:#f8f8f8; border-left:1px #ddd solid; border-right:1px #ddd solid; border-bottom:1px #ddd solid; }
#bo_v header .header_file .if_info { float:left; width:90%; text-align:left; font-weight:400; padding:0 0 0 15px; border-right:1px #ddd solid;  border-bottom:1px #ddd solid; }
#bo_v header .header_file .if_info a { margin-right:20px; }
#bo_v header .header_file .fa { color:blue; }


#bo_v_printwin { width:96%; margin:0 auto; margin-bottom:20px;padding-bottom:20px }
#bo_v_printwin header { display:block; position:relative; height:52px; top:0; margin-bottom:20px; text-align:left; border-top:2px #BBB solid; border-bottom:1px #DDD solid; font-weight:bold; font-size:16px; padding:15px 0 10px 0;  }

#bo_v_table { position:absolute;top:0;right:16px;margin:0;padding:0 5px;height:25px;background:#ff3061;color:#fff;font-weight:bold;line-height:2.2em }

#bo_v_title { padding:10px 0;font-size:1.2em }

#bo_v_info { padding:15px 0; border-top:1px solid #ddd; color:#777; }
#bo_v_info h2 { position:absolute;font-size:0;line-height:0;overflow:hidden }
#bo_v_info span { display:inline-block; margin:0 20px 0 0; font-size:14px;}
#bo_v_info strong { display:inline-block;margin:0 6px 0 0; color:#222; font-size:14px;}
#bo_v_info .sv_member,
#bo_v_info .sv_guest,
#bo_v_info .member,
#bo_v_info .guest { font-weight:bold }
#bo_v_info .if_date{float:right;margin:0;color:#888}

#bo_v_fp { display:block; float:right; position:relative; margin-top:-32px; }
#bo_v_fp a { font-size:15px; text-decoration:none; letter-spacing:-0.03em; font-weight:400;}
#bo_v_fp h2 { position:absolute;font-size:0;line-height:0;overflow:hidden }
#bo_v_fp .ps03 { float:left; padding:0 10px; margin:0 0 0 3px; border:1px #ccc solid; }
#bo_v_fp .ps03:focus, .ps03:hover {text-decoration:none;  background:#eee; border:1px solid #999;}

#bo_v_fp1 { display:block; float:right; position:relative; padding:30px 0; margin-top:-30px; bottom:0; vertical-align:bottom;}
#bo_v_fp1 a { font-size:15px; text-decoration:none; letter-spacing:-0.03em; font-weight:400;}
#bo_v_fp1 h2 { position:absolute;font-size:0;line-height:0;overflow:hidden }
#bo_v_fp1 .ps03 { float:left; padding:0 10px; margin:0 0 0 3px; border:1px #ccc solid; }
#bo_v_fp1 .ps03:focus, .ps03:hover {text-decoration:none;  background:#eee; border:1px solid #999;}

#bo_v_file { }
#bo_v_file h2 { position:absolute;font-size:0;line-height:0;overflow:hidden }
#bo_v_file ul { margin:0;padding:0;list-style:none }
#bo_v_file li { padding:12px 0 10px;border-top:1px solid #DDD; background:#fff; font-size:14px;}
#bo_v_file li strong { display:inline-block;margin:0 3px 0 0; color:#222; }
#bo_v_file a {padding:8px 0 7px;width:100%; color:#777; }
#bo_v_file a:focus, #bo_v_file a:hover, #bo_v_file a:active { text-decoration:none }
#bo_v_file img { float:left;margin:0 10px 0 0 }
.bo_v_file_cnt { display:inline-block;margin:0 0 3px 16px; color:#999; }

#bo_v_link {}
#bo_v_link h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_link ul {margin:0;padding:0;list-style:none}
#bo_v_link li { padding:12px 0 10px;border-top:1px solid #DDD; background:#fff; font-size:14px; }
#bo_v_link li strong { display:inline-block;margin:0 3px 0 0; color:#222; }
#bo_v_link a {padding:8px 0 7px;width:100%;color:#777; }
#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 0 3px 16px; color:#999; }

#bo_v_top {margin:0 0 10px;padding:10px 0;zoom:1}
#bo_v_top:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_top h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_top ul {margin:0;padding:0;list-style:none}

#bo_v_bot {zoom:1}
#bo_v_bot:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_bot h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_bot ul {margin:0;padding:0;list-style:none}

.bo_v_nb {float:left; }
.bo_v_nb li {float:left; margin-right:5px; }
.bo_v_com {float:right; }
.bo_v_com li {float:left;margin-left:5px; }

#bo_v_atc { height:auto !important; border:1px #e1e1e1 solid; padding:55px 30px 55px 30px; margin:4px 0 0; background:#fff; }
#bo_v_atc_title {position:absolute;font-size:0;line-height:0;overflow:hidden}

#bo_v_img {margin:0 0 10px;width:100%;overflow:hidden;zoom:1;text-align:center;}
#bo_v_img:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_img img {margin-bottom:20px;max-width:100%;height:auto; }

#bo_v_con { padding-bottom:50px;width:100%; margin:0 auto; line-height:30px;font-size:16px; font-weight:300px; word-break:break-all;overflow:hidden; }
#bo_v_con a { color:#000; font-weight:500px; text-decoration:underline; }
#bo_v_con img {max-width:100%;height:auto}

#bo_v_act { display:block; float:right; }
#bo_v_act .bo_v_act_etc { float:left; position:relative; width:203px; right:-6px;}
#bo_v_act .bo_v_act_etc img { float:left; }
#bo_v_act .bo_v_act_gng { float:left; position:relative; line-height:14px;}
#bo_v_act a .goodnum { color:#ff3061; font-size:0.93em;}
#bo_v_act a .nogoodnum { color:#2271c1; font-size:0.93em;}
#bo_v_act strong { }
#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_img { width:98%; margin:0 auto;overflow:hidden;zoom:1; text-align:center; }
#bo_v_img img { margin:0 auto; margin-bottom:20px; max-width:100%; height:auto; }
#bo_v_img .before { display:block; float:left; width:47%; }
#bo_v_img .before p { list-style:none; }
#bo_v_img .after { display:block; float:right; width:47%; }
#bo_v_img .after p { list-style:none; }
#bo_v_img .bnatit { text-align:center; font-size:2em; font-family:nanumgothic; background:#fff; color:#444; padding:5px; margin:5px 0 1px 0; font-weight:bold;}
#bo_v_img .arrow { display:block; float:left; width:6%; font-family:nanumgothic; text-align:center; font-size:2.6em;  line-height:10em;  vertical-align:middle;}

/* 온라인상담 */
#bo_v_coun { text-align:left; border:1px #e1e1e1 solid; margin:0 0 30px 0; padding:10px 0 10px 30px; background:#f8f8f8; }
#bo_v_coun li { display:inline-block;width:100%;padding:3px 0; font-size:1.1em;  }
#bo_v_coun .info_l { display:block; position:relative; float:left; width:100px; padding:1px 0; font-weight:bold; }
#bo_v_coun .info_r { display:block; position:relative; width:300px; padding:1px 0; text-align:left; }
#bo_v_coun_btn { float:right; position:relative; padding:30px 0; margin-top:-32px; /*float:right; text-align:right; margin-top:-6px;*/}

#bo_v_prenext { display:inline-block; width:100%; padding:0; margin:0 0 20px 0; font-size:16px; }
#bo_v_prenext .v_pre { padding:13px 0; border-bottom:1px #ddd solid; }
#bo_v_prenext .v_next { padding:13px 0; border-bottom:1px #ddd solid; }
#bo_v_prenext strong { padding:0 25px; margin:0 15px 0 0; border-right:1px #ddd solid; }

#bo_v_share{ position:absolute;margin:0 0 20px;text-align:right;}
#bo_v_share .btn{padding:0 10px 0 0;color:#555;font-weight:normal;font-size:1em ;line-height:30px;height:32px; border:0; border-radius:2px;border:1px #d5d5d5 solid;background:#fff;}
#bo_v_share .btn:hover{background:#EEEEEE}
#bo_v_share .btn i{margin-right:5px;background:#000;color:#fff;text-align:center;width:30px;line-height:30px;vertical-align:top;}
#bo_v_share .btn_share{}
#bo_v_share .btn_share:hover{}

.bo_v_snswr{position:relative;display:inline-block;margin-left:-1px}
#bo_v_sns {display:none;position:absolute;top:-50px;left:50%;margin-left:-50px;width:180px;padding:0;list-style:none;zoom:1}
#bo_v_sns:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_sns:before{content: "";position: absolute;bottom: -7px;left: 84px;width: 0;height: 0;border-style: solid;border-width: 7px 6px 0 6px;border-color: #415b92 transparent transparent transparent;}
#bo_v_sns li {float:left;;width:60px;text-align:center}
#bo_v_sns li a{height:40px;padding:10px 0;}
#bo_v_sns li .sns_f{display:block;background:#415b92}
#bo_v_sns li .sns_t{display:block;background:#35b3dc}
#bo_v_sns li .sns_g{display:block;background:#d5503a}
#bo_v_sns li img{vertical-align:top}

/* 게시판 댓글 */
#bo_vc { margin:10px 0 10px 0; padding:25px 25px 0 25px; border:1px solid #E5E8EC; }
#bo_vc h2 { font-size:17px; font-weight:500; padding-bottom:20px}
#bo_vc article {padding:0 0 0px 0;border-top:1px dotted #ccc; }
#bo_vc header { font-size:16px; position:relative; padding:0; border-top:none; }
#bo_vc header .icon_reply {position:absolute;top:27px;left:-24px}
#bo_vc .sv_wrap {margin-right:15px}
#bo_vc .member, #bo_vc .guest, #bo_vc .sv_member, #bo_vc .sv_guest { font-weight:500; }
#bo_vc .bo_vc_hdinfo { display:inline-block; margin:0 10px 0 5px; color:#777; font-size:15px; font-weight:400;}
#bo_vc h1 { position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_vc a { color:#000; text-decoration:none}
#bo_vc p { margin-top:18px; padding:0 0 25px 0; line-height:23px;  font-size:16px;}
#bo_vc p a {text-decoration:underline}
#bo_vc_empty { font-size:15px; margin:0;padding:0px;text-align:center;position:relative; top:-40px; color:#777;}
#bo_vc #bo_vc_winfo {float:left}
#bo_vc footer {zoom:1; position:relative; top:-13px;  font-size:12px; }
#bo_vc footer a { color:#1978e0; }
#bo_vc footer a:hover { text-decoration:underline}
#bo_vc footer:after {display:block;visibility:hidden;clear:both;content:""}
#bo_vc .s_cmt { text-decoration:none; color:red; }

.bo_vc_act {float:right;position:relative;z-index:7;margin-top:-35px; list-style:none;zoom:1; }
.bo_vc_act:after {display:block;visibility:hidden;clear:both;content:""}
.bo_vc_act li {float:left; margin-left:10px; font-size:14px; font-weight:400; }

#bo_vc_w { position:relative;margin:0 0 10px;padding:0 0 20px;border-bottom:1px solid #cfded8}
#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_send_sns{display:inline-block;float:left}
#bo_vc_sns {display:inline-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;line-height:40px;padding:0 0 0 10px}
#bo_vc_sns .sns_li_t{border-radius:3px;background:#00aced;height:40px;line-height:40px;padding:0 0 0 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 }

