@charset "utf-8";
/*게시판*/
.board_wrap .board_top{padding:5% 0 5%; position:relative;}
.board_wrap .board_top p{color:#707070; font-size:18px; position:relative;}
.board_wrap .board_top .tit{color:#252525; font-size:35px; margin-bottom:10px;}
.board_wrap .board_top .tit b{color:#3943a7;}
.board_wrap .board_top img.icon{position:absolute; right:60px; top:65px;}
.board_wrap .board_top .btn_type{width:50px; height:50px; border:2px solid #d6d6d6; border-radius:5px; text-align:center; line-height:50px; display:inline-block;}
.board_wrap .board_top .btn_type+.btn_type{margin-left:5px;}
.board_wrap .board_top .btn_type img{vertical-align:middle;}
.board_wrap .board_top .btn_type.active{border-color:#3943a7;}
.board_wrap .board_top .btn_type+.data_num{padding-left:20px;}
.board_wrap .board_top .data_num{font-size:18px; color:#707070; display:inline-block; height:50px; line-height:50px;}
.board_wrap .board_top .search_area{float:right;}
.board_wrap .board_top .search_area select,
.board_wrap .board_top .search_area input[type=text]{border:2px solid #3943a7; border-radius:5px; height:50px; font-size:18px; color:#707070; margin-left:5px; overflow:hidden;}
.board_wrap .board_top .search_area .btn{border-radius:5px; height:50px; line-height:50px; font-size:18px; padding:0 15px; margin-left:5px;}
.board_wrap .board_top .search_area input[type=text]{width:350px; box-sizing:border-box; padding:0 15px;}

.board_list table{border-top:1px solid #454eaa; table-layout:fixed; clear:both;}
.board_list table th[scope=col]{color:#252525; text-align:center; background:#fbfbfb; font-weight:normal;}
.board_list table td{text-align:center; color:#252525;}
.board_list table td.tit_field{text-align:left;}
.board_list table th,
.board_list table td{padding:15px 10px; border-bottom:1px solid #ddd; font-size:18px;}
.board_list table td.tit_field a{display:inline-block; white-space:nowrap; max-width:100%; text-overflow:ellipsis; overflow:hidden;}
.board_list table .num_field{width:12%; color:#3943a7;}
.board_list table td .icon_secret,
.board_list table td .icon_re{margin-right:10px;}
.board_list table td .icon_file{margin-left:10px;}
.board_list table .writer_field{width:12%;}
.board_list table .hit_field{width:10%;}
.board_list.type2 table th[scope=col]{color:#3943a7; padding:15px}
.board_list.type2 table td{color:#707070;}
.board_list.type2 table td.tit_field{color:#363636}

/*갤러리(홍보영상)*/
.board_media{border-top:1px solid #3943a7; border-bottom:1px solid #dbdbdb; margin-bottom:5%; padding-top:1.5%;}
.board_media ul{margin-left:-3%; overflow:hidden;}
.board_media li{float:left; width:22%; margin-left:3%; margin-bottom:3%; box-sizing:border-box; border:1px solid #dbdbdb; padding:1% 1% 2% 1%;}
.board_media li .img_field{position:relative; display:block;}
.board_media li .img_field img{width:100%;}
.board_media li .img_field:before{content:' '; background:url(/resources/eng/img/sub/media_bg.png) no-repeat center; background-size:100% 100%; width:100%; height:100%; position:absolute; }
.board_media li .tit_field{padding:7% 10px 5px; font-size:20px; display:block; width:100%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.board_media li .info{overflow:hidden; padding:0 10px;}
.board_media li .info span{float:left; color:#959595; font-size:16px;}
.board_media li .info span.date_field{float:right;}

/*카달로그*/
.board_catalog{border-top:1px solid #3943a7;border-bottom:1px solid #dbdbdb; margin-bottom:5%; padding-top:1.5%;}
.board_catalog ul{margin-left:-3%; overflow:hidden;}
.board_catalog li{float:left; width:22%; margin-left:3%; margin-bottom:3%; box-sizing:border-box; border:1px solid #dbdbdb; background:#fff; position:relative; padding:.8%;}
.board_catalog li .thumb{max-width:100%;}
.board_catalog li .btn_area{display:none;background:url(/resources/eng/img/sub/bg_black_40.png); width:100%; height:100%; padding:40% 10%; box-sizing:border-box; position:absolute; left:0; top:0;}
.board_catalog li .btn_area .btn{display:block; border-radius:5px; margin-bottom:5px; font-size:16px; white-space:nowrap;}
.board_catalog li .btn_area .btn img{vertical-align:middle; padding-right:5px;}
.board_catalog li:nth-child(4n+1){clear:left;}

.board_catalog li:hover{cursor:pointer; border-color:#3943a7;}
.board_catalog li:hover .btn_area{display:block;}


/*제품 일반*/
.board_top+.product_list{margin-top:-3%;}
.product_list{border-top:1px solid #3943a7; border-bottom:1px solid #dbdbdb; margin-bottom:5%; }
.product_list ul{display:table;}
.product_list li{display:table-row;}
.product_list li > div{display:table-cell;box-sizing:border-box; vertical-align:middle; color:#707070; font-size:18px;  border-bottom:1px solid #dbdbdb; padding:3% 0;}
.product_list .img_area{width:24%;}
.product_list .img_area img{max-width:100%;}
.product_list .info_area{width:60%; padding:0 4%;}
.product_list .info_area .tit{color:#353535; font-size:26px; margin-bottom:2%;}
.product_list .info_area .btn{margin-top:8%;}
.product_list .info_area .btn_line{border-color:#707070; font-size:18px; height:50px; line-height:50px; color:#555}
.product_list .date_area{width:16%; vertical-align:top; text-align:right;}

/*제품 썸네일게시판*/
.board_top+.product_thumb{margin-top:-3%;}
.product_thumb{border-top:1px solid #3943a7; margin-bottom:5%;}
.product_thumb ul{margin-left:-1%; overflow:hidden; border-bottom:1px solid #dbdbdb; margin-top:3%;}
.product_thumb ul li{width:24%; float:left; margin-left:1%; margin-bottom:2%; background:#f4f4f4;}
.product_thumb ul li .info_area{padding:8% 10%; font-size:16px; color:#707070;line-height:1.2;}
.product_thumb ul li .info_area .tit{font-size:22px;  color:#353535; margin-bottom:5%; height:58px; overflow:hidden;}
.product_thumb ul li:hover{cursor:pointer; background:#3943a7;}
.product_thumb ul li:hover .info_area,
.product_thumb ul li:hover .info_area .tit{color:#fff;}

@media screen and (max-width:1000px){
	.board_wrap .board_top{text-align:center; padding:4% 0; overflow:hidden;}
	.board_wrap .board_top p{font-size:13px;}
	.board_wrap .board_top .tit{font-size:20px; margin-bottom:5px;}
	.board_wrap .board_top img.icon{position:relative; right:auto; top:auto; padding-bottom:15px;}
	.board_wrap .board_top .btn_type{width:30px; height:30px; line-height:30px; float:left}
	.board_wrap .board_top .data_num{display:none;}
	.board_wrap .board_top .btn_type img{width:70%;}
	.board_wrap .board_top .search_area{text-align:right; width:75%;}
	.board_wrap .board_top .search_area select,
	.board_wrap .board_top .search_area input[type=text],
	.board_wrap .board_top .search_area .btn{height:35px; line-height:35px; font-size:14px; margin:0;}
	.board_wrap .board_top .search_area .btn{ padding:0 10px;}
	.board_wrap .board_top .search_area input[type=text]{width:40%; line-height:31px; padding:0 5px}

	.board_list table .writer_field,
	.board_list table .hit_field{display:none; width:0 !important}
	.board_list table .num_field{width:60px;}
	.board_list table th,
	.board_list table td{padding:10px 5px;  font-size:13px;}
	
	/*갤러리(홍보영상)*/
	.board_media li{width:47%;}
	.board_media li .tit_field{font-size:15px;}
	.board_media li .info span{font-size:13px;}
	
	/*카달로그*/
	.board_catalog li{float:left; width:47%;}
	.board_catalog li .thumb{width:100%;}
	.board_catalog li .btn_area .btn{font-size:14px;}
	.board_catalog li:nth-child(2n+1){clear:left;}
	
	/*제품*/
	.board_top+.product_list{margin-top:0;}
	.product_list ul{display:block;}
	.product_list li{display:block; border-bottom:1px solid #ddd;}
	.product_list li > div{display:block;font-size:14px; border-bottom:none;}
	.product_list .img_area,
	.product_list .info_area,
	.product_list .date_area{width:100%; text-align:left;}
	.product_list .date_area{display:none;}
	.product_list .img_area img{width:100%;}
	.product_list .info_area{padding:0 0 5% 0;}
	.product_list .info_area .tit{font-size:16px;}
	.product_list .info_area .btn_line{font-size:14px; height:35px; line-height:35px}
	
	.board_top+.product_thumb{margin-top:0;}
	.product_thumb ul li{width:49%;}
	.product_thumb ul li .info_area{font-size:14px;}
	.product_thumb ul li .info_area .tit{font-size:16px; height:58px;}

}
@media screen and (max-width:500px){
	.board_catalog ul{margin-left:0;}
	.board_catalog li{width:100%; float:none; margin-left:0;}
}
@media screen and (max-width:400px){
	.board_media ul{margin-left:0;}
	.board_media li{width:100%; margin-left:0;}
}

/*상세보기*/
.board_view{border-top:1px solid #454eaa;}
.board_view .info_area{font-size:18px;}
.board_view .info_area .tit_field{padding:1.5% 4%; background:#fbfbfb; border-bottom:1px solid #dedede;}
.board_view .info_area ul{padding:1.5% 4%; overflow:hidden;}
.board_view .info_area ul li{display:inline-block; float:right;color:#707070;}
.board_view .info_area ul li:first-child{float:left;}
.board_view .info_area ul li strong{font-weight:400; color:#3943a7;}
.board_view .info_area ul li.date_field:after{content:'|'; color:#cecece; font-family:돋움, 'Dotum'; font-size:17px; padding:0 5px;}
/*.board_view .info_area ul li.file_field{display:block; float:none; clear:both;}
.board_view .info_area ul li.file_field a{vertical-align:auto;}*/
.board_view .con{padding:4%; font-size:18px; color:#252525; border:1px solid #ddd; border-width:1px 0;}

.board_view.product .info_area{overflow:hidden; padding:1.5% 0; border-bottom:1px solid #ddd;}
.board_view.product .info_area .tit_field{float:left; width:80%; background:none; padding:0; border-bottom:none; font-size:26px;}
.board_view.product .info_area .date_field{float:right; width:20%; padding-top:5px; text-align:right; font-size:18px; color:#707070;}
.board_view.product .txt_field{background:#f9f9f9; padding:3% 4%; font-size:18px; color:#707070;}
.board_view.product .con{padding:4% 0;}
.board_view.product .con .img_wrap{margin-bottom:5%;}
.board_view.product .con .img_wrap img{max-width:100%;}

.board_view.media .tit_field{background:#fff; text-align:center; color:#242424; font-size:24px; padding:2.5% 2%; border-bottom:none;}
.board_view.media .movie{margin-bottom:4%;}
.board_view.media .con{padding:2% 0 4%; text-align:center; color:#707070; font-size:18px;}

.board_view_wrap .btn_area_b{margin-top:4.5%; text-align:right;}
.board_view_wrap .btn_area_b .btn{height:50px; line-height:50px; font-size:16px; margin:0 5px;}
.board_view_wrap .btn_area_b.type2{text-align:center;}

.board_view_wrap .mini_list{margin-top:8%;}
.board_view_wrap .mini_list table{background:#fbfbfb; font-size:18px; border-top:1px solid #dedede;}
.board_view_wrap .mini_list th,
.board_view_wrap .mini_list td{border-bottom:1px solid #dedede;}
.board_view_wrap .mini_list th{padding:2% 0 2% 3%; font-weight:normal; width:15%; box-sizing:border-box} 
.board_view_wrap .mini_list td{padding:2% 0;}
.board_view_wrap .mini_list th{color:#3943a7;}
.board_view_wrap .mini_list th:after{content:'|';color:#d4d4d4; font-size:17px;  font-family:돋움, 'Dotum'; padding:0 20px;}
.board_view_wrap .mini_list a{color:#252525;}

@media screen and (max-width:1000px){
	.board_view .info_area .tit_field{font-size:15px;}
	.board_view .info_area ul li{float:none !important; font-size:13px; display:block;}
	.board_view .info_area ul li:after{display:none;}
	.board_view .con,
	.board_view.media .con{font-size:14px;}
	
	.board_view_wrap .btn_area_b .btn{height:35px; line-height:35px; font-size:14px; margin:0 1px;}
	
	.board_view_wrap .mini_list table{font-size:13px}
	.board_view_wrap .mini_list table th{white-space:nowrap;}
	
}

/*글쓰기*/
.board_write table{border-top:1px solid #454eaa; margin-bottom:30px;}
.board_write table th[scope=row]{background:#f9f9f9; padding:15px 35px; width:190px; font-weight:400; text-align:left;}
.board_write table th,
.board_write table td{font-size:18px; color:#333; border-bottom:1px solid #e1e1e1;}
.board_write table th{vertical-align:middle;}
.board_write table td{padding:10px;vertical-align:top; }
.board_write table td input[type=text]{width:100%;}
.board_write table textarea{height:300px;}
.board_write .terms_wrap .tit{font-size:22px; margin-bottom:10px;}
.board_write .terms_wrap .terms_box{background:#f9f9f9; border:1px solid #ddd; padding:35px; color:#666;}
.board_write .terms_wrap .chk_area{padding:20px 10px; border-bottom:1px solid #ddd;}
.board_write .terms_wrap .chk_area strong{font-weight:400;}
.board_write .terms_wrap .chk_area label{margin-right:20px;}
.board_write .terms_wrap .chk_area label:first-child{margin-left:50px;}
.board_write .btn_area_b{text-align:center; margin-top:50px;}
.board_write .btn_area_b a{margin:0 2px;}
@media screen and (max-width:1000px){
	.board_write .info_top{font-size:18px; margin-bottom:20px;}
	.board_write .info_top small{font-size:14px;}
	.board_write table{margin-bottom:15px;}
	.board_write table th[scope=row],
	.board_write table td{padding:10px; width:auto; display:block; border:1px solid #e1e1e1; border-width:0 1px 1px 1px; font-size:14px;}
	.board_write table textarea{height:150px;}
	
	.board_write .terms_wrap .tit{font-size:18px;}
	.board_write .terms_wrap .terms_box{padding:15px;}
	.board_write .terms_wrap .chk_area strong{display:block; margin-bottom:5px;}
	.board_write .terms_wrap .chk_area label:first-child{margin-left:0;}
	
	.board_write .btn_area_b{margin-top:30px;}
}
/* 제품게시판 */
.gallery_list{overflow:hidden; border-bottom:1px solid #e1e1e1;}
.gallery_list li{float:left; width:23%; margin-left:2.5%; margin-bottom:80px;}
.gallery_list li img{ border:1px solid #ddd; box-sizing:border-box;}
.gallery_list li:nth-child(4n+1){clear:left; margin-left:0;}
.gallery_list li strong,
.gallery_list li span{display:block; text-align:center;}
.gallery_list li strong{font-size:20px; color:#333; margin:15px 0 5px;}
.gallery_list li span.txt{font-size:15px; color:#9b9b9b;}

/*인증서 게시판*/
.gallery_list2 ul{border-left:1px solid #ddd; border-bottom:1px solid #ddd; overflow:hidden;}
.gallery_list2 li{border:1px solid #ddd; border-bottom:none; border-left:none; float:left; width:25%; box-sizing:border-box; padding:1px 1px 2px 2px;}
.gallery_list2 li a{display:block;}
.gallery_list2 li a img{max-width:100%;}
.gallery_list2 li:hover{border:2px solid #3943a7; padding:0;}

@media screen and (max-width:1000px){
	.gallery_list li span.img img{width:100%;}
	.gallery_list li{width:48%; margin-bottom:40px;}
	.gallery_list li:nth-child(2n+1){clear:left; margin-left:0;}
	
	/*인증서 게시판*/
	.gallery_list2 li{width:50%;}

}
@media screen and (max-width:500px){
	.gallery_list li{width:100%; clear:both; float:none; margin:0; margin-bottom:25px;}
	.gallery_list li strong{font-size:16px;  margin:8px 0 0px;}
	.gallery_list li span.txt{font-size:14px;}
}
/*페이징*/
#paging{text-align:center; clear:both; margin:30px 0;}
#paging a{height:43px; min-width:43px; box-sizing:border-box; color:#353535; border:1px solid #ddd; padding:0 5px; text-align:center; display:inline-block; line-height:43px; font-size:15px; color:#333; margin:0 5px;border-radius:50%}
#paging a.btn_prev,
#paging a.btn_next{background:#fff; border-color:#ddd;}
#paging img{vertical-align:2px;}
#paging a.active{color:#fff; border-color:#333;background:#333;}
@media screen and (max-width:1000px){
	#paging{ margin:25px 0;}
	#paging a{height:20px; min-width:20px; line-height:20px;font-size:13px; margin:0 0 0 1px;}
	#paging a.btn_prev,
	#paging a.btn_next{width:20px;}
	#paging a.btn_prev img,
	#paging a.btn_next img{width:60%; vertical-align:1px;}
}

/*검색*/
.search_board{border:1px solid #ddd; border-width:1px 0; background:#fbfbfb; padding:30px; text-align:center;}
.search_board input[type=text]{margin:0 10px; width:350px;}
.search_board .btn{background:#414aaa; height:50px; line-height:50px; padding:0 20px; font-size:18px; color:#fff;}
@media screen and (max-width:1000px){
.search_board .btn{height:35px; line-height:35px; font-size:14px;}
.search_board input[type=text]{width:250px;}
}
@media screen and (max-width:640px){
	.search_board{padding:15px;}
	.search_board input[type=text]{margin:5px 0; width:100%;}
	.search_board select,
	.search_board .btn{width:100%;}
}