@charset "utf-8";
/*게시판*/
.pg_tit+.board_list{margin-top:-30px;}
.board_list .page{text-align:right; color:#6d6d6d; font-size:15px; margin-bottom:10px;}
.board_list table{border-top:2px solid #333; table-layout:fixed; clear:both;}
.board_list table th[scope=col]{color:#171717; text-align:center;}
.board_list table td{text-align:center; color:#6d6d6d;}
.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:16px;}
.board_list table td.tit_field a{display:inline-block; white-space:nowrap; max-width:80%; text-overflow:ellipsis; overflow:hidden;}
.board_list table .num_field{width:10%;}
.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 .date_field{width:11%;}
.board_list table .writer_field{width:10%;}
.board_list table .hit_field{width:7%;}
@media screen and (max-width:1000px){
	.pg_tit+.board_list{margin-top:0;}
	.board_list table .date_field,
	.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:14px;}
	.board_list table td.tit_field a{width:70%;}
}

/*상세보기*/
.board_view{border-top:2px solid #333;}
.board_view .info_area{padding:40px 25px;}
.board_view .info_area .tit_field{font-size:26px; margin-bottom:10px;}
.board_view .info_area ul li{display:inline-block; float:left; margin-right:30px; font-size:15px; margin-bottom:5px;}
.board_view .info_area ul li strong{font-weight:400; color:#a8a8a8;padding-right:10px;}
.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:35px 25px; font-size:15px; color:#666; border:1px solid #ddd; border-width:1px 0;}

.board_view_wrap .btn_area_b{margin-top:45px; text-align:center;}
.board_view_wrap .btn_area_b .btn{height:50px; line-height:50px; font-size:16px; margin:0 5px;}
.board_view_wrap .btn_area_b .btn img{padding-right:10px; vertical-align:2px;}
.board_view_wrap .btn_area_b .btn_icon{padding:0 20px;}
.board_view_wrap .btn_area_b .btn_icon img{padding:0; vertical-align:0;}
@media screen and (max-width:1000px){
	.board_view .info_area{padding:15px 10px;}
	.board_view .info_area .tit_field{font-size:18px; border-bottom:1px dotted #e1e1e1; padding-bottom:10px;}
	.board_view .info_area ul li{display:block; float:none; font-size:13px;}
	.board_view .con{padding:15px 10px;}
	
	.board_view_wrap .btn_area_b{margin-top:30px;}
	.board_view_wrap .btn_area_b .btn{height:35px; line-height:35px; font-size:14px;}
	.board_view_wrap .btn_area_b .btn_icon{padding:0 10px;}
}

/*글쓰기*/
.board_write .info_top{text-align:center; font-size:26px; color:#333; margin-bottom:30px;}
.board_write .info_top small{font-size:18px; color:#6d6d6d; display:block; margin-top:5px;}
.board_write table{border-top:2px solid #333; 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{vertical-align:top; font-size:16px; color:#333; border-bottom:1px solid #e1e1e1;}
.board_write table td{padding:10px;}
.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;}
@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;}
}
@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:50px 0;}
#paging a{height:36px; min-width:36px; box-sizing:border-box; border:1px solid #e5e5e5; padding:0 5px; text-align:center; display:inline-block; line-height:34px; font-size:14px; color:#333; margin:0 2px;}
#paging a.btn_prev{margin-right:10px;background:#f7f7f7;}
#paging a.btn_next{margin-left:10px;background:#f7f7f7;}
#paging img{vertical-align:0px;}
#paging a.active{background:#00768c; color:#fff; border-color:#00768c;}
@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{margin-right:1px;}
	#paging a.btn_next{margin-left:1px;}
	#paging a.btn_prev img,
	#paging a.btn_next img{width:60%;}
}

/*검색*/
.search_board{border:1px solid #d1d1d1; background:#f8f8f8; padding:30px; text-align:center;}
.search_board input[type=text]{margin:0 10px; width:240px;}
.search_board .btn{background:#414347; height:35px; line-height:35px; padding:0 30px; font-size:16px;}
@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%;}
}

/*제품 상세보기*/
.product_view{overflow:hidden; padding-bottom:90px; border-bottom:1px solid #e1e1e1; margin-bottom:50px;}
.product_view .img_area{width:48%; float:left;}
.product_view .info_area{width:48%; float:right;}
.product_view .info_area .tit{font-size:40px;}
.product_view .info_area .tit:after{content:' '; display:block; width:40px; height:1px; margin:20px 0; background:#333;}
.product_view .info_area .sub_tit{font-size:28px; margin-bottom:15px; text-align:left;}
.product_view .info_area .txt{font-size:18px; color:#666;}
.product_view .info_area .tit2{ margin-top:25px; color:#343434; font-weight:500; font-size:25px; margin-bottom:5px;}
.product_view .info_area .box{background:#edf1f3; padding:23px 20px; font-size:16px; line-height:25px; color:#343434;}
.product_view .info_area .btn_area{margin-top:25px;}
.product_view .info_area .btn_area .btn{width:49%; margin-left:2%; text-align:left; position:relative; float:left;}
.product_view .info_area .btn_area .btn:first-child{margin-left:0;}
.product_view .info_area .btn_area .btn img{position:absolute; right:30px; top:10px;}

.product_view_wrap .con_area{padding-bottom:80px; border-bottom:1px solid #e1e1e1; overflow:hidden;}
.product_view_wrap .con_area .tit{font-size:32px; font-weight:500; padding-left:20px; margin-bottom:15px;}
.product_view_wrap .con_area .tit:before{content:' '; width:10px; height:29px; display:inline-block; background:#333; margin-right:10px; margin-left:-20px;}
.product_view_wrap .con_area .box{background:#edf1f3; padding:65px; font-size:18px; color:#666666; margin-bottom:60px;}
.product_view_wrap .con_area .box .tit_field{font-size:30px; margin-bottom:15px; color:#333;}

.product_view_wrap .con_area .table1{float:left; width:60%;}
.product_view_wrap .con_area .graph{float:right; width:38%;}
.product_view_wrap .con_area .graph img{width:100%;}

.product_view_wrap .btn_area_b{margin-top:45px; text-align:center;}
.product_view_wrap .btn_area_b .btn{height:50px; line-height:50px; font-size:16px;}
.product_view_wrap .btn_area_b .btn img{padding-right:10px; vertical-align:2px;}

@media screen and (max-width:800px){
	.product_view{margin-bottom:40px; padding-bottom:40px;}
	.product_view .img_area{width:100%; float:none;}
	.product_view .img_area img{width:100%; margin-bottom:20px;}
	.product_view .info_area{width:100%; float:none;}
	.product_view .info_area .tit{font-size:25px;}
	.product_view .info_area .tit:after{width:20px; margin:15px 0;}
	.product_view .info_area .sub_tit{font-size:20px; margin-bottom:10px;}
	.product_view .info_area .txt{font-size:14px;}
	.product_view .info_area .tit2{margin-top:30px; font-size:18px;}
	.product_view .info_area .box{padding:15px 10px; font-size:14px; line-height:18px;}
	.product_view .info_area .btn_area{margin-top:15px;}
	.product_view .info_area .btn_area .btn img{width:20px; right:15px;}
	
	.product_view_wrap .con_area{padding-bottom:50px;} 
	.product_view_wrap .con_area .tit{font-size:20px; padding-left:13px; margin-bottom:10px;}
	.product_view_wrap .con_area .tit:before{width:5px; height:20px; margin-right:8px; margin-left:-13px;  vertical-align:-2px;}
	.product_view_wrap .con_area .box{padding:15px; font-size:16px;margin-bottom:30px;}
	.product_view_wrap .con_area .box .tit_field{font-size:20px; margin-bottom:10px;}
	
	.product_view_wrap .con_area .table1{float:none; width:100%; margin-bottom:20px;}
	.product_view_wrap .con_area .graph{float:none; width:100%;}

	.product_view_wrap .btn_area_b{margin-top:30px;}
	.product_view_wrap .btn_area_b .btn{height:35px; line-height:35px; font-size:14px;}
}

/*협력사*/
.partner_list ul{margin-left:-2%; overflow:hidden;}
.partner_list li{float:left; width:23%; margin-left:2%; margin-bottom:6%; text-align:center; border:1px solid #e1e1e1; box-sizing:border-box;}
.partner_list li:nth-child(4n+1){clear:left;}
.partner_list strong{display:block; text-align:center; background:#f9f9f9; color:#333; font-size:18px; padding:25px 5px; font-weight:400;}

@media screen and (max-width:800px){
	.partner_list li{float:left; width:48%;}
	.partner_list strong{font-size:14px; padding:15px 5px;}
}