@charset "utf-8";

/* ********************************** 전체 적용 CSS ***************************** */
body{ overflow-x:hidden;overflow-y:auto; background-color:#FBFAEE; color:#444444; }
img{ display:block;width:100%;max-width:100%; }
#wrapper{ overflow:hidden }

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

/* 컨텐츠 정보 */
.contents_info{ max-width:980px;width:100%;margin:0 auto; }
.contents_info > div{ line-height:150%; text-align:center; }
.contents_info > div:nth-child(2){  text-align:center;}

.font_s28{ font-size:28px; }

.line_01{ border-bottom: 1px solid #DFDED2; }

.width_47 {width: 47%;}

.disp_non {display: none;}
/* 소비자 중심 경영 */
.customer > div { height: 100%; display: inline-block; margin: 5%; }


/* 소비자 중심 경영 CCM 중앙사진 */
.customercenter { text-align:left; display: inline-block; };
.customercenter > img{ height:170px; }
.customercenter > div:first-child { width:15%; display:inline-block; margin: -4;     vertical-align: top;}
.customercenter > div:nth-child(2){ width:1%; display:inline-block; margin: 0 0.5%; vertical-align: top;}
.customercenter > div:last-child  { width:80%; display:inline-block; margin: -4;     vertical-align: top; text-align:left;}

/*우수기업 인증서 CSS*/
.certification > div { display: inline-block; text-align: center; width: 100%; background-color: red;}
.certification img {width: 220px;}
.certification table { width: 100%; margin: 0 0.5%;}
.certification .padding_1 {padding: 0 1%;}

/*소비자 분쟁 해결 기준*/
ol li { list-style:none; text-align: left; padding-left: 20%; padding-right: 20%;  } 

/*고객불만 처리절차*/
.consulting_process > div { text-align:center; display: inline-block; line-height: 180%; margin: 0 auto;}
.consulting_process > div > div {display: inline-block; vertical-align: middle; }
 
.consulting_process > div:first-child > div:first-child > div { text-align: center; margin-top: 41%; color: #FFFFFF; }
.consulting_process > div:first-child > div:last-child  { width: 70%; text-align: left; padding-left: 1.5%;}
.consulting_process > div:first-child > div:last-child > div:first-child  { line-height: 190%; }

.consulting_process > div:nth-child(2) {display: none;}

.consulting_process > div:nth-child(3) > div:first-child > div { text-align: center; margin-top: 41%; color: #FFFFFF; }
.consulting_process > div:nth-child(3) > div:last-child  { width: 70%; text-align: left; padding-left: 1.5%; }
.consulting_process > div:nth-child(3) > div:last-child > div:first-child  { line-height: 190%; }

.consulting_process > div:nth-child(5) > div:first-child > div { text-align: center; margin-top: 41%; color: #FFFFFF; }
.consulting_process > div:nth-child(5) > div:last-child  { width: 70%; text-align: left; padding-left: 1.5%; }
.consulting_process > div:nth-child(5) > div:last-child > div:first-child  { line-height: 190%; }

.consulting_process > div:nth-child(6) {display: none;}
 
.consulting_process > div:nth-child(7) > div:first-child > div { text-align: center; margin-top: 41%; color: #FFFFFF; }
.consulting_process > div:nth-child(7) > div:last-child  { width: 70%; text-align: left; padding-left: 1.5%; }
.consulting_process > div:nth-child(7) > div:last-child > div:first-child  { line-height: 190%; }

.consulting_process > div:nth-child(9) > div:first-child > div { text-align: center; margin-top: 41%; color: #FFFFFF; }
.consulting_process > div:nth-child(9) > div:last-child  { width: 70%; text-align: left; padding-left: 1.5%; }
.consulting_process > div:nth-child(9) > div:last-child > div:first-child  { line-height: 190%; }

.consulting_process > div:nth-child(10) {display: none;}

.consulting_process > div:nth-child(11) > div:first-child > div { text-align: center; margin-top: 41%; color: #FFFFFF; }
.consulting_process > div:nth-child(11) > div:last-child  { width: 70%; text-align: left; padding-left: 1.5%; }
.consulting_process > div:nth-child(11) > div:last-child > div:first-child  { line-height: 190%; }
 
.radius_c1 { width: 100px; height: 100px; background-color:#8FC31F; border-radius: 100px; vertical-align: top; color: #FFFFFF; }
.radius_c2 { width: 100px; height: 100px; background-color:#78CF84; border-radius: 100px; vertical-align: top; color: #FFFFFF; }
.radius_c3 { width: 100px; height: 100px; background-color:#6CCFDB; border-radius: 100px; vertical-align: top; color: #FFFFFF; }
.radius_c4 { width: 100px; height: 100px; background-color:#8DC2D8; border-radius: 100px; vertical-align: top; color: #FFFFFF; }
.radius_c5 { width: 100px; height: 100px; background-color:#96A6DA; border-radius: 100px; vertical-align: top; color: #FFFFFF;}
.radius_c6 { width: 100px; height: 100px; background-color:#8FC31F; border-radius: 100px; vertical-align: top; color: #FFFFFF;}

.table_c_b {border: 1px solid #DFDED2; width: 100%; height: 280px; border-collapse: collapse; background-color: #FFFFFF;}
.table_th_b {border: 1px solid #DFDED2; display: table-cell; vertical-align: middle; width: 50%;}
.table_td_l_b {border: 1px solid #DFDED2; display: table-cell; vertical-align: middle; line-height: 160%;}
.table_td_r_b {border: 1px solid #DFDED2; display: table-cell; vertical-align: middle; padding-left: 10%; padding-right: 10%;}
.table_tr_h {height: 50px;}

/* 소비자 분쟁 해결 기준 tr 높이 지정 */
.tr_h45{height: 45%;}
.tr_h30{height: 30%;}

 /*고객불만 처리방법*/
.customer_complaint { text-align:left; display: inline-block; };
.customer_complaint > img{ height:120px; }
.customer_complaint > div:first-child { width:24%; display:inline-block; vertical-align: top;}
.customer_complaint > div:nth-child(2){ width:24%; display:inline-block; vertical-align: top;}
.customer_complaint > div:nth-child(3){ width:24%; display:inline-block; vertical-align: top;}
.customer_complaint > div:last-child  { width:24%; display:inline-block; vertical-align: top; }
.customer_complaint > div:FIRST-CHILD > div:LAST-CHILD{ display: none ; }

.customer_complaint > div > div:FIRST-CHILD { background-color: #FFFFFF; border:1px solid #DFDED2;  height: 120px; position:relative;}
.customer_complaint > div > div:FIRST-CHILD > img {position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%);}
 
.padding_r_l {padding-left: 5%; padding-right: 5%;}

/*고객불만 처리방법 이미지 크기*/
.customer_complaint_img_32_50{ width:32px; height: 50px; }
.customer_complaint_img_50_50{ width:50px; height: 50px; }
.customer_complaint_img_50_34{ width:50px; height: 34px; }
/* ********************************** (1200 ~ 990  사이즈)85% CSS ************** */
@media screen and (max-width:1200px) and (min-width:990px){
   .font_s28{ font-size:24px; }
    
   /*고객불만 처리절차*/
   .radius_c1 {width: 85px; height: 85px; }
   .radius_c2 {width: 85px; height: 85px; } 
   .radius_c3 {width: 85px; height: 85px; } 
   .radius_c4 {width: 85px; height: 85px; } 
   .radius_c5 {width: 85px; height: 85px; } 
   .radius_c6 {width: 85px; height: 85px; } 
   
   .consulting_process > div { line-height: 165%;}
   
}
/* ********************************** (989 ~ 768  사이즈)70% CSS **************** */
@media screen and (max-width:989px) and (min-width:768px){
   /*컨텐츠 정보 */
   .contents_info{ width:97%; }
   
   .font_s28{ font-size:20px; }
   
   /*고객불만 처리절차*/
   .radius_c1 {width: 70px; height: 70px; }
   .radius_c2 {width: 70px; height: 70px; } 
   .radius_c3 {width: 70px; height: 70px; } 
   .radius_c4 {width: 70px; height: 70px; } 
   .radius_c5 {width: 70px; height: 70px; } 
   .radius_c6 {width: 70px; height: 70px; } 
   
   .consulting_process > div { line-height: 150%;}
   .table_c_b{height: 250px;}
}
/* ********************************** (767 ~ 415  사이즈)65% CSS **************** */
@media screen and (max-width:767px) and (min-width:415px){
   /* 상단 이미지 */
	.header_image{ background:url("/images/pr_img_t_01.png") center no-repeat; background-size:inherit; }
	
   /* 컨텐츠 정보 */
   .contents_info{ width:97%; }
   
   .font_s28{ font-size:18px; }
   
   /*우수기업 인증서 CSS*/
   .customercenter {margin: auto;}
   .customercenter img { width:106px; margin: 0 auto; }
   .customercenter > div:first-child { width:100%;  display: inline-block;}
   .customercenter > div:nth-child(2){ display: none; }
   .customercenter > div:last-child  { width:90%; display:inline-block; }
   
   /*고객불만 처리절차*/
   .width_47 {width: 100%;}
   
   .radius_c1 { width: 65px; height: 65px; } 
   .radius_c2 { width: 65px; height: 65px; } 
   .radius_c3 { width: 65px; height: 65px; } 
   .radius_c4 { width: 65px; height: 65px; } 
   .radius_c5 { width: 65px; height: 65px; } 
   .radius_c6 { width: 65px; height: 65px; }
   
   .consulting_process > div { line-height: 135%;}
   
   .consulting_process > div:nth-child(2) {display: inline-block;}
   .consulting_process > div:nth-child(6) {display: inline-block;}
   .consulting_process > div:nth-child(10) {display: inline-block;}

   ol li { list-style:none; text-align: left; padding-left: 10%; padding-right: 10%;  } 
   .table_c_b{height: 230px;} 
        
    /* 고객 불만 처리방법 CSS*/    
   .customer_complaint > div:first-child { width:48.5%; }
   .customer_complaint > div:nth-child(2){ width:48.5%; }
   .customer_complaint > div:nth-child(3){ width:48.5%; }
   .customer_complaint > div:last-child  { width:48.5%; }
   .customer_complaint > div:FIRST-CHILD > div:LAST-CHILD{ display: inline-block ; }
   
   .icon_w65{width:65%;}
   .icon_margin{margin-left: 19%}
}
/* ********************************** (414미만 사이즈 모바일) CSS**************** */
@media screen and (max-width:414px){ 
   /* 상단 이미지 */
	.header_image{ background:url("/images/pr_img_t_01.png") center no-repeat; background-size:inherit; }
	
   /* 컨텐츠 네비 */
   .contents_nav{ height:20px; }
   .contents_nav > div > div{ font-size:11px;}
   .contents_nav > div > div:first-child{ width:12px;height:12px; }
   .contents_nav > div > div:last-child { padding-top:2px; }
   
   .contents_title{ height:75px;}
   .contents_title > div{ padding-top:35px; }
   .contents_title > div > div:first-child{ font-size:22px;width:30px;height:30px; }
   .contents_title > div > div:last-child{ font-size:26px;height:30px;}
   
   /* 컨텐츠 정보 */
   .contents_info{ width:97%; }
   
   .font_s28{ font-size:17px; }
 
    .disp_non {display: inline-block;}
    
    /*소비자 중심경영 CSS*/
   .customercenter img { width:106px; margin: 0 auto;  }
   .customercenter > div:first-child { width:100%; display: inline-block;  }
   .customercenter > div:nth-child(2){ display: none; }
   .customercenter > div:last-child  { width:95%; display:inline-block; line-height: 120%}
   
   /*우수기업 인증서 CSS*/
   .certification > div { display: inline-block; text-align: center; width: 100%; background-color: red;}
   .certification img {width: 140px;}
   .certification table { width: 100%; margin: 0 0.2%;}
   .certification .padding_1 {padding: 0 1%;}
   
   /*고객불만 처리절차*/
   .width_47 {width: 100%;}
   
   .radius_c1 { width: 65px; height: 65px; } 
   .radius_c2 { width: 65px; height: 65px; } 
   .radius_c3 { width: 65px; height: 65px; } 
   .radius_c4 { width: 65px; height: 65px; } 
   .radius_c5 { width: 65px; height: 65px; } 
   .radius_c6 { width: 65px; height: 65px; } 
   
   .consulting_process > div { line-height: 120%;}
   
   .consulting_process > div:nth-child(2) {display: inline-block;}
   .consulting_process > div:nth-child(6) {display: inline-block;}
   .consulting_process > div:nth-child(10) {display: inline-block;}
   
   ol li { list-style:none; text-align: left; padding-left: 10%; padding-right: 10%;  }
   .table_c_b{height: 225px;} 
   
   /* 고객 불만 처리방법 CSS*/
   .padding_r_l {padding-left: 0%; padding-right: 0%;}
   
   .customer_complaint > div:first-child { width:48.5%; }
   .customer_complaint > div:nth-child(2){ width:48.5%; }
   .customer_complaint > div:nth-child(3){ width:48.5%; }
   .customer_complaint > div:last-child  { width:48.5%; }
   .customer_complaint > div:FIRST-CHILD > div:LAST-CHILD{ display: inline-block ; }
   
   .customer_complaint > div > div:FIRST-CHILD {height: 75px;}
   .customer_complaint_img_32_50{ width:20px; height: 32px; }
   .customer_complaint_img_50_50{ width:32px; height: 32px; }
   .customer_complaint_img_50_34{ width:31px; height: 21px; }
}