@charset "utf-8";

#bo_cate {position:relative;margin:0 0 70px}
#bo_cate.sticky {position:inherit !important}
#bo_cate_inner {position:relative;z-index:9;transition:background 0.1s ease}
#bo_cate_inner .swiper-slide {width:auto}
#bo_cate_ul {border-bottom:1px solid #cacaca}
#bo_cate_ul:after {display:block;visibility:hidden;clear:both;content:""}
#bo_cate_ul li {display:inline-block}
#bo_cate_ul a {line-height:48px;padding:12px 17px;font-size:20px;font-weight:700;color:#CACACA;letter-spacing:-0.5px}
#bo_cate_ul a:focus, #bo_cate_ul a:hover, #bo_cate_ul a:active {text-decoration:none;color:#D11716}
#bo_cate_ul #bo_cate_on {z-index:2;color:#D11716}
.cate_menu {white-space:nowrap;overflow:hidden;}
.cate_menu::-webkit-scrollbar {display:none}
.cate_menu .gnb_sl {position:relative;color:#D11716}
.cate_menu .gnb_sl:after {content: "";position:absolute;bottom:0;left:0;width:100%;height:2px;background:#D11716}
#bo_nav {position:absolute;right:0;top:15px}
#bo_nav .bo_nav_list {font-size:14px;font-weight:500;color:#9C9C9C;display:flex;align-items:center}
#bo_nav .bo_nav_list a {color:#9C9C9C}
#bo_nav .bo_nav_list img {margin:0 5px}
#bo_nav .bo_nav_list strong {color:#000}
.bo_title {margin:0 0 40px}
.bo_title_t1 {font-size:30px;font-weight:700}
.bo_title_t2 {margin:20px 0 0;font-size:18px;line-height:25px}
#bo_v #bo_cate {padding:0 15px}
#bo_v #bo_nav {right:15px}

#gall_list {position:relative;margin:60px 0 100px;padding:0 15px}
#gall_ul {position:relative;margin:0 -12px 0;padding:0}
#gall_ul:after {display:block;visibility:hidden;clear:both;content:""}
#gall_ul li {margin:0 0 50px}
#gall_ul .gall_li {position:relative;min-height:1px;padding-left:12px;*padding-left:0;padding-right:12px;*padding-right:0;float:left;box-sizing:border-box;margin-left:0}
#gall_ul .gall_li {width:33.33333333%}
#gall_ul li:nth-child(3n+1) {clear:both}
.gall_cont {position:relative;color:#000}
.gall_cont:after {display:block;visibility:hidden;clear:both;content:""}
.gall_cont .gall_img {position:relative}
.gall_cont a {color:#000}
.gall_cont .gall_img img {width:100%;height:auto}
.gall_cont .gall_info {padding:20px 0 0;font-size:18px;line-height:25px}
.gall_cont .gall_t1 {font-weight:600;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.gall_cont .gall_t2 {margin:3px 0 0;font-weight:400}

.product_top {padding:0 15px 90px}
.product_top_title {margin:0 0 20px;font-size:30px;font-weight:700}
.product_top_sub {position:relative;min-height:50px;padding-right:250px;}
.product_top_sub span {font-size:18px;font-weight:500;line-height:25px}
.product_top_qa {position:absolute;top:0;right:0;}
.product_qa_btn {margin:0 auto;width:208px;height:57px;font-size:18px;font-weight:600;color:#fff;display:flex;justify-content:center;align-items:center;background:#D11716}
.product_qa_btn img {margin-right:8px}
.product_top_img {margin:40px 0 0}
.product_top_img img {width:100%;height:auto}
.product_sub_title {margin:0 0 30px;padding:0 15px;font-size:26px;font-weight:700}
#feature_wrap {padding:0 15px 90px}
#feature_ul {position:relative;margin:0 -10px 0;padding:20px 0 0}
#feature_ul:after {display:block;visibility:hidden;clear:both;content:""}
#feature_ul .feature_li {position:relative;min-height:1px;padding-left:10px;*padding-left:0;padding-right:10px;*padding-right:0;float:left;box-sizing:border-box;margin-left:0}
#feature_ul .feature_li {width:14.28571428%}
.feature_cont {position:relative;text-align:center}
.feature_cont:after {display:block;visibility:hidden;clear:both;content:""}
.feature_cont .feature_img {position:relative}
.feature_cont a {color:#000}
.feature_cont .feature_img img {}
.feature_cont .feature_info {padding:20px 0 0}
.feature_cont .feature_t1 {font-size:18px;font-weight:700;color:#000}
.feature_cont .feature_t2 {margin:10px 0 0;font-size:16px;font-weight:400;color:#6A6A6A;line-height:19px}
#img_v_wrap {padding:0 15px}
#img_v_wrap:after {display:block;visibility:hidden;clear:both;content:""}
#img_v_left {float:left;width:85%;}
#img_v_left img {width:950px;height:712px}
#img_v_right {float:right;width:15%}
#img_v_right div {display:block;margin-bottom:18px}
#img_v_right div img {width:180px;height:128px;cursor:pointer}

#bo_v {position:relative;margin:60px 0 100px}
#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:24px;line-height:27px;font-weight:500;border-bottom:2px solid #000}
#bo_v .bo_v_writer {padding:15px 0;font-size:14px;color:#7F7F7F;font-weight:400}
#bo_v .bo_v_date {margin-left:15px}
#bo_v .bo_v_name {font-weight:600;color:#000}
#bo_v_atc {padding:30px 0 20px}
#bo_v_content {margin:0 0 30px;width:100%;font-size:16px;font-weight:500;line-height:32px;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}
.w_frmbox {position:relative;margin:0 0 15px;width:100%;display:flex;align-items:center}
.w_frmbox:after {display:block;visibility:hidden;clear:both;content:""}
.w_frm_tit {float:left;width:15%;font-size:16px;font-weight:600}
.w_frm_tit span {margin-left:2px;color:#ff7235;font-weight:600}
.w_frm_div {float:left;width:85%}
.w_frm_div input[type="checkbox"] {width:15px;height:15px}
.w_frm_div textarea {padding:12px 15px;width:100%;height:90px;font-size:16px;line-height:23px;border:solid 1px #B7B7B7;border-radius:6px}
.w_input {padding:0 15px;width:100%;height:45px;font-size:16px;border:solid 1px #B7B7B7;background:transparent;border-radius:6px}
.w_input_eng {padding-right:10px;}
.w_input_eng .w_input {padding:0 6px;height:40px;font-size:15px;letter-spacing:-0.5px}
.w_input_eng input:nth-child(2) {margin-top:2px}
.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:350px;margin-top:30px;text-align:center}
#bo_w .write_btn:after {display:block;visibility:hidden;clear:both;content:""}
#bo_w .w_button {width:48%;height:50px;font-size:16px;color:#fff;font-weight:500;border:0}
#bo_w .w_write {float:right;background:#D11716}
#bo_w .w_cancel {float:left;background:#A9A9A9}
#bo_w .file_input {padding:11px 10px 0;font-size:12px;border:1px solid #B7B7B7}
#bo_w .file_del {display:block;margin:10px 0 5px;font-size:13px;color:#7d7d7d}

.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;padding:0 15px}
.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}

@media all and (max-width:1200px) {
	#bo_nav {display:none}
	#bo_cate {margin:0 0 40px}
	#bo_cate_ul a {line-height:42px;padding:12px 5px;font-size:15px;font-weight:600}
	.bo_title {margin:0 0 30px}
	.bo_title_t1 {font-size:24px}
	.bo_title_t2 {font-size:14px;line-height:20px}
	#gall_list {margin:20px 0 60px}
	#gall_ul {margin:0 -7px 0}
	#gall_ul li {margin:0 0 30px}
	#gall_ul li:nth-child(odd) {clear:both}
	#gall_ul li:nth-child(3n+1) {clear:none}
	#gall_ul .gall_li {width:50%;padding-left:7px;padding-right:7px;}
	.gall_cont {margin:0}
	.gall_cont .gall_info {padding:15px 0 0;font-size:16px;line-height:22px}
	.gall_cont .gall_t2 {margin:0}
	.product_top {padding:0 15px 50px}
	.product_top_title {font-size:24px}
	.product_top_sub {padding-right:0px}
	.product_top_sub span {font-size:14px;line-height:20px}
	.product_top_qa {position:relative}
	.product_qa_btn {margin:20px 0 0;width:100%;height:45px;font-size:16px}
	.product_qa_btn img {height:24px;width:auto;margin-right:5px}
	.product_sub_title {margin:0 0 25px;font-size:22px}
	#feature_wrap {padding:0 15px 20px}
	#feature_ul {padding:0}
	#feature_ul .feature_li {width:33.33333333%}
	#feature_ul li:nth-child(4), #feature_ul li:nth-child(7) {clear:both}
	#feature_ul li {margin:0 0 30px}
	.feature_cont .feature_info {padding:15px 0 0}
	.feature_cont .feature_t1 {font-size:14px}
	.feature_cont .feature_t2 {margin:6px 0 0;font-size:12px;line-height:15px}
	#img_v_wrap {padding:0 10px 0 15px}
	#img_v_left {width:100%}
	#img_v_left div {padding-right:5px}
	#img_v_left div img {width:100%;height:auto; margin:0!important}
	#img_v_right {width:100%;margin-top:5px; margin:0!important}
	#img_v_right div {display:inline-block;padding-right:5px;margin-bottom:0; margin:0!important}
	#img_v_right div img {width:100%;height:auto; margin:0!important}
	#bo_v {margin:20px 0 60px}
	#bo_v header h2 {padding:12px 0 17px;font-size:18px;line-height:22px}
	#bo_v_atc {padding:20px 0 0}
	#bo_v_content {font-size:14px;line-height:26px}
	#bo_w {margin:20px 0 60px}
	.w_frmbox {margin:0 0 10px;display:block}
	.w_frm_tit {width:100%;line-height:42px}
	.w_frm_div {width:100%}
	.w_frm_div textarea {height:80px;font-size:14px}
	.w_input {padding:0 10px;font-size:14px}
	.w_secret .w_frm_tit {display:none}
	#bo_w .write_btn {width:100%;margin-top:20px}
	#bo_w .w_button {width:49%;height:45px;font-size:16px}
	.ft_btn_div {margin-top:20px;padding:0 15px}
	.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;}
}
