@charset "utf-8";

.product_top {padding:0 0 70px}
.product_top_title {margin:0 0 20px;font-size:30px;font-weight:700}
.product_top_sub {position:relative;}
.product_top_sub span {font-size:18px;font-weight:500;line-height:25px}
.product_top_img {margin:40px 0 0}
.product_top_img img {width:100%;height:auto}

@media all and (max-width:1200px) {
	.product_top {padding:0 0 40px}
	.product_top_title {font-size:24px}
	.product_top_sub span {font-size:14px;line-height:20px}
}

#bo_list {position:relative;margin:60px 0 100px;padding:0 15px}
#bo_list:after {display:block;visibility:hidden;clear:both;content:""}
#bo_list .tbl_bbs {margin:0 0 10px}
#bo_list .tbl_bbs table {}
#bo_list .tbl_bbs caption {padding:0;font-size:0;line-height:0;overflow:hidden}
#bo_list .tbl_bbs thead th {padding:10px 0;height:60px;border-top:2px solid #000;border-bottom:1px solid #D3D3D3;color:#000;font-size:16px;font-weight:500;text-align:center;letter-spacing:-0.1em}
#bo_list .tbl_bbs tbody th {padding:10px 0;border-bottom:1px solid #D3D3D3;border-bottom:1px solid #D3D3D3}
#bo_list .tbl_bbs td {padding:10px 0px;height:55px;font-size:16px;color:#000;border-top:1px solid #D3D3D3;border-bottom:1px solid #D3D3D3;word-break:break-all}
#bo_list .tbl_bbs .tb_chk {width:40px;text-align:center}
#bo_list .tbl_bbs .tb_num {width:50px;text-align:center;font-size:14px}
#bo_list .tbl_bbs .tb_subject {position:relative;font-weight:500}
#bo_list .tbl_bbs .tb_name {width:110px;text-align:center}
#bo_list .tbl_bbs .tb_date {width:140px;text-align:center;color:#8F8F8F}
#bo_list .tbl_bbs .tb_hit {width:70px;text-align:center}
#bo_list .cnt_cmt {background:#eee;color:#EC6C00;font-size:11px;height:16px;line-height:16px;padding:0px 5px;border-radius:3px;vertical-align:middle}
#bo_list .bo_sub_tit {display:inline-block;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
#bo_list .bo_sub_icon {display:inline-block;margin-left:5px;margin-top:-1px}
#bo_list .bo_sub_icon .fa-lock {display:inline-block;width:16px;line-height:16px;font-size:12px;color:#4f818c;background:#cbe3e8;text-align:center;border-radius:2px;border:1px solid #cbe3e8;vertical-align:middle}
#bo_list .bo_sub_icon .new_icon {display:inline-block;width:16px;line-height:16px;font-size:9px;color:#fff;background:#E0074B;text-align:center;border-radius:2px;margin-left:2px;font-weight:bold;vertical-align:middle}
.bo_current {color:#e8180c}

#bo_v {position:relative;margin:60px 0 100px;padding:0 15px}
#bo_v header {position:relative;border-bottom:1px solid #e9e9e9}
#bo_v header:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v header h2 {padding:12px 0 25px;font-size:30px;line-height:27px;font-weight:700;border-bottom:2px solid #000}
#bo_v .bo_v_writer {padding:15px 0;font-size:14px;color:#8F8F8F;font-weight:400}
#bo_v .bo_v_date {margin-left:15px}
#bo_v_atc {padding:30px 0 20px}
#bo_v_content {margin:0 0 30px;width:100%;font-size:16px;font-weight:500;line-height:27px;min-height:100px;word-break:break-all;overflow:hidden}
#bo_v_content a {text-decoration:underline}
#bo_v_content img {max-width:100%;height:auto}
#bo_v_img {margin:0 0 20px}
#bo_v_img:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_img a.view_image {}
#bo_v_img img {margin-bottom:20px;max-width:100%;height:auto}

#bo_v_file h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_file li {position:relative;margin:10px 0;padding:0 15px;height:45px;border:1px solid #dfdfdf;border-radius:5px;display:flex;align-items:center}
#bo_v_link li:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_file li i {float:left;margin-right:12px;font-size:16px;color:#b2b2b2}
#bo_v_file a {float:left;display:block;font-size:14px;color:#000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#bo_v_file a:focus, #bo_v_file li:hover a, #bo_v_file a:active {text-decoration:none}

#bo_v_link h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_link li {position:relative;margin:10px 0;padding:0 15px;height:45px;border:1px solid #dfdfdf;border-radius:5px;display:flex;align-items:center}
#bo_v_link li:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_link li i {float:left;margin-right:12px;font-size:16px;color:#b2b2b2}
#bo_v_link a {float:left;display:block;font-size:14px;color:#000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#bo_v_link a:focus, #bo_v_link li:hover a, #bo_v_link a:active {text-decoration:none}

#bo_w {position:relative;margin:60px 0 100px;padding:0 15px}

.btn_bbs {float:left;width:70px;height:45px;line-height:45px;font-size:16px;font-weight:500;text-align:center;background:#f1f1f1;color:#000;border:0;border-radius:0;cursor:pointer}
.ft_btn_div {margin-top:30px}
.ft_btn_div:after {display:block;visibility:hidden;clear:both;content:""}
.ft_btn_div ul {margin:0;padding:0;list-style:none}
.btn_v_lt {float:left}
.btn_v_lt .btn_bbs {margin:0 5px 0 0}
.btn_v_rt {float:right;margin:0;padding:0;list-style:none}
.btn_v_rt li {float:left;margin-left:5px}
.btn_v_rt .btn_bbs {margin:0 0 0 5px}
.btn_v_rt .btn_v_list {width:120px;background:#A9A9A9;color:#fff}
.btn_v_rt .btn_v_post {width:140px;background:#242424 !important;color:#fff !important}
.bo_v_nb {position:relative;margin:30px 0;clear:both;text-align:left}
.bo_v_nb:after {display:block;visibility:hidden;clear:both;content:""}
.bo_v_nb li {padding:15px;border-top:1px solid #f1f1f1}
.bo_v_nb li:last-child {border-bottom:1px solid #f1f1f1}
.bo_v_nb li i {margin-right:5px;font-size:13px;color:#b3b3b3}
.bo_v_nb li .nb_tit {display:inline-block;padding-right:30px;color:#b3b3b3}


/* 게시판 댓글 */
.cmt_btn {width:100%;text-align:left;border:0;border-bottom:1px solid #f0f0f0;background:#fff;font-weight:bold;margin:30px 0 0px;padding:0 0 15px}
.cmt_btn span.total {position:relative;display:inline-block;margin-right:5px;font-size:1em;color:#3a8afd}
.cmt_btn span.cmt_more {float:right;display:inline-block;width:15px;height:10px;background:url(./img/btn_cmt.png) no-repeat right 2px;margin-top:5px}
.cmt_btn_op span.cmt_more {background-position:right -8px}
.cmt_btn b {font-size:1.2em;color:#000}
.cmt_btn_div {margin-top:20px}
.cmt_btn_div a {float:right;display:block;padding:2px 10px 0px 10px;margin-left:2px;border:2px solid #ddd;font-size:10px;color:#888;background:#fff;border-radius:4px}
.cmt_btn_div:after {display:block;visibility:hidden;clear:both;content:""}

#bo_vc {}
#bo_vc h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_vc article {margin:20px 0;position:relative;border-bottom:1px solid #f0f0f0; padding-top: 5px;}
#bo_vc article:after {display:block;visibility:hidden;clear:both;content:""}
#bo_vc article .cm_wrap {float:left;width:100%}
#bo_vc header {position:relative;width:100%; font-size: 13px; margin-bottom: 20px;}
#bo_vc header:after {display:block;visibility:hidden;clear:both;content:""}
#bo_vc header .icon_reply {position:absolute;top:15px;left:-20px}
#bo_vc .member, #bo_vc .guest, #bo_vc .sv_member, #bo_vc .sv_guest {font-weight:bold}
.bo_vc_hdinfo {color:#777}
#bo_vc h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_vc .cmt_contents {line-height:23px;padding:0 0 10px}
#bo_vc p a {text-decoration:underline}
#bo_vc p a.s_cmt {text-decoration:underline;color:#ed6479}
#bo_vc_empty {margin:0;padding:80px 0 !important;color:#777;text-align:center}
#bo_vc #bo_vc_winfo {float:left}
#bo_vc .bo_vl_opt {position:absolute;top:0;right:0}

.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 {padding:20px;width:100%;height:120px;line-height:23px;border:1px solid #ddd;background:#fff;color:#000;vertical-align:middle;border-radius:0}
.bo_vc_w_info {margin:10px 0;float:left}
.bo_vc_w_info:after {display:block;visibility:hidden;clear:both;content:""}
.bo_vc_w_info .frm_input {float:left;margin-right:5px}
.bo_vc_w_info #captcha {padding-top:10px;display:block;clear:both}
.bo_vc_w .btn_confirm {clear:both;text-align:right;margin-top:10px}
.bo_vc_w .btn_confirm label {display:inline-block;margin-right:10px;border-radius:3px;font-size:1.5em;text-align:center}
.bo_vc_w .btn_submit {height:45px;padding:0 60px;border-radius:0px;font-weight:bold;font-size:14px !important}
.bo_vc_w .btn_confirm .secret_cm label {font-size:1em !important}
.bo_vc_w_wr:after {display:block;visibility:hidden;clear:both;content:""}
.secret_cm {display:inline-block;float:left}

.w_box_li {}
.w_box_li:after {display:block;visibility:hidden;clear:both;content:""}
.w_box_left {float:left;width:49%}
.w_box_right {float:right;width:49%}

.w_frmbox {position:relative;margin:0 0 50px}
.w_frmbox:after {display:block;visibility:hidden;clear:both;content:""}
.w_frm_tit {font-size:18px;font-weight:700;color:#000}
.w_frm_tit span {margin-left:2px;color:#ff7235;font-weight:600}
.w_frm_div {}
.w_frm_div input[type="checkbox"] {width:15px;height:15px}
.w_frm_content textarea {margin:23px 0 0;padding:12px;width:100%;height:200px;font-size:16px;line-height:29px;border:2px solid #e4e4e4}
.w_input {margin:10px 0 0;padding:0;width:100%;height:45px;font-size:16px;border:0;border-bottom:2px solid #e4e4e4;background:transparent}

.w_volt:after {display:block;visibility:hidden;clear:both;content:""}
.w_volt .w_frmbox {float:left;width:48%}
.w_volt .w_frmbox:nth-child(2) {float:right}

.w_secret input[type="checkbox"] + label{margin-left:2px}
.w_secret {font-size:14px}
#bo_w .bo_v_option li {display:inline-block;float:left;text-align:left;margin:0 8px 0 0}
#bo_w .bo_v_option li label {vertical-align:baseline}
#bo_w .write_btn {margin:0 auto;width:250px;margin-top:50px;text-align:center}
#bo_w .write_btn:after {display:block;visibility:hidden;clear:both;content:""}
#bo_w .write_policy {font-size:16px;text-align:center}
#bo_w .write_policy label {margin-left:5px;}
#bo_w .write_policy input[type="checkbox"] {width:20px;height:20px}
#bo_w .w_button {width:100%;height:57px;font-size:18px;color:#fff;font-weight:600;border:0;display:flex;justify-content:center;align-items:center;background:#D11716}
#bo_w .w_button img {margin-right:8px}
#bo_w .file_input {margin:15px 0 0;padding:9px 10px 0;font-size:12px;border:2px solid #e4e4e4}
#bo_w .file_del {display:block;margin:10px 0 5px;font-size:13px;color:#7d7d7d}

.form_item {position:relative;min-height:50px;display:flex;align-items:center}
.form_item_div {width:100%}
.form_radio {}
.form_radio:after {display:block;visibility:hidden;clear:both;content:""}
.form_radio li {display:inline-block;margin:10px 10px 10px 0}
.chk_items {position:relative}
.chk_items input[type="radio"] {position:absolute;top:0;left:0;width:0;height:0;opacity:0;outline:0;z-index:-1;overflow:hidden}
.chk_items input[type="radio"] + label {position:relative;padding-left:27px;display:inline-block;color:#000;font-size:16px}
.chk_items input[type="radio"] + label span {position:absolute;top:0px;left:0;width:20px;height:20px;display:block;background:#f7f8f9;border:1px solid #cdd6df;border-radius:50%}
.chk_items input[type="radio"]:checked + label {color:#000}
.chk_items input[type="radio"]:checked + label span {border-color:#B7B7B7}
.chk_items input[type="radio"]:checked + label span:before {width:12px;height:12px;background:#000;content:'';position:absolute;top:3px;left:3px;border-radius:50%}

.chk_items input[type="checkbox"] {position:absolute;top:0;left:0;width:0;height:0;opacity:0;outline:0;z-index:-1;overflow:hidden}
.chk_items input[type="checkbox"] + label {position:relative;padding-left:27px;display:inline-block;color:#000;font-size:16px}
.chk_items input[type="checkbox"] + label span {position:absolute;top:50%;transform: translate(0%, -50%);left:0;width:20px;height:20px;display:block;background:#f7f8f9;border:1px solid #cdd6df;border-radius:50%}
.chk_items input[type="checkbox"]:checked + label {color:#000;line-height: 20px;}
.chk_items input[type="checkbox"]:checked + label span {border-color:#B7B7B7}
.chk_items input[type="checkbox"]:checked + label span:before {width:12px;height:12px;background:#000;content:'';position:absolute;top: 50%;    left: 50%;    transform: translate(-50%, -50%);border-radius:50%}

.selec_chk_items {position:absolute;top:0;left:0;width:0;height:0;opacity:0;outline:0;z-index:-1;overflow:hidden}

@media all and (max-width:1200px) {
	#bo_nav {display:none}

	#bo_cate {margin:0 0 40px}
	#bo_cate a {padding:10px 5px;font-size:14px;line-height:17px;letter-spacing:-1px}
	.bo_title {margin:0 0 30px}
	.bo_title_t1 {font-size:24px}
	.bo_title_t2 {margin:5px 0 0;font-size:14px;line-height:20px}

	#bo_list {margin:20px 0 60px}
	#bo_list .tbl_bbs td {height:50px;font-size:14px}
	#bo_list .tbl_bbs .tb_subject {padding-left:0 !important}
	#bo_list .bo_sub_tit {line-height:20px}
	#bo_v {margin:20px 0 60px}
	#bo_v header h2 {padding:12px 0 15px;font-size:24px}
	#bo_v_atc {padding:20px 0 0}
	#bo_v_content {}

	#bo_w {margin:20px 0 60px}
	.w_secret .w_frm_tit {display:none}
	#bo_w .write_btn {width:100%;margin-top:20px}
	#bo_w .w_button {height:45px;font-size:16px}
	.ft_btn_div {margin-top:20px}

	.btn_pc {display:none}
	.btn_v_rt .btn_v_list {width:100px}
	.btn_v_rt .btn_v_post {width:100px}
	.btn_v_rt .btn_v_adm {display:none}
	.btn_bbs {height:40px;line-height:40px;font-size:14px;}

	.w_box_left {width:100%}
	.w_box_right {width:100%}
	.w_frmbox {margin:0 0 40px}
	.w_frm_tit {width:100%}
	.w_frm_div {width:100%}
	.w_volt .w_frmbox {float:none;width:100%}
	.w_frm_content textarea {margin:20px 0 0;padding:12px;line-height:24px}
	.w_input {margin:5px 0 0}

	#bo_w .write_btn {width:100%;margin-top:30px}
	#bo_w .w_button {height:47px;font-size:16px}
	#bo_w .w_button img {margin-right:8px}

	.w_chks .w_frm_tit {margin:0 0 5px}
	.form_radio li {float:left;min-width:130px;margin:10px 10px 5px 0}
	.form_radio li:nth-child(odd) {clear:both}
}