/*--버튼공통--*/
.ch_new_btn{text-align: center;margin: 50px 0;margin-bottom: 0;}
.ch_new_btn .ch_btn_inner{display: inline-block;}
.ch_btn_00{cursor:pointer;display: block;width: 100%;height: 100%;width: 125px;height: 45px;line-height: 43px;border: 1px solid #b6b6b6;text-align: center;font-weight: 500;transition: all 0.3s;font-size: 0.9rem;}
.ch_btn_00:hover{color:#fff;background: #222;}
.ch_btn_01{background: var(--main-clr);border-color: var(--main-clr);color: #FFF;}
.ch_btn_01:hover{background-color:#111; border-color:#111; }

.ch_btn_lft{float: left;}
.ch_btn_rgt{float: right;}

.bo_fx{margin: 0;border-top: 1px solid #f1f1f1;}


/*--페이징 버튼--*/
#ch_pg_con{margin-top: 50px;}
#ch_pg_con .pg_wrap{padding: 0;margin: 0;}
.pg_current,.pg_page, #ch_pg_con .pg_wrap strong, #ch_pg_con .pg_wrap a{width:50px;height: 50px;border-radius: unset;text-align: center;line-height: 50px;font-size: 1.4rem;background: none;border: 1px solid #b6b6b6;}
.pg_current, #ch_pg_con .pg_wrap strong.pg_current{background:var(--main-clr);border-color: var(--main-clr);margin: 0;}
#ch_pg_con .pg_wrap a{position: relative;}
#ch_pg_con .pg_wrap a i{font-size: 1.3em;position: absolute;top: 52%;left: 52%;transform: translate(-50%,-50%);}
#ch_pg_con .pg_prev{margin-right: 13px;}
#ch_pg_con .pg_next{margin-left: 13px;}

.pg_start {text-indent:-999px;overflow:hidden;background:url('/img/btn_first.gif') no-repeat 50% 50% transparent !important;padding:0;border:1px solid #ddd}
.pg_prev {text-indent:-999px;overflow:hidden;background:url('/img/btn_prev.gif') no-repeat 50% 50% transparent !important;padding:0;border:1px solid #ddd}
.pg_end {text-indent:-999px;overflow:hidden;background:url('/img/btn_end.gif') no-repeat 50% 50% transparent !important;padding:0;border:1px solid #ddd}
.pg_next {text-indent:-999px;overflow:hidden;background:url('/img/btn_next.gif') no-repeat 50% 50% transparent !important;padding:0;border:1px solid #ddd}

@media screen and (max-width: 760px){ 
	.ch_new_btn{margin: 30px 0;margin-bottom: 0;}
	.ch_new_btn .ch_btn_inner{/*display: block;*/margin: 5px 0;}
	.ch_btn_00{width: 100%;padding:0 10px;font-size: 12px;}

	#ch_pg_con .pg_wrap a i{top: 50%;left: 50%;}
}
@media screen and (max-width: 480px) {
    .ch_btn_00 { width: 100%; padding: 0 5px; font-size: 12px; }
}


/*--인풋창--*/
.ch_input_w100{display: block;width: 100%;}
.ch_input{height: 50px;line-height: 50px;padding: 0 13px;border: 1px solid #ddd;outline: none !important;}
.ch_input:focus{border-color: #b6b6b6;}
.ch_btn_submit{border-radius: unset !important;background: #003186 !important;transition: background 0.3s;}
.ch_btn_submit:hover{background: #0460ff !important;}



/*--리스트--*/
.bo_list_head ul{border-top-color: #222;border-bottom-color: #b6b6b6;}
.bo_list_head ul li{padding: 25px 0;font-size: var(--font-size-20);font-weight: var(--font-sb);background: none;}
.bo_list ul li:last-child{border-bottom-color: #b6b6b6;}

#bo_list.ch_bo_list .bo_list_head ul li, #bo_list.ch_bo_list .bo_list ul li{position: relative;font-size:var(--font-size-18);}
#bo_list.ch_bo_list .bo_list_head ul li span.s-check, #bo_list.ch_bo_list .bo_list ul li span.s-check{position: absolute;top: 50%;left: 0;transform: translateY(-50%);}
#bo_list.ch_bo_list .bo_list_head ul li span.s-number, #bo_list.ch_bo_list .bo_list ul li span.s-number{width: 15%;}
#bo_list.ch_bo_list .bo_list_head ul li span.s-name, #bo_list.ch_bo_list .bo_list ul li span.s-name{width: 65%;}
#bo_list.ch_bo_list .bo_list_head ul li span.s-view, #bo_list.ch_bo_list .bo_list ul li span.s-view{width: 10%;}
#bo_list.ch_bo_list .bo_list_head ul li span.s-day, #bo_list.ch_bo_list .bo_list ul li span.s-day{width: 10%;}
#bo_list.ch_bo_list .bo_list_head ul li span.s-check, #bo_list.ch_bo_list .bo_list ul li span.s-check{z-index:1;}
#bo_list.ch_bo_list .bo_list_head ul li span, #bo_list.ch_bo_list .bo_list ul li span{color: #222;font-weight: 400;}
#bo_list.ch_bo_list .bo_list_head ul li span{font-weight: 500 !important;}

#bo_list.ch_bo_list .bo_list ul li:hover{background: #f9f9f9;}
#bo_list.ch_bo_list .bo_list ul li span{line-height: 26px;}
#bo_list.ch_bo_list .bo_list ul li span.s-name{letter-spacing: -0.045em;}


@media screen and (max-width: 980px){ 
	#bo_list.ch_bo_list .bo_list ul li{display: block;}
	#bo_list.ch_bo_list .bo_list ul li::after{content: "";clear: both;display: block;}
	#bo_list.ch_bo_list .bo_list_head ul li, #bo_list.ch_bo_list .bo_list ul li{font-size:var(--font-size-16);}
	#bo_list.ch_bo_list .bo_list_head ul li span.s-name, #bo_list.ch_bo_list .bo_list ul li span.s-name{width: 50%;}
	#bo_list.ch_bo_list .bo_list_head ul li span.s-view, #bo_list.ch_bo_list .bo_list ul li span.s-view{width: 15%;}
	#bo_list.ch_bo_list .bo_list_head ul li span.s-day, #bo_list.ch_bo_list .bo_list ul li span.s-day{width: 20%;}
	#bo_list.ch_bo_list .bo_tit{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;padding-left: 15px;}	
	.bo_list_head ul li, .bo_list ul li{padding : 15px 0;}
}
@media screen and (max-width: 760px){ 
	#bo_list.ch_bo_list .bo_tit{padding: 0 8px;}
	#bo_list.ch_bo_list .bo_list_head ul li, #bo_list.ch_bo_list .bo_list ul li{font-size:14px;}
}

/*--검색--*/
#bo_sch.ch_bo_sch{border-radius: unset !important;max-width: 480px;position: relative;}
#bo_sch.ch_bo_sch *{outline: none !important;}
#bo_sch.ch_bo_sch select, #bo_sch.ch_bo_sch input.sch_input, #bo_sch.ch_bo_sch button.sch_btn{height: 50px;}
#bo_sch.ch_bo_sch select{font-weight: 400;color: #999;margin: 0;border: none;width: 25%;}
#bo_sch.ch_bo_sch input.sch_input{line-height: 50px;padding: 0 13px;width: 75%;padding-right: 63px;}
#bo_sch.ch_bo_sch button.sch_btn{position: absolute;top: 0;right: 0;width: 50px;height: 50px;}


/*--뷰 페이지--*/
.ch_bo_v_tit{height: 70px;border-bottom: 2px solid #222;text-align:center;}
.ch_bo_v_tit b, .ch_bo_v_tit span{float: left;}
.ch_bo_v_tit b{width: 100%;height: 100%;display: flex;align-items: center;font-size: 2.2rem;font-weight: bold;letter-spacing: -0.045em;}
.ch_bo_v_tit span{position: absolute;right:0;top:50%;transform:translateY(-50%);font-size: var(--font-size-18);font-weight: var(--font-r);color:#888;}
.ch_bo_v_tit.clearfix {position:relative;}

.ch_content_wrap{margin:40px 0;border-bottom: 1px solid #ddd;}
.ch_content_wrap #bo_v_con{margin: 0;padding: 0 10px 0;text-align:center;}

.ch_add_ul li{padding: 25px 5px;border-bottom: 1px solid #ddd;position: relative;}
.ch_add_ul li h4, .ch_add_ul li>div{float: left;font-size: 1.13rem;font-weight: 400;letter-spacing: -0.045em;color: #888;}
.ch_add_ul li h4{width: 15%;text-align :left;}
.ch_add_ul li>div{width: 85%;}
.ch_add_ul .bo_v_file_size{font-size: 0.95rem;letter-spacing: 0;color: #aaa;padding-left: 5px;}
.ch_add_ul .ch_add_icon{font-size: 1.2em;vertical-align: middle;}
.ch_add_ul .ch_bo_v_file_cnt{top: 50%;transform: translateY(-50%);font-size: 0.95rem;letter-spacing: 0;color: #aaa;padding-left: 5px;}

#ch_add_ul_link li>div{font-size: 1rem;}
#ch_add_ul_link .ch_add_icon{font-size: 1rem;padding-right: 5px;}

#ch_board_view_00 .ch_cont{display:flex; align-items:center; font-size:var(--font-size-16); font-weight:var(--font-sb);}
#ch_board_view_00 .ch_cont p{margin-left:10px;font-weight:var(--font-r);}
#ch_board_view_00 .ch_content{margin-top:30px;}
#ch_board_view_00 .ch_name{margin-right:15px; padding-right:15px; position:relative; }
#ch_board_view_00 .ch_name:after{content:''; width:1px; height:15px; background:#ccc; position:absolute; right:0; top:50%; transform:translateY(-50%);}

@media screen and (max-width: 980px){ 
	.ch_add_ul li h4{width: 25%;}
	.ch_add_ul li>div{width: 75%;}
}
@media screen and (max-width: 760px){ 	
	.ch_bo_v_tit {padding-bottom: 30px;}
	.ch_bo_v_file_cnt{display: none;}
	
	.ch_content_wrap{margin: 30px 0;}
	
	.ch_add_ul li h4, .k_add_ul li>div{float: none;display: block;width: 100%;}
	.ch_add_ul li h4{margin-bottom: 5px;}
	.ch_add_ul li>div{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
	.ch_add_ul li{padding: 20px 0;}
	#ch_board_view_00 .ch_cont {flex-direction: column;align-items: flex-start;}
	#ch_board_view_00 .ch_name:after {content: none;}
	#ch_board_view_00 .ch_name {flex-direction: row;}
	#ch_board_view_00 .ch_cont {align-items: flex-start;}
}


/*--글쓰기 페이지--*/
.ch_write_page form{max-width:1000px; margin: 0 auto; width:100%; }
.ch_write_page .ch_w_table{width:100%; border-top: 2px solid #111;}
.ch_write_page .ch_w_table td{padding:20px 0; border-bottom: 1px solid #ddd;}
.ch_write_page .ch_w_table .ch_td_tit{width:150px; text-align:center;font-size: var(--font-size-18);}
#bo_w .frm_file{border:0; }
.ch_write_page .ch_w_table #wr_content{border-radius: 3px; border: 1px solid #ddd; padding:10px; resize:none;}
.ch_write_page .ch_w_table #wr_content:focus{outline:0;}
.ch_write_btn.ch_btn_box{justify-content: center;}
.ch_write_btn.ch_btn_box .b_btn{padding: 15px 30px;}
.ch_write_btn.ch_btn_box .b_submit_btn{background-color:#1657a4; color:#fff; cursor:pointer; }
#bo_w .bo_w_link label{height: 43px;}
.ch_write_page .ch_input_box{border-radius:3px; border: 1px solid #ddd; color: #555; padding: 10px;}
.ch_write_page .ch_input_box:focus{outline:0; }
#bo_w .cke_sc{display:none;}

/*-- board 글쓰기 페이지 --*/


/*--분류 탭--*/
.ch_cate_wrap { position: relative;margin-bottom: 50px;}
.ch_cate_wrap:after, .b_cate_wrap:before { content: none; }
.ch_cate_wrap #kn_cate {display: flex;justify-content: center;}
.ch_cate_wrap #kn_cate > ul {width:fit-content;display: flex; justify-content: center; flex-wrap: wrap; gap: 8px; margin: 0;padding:6px;border-radius:50px;background:#f8f8f8;}
.ch_cate_wrap #kn_cate > ul > li { height: auto; list-style: none; }
.ch_cate_wrap #kn_cate > ul > li > a { display: flex; align-items: center; justify-content: center; padding: 12px 24px; border-radius: 30px;font-size: var(--font-size-18); color: #858585; font-weight: 400; line-height: 1.2; transition: all 0.3s ease; text-decoration: none; border-bottom: none; }
.ch_cate_wrap #kn_cate > ul > li > a:hover { color: #111; background-color: #eaeaea; /* 그림자 제거 */ box-shadow: none; }
.ch_cate_wrap #kn_cate > ul > li > a#bo_cate_on {color: #fff; background:var(--main-clr);border-bottom: none; }

@media screen and (max-width: 720px) {
	.ch_cate_wrap #kn_cate > ul {gap: 0;border-radius: 10px;}
	.ch_cate_wrap #kn_cate > ul > li {width: calc((100% - 8px) / 2);margin-right: 8px;}
	.ch_cate_wrap #kn_cate > ul > li:nth-child(2n) {margin-right:0;}
	.ch_cate_wrap #kn_cate > ul > li:nth-child(n + 3) {margin-top:8px;}
	.ch_cate_wrap #kn_cate > ul > li > a {font-size: var(--font-size-16);border-radius: 10px;}
}
@media screen and (max-width: 580px) {
  .ch_cate_wrap #kn_cate > ul > li {position: relative;}
}


/*--갤러리 리스트--*/
.ch_pdt_list .kn_list>li{width: calc((100% - 120px) / 4); margin-bottom:50px; margin-right: 40px;}
.ch_pdt_list .kn_list>li:nth-child(4n) {margin-right: 0px;}
.ch_pdt_list .kn_list>li>a{overflow: hidden; display: flex;flex-wrap: wrap;justify-content: center;}
.ch_pdt_list .kn_list>li figure{display:flex; justify-content:center;overflow:hidden; width: 100%;border:1px solid #dbddf6;border-radius: 1.4rem;}
.ch_pdt_list .kn_list>li figure img{width: 100%; height: 100%; object-fit: cover; transition:transform .3s;margin-left: 0;}
.ch_pdt_list .kn_list>li .kn_title{font-size: var(--font-size-20);text-align: center;}
.ch_pdt_list .kn_list>li>a:hover .kn_title{color: #1657a4;}
.ch_pdt_list .kn_list>li .ch_view_txt {font-size: var(--font-size-16);color: #888;display: inline-block;margin-top: 15px;opacity: 0;transition: opacity .3s;padding: 3px 10px;border-radius: 30px;background: #f5f5f5;width: fit-content;}
#bo_list_total {color: #858585;}
#bo_list_total b{color: #1657a4;}
.ch_pdt_list .kn_list>li>a:hover figure{transform: unset;}
.ch_pdt_list .kn_list>li>a:hover figure img{transform:scale(1.05); }
.ch_pdt_list .kn_list>li>a:hover .ch_view_txt{opacity:1; transition:opacity .3s;color: #222;}

@media screen and (max-width:1280px){ 
	.ch_pdt_list .kn_list>li{width: calc((100% - 70px) / 3); margin-right: 35px;}
	.ch_pdt_list .kn_list>li:nth-child(3n) {margin-right: 0px;}
	.ch_pdt_list .kn_list>li:nth-child(4n) {margin-right: 35px;}
}
@media screen and (max-width:1080px){ 
	.ch_pdt_list .kn_list>li{width: calc((100% - 50px) / 3); margin-right: 25px;}
    .ch_pdt_list .kn_list>li:nth-child(3n) { margin-right: 0; }
	.ch_pdt_list .kn_list>li:nth-child(4n) {margin-right: 25px;}
}
@media screen and (max-width:720px){ 
	.ch_pdt_list .kn_list>li{width: calc((100% - 8px) / 2); margin-right: 8px; margin-bottom:8px; }
	.ch_pdt_list .kn_list>li:nth-child(2n) {margin-right: 0;}
	.ch_pdt_list .kn_list>li:nth-child(4n) {margin-right: 0;}
	.ch_pdt_list .kn_list>li:nth-child(3n) {margin-right: 8px;}
}

@media screen and (max-width: 480px) {
    .b_pdt_list .kn_list>li { width: 100%; margin-right:0; margin-bottom: 0px; }
	.b_pdt_list .kn_list>li:nth-child(3n) { margin-right: 0; }
	.b_pdt_list .kn_list>li:nth-child(2n) { margin-right: 0;}
}


/*-- 제품정보 글쓰기 페이지 --*/
.ch_pdt_write .ch_td_point textarea{resize:none; height:100px; }


/*--뭔지모르게뜸--*/
#ch_pro_bo_v .ch_pro_info figure, #ch_pro_bo_v .ch_pro_info .ch_pro_info_txt{float: left;width: 47.5%;}
#ch_pro_bo_v .ch_pro_info figure{margin-right: 5%;border: 1px solid #ddd;}
#ch_pro_bo_v .ch_pro_info figure a{display: block;width: 100%;height: 100%;}
#ch_pro_bo_v .ch_pro_info figure a img{display: block;margin: 0 auto;}
			 
#ch_pro_bo_v .ch_pro_info .ch_pro_info_txt h3{font-size: 3rem;font-weight: 400;word-break: keep-all;margin-bottom: 25px;}
#ch_pro_bo_v .ch_pro_info .ch_pro_info_txt p{padding: 25px 13px;border-top: 2px solid #21bc5e;border-bottom: 1px solid #222;margin-bottom: 25px;}
#ch_pro_bo_v .ch_pro_info .ch_pro_info_txt p {font-size: 1.13rem;word-break: keep-all;line-height: 200%;}
			  
#ch_pro_bo_v .ch_pro_link h4{font-weight: 500;}
#ch_pro_bo_v .ch_pro_link ul{border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;}
#ch_pro_bo_v .ch_pro_link ul li{padding: 25px 13px;border-bottom: 1px solid #ddd;}
#ch_pro_bo_v .ch_pro_link ul li:last-child{border: none;}
			 
#ch_pro_bo_v .ch_pro_link ul li{font-size: 1rem;font-weight: 100;}
#ch_pro_bo_v .ch_pro_link ul li i, #ch_pro_bo_v .ch_pro_link ul li strong{color: #888;word-break: keep-all;}
#ch_pro_bo_v .ch_pro_link ul li i{font-size: 13px;margin-right: 3px;}

.ch_bo_content_wrap{margin-top: 50px;padding-bottom: 50px;border-bottom: 1px solid #222;}
.ch_bo_content_wrap>h3{font-size: 1.4rem;font-weight: bold;letter-spacing: -0.06em;position: relative;margin-bottom: 15px;}
.ch_bo_content_wrap>h3::after{content: "";position: absolute;top: 50%;left: 0;transform: translateY(-50%);width: 100%;height: 2px;background: #222;z-index: -1;}
.ch_bo_content_wrap>h3 span{background: #FFF;padding-right: 15px;}

.ch_bo_content img{display: block;margin: 0 auto;}

@media screen and (max-width: 1500px){ 
	#ch_pro_bo_v .ch_pro_info figure a img{width: 100%;height: auto;}
}
@media screen and (max-width: 1080px){ 
	.ch_bo_content img{width: 100%;height: auto;}
}
@media screen and (max-width: 760px){ 
	#ch_pro_bo_v .ch_pro_info figure, #ch_pro_bo_v .ch_pro_info .ch_pro_info_txt{float: none;width: 100%;display: block;margin: 0;}
	#ch_pro_bo_v .ch_pro_info figure{margin-bottom: 50px;}
	#ch_pro_bo_v .ch_pro_info figure a img{max-width: 350px;}
}


/*--게시판 글쓰기 유의사항--*/
.ch_write_info{font-size: 14px;font-weight: 400;color: #888;margin-top: 5px;}


/*--동영상자료 썸네일 리스트페이지--*/
#ch_video_2{border-top: 2px solid #21bc5e;border-bottom: 1px solid #222;padding-top: 50px;}
#ch_video_2 li{float: left;width: 31.333%;margin-right: 3%;margin-bottom: 50px;position: relative;}
#ch_video_2 li:nth-child(3n){margin-right: 0;}
#ch_video_2 li:nth-child(3n+1){clear: both;}

#ch_video_2 li a{display: block;width: 100%;height: 100%;}
#ch_video_2 li figure{overflow: hidden;}
#ch_video_2 li figure img{display: block;width: 100%;transition: transform 0.3s;}
#ch_video_2 li h4{text-align: center;font-size: 1rem;font-weight: 500;padding: 13px 0;transition: color 0.3s;}

#ch_video_2 li .s-check{position: absolute;top: 10px;left: 10px;z-index: 1;}
#ch_video_2 li a:hover figure img{transform: scale(1.1);}
#ch_video_2 li a:hover h4{color: #21bc5e;}


/*--게시판 출력순서--*/
.ch_gall_repair2{position: absolute;top: 0;right: 0;z-index: 1;width: 45px;height: 45px;line-height: 45px;text-align: center;background: #d12323;color: #FFF;font-weight: 900;}


/*--제품소개 게시판 다운로드 링크 변경--*/
#ch_pro_bo_v .ch_pro_link_new ul{border: none;}
#ch_pro_bo_v .ch_pro_link_new ul li{display: inline-block;padding: 0;}
#ch_pro_bo_v .ch_pro_link_new ul li a{display: block;width: auto;height: 45px;line-height: 45px;padding: 0 25px;background: #21bc5e;}
#ch_pro_bo_v .ch_pro_link_new ul li a *{color: #FFF;font-weight: bold;}


/*--추가 수정--*/
.chk_box input[type="checkbox"] + label span{ cursor : pointer; }
.j_g_repair{ padding : 5px 15px; background-color : #21bc5e; color : #fff; z-index : 1; position : absolute; top : 10px; right : 10px; }
.empty_list{ width : 100% !important; margin : 0 !important;}
.frm_input[type="file"]{ border : 0; height : auto; width : 100%; }
