@charset "utf-8";

/* ********************************** 전체 적용 CSS ***************************** */
body{ overflow-x:hidden;overflow-y:auto;background-color:#FBFAEE;color:#444444; }
img{ display:block;width:100%;max-width:100%; }
input[type=text], input[type=password]{ border:solid 1px #DFDED2;height:30px; }
textarea{ border:solid 1px #DFDED2;height:90px; }

#wrapper{ overflow:hidden }

/* 상단 이미지 */
/*.header_image{ height:680px;width:100%;background:url("/images/cs_img_tmp_01.png") center no-repeat;background-size:100% 100%; display:table; }*/

/* 고객의소리 제목 컨텐츠 영역 */
.contents_text{ max-width:980px;width:100%;margin:0 auto;text-align: center; }
.contents_text div{ line-height:150%; }
.contents_text .padding_lr {padding:0% 6% 0% 6%;} 
/*
.cs_center{width:100%;height:200px;background-color: #8FC31F;display:table; }
.cs_center > div{ display:table-cell;vertical-align:middle; }
.cs_center > div > div:last-child{ width:22%;height:30%;margin:0 auto;padding-top:0.8%; } 
.cs_center > div > div:last-child > div{ width:100%;height:100%;display:table;background-color:#FBFAEE;cursor:pointer; }
.cs_center > div > div:last-child > div > p{ display:table-cell;vertical-align:middle; }
*/
/*접수 안내 영역*/
.accept_contents { display:table;vertical-align:top;}
.accept_contents > div { display:table-cell;vertical-align:top;display:table-cell;text-align:center; }
.accept_contents > div:nth-child(odd){ width:49%;display:table-cell;text-align:center; } 
.accept_contents > div:nth-child(odd) > div:first-child{height:120px;background-color:white;border:1px solid #DFDED2;display:table;width:100%;text-align:center;} 
.accept_contents > div:nth-child(odd) > div:first-child > div:first-child { width:25%;display:table-cell;vertical-align:middle;text-align:right; }
.accept_contents > div:nth-child(odd) > div:first-child > div:last-child { width:36%;display:table-cell;vertical-align:middle;text-align:left; }
.accept_info{width:100%;height:100%;}
.accept_info > div > div> img{ width:32px;height:50px;margin-left:80%; }
#internet { width:50px;height:50px;margin-left:70%; }

/* 고객의소리 조회 버튼 영역 */
#accept_search_sbmit{ width:24%;height:50px;margin:0 auto;cursor:pointer; }
#accept_search_sbmit > div{ display:table;width:100%;height:100%; }
#accept_search_sbmit > div > p{ display:table-cell;vertical-align:middle;text-align:center; }

/* 개인정보 수집동의 타이틀, 설명 영역 */
.private{ border:1px solid #DFDED2;padding:3% 0; }
.private > div{ text-align:left; margin-left:3.1%;line-height:180%;}
.agree_btn > div{ display:inline-block;margin:0 -3px;height:50px; }
.agree_btn > div:first-child{ width:40%;text-align:right;vertical-align:middle; }
.agree_btn > div:nth-child(2){ width:30%;vertical-align:middle; }
.agree_btn > div:last-child{ width:30%;text-align:center; }
.agree_btn > div > input[type=radio]{ width:13px;height:16px;vertical-align:middle; }
.agree_btn .policy_style{ border:solid 1px #DFDED2;display:table;width:110%;height:100%;cursor:pointer; }
.agree_btn .policy_style > div{ display:table-cell;vertical-align:middle;text-align:center; }
.agree_btn .policy_style > div img{ width:22px;height:12px;margin:0 auto; }
/*
.agree_btn .border_style2{ display:table;width:100%;height:100%;cursor:pointer; }
.agree_btn .border_style2 > p{ display:table-cell;vertical-align:middle;text-align:center; }
*/
.agree_btn > div:last-child > div{ height:80%;display:table-cell;vertical-align:middle; }
.agree_btn > div:last-child > div:first-child{ padding-left:6%; }

/* 개인정보처리방침 추가 (240315) */ 
#cust_privacy_policy_list{ border:solid 1px #DFDED2;position:absolute;z-index:10;display:none;background-color:#FBFAEE;cursor:pointer;overflow-x:hidden;overflow-y:auto; }
#cust_privacy_policy_list > ul{ padding:5px;}
#cust_privacy_policy_list > ul > li{ line-height:140%;text-align:center; }
				
/* 고객정보 제목 */
.cs_accept{ padding-left:1%;}
.cs_accept input[type=radio]{width:15px;height:16px;margin-left:2%;}
.cs_accept input[type=radio]:first-child{width:15px;height:16px;}
.cs_accept > div{ padding:1.7% 0;display:inline-block;text-align:left; }
.cs_accept > div:nth-child(odd){ width:18%;vertical-align:top; }
.cs_accept > div:nth-child(even){ width:79%; }
.cs_accept > div:nth-child(even) > span{margin-right:2%;vertical-align:top;}
.cs_accept #txt_name{ width:300px; }
.cs_accept #txt_name2{ width:300px; } .cs_accept #txt_assign{ width:300px; }
.cs_accept #sel_tel1{ width:100px;}.cs_accept #txt_tel2, .cs_accept #txt_tel3{ width:130px;} 
.cs_accept #txt_tel4{ width:100px;}.cs_accept #txt_tel5, .cs_accept #txt_tel6{ width:130px;}
.cs_accept #sel_hp1{ width:100px;}.cs_accept #txt_hp2, .cs_accept #txt_hp3{ width:130px;}
.cs_accept #txt_hp4{ width:100px;}.cs_accept #txt_hp5, .cs_accept #txt_hp6{ width:130px;}
.cs_accept #txt_mail1{ width:200px;}.cs_accept #txt_mail2, .cs_accept #txt_mail3{ width:140px;}
.cs_accept #txt_mail4{ width:200px;}.cs_accept #txt_mail5, .cs_accept #txt_mail6{ width:140px;}
.cs_accept #txt_title{ width:96%; }.cs_accept #txt_store{width:50%;}.cs_accept #txt_content{ width:96%; }
.cs_accept #txt_pass{ width:130px; }

/* 접수내용 */
.accept_file > span, .accpt_pass > span{float:left; }
.accept_file > div:nth-child(2){ background-color:#AAAAAA;color:#FFFFFF;text-align:center;width:100px;height:30px;float:left;display:table; }
.accept_file > div:nth-child(2) > p{ display:table-cell;vertical-align:middle; }
.accept_file > div:nth-child(3){ margin-left:1%;float:left; }
.accept_file > div:last-child{ float:right; }
.accpt_pass > div{float:left;}

/* 접수하기 영역 */
#accept_sbmit{ width:22%;height:50px;margin:0 auto;cursor:pointer; }
#accept_sbmit > div{ display:table;width:100%;height:100%; }
#accept_sbmit > div > p{ display:table-cell;vertical-align:middle;text-align:center; }

/* 패널 타이틀 영역 */
.contents_text .padding_lr_panel {padding:0% 3% 0% 3%;}

/* 패널지원자격 조건글 영역 */
.contents_text .panel_condition {text-align: left;} 

/* 패널신청 버튼 */
.panel_sbmit{ width:31%;height:50px;margin:0 auto;}
.panel_sbmit > div{ display:table;width:100%;height:100%;cursor:pointer; }
.panel_sbmit > div > p{ display:table-cell;vertical-align:middle;text-align:center; }

/* 패널 궁굼해요 영역 */
/* 1*/
.panel_qna{ padding-left:1%;text-align:left;}
.panel_qna > div:first-child{ height:40px;}
.panel_qna > div:nth-child(2){ height:50px;}
/* 2*/
.panel_qna2{ padding-left:1%;text-align:left;}
.panel_qna2 > div:first-child{ height:40px;}
.panel_qna2 > div:nth-child(2){ height:25px;}
/* 4*/
.panel_qna3{ padding-left:1%;text-align:left;}
.panel_qna3 > div:first-child{ height:40px;}
.panel_qna3 > div:nth-child(2){ height:50px;}

/*패널 숨기기 영역*/
#panel_request {display: none;}

/* 사업문의전화번호 컨텐츠 영역 */
table{ margin:0;padding:0;width:100%;height:100%; }
.contents_text{ max-width:980px;width:100%;margin:0 auto; }
.contents_text > div{ text-align:center; line-height:150%; }
.contents_text > img{ height:50px; }
.contents_text .cs_title > div{ display:inline-block; }
.cs_contents{ max-width:790px;margin:0 auto; }
.cs_contents div{ line-height:150%;text-align:left; }
.cs_contents > div{ display:table;width:100%; }
.cs_contents > div > div{ display:table-cell;vertical-align:top; }
.cs_contents > div > div:first-child{ width:32%; }
.cs_contents > div > div:last-child{ padding-left:8%; }
.cs_contents .company_td1{ width:17%; }
.cs_contents .company_tb2{ height:249px; }
 				
/* 테두리 스타일 1,2번은 테두리 색 차이*/
.border_style1{ border: 1px solid #FBFAEE; border-radius:25px 25px 25px 25px;-moz-border-radius:25px 25px 25px 25px;-webkit-border-radius:25px 25px 25px 25px; }
.border_style2{ border: 1px solid #8FC31F; border-radius:25px 25px 25px 25px;-moz-border-radius:25px 25px 25px 25px;-webkit-border-radius:25px 25px 25px 25px; }
.border_style3{ border:1px solid #DFDED2; }
.group_width_gap{width:1%;clear:both;}

/* ********************************** (1200 ~ 990  사이즈)85% CSS ************** */
@media screen and (max-width:1200px) and (min-width:990px){
	
	/* 고객의소리 제목 컨텐츠 영역 */
	/*.cs_center{height:170px; }*/
	
	/*접수 안내 영역*/
	.accept_contents > div:nth-child(odd) > div:first-child{height:120px;}
	.accept_info > div > div> img{ width:32px;height:50px; }
	#internet { width:50px;height:50px; }
	
	/* 고객의소리 조회 버튼 영역 */
	#accept_search_sbmit{ height:43px; }
					
	/* 접수내용 */
	.accept_file > div:nth-child(2){ height:26px; }
	
	/* 접수하기 영역 */
	#accept_sbmit{ height:43px; }
	
	/* 패널신청 버튼 */
	.panel_sbmit{ height:43px;}
	
	/* 패널 궁굼해요 영역 */
	/* 1*/
	.panel_qna > div:first-child{ height:34px;}
	.panel_qna > div:nth-child(2){ height:43px;}
	/* 2*/
	.panel_qna2 > div:first-child{ height:34px;}
	.panel_qna2 > div:nth-child(2){ height:21px;}
	/* 4*/
	.panel_qna3 > div:first-child{ height:34px;}
	.panel_qna3 > div:nth-child(2){ height:43px;}
	
	/* 사업문의전화번호 컨텐츠 영역 */
	.contents_text > img{ height:43px; }
	.cs_contents .company_tb2{ height:212px; }
}
/* ********************************** (989 ~ 768  사이즈)70% CSS **************** 여기서 부터 다 줄임*/ 
@media screen and (max-width:989px) and (min-width:768px){
	/* contents */
	.contents_text{ width:97%; }
	
	/* 고객의소리 제목 컨텐츠 영역 */
	/*
	.cs_center{height:145px;}
	.cs_center > div > div:last-child{ width:170px;height:34px;}
	*/ 
	
	/*접수 안내 영역*/
	.accept_contents > div:nth-child(odd) > div:first-child{height:102px;}
	.accept_info > div > div> img{ width:27px;height:43px; }
	#internet { width:43px;height:43px; }

	/* 개인정보 수집동의 제목 */
	.agree_btn > div{ height:37px; }

	/* 접수하기버튼 */
	.accept_btn{ width:159px;  margin-left:275px; }
	.accept_btn > div > div > div >input{width:11px; }  
	.accept_btn > div > div:last-child{ height:37px; }
	.accept_btn > div { height:37px; }
	
	/* 고객의소리 조회 버튼 영역 */
	#accept_search_sbmit{ height:37px; }
	
	/* 패널신청 버튼 */
	.panel_sbmit{ width:40%;}
	
	/* 패널 궁굼해요 영역 */
	/* 1*/
	.panel_qna > div:first-child{ height:29px;}
	.panel_qna > div:nth-child(2){ height:43px;}
	/* 2*/
	.panel_qna2 > div:first-child{ height:29px;}
	.panel_qna2 > div:nth-child(2){ height:18px;}
	/* 4*/
	.panel_qna3 > div:first-child{ height:29px;}
	.panel_qna3 > div:nth-child(2){ height:43px;}
	
	/* 사업문의 전화번호 컨텐츠 영역 */
	.contents_text{ width:97%; }
	.cs_contents{ max-width:571px; }
	.cs_contents .company_tb2{ height:153px; }	
}

/* ********************************** (767 ~ 600  사이즈)65% CSS **************** */
/* 개인정보수집방침 */
@media screen and (max-width:767px) and (min-width:600px){
	/* 개인정보 수집동의 제목 */
	.agree_btn > div{ height:37px; }
	.agree_btn > div:first-child{ width:40%;}
	.agree_btn > div:nth-child(2){ width:30%; }
	.agree_btn > div:last-child{ width:30%; }
}
@media screen and (max-width:599px) and (min-width:414px){
	.agree_btn > div{ display:block;margin:0 -3px;height:30px; }
	.agree_btn > div:first-child{ width:50%;text-align:center;display:inline-block;}
	.agree_btn > div:nth-child(2){ width:50%;text-align:center;display:inline-block;}
	.agree_btn > div:last-child{ width:90%;margin:0 auto;}
	.agree_btn .border_style2{ display:table;width:120%;height:40px;cursor:pointer; }
	.agree_btn .border_style2 > div{ display:table-cell;vertical-align:middle;text-align:center; }
	.agree_btn > div:last-child > div{ display:table-cell;vertical-align:middle; }
	.agree_btn > div:last-child > div:first-child{ padding-left:6%; }
	/*
	.agree_btn .border_style2{ display:table;width:100%;height:40px;}
	.agree_btn .border_style2 > p{ display:table-cell;vertical-align:middle;text-align:center; }
	*/
	
	.accept_contents > div:nth-child(odd) > div:first-child > div:first-child { padding-right:1.5%; }
	#img_icon{ padding-right:3%; }
}
/* ********************************** (767 ~ 415  사이즈)65% CSS **************** */
@media screen and (max-width:767px) and (min-width:415px){
	/* contents */
	.contents_text{ width:97%; }
	
	/* 상단 이미지 */
	.header_image{ background:url("/images/cs_img_tmp_t_01.png") center no-repeat; background-size:inherit; }
	
	/* 고객의소리 제목 컨텐츠 영역 */
	/*
	.cs_center{height:145px;}
	.cs_center > div > div:last-child{ width:160px;height:40px;}
	*/ 
	
	/*접수 안내 영역*/
	.accept_contents > div:nth-child(odd) > div:first-child{height:87px;}
	.accept_info > div > div> img{ width:23px;height:37px; }
	#internet { width:37px;height:37px; }
	
	/* 고객의소리 조회 버튼 영역 */
	#accept_search_sbmit{ width:150px;height:31px; }
	
	/*고객정보 영역*/
	.cs_accept #txt_name{ width:255px; }
	.cs_accept #txt_name2{ width:255px; } .cs_accept #txt_assign{ width:255px; }	
	.cs_accept #txt_tel1{ width:85px;}.cs_accept #txt_tel2, .cs_accept #txt_tel3{ width:80px;} 
	.cs_accept #txt_tel4{ width:85px;}.cs_accept #txt_tel5, .cs_accept #txt_tel6{ width:80px;}
	.cs_accept #txt_phone1{ width:85px;}.cs_accept #txt_phone2, .cs_accept #txt_phone3{ width:80px;}
	.cs_accept #txt_phone4{ width:85px;}.cs_accept #txt_phone5, .cs_accept #txt_phone6{ width:80px;}
	.cs_accept #txt_mail1{ width:85px;}.cs_accept #txt_mail2, .cs_accept #txt_mail3{ width:80px;}
	.cs_accept #txt_mail4{ width:85px;}.cs_accept #txt_mail5, .cs_accept #txt_mail6{ width:80px;}
	.cs_accept #txt_title{ width:95%; }.cs_accept #txt_text{ width:95%; }
	
	/* 접수내용 */
	.accept_file > span{float:left; }
	.accept_file > div:nth-child(2){ background-color:#AAAAAA;color:#FFFFFF;text-align:center;width:100px;float:left; }
	.accept_file > div:nth-child(3){ margin-left:1%;float:left; }
	.accept_file > div:last-child{ float:none;clear:both;margin-left:2%;}
	.accpt_pass > div:last-child{ float:none;clear:both;margin-left:2%;}
	
	/* 접수하기 영역 */
	#accept_sbmit{ width:150px;height:35px;}
	
	/* 패널 궁굼해요 영역 */
	/* 1*/
	.panel_qna > div:first-child{ height:29px;}
	.panel_qna > div:nth-child(2){ height:60px;}
	/* 2*/
	.panel_qna2 > div:first-child{ height:29px;}
	.panel_qna2 > div:nth-child(2){ height:30px;}
	/* 4*/
	.panel_qna3 > div:first-child{ height:40px;}
	.panel_qna3 > div:nth-child(2){ height:70px;}
	
	/* 패널신청 버튼 */
	.panel_sbmit{ width:50%;}
	
	/* 사업문의 전화번호 컨텐츠 영역 */
	.contents_text{ width:97%; }
	.cs_contents{ max-width:485px; }
	.cs_contents .company_tb2{ height:153px; }
}
/* ********************************** (530 ~ 415  사이즈)65% CSS **************** */
@media screen and (max-width:530px) and (min-width:415px){

	/*접수번호 안내 영역 530사이즈 부터 영역바뀜 */
	.accept_info > div > div> img{ width:23px;height:37px; }
	#internet { width:37px;height:37px; }
	
	.accept_contents{ display: inline-block; }
 	.accept_contents > div:nth-child(odd){width:100%;  display: inline-block; }
 	.accept_contents > div:nth-child(odd) > div:first-child{height:75px;}
	.accept_contents > div:nth-child(odd) > div:first-child > div:first-child {width:73%;display:inline-block;padding:17.5% 0% 17.5% 17.5%;} /*padding:22px 0px 22px 22px;*/
	.accept_contents > div:nth-child(odd) > div:first-child > div:last-child { font-size:22px;width:59%;}
	#phone_cs{ padding-bottom: 20px; }
}
/* ********************************** (414미만 사이즈 모바일) CSS**************** */
@media screen and (max-width:414px){
	/* contents */
	.contents_text{ width:97%; }
	
	/* 상단 이미지 */
	.header_image{ background:url("/images/cs_img_tmp_t_01.png") center no-repeat; background-size:inherit; }
	
	/* 고객의소리 제목 컨텐츠 영역 */
	/*
	.cs_center{height:130px;}
	.cs_center > div > div:nth-child(2){ margin:0 10%; }
	.cs_center > div > div:last-child{ width:140px;height:25px;}
	*/
	
	/*접수 안내 영역*/
	.accept_info > div > div> img{ width:20px;height:31px; }
	#internet { width:31px;height:31px; }
	
	.accept_contents{ display: inline-block; }
 	.accept_contents > div:nth-child(odd){width:100%;  display: inline-block; }
 	.accept_contents > div:nth-child(odd) > div:first-child{height:75px;}
	.accept_contents > div:nth-child(odd) > div:first-child > div:first-child {width:73%;display:inline-block;padding:17.5% 0% 17.5% 17.5%;} /*padding:22px 0px 22px 22px;*/
	.accept_contents > div:nth-child(odd) > div:first-child > div:last-child { font-size:22px;width:59%;}
	#phone_cs{ padding-bottom: 20px; }
	
	/* 고객의소리 조회 버튼 영역 */
	#accept_search_sbmit{ width:140px;height:25px; }
	#accept_search_sbmit > div > p{ font-size:14px;}
	
	/* 개인정보 수집동의 제목 */
	.agree_btn > div{ display:block;margin:0 -3px;height:30px; }
	.agree_btn > div:first-child{ width:50%;text-align:center;display:inline-block;}
	.agree_btn > div:nth-child(2){ width:50%;text-align:center;display:inline-block;}
	.agree_btn > div:last-child{ width:90%;margin:0 auto;}
	.agree_btn .border_style2{ display:table;width:100%;height:40%;cursor:pointer; }
	.agree_btn .border_style2 > div{ width:100%;height:100%;display:table;cursor:pointer;vertical-align:middle;text-align:center;}
	.agree_btn > div:last-child > div{ display:table-cell;vertical-align:middle; }
	.agree_btn > div:last-child > div:first-child{ padding-left:6%; }
	/*
	.agree_btn .border_style2{ display:table;width:100%;height:40px;}
	.agree_btn .border_style2 > p{ display:table-cell;vertical-align:middle;text-align:center; }
	*/
	
	/* 고객정보 */ 
	.cs_accept > div:nth-child(odd){ width:20%; }
	.cs_accept > div:nth-child(even){ width:78%; }
	.cs_accept > div{ padding:1.7% 0;display:inline-block;text-align:left;} 
	.cs_accept #txt_name{ width:210px; }
	.cs_accept #txt_name2{ width:210px; }.cs_accept #txt_assign{ width:210px; }
	.cs_accept #txt_title{ width:94%; }
	.cs_accept #txt_tel1{ width:57px;}.cs_accept #txt_tel2, .cs_accept #txt_tel3{ width:60px;} 
	.cs_accept #txt_tel4{ width:57px;}.cs_accept #txt_tel5, .cs_accept #txt_tel6{ width:60px;}
	.cs_accept #txt_phone1{ width:57px;}.cs_accept #txt_phone2, .cs_accept #txt_phone3{ width:60px;}
	.cs_accept #txt_phone4{ width:57px;}.cs_accept #txt_phone5, .cs_accept #txt_phone6{ width:60px;}
	.cs_accept #txt_mail1{ width:57px;}.cs_accept #txt_mail2, .cs_accept #txt_mail3{ width:60px;}.cs_accept #txt_text{ width:94%; }
	.cs_accept #txt_mail4{ width:57px;}.cs_accept #txt_mail5, .cs_accept #txt_mail6{ width:60px;}
	
	/* 접수내용 */
	.accept_file > span{float:left; }
	.accept_file > div:nth-child(2){ background-color:#AAAAAA;color:#FFFFFF;text-align:center;width:60px;float:left;}
	.accept_file > div:nth-child(3){ margin-left:1%;float:left;padding-top:3px; }
	.accept_file > div:last-child{ float:none;clear:both;margin-left:2%;font-size:12px;}
	.accpt_pass > div:last-child{ float:none;clear:both;margin-left:2%;font-size:12px;}

	/* 접수하기 영역 */
	#accept_sbmit{ width:100px;height:25px;}
	#accept_sbmit > div > p{ font-size:14px; }
	
	/* 패널신청 버튼 */
	.panel_sbmit{width:180px;height:25px;}
	.panel_sbmit > div > p{ font-size:14px; }
	
	/* 패널 궁굼해요 영역 */
	.panel_qna > div:first-child{ font-size:14px;height:21px;}
	.panel_qna > div:nth-child(2){ height:76px;}
	
	.panel_qna2 > div:first-child{ font-size:14px;height:21px;}
	.panel_qna2 > div:nth-child(2){ height:36px;}
	/* 4*/
	.panel_qna3 > div:first-child{ height:40px;font-size:14px;}
	.panel_qna3 > div:nth-child(2){ height:96px;}
	
	/* 사업문의 컨텐츠 영역 */
	.line_padding{ padding:0 30%; }
	table{ margin:0;padding:0;width:100%;height:100%;}
	.contents_text{ width:97%; }
	.contents_text > div{line-height:150%;}
	.cs_contents{ max-width:790px;margin:0 auto; }
	.cs_contents div{ line-height:150%;text-align:left; }
	.cs_contents > div{ display:block;width:100%; }
	.cs_contents > div > div{ display:block;vertical-align:middle; }
	.cs_contents > div > div > img{ width:150px;height:261px;margin:0 auto;margin-bottom:20px; }
	.cs_contents > div > div:first-child{ width:100%; }
	.cs_contents > div > div:last-child{ padding:0px;}
	.cs_contents .company_td1{ width:17%; }
	.cs_contents .company_tb2{ height:152px; }
}
.ValidMsg{font-size:0.9rem;color:red;margin-left:20px;}
.MsgHide{display:none;}
.MsgShow{display:block;}