@charset "utf-8";

/* FAQ 검색 영역 */
.cs_search > div{ display:table;width:100%;height:110px;background-color:#8FC31F;}
.cs_search > div > div{ display:table-cell;vertical-align:middle;text-align:left; }
.cs_search > div > div:first-child{ width:19%;text-align:right;padding-right:2%; }
.cs_search > div > div:last-child{ width:19%;text-align:left; }

.cs_search #faq_input{ padding:0% 1%;width:96%;height:40%;border:solid 1px #8FC31F;  }

.cs_search .faq_search_btn > div{ background-color:#ffffff;width:54%;height:40%;display:table;cursor:pointer; }
.cs_search .faq_search_btn > div > div:first-child{ width:65%;display:table-cell;vertical-align:middle;text-align:center; }
.cs_search .faq_search_btn > div > div:last-child{ display:table-cell;vertical-align:middle;text-align:left; }
.cs_search .faq_search_btn > div > div> img{ height:24px;width:24px; }

/*고객의 소리 문의하기 영역*/
.faq_detail > div {display: inline-block; vertical-align:top; }
.faq_detail > div:first-child { width: 71%; margin-right: 2%; line-height: 150%; text-align: left;}
.faq_detail > div:last-child { width: 25%; text-align: center; }
.faq_detail .radius_c1 { height:50px;  border: 1px solid #8FC31F; border-radius:25px 25px 25px 25px;-moz-border-radius:25px 25px 25px 25px;-webkit-border-radius:25px 25px 25px 25px; }
.faq_detail .radius_c1 > div{ display:table;width:100%;height:100%;cursor:pointer; }
.faq_detail .radius_c1 > div > p { display:table-cell;vertical-align:middle;text-align:center; }

/* 전체,채용,기타 버튼영역*/
.cs_button{ width:100%;height:50px;text-align:left; }
.cs_button > div{ width:16%;height:100%;cursor:pointer;display:inline-block; }
.cs_button > div > div{ display:table;width:100%;height:100%; }
.cs_button > div > div > p {  display:table-cell;vertical-align:middle;text-align:center; }
.cs_button #recruit{ margin:0 1%; }

/* faq 목록 영역 */
.faq_title{ width:100%;height:60px;background-color:#FBFAEE;text-align:left;display:table;cursor:pointer; }
.faq_title > div{display:table-cell;}
.faq_title > div:first-child {width:2%;display:inline-block;vertical-align: middle;margin-top:0.8%;margin-left:2%;}
.faq_title > div:last-child { width:92%;display:inline-block;margin-left:1.5%;margin-top:2%;margin-bottom:1.2%; vertical-align: middle; text-align: left;}

.faq_text{ width:100%;height:100%;background-color:#FFFFFF;text-align:left;display:table;display:none; }
.faq_text > div{display:table-cell;}
.faq_text > div:first-child {width:2%;display:inline-block;vertical-align: middle;margin-left:2%; }
.faq_text > div:last-child { width:92%;display:inline-block;margin-left:1.5%;margin-top:1.2%;margin-bottom:1.2%; vertical-align: middle; text-align: left;}

/* 목록 내역 - 페이징 */
.customer_page{ color:#AAAAAA; }
.customer_page > ul > li { cursor:pointer;display:inline-block;margin:0 1%;vertical-align:top; }
.customer_page > ul > li > img{ width:40px;height:40px; }
.customer_page .page_num{ padding-top:12px; }

/* ********************************** (1200 ~ 990  사이즈)85% CSS ************** */
@media screen and (max-width:1200px) and (min-width:990px){

	/* FAQ 검색 영역 */
	.cs_search > div{ height:94px; }
	
	/*고객의 소리 문의하기 영역*/
	.faq_detail .radius_c1 { height:43px; }

	/*FAQ 버튼 */
	.cs_button{ height:43px; }
	
	/* faq 목록 영역 */
	.faq_title{ height:60px; }

	/* 최근활동 내역 - 페이징 */
	.customer_page > ul > li > img{ width:34px;height:34px; }
	.customer_page .page_num{ padding-top:9px; }	
}
/* ********************************** (989 ~ 768  사이즈)70% CSS **************** */
@media screen and (max-width:989px) and (min-width:768px){

	/* FAQ 검색 영역 */
	.cs_search > div{ height:80px; }
	.cs_search .faq_search_btn > div > div> img{ height:20px;width:20px; }

	/*고객의 소리 문의하기 영역*/
	.faq_detail_pop{ height:36px;}
	.faq_detail_pop > div > div:last-child{ width:18%; }

	/*고객의 소리 문의하기 영역*/
	.faq_detail .radius_c1 { height:37px;  }
	
	/*FAQ 버튼 */
	.cs_button{ height:37px; } 
		
	/* faq 목록 영역 */
	.faq_title{ height:51px; }

	/* 최근활동 내역 - 페이징 */
	.customer_page > ul > li > img{ width:32px;height:32px; }
	.customer_page .page_num{ padding-top:7px; }
}
/* ********************************** (767 ~ 415  사이즈)65% CSS **************** */
@media screen and (max-width:767px) and (min-width:415px){

	/* FAQ 검색 영역 */
	.cs_search > div{ height:68px; }
	.cs_search .faq_search_btn > div{ width:70%; }
	.cs_search .faq_search_btn > div > div> img{ height:17px;width:17px; }

	/*고객의 소리 문의하기 영역*/
	.faq_detail_pop{ height:31px;}
	
	/*고객의 소리 문의하기 영역*/
	.faq_detail .radius_c1 { height:31px;  }
	
	/*FAQ 버튼 */
	.cs_button{ height:31px; }
	
	/* faq 목록 영역 */
	.faq_title{ height:43px }

	/* 최근활동 내역 - 페이징 */
	.customer_page > ul > li > img{ width:31px;height:31px; }
	.customer_page .page_num{ padding-top:5px; }
}
/* ********************************** (580~415미만 사이즈 모바일) CSS**************** */
@media screen and (max-width:580px) and (min-width:415px){

	/*고객의 소리 문의하기 영역*/
	.faq_detail > div:first-child { width: 100%; text-align: center; margin-bottom: 15px;} 
	.faq_detail > div:last-child  { width: 160px; height:31px; text-align: center; } 
	.faq_detail .radius_c1 { height:37px;  }
/* 	.faq_detail .font_s18 { font-size: 12px; } */
}
/* ********************************** (414미만 사이즈 모바일) CSS**************** */
@media screen and (max-width:414px){

	/* FAQ 검색 영역 */
	.cs_search > div{ display:block;height:90px;}
	.cs_search > div > div{ text-align:left;padding:0; margin:0;display:inline-block; }
	.cs_search > div > div:first-child{ height:40px;display:block;text-align:left;display:table-cell;vertical-align:middle;padding-left:10px;}
	.cs_search > div > div:nth-child(2){ width:74%;text-align:left;}
	.cs_search > div > div:last-child{ }	
	.cs_search #faq_input{ padding:0% 1%;height:30px;border:solid 1px #8FC31F;width:100%; }	
	.cs_search .faq_search_btn > div{ width:90%;height:30px;margin-left:8px;}
	.cs_search .faq_search_btn > div > div:first-child{ width:65%;font-size:14px; }
	.cs_search .faq_search_btn > div > div> img{ height:14.4px;width:14.4px; }

	/*고객의 소리 문의하기 영역*/
	.faq_detail > div:first-child { width: 100%; text-align: center; margin-bottom: 15px;} 
	.faq_detail > div:last-child  { width: 160px; height:31px; text-align: center; } 
	.faq_detail .radius_c1 { height:37px;  }
	
	/*FAQ 버튼 */
	.cs_button{ height:30px;text-align:center; }
	.cs_button #all, .cs_button #etc, .cs_button #recruit{ width:96px; }
	
	/* faq 목록 영역 */
	.faq_title{ height:50px }	
	.faq_title > div:first-child {margin-left:3.2%;margin-top:4%; }
	.faq_title > div:last-child { width:88%;margin-left:5.5%;margin-top:4.2%; }
	.faq_text > div:first-child {margin-left:3.2%;margin-top:4%; }
	.faq_text > div:last-child { width:85%;margin-left:5%;margin-right:6px;margin-top:3%; }
	
 	/* 최근활동 내역 - 페이징 */
 	.customer_page > ul > li > img{ width:30px;height:30px; }
 	.customer_page .page_num{ padding-top:3px; }
}