﻿/* //////////////////////////////// 제품 활용정보 //////////////////////////////// */

.search_info { overflow: hidden; margin-bottom: 12px; }
.search_info p { font-size: 13px; }
.search_info p span { font-weight: bold; color: #ffc600; }
.search_form .input { float: left; width: 60%; height: 32px; padding: 4px 8px; border: 1px solid #444; line-height: 28px;
	box-sizing:border-box; /*W3C*/
	-o-box-sizing:border-box; /*Opera*/
	-ms-box-sizing:border-box; /*Internet Explorer*/
	-moz-box-sizing:border-box; /*Firefox*/
	-webkit-box-sizing:border-box; /*Safari & Chrome*/ }
.search_form .button { float: left; width: 19.5%; height: 32px; line-height: 32px; font-size: 13px; }
.search_form .button.view_all { float: right; margin-left: 1%; text-align: center; background-color: #ffc600; }

.product_info .product_info_list { border-top: 2px solid #000; border-bottom: 1px solid #c8c8c8; }
.product_info .product_info_list li > div { padding: 12px 20px; line-height: 16px; }
.product_info .product_info_list .thead div { background-color: #f4f4f4; font-weight: bold; text-align: center; }
.product_info .product_info_list .thead div > span,
.product_info .product_info_list li > div .number { float: left; display: inline-block; width: 60px; margin-left: -60px; border-right: 1px solid #c8c8c8; text-align: center; line-height: 18px; }
.product_info .product_info_list li > div { padding-left: 60px; }
.product_info .product_info_list .question { border-top: 1px solid #c8c8c8; }
.product_info .product_info_list .question a { display: block; color: inherit; padding-left: 12px; }
.product_info .product_info_list .question .number { font-size: 12px; }
.product_info .product_info_list .answer { display: none; padding-left: 72px; padding-bottom: 18px; border-top: 1px dashed #fff490; background: url(/img/icn_info_answer.png) 28px 14px no-repeat #fffce9; font-size: 13px; line-height: 1.5; }
.product_info .product_info_list .answer div, .product_info .product_info_list .answer span { color: #000; font-size: 13px; line-height: 1.5; }

.product_info .product_info_list li.selected > div { color: #000; }
.product_info .product_info_list li.selected .question { font-weight: bold; }
.product_info .product_info_list li.selected .answer { display: block; }
.product_info .product_info_list li.selected .answer table{width:100% !important;}

.product_info .product_partsales_list { overflow: hidden; margin-bottom: -10px; }
.product_info .product_partsales_list li { overflow: hidden;  border: 1px solid #c8c8c8; margin-bottom: 12px;
	box-sizing:border-box; /*W3C*/
	-o-box-sizing:border-box; /*Opera*/
	-ms-box-sizing:border-box; /*Internet Explorer*/
	-moz-box-sizing:border-box; /*Firefox*/
	-webkit-box-sizing:border-box; /*Safari & Chrome*/ }
.product_info .product_partsales_list li .partsales_img { padding: 12px 18px; text-align: center;min-height:150px;box-sizing:border-box;position:relative;}
.product_info .product_partsales_list li .partsales_img span{display:table-cell;height:100%;vertical-align:middle;}
.product_info .product_partsales_list li .partsales_img span img{width:100%;}
.product_info .product_partsales_list li .partsales_text dl { padding: 16px 18px; background-color: #f4f4f4; }
.product_info .product_partsales_list li .partsales_text p { margin-bottom: 8px; line-height: 1.3; }
.product_info .product_partsales_list li .partsales_text dt { margin-bottom: 8px; padding-bottom: 8px; font-weight: bold; color: #333; background: url(/img/bar_48px.png) bottom left no-repeat; }
.product_info .product_partsales_list li .partsales_text dd { margin-top: 8px; }
.product_info .product_partsales_list li .partsales_text span { display: block; margin-bottom: 4px; color: #ffa600; font-weight: bold; font-size: 12px; }

@media screen and (min-width:769px) {
	/* ********** PC 공통 ********** */
	.search_step1 li {width: 33%; }

	.search_form { width: 500px; }
	.search_info div { float: right; }
	.search_info p { float: left; margin-top: 12px; }

	.product_info .product_partsales_list { margin-left: -2%; }
	.product_info .product_partsales_list li { float: left; width: 23%; margin-left: 2%; margin-bottom: 18px; }
	.product_info .product_partsales_list li:nth-child(4n-3) { clear: both; }
	.product_info .product_partsales_list li .partsales_text dl { height: 140px; }
	.product_info .product_partsales_list li .partsales_text dt { min-height: 2em; }
	/* ********** //PC 공통 ********** */
}

@media screen and (max-width:768px) {
	/* ********** 모바일·태블릿 공통 ********** */
	.search_info p { margin-bottom: 12px; }

	.product_info .product_info_list li > div { padding-left: 48px; }
	.product_info .product_info_list .thead div > span,
	.product_info .product_info_list li > div .number { width: 48px; margin-left: -48px; }
	.product_info .product_info_list .answer { padding-left: 60px; background-position: 20px 14px; }
}

@media screen and (min-width:641px) and (max-width:768px) {
	.product_info .product_partsales_list { margin-left: -2%; }
	.product_info .product_partsales_list li { float: left; width: 48%; margin-left: 2%; }
	.product_info .product_partsales_list li .partsales_img img { max-width: 80%; }
	.product_info .product_partsales_list li:nth-child(2n-1) { clear: both; }
	.product_info .product_partsales_list li .partsales_text dl { height: 116px; }

	.search_step3 li a { min-height: 2em; }
}

@media screen and (max-width:640px) {
	.tab_menu.product_info li.tab_menu1, .tab_menu.product_info li.tab_menu2 { width: 30%; }
	.tab_menu.product_info li.tab_menu3 { width: 40%; }
	.product_info .product_partsales_list li{display:table;width:100%;}
	.product_info .product_partsales_list li .partsales_img { width: 30%; padding: 2% 2.5%;min-height:auto;display:table-cell;vertical-align:middle; }


	.product_info .product_partsales_list li .partsales_text { width: 70%;display:table-cell; }
	.product_info .product_partsales_list li .partsales_text dl { min-height: 112px; }
	.product_info .product_partsales_list li .partsales_text dd { margin-top: 4px; }
}


@media screen and (max-width:360px) {
	.tab_menu.product_info li.tab_menu1, .tab_menu.product_info li.tab_menu2 { width: 28%; }
	.tab_menu.product_info li.tab_menu3 { width: 44%; }
}



.infor_category{margin-top:20px; width:774px; margin:0 auto;}
.infor_category li {float:left;}
.infor_category li img {border:1px solid #cecece; background:#ffffff; padding:1px;}
.infor_category li a:hover img{background:#f3f3f1; border:2px solid #fee502; padding:0px;}
.infor_category li img.category_on{background:#f3f3f1; border:2px solid #fee502; padding:0px;}

.m_right{ margin-right:3px; }
.clear{clear:both;}

.product_category{ width:740px; height:152px; border:1px solid #000000; margin:14px 0 30px 0; position:relative; padding:8px 16px 8px 16px; }
.product_category .cagegory1{ width:350px; height:150px; float:left; overflow-x:hidden; overflow-y:scroll; }
.product_category .cagegory1 li{ width:318px; height:28px; line-height:28px; color:#666666; }
.product_category .cagegory1 li span{ padding-left:5px; display:block; }
.product_category .cagegory1 li a{ color:#666666; }
.product_category .cagegory1 li a:hover{  width:318px; height:28px; display:block; border:1px solid #cccccc; color:#666666; font-weight:bold;
	background:url('/images/information/cagegory_bull.jpg') no-repeat right;}

.product_category .cagegory1 li.click{  width:318px; height:28px; display:block; border:1px solid #cccccc; color:#666666; font-weight:bold;
	background:url('/images/information/cagegory_bull.jpg') no-repeat right;}

.m_left{ margin-left:40px; }

.sch_faq{  width:774px; height:28px; margin:0 auto 11px; vertical-align:top; position:relative; }
.sch_faq .btn{ *margin-top:1px; height:27px; background:#666666; color:#ffffff; padding:0 10px 0 10px; cursor:pointer;  font-weight:bold;  vertical-align:top;}
.sch_faq span{ line-height:28px; *vertical-align:9px; }
.sch_faq span > strong{font-weight:bold;}

/***  faq 吏덈Ц �щ떕湲�***/

.faq_list dt{ border-top:1px solid #000000; border-bottom:1px solid #e4e4e4; height:39px; font-weight:bold; width:100%; display:block; clear:both;  line-height:18px;   }
.faq_list .num{ width:77px; padding:12px 0 12px 0; text-align:center; float:left; }
.faq_list .model{ width:122px; padding:12px 0 12px 0; text-align:center; float:left;  }
.faq_list .qna{ width:530px; padding:12px 0 12px 0; float:left; }
.faq_list .no_qna{ width:100%; padding:12px 0 12px 0; float:left; text-align:center;}

.faq_list dd.article{ width:100%;   }

.faq_list .hgroup{position:relative;margin:0 0 10px 0;*zoom:1}
.faq_list .q{ padding-right:25px; }
.faq_list .q a.trigger{  font-weight:bold; color:#333; text-align:left; text-decoration:none !important;  }
.faq_list .hide .q a.trigger{font-weight:normal;background:none; }
.faq_list .q a.trigger:hover,
.faq_list .q a.trigger:active,
.faq_list .q a.trigger:focus{ color:#000;  }
.faq_list .q_icon1{  background:url('/images/information/faq_f1.jpg') no-repeat right;   }
.faq_list .q_icon2{  background:url('/images/information/faq_f2.jpg') no-repeat right;  }
.faq_list .a{ position:relative; margin:0; padding:10px 10px 15px 75px; border-top:1px dotted #e6e6e6; overflow:hidden; background:#f8f8f8; }
.faq_list span.faq_text{ width:522px; margin-left:118px; padding-left:25px; float:left; background:url('/images/information/faq_a.gif') no-repeat top left;   }
.faq_list span.diagnosis_text1{  width:100px; float:left;  }
.faq_list span.diagnosis_text2{  width:522px; padding-left:30px; float:left; background:url('/images/information/faq_a.gif') no-repeat top left; }
.faq_list span.diagnosis_text3{  width:522px; padding-left:30px; float:left; background:url('/images/information/faq_a.gif') no-repeat top left; }
.border_b{ border-bottom:1px solid #e4e4e4; }

.text_c{ text-align:center; }
.text_l{ text-align:left; }
.font_b{ font-weight:bold; }
.line_bottom{ height:1px; background:#e4e4e4; }
/***  faq 吏덈Ц �щ떕湲���***/

/*************************************** DOWNLOAD******************************/
.bg_down{background:url('/images/information/bg_down.png') no-repeat;  width:774px; height:109px; padding-top:20px;}
.download_list{width:774px !important;border-collapse:collapse; margin:8px auto 12px; border-top:1px solid #000000;}
.download_list th{border-bottom:1px solid #e4e4e4; padding:10px; letter-spacing:0.08em;}
.download_list td{border-bottom:1px solid #e4e4e4; padding:10px 5px;}


.download_view{border-collapse:collapse; margin:0 0 12px 0; border-bottom: 1px solid #e4e4e4;}
.download_view th{  border-top:1px solid #e4e4e4; padding:10px; background:#f8f8f8;}
.download_view td{  border-top:1px solid #e4e4e4; padding:10px; line-height:18px;}
.download_view td td,.download_view td th{border:0;padding:0;margin:0}

#td_content div a{text-decoration:underline; color:blue;}

.btn_list{ width:75px; margin:0 auto;  padding:0;}
.btn_bord{ background:#666666; color:#ffffff; height:40px; line-height:40px; text-align:center; border:0; display:block; }
.btn_bord a{ color:#ffffff;  display:block; }
.btn_bord a:hover{ color:#ffffff; text-decoration:underline !important;  display:block; height:40px; line-height:40px;   }
.board_np{ width:100%; border-top:1px solid #000000; margin:40px 0;}
.board_np_text{ width:100%; height:40px; line-height:40px; border-bottom:1px solid #e4e4e4; }
.board_np_text span.prev_t{width:80px; margin-left:15px; padding-left:12px; color:#333333; display:block; background:url('/images/information/board_prev.jpg') no-repeat 0 45%; float:left;}
.board_np_text span.next_t{width:80px; margin-left:15px; padding-left:12px; color:#333333; display:block; background:url('/images/information/board_next.jpg') no-repeat 0 45%; float:left;}


.page_num{padding:15px 0;text-align:center;line-height:normal; line-height:27px;}
.page_num span{display:inline-block; position:relative;  border:1px solid #e6e6e6; color:#333333;
margin:0 4px 0 0; font-size:11px; color:#333333; line-height:normal; text-decoration:none; vertical-align:middle; width:27px; height:27px; line-height:27px;}
.page_num a{color:#333333;}
.page_num a:hover,
.page_num a:active,
.page_num a:focus{ background:#f8f8f8; color:#333333; width:27px; height:27px; line-height:27px; display:inline-block;}
.page_num .num_strong{color:#1d1d1d; background:#fee502; width:27px; height:27px; border:1px solid #fee502; font-weight:bold; }



