/*컨텐츠*/

/*색깔은 메인공용*/
.point_c1{ color:#a90f0f !important } /*포인트 red색깔*/
.point_c2{ color:#333 !important }/*포인트 색깔*/
.point_c3{}/*포인트 색깔; 블랙*/
.point_c4{ color:#0066cc !important } /*포인트색깔 */
.point_c5{ color:#ff702a !important } /*포인트색깔; 주황*/
.point_c6{ color:#0041b8 !important } /*포인트색깔 PiCKER 블루*/



/*기본*/
.sub_container h3{ font-size:22px; padding:10px 0; letter-spacing:-1px; line-height:normal; color:#333 }
.sub_container h4{ font-size:20px; padding:10px 0; letter-spacing:-1px; line-height:normal; color:#333 }
.sub_container h5{ font-size:18px; padding:10px 0; letter-spacing:-1px; line-height:normal; color:#333 }

.text_lar1{ font-size:35px; letter-spacing:-1px; line-height:normal; line-height:1.2em; color:#333} /*포인트 큰 글자*/
.text_lar2{ font-size:23px; letter-spacing:-1px; line-height:normal; line-height:1.2em; color:#333}
.text_lar3{ font-size:20px; letter-spacing:-1px; line-height:normal; line-height:1.2em; color:#333}
.text_lar4{ font-size:18px; letter-spacing:-1px; line-height:normal; line-height:1.2em; color:#333}


.basic_tab{  display:block; text-align:center;  font-size:0;}/*탭: 공통*/
.basic_tab ul{ margin:0; padding:0; font-size:0;line-height:0 }
.basic_tab ul:after{ clear:both; display:block; content:"";}
.basic_tab ul li{_display:inline;*float:left; width:20%; display:inline-block }
.basic_tab ul li:first-child{margin-left:0%;}
.basic_tab ul li a{display:block;_float:left;color:#333;background:#fff; cursor:pointer; text-align:center; border:1px solid #CCC; overflow:hidden ; text-overflow:ellipsis; word-wrap:break-word; white-space:nowrap;  font-size:15px; margin-left:-1px; padding:15px 0; line-height:1.3em ; font-weight:400}
.basic_tab ul li.on{   }
.basic_tab ul li.on a{ color:#fff; background:#c72328;  border:1px solid #c72328}
.basic_tab_con{ clear:both;}


ul.basic_dot li{ padding-left:10px; background:url(../img/contents/p_list_dot.gif) no-repeat 2px 13px; margin-bottom:8px}   /*공통 기본 li 닷 리스트: 수정 불가 */   /*AS안내에 사용*/


@media screen and (max-width:1200px){

.sub_container h3{ font-size:20px;  }
.sub_container h4{ font-size:18px}
.sub_container h5{ font-size:16px ; }

.text_lar1{ font-size:20px;}
.text_lar2{ font-size:17px;}
.text_lar3{ font-size:16px;}
.text_lar4{ font-size:16px;}

.basic_tab ul li{ width:33.333%;  }
ul.basic_dot li{  background:url(../img/contents/p_list_dot.gif) no-repeat 2px 10px;}   /*공통 기본 li 닷 리스트: 수정 불가 */   /*AS안내에 사용*/

}


@media screen and (max-width:640px){

.sub_container h3{ font-size:18px;  }
.sub_container h4{ font-size:16px}
.sub_container h5{ font-size:15px ; }

.text_lar1{ font-size:17px;}
.text_lar2{ font-size:16px}
.text_lar3{ font-size:15px}
.text_lar4{ font-size:15px}

.basic_tab ul li{ width:50%;  }
.basic_tab ul li a{  font-size:14px }
.basic_tab ul li a span{ display:none}

}


br.br{}

@media screen and (max-width:1200px){
br.br{ display:none}

}



/*테이블*/
.basic_table_area { overflow-x: auto; width:100% }/*왼쪽 th표*/
.basic_tb{table-layout:fixed; width:100%;  word-break:break-all; font-size:0.889em; }
.basic_tb tr th,.basic_tb tr td  { padding:10px 20px; border:1px solid #d4d4d4 ; line-height:1.2em;  text-align:center}
.basic_tb tr th {background:#f2f2f2 ;}
.basic_tb th:first-child, .basic_tb td:first-child{border-left:none;}
.basic_tb th:last-child, .basic_tb  td:last-child{border-right:none;}
.basic_tb .left { text-align: left }
.basic_tb .right { text-align: right }
.basic_tb td img{ max-width:100%}

.basic_table_area { overflow-x: auto; width:100% }/*상단 th표*/
.basic_tb2{table-layout:fixed; width:100%;  word-break:break-all; font-size:0.889em; }
.basic_tb2 tr th,.basic_tb2 tr td  { padding:15px 20px;line-height:1.2em;  text-align:center}
.basic_tb2 tr th{border-top:2px solid #e82823; border-bottom:1px solid #d4d4d4 ;  }
.basic_tb2 tr td{ border-bottom:1px solid #d4d4d4 ;  }
.basic_tb2 tr th {background:#f2f2f2 ;}
.basic_tb2 th:first-child, .basic_tb2 td:first-child{border-left:none;}
.basic_tb2 th:last-child, .basic_tb2  td:last-child{border-right:none;}
.basic_tb2 .left { text-align: left }
.basic_tb2 .right { text-align: right }
.basic_tb2 td img{ max-width:100%}




/*회사관련페이지*/
.con_bg{ background:#f7f7f7}
.con_line{ border-top:1px solid #d8d8d8}



/*회사소개*/
.ceomessage{  margin:0 auto; background:url(../img/contents/company_img.png) no-repeat bottom; overflow:hidden; background-position:15%  !important ; width:100%; padding-bottom:1em }
.ceomessage .text{ width:50%; float:right; }
.ceomessage .text img{ max-width:50%; max-width:200px }
.ceo_bg{background:#F5F5F5; height:285px;  position:absolute; bottom:0; width:100%; z-index:-1}
@media screen and (max-width:1200px){
.ceomessage{ background-size:50%; background-position:0% !important }
.ceomessage .text{ width:50%; float:right; }
}

@media screen and (max-width:860px){
.ceomessage{  width:100% ; background-position:bottom !important; padding-bottom:15em; background-size:50%;}
.ceomessage .text{ width:100%; float:right; }
.ceo_bg{background:#F5F5F5; height:100%;  position:absolute; bottom:0; width:100%; z-index:-1}
}

@media screen and (max-width:640px){
.ceomessage{   background-size:80%;}
.ceomessage .text img{ max-width:30%;  }
		
}


/*비전*/
.vision{ max-width:1000px; margin:0 auto }
.vision .vision_list{ margin-left:-30px;  overflow: hidden; *width:100%;  }
.vision .vision_list li{ float:left;  width:33.333%; position:relative   }
.vision .vision_list li:first-child{ margin-left:0}
.vision .vision_list li dl {  margin-left:30px;  position:relative; padding:0%;  margin-top:10px; }
.vision .vision_list li dl dt{ text-align:center; padding:0}
.vision .vision_list li dl dt img{ }
.vision .vision_list li dl dd{ height:130px;  text-align:center;}
.vision .vision_list li dl dd h4 { margin:10px 0 10px 0 ; padding:0}
.vision .vision_list li dl dd p.port_con{font-size:0.889em; line-height:1.4em}

.vision .vision_list li p.num{ display:none; position:absolute; top:0; left:50%; margin-left:-0px;  width:30px; height:30px; line-height:30px; background:#333; color:#fff; border-radius:50%; text-align:center; z-index:2; font-weight:400}

@media screen and (max-width:860px){
.vision .vision_list{ margin-left:-10px;   }
.vision .vision_list li dl {  margin-left:10px; overflow:hidden}
.vision .vision_list li{ width:33.33%;}
.vision .vision_list li dl {  padding:5%;}
.vision .vision_list li dl dt{ }
.vision .vision_list li p.num{ display:none}
.vision .vision_list li dl dd{ height:100px; }

}

@media screen and (max-width:500px){
.vision .vision_list li{ width:50%; overflow:hidden}
.vision .vision_list li dl dt{  margin:0; padding:0}
.vision .vision_list li dl dt img{ width:50px}
.vision .vision_list li dl dd{ height:60px }
.vision .vision_list li dl dd h4 { margin:0 0 5px 0 ; padding:0}

}



/*주력상품*/
.com_main_pro{}
.com_main_pro li{padding:6em 0; width:100%; overflow:hidden; display:table; vertical-align:middle; background:url(../img/contents/com_main_pro_isoter.png) no-repeat 90% bottom;   }
.com_main_pro li dl{ padding-left:5%;  width:60%; text-align:left;  }
.com_main_pro li dl dt{ font-weight:bold;}
.com_main_pro li dl dt span{ color:#000; font-weight:normal; }
.com_main_pro li dl dt h4{ display:block; font-size:2.2em; font-weight:400; margin-bottom:0; padding-bottom:0; line-height:1.2em}
.com_main_pro li dl dt h4 span.lar{ font-size:1.4em; color:#333;font-weight:500 !important } 
.com_main_pro li dd span.more a{ padding:0.3em 2em; border:1px solid #333; display:inline-block; margin-top:1.2em; border-radius:30px; color:#333}
.com_main_pro li dl dd{ font-size:0.9em; color:#777; line-height:1.4em}

@media screen and (max-width:1200px){
.com_main_pro li{ background-position:90% 0 !important;background-size: auto 100% }
.com_main_pro li dl dt h4{ display:block; font-size:1.5em;}
}

@media screen and (max-width:860px){
.com_main_pro li{ padding:4em 0; background-position:100% 0 !important; }
}

@media screen and (max-width:640px){
.com_main_pro li{ padding:2em 0; }	
.com_main_pro li dl dt h4{ display:block; font-size:1em;}	
.com_main_pro li dl dt h4 span.lar{ font-size:1.2em;}
.com_main_pro li .display{ display:none}
.com_main_pro li dl{ padding-left:5%;  width:60%; }
.com_main_pro li{ display:block}
.com_main_pro li dl dt{ margin-top:20px}
.com_main_pro li dl dd{ font-size:0.8em;}
}
	
@media screen and (max-width:480px){
.com_main_pro li{  background-size: auto auto; background-size:200px; background-position:right bottom !important}	
.com_main_pro li dd span.more a{ padding:0.3em 1em}	
}

	

/*오시는길*/
.roadmap{}
.roadmap h2{ text-align:left}
.location_map{ width:55%; float:right; height:300px;}
.location_map { position:relative; padding-bottom:5.25%;  } /**/
.location_map iframe { position:absolute; width:100%; height:100%; }

.road_info{ clear:both; padding:0 ; overflow:hidden;  float:left; width:40% }
ul.road_info_add{ position:relative; clear:both ;  padding:20px 0px ; overflow:hidden }
ul.road_info_add  > li{ padding-left:60px; margin-top:1.5em  }
ul.road_info_add  li.add{background:url(../img/contents/map_icon1.png) no-repeat left }
ul.road_info_add  li.call{ background:url(../img/contents/map_icon2.png) no-repeat left }
ul.road_info_add  > li:first-child{ margin-top:0}

@media screen and (max-width:640px){
.location_map{ width:100%; height:200px;}
.road_info{  width:100% }
	
}








/*문의하기*/
.qna_top{position:relative; background:#F5F5F5; padding:25px 10px; text-align:center; }

.qna_form2_text{ text-align:center ; font-size:0.9em  }
.qna_form2{width:100%;table-layout:fixed;  margin:0 auto}
.qna_form2 td,.qna_form2 th{text-align:left;vertical-align:middle; min-height:40px;  border: 1px solid #d4d4d4 ; border-left:0; border-right:0}
.qna_form2 th{ text-align:center}
.qna_form2 th{padding: 10px 20px;   width:15%; background:#f2f2f2; color:#333}
.qna_form2 td{padding: 10px 20px;  }
.qna_form2 td input[type=text], .qna_form2 td input[type=password]{padding: 0 5px;line-height:28px;height:30px;border-bottom:1px solid #d1d1d1;background:#f7f7f7; max-width:90%; color:#333; margin:3px 0;  }
.qna_form2 tr td input[type=checkbox], .qna_form2 tr td input[type=radio]{ margin-top:-2px}
.qna_form2 .plus_btn{height:30px;border:1px solid #666; background:#666; color:#fff; padding:0 10px; border-radius:3px;  margin-left:5px}
.qna_form2 .delete_btn{height:20px; line-height:18px;border:1px solid #ccc; background:#fff; color:#999; padding:0 10px;  border-radius:3px; margin-left:10px}

.qna_form2 tr td textarea{max-width:90%; width:90%; padding:5px; border:1px solid #d1d1d1; color:#333}

.qna_form2 td span{ font-size:13px}
.qna_select{ width:150px; color:#333}

.form_btn2 { clear:both; width:100%; text-align:center; padding:30px 0 ; margin:0; overflow:hidden} /* 폼버튼*/
.form_btn2  .btn_color1, .form_btn2  .btn_color2{ display:inline-block;  padding:13px 3em; text-align:center; } 
.form_btn2  .btn_color1 { background:rgba(0,0,0,0.6);border:0px solid #7c7c7c;color:#fff !important; }  
.form_btn2  .btn_color2 { background:#999; border:0px solid #b1b1b1; color:#fff !important;} 
.qna_form2  input[type=button]{ cursor:pointer}

.daum_zipcode{display:none;border:1px solid;width:98%;height:450px;margin:5px 0;position:relative; overflow:auto;} /*우편번호*/
.zipcode_close{cursor:pointer;position:absolute;right:0px;top:-1px;z-index:1}

@media all and (max-width:760px) {
.qna_form2 th{padding: 10px 10px;   width:20%;}
}


@media all and (max-width:480px) {
.qna_form2{ border:1px solid #d4d4d4; }
.qna_form2 th, .qna_form2 td{display:block; width:90%; float:left ; min-height:0; padding:0 5%; border:0 }
.qna_form2 th{ background: none; text-align:left}
.qna_form2 th{ border-bottom:0; padding-bottom:0; padding-top:7px;  padding-bottom:5px; margin-top:-1px}
.qna_form2 td{ border-top:0;  padding-top:0; padding-bottom:10px; margin-top:-1px}
}

div.agree2{margin-top:10px;padding:1em;background:#fff;border:1px solid #e1e1e1}
div.agree2 div{overflow-y:scroll;height:90px; font-size:0.9em}
div.check2{margin:15px 0;vertical-align:middle}
div.check2 input{border:1px solid #888;}

@media screen and (max-width:640px){
div.agree2{}
div.agree2 div{overflow-y:scroll;height:80px;}
}
	
	
	
	
	
	
	
/*제품*/

.product{ padding:0 0 0em 0}
.product .wrap{ overflow:visible}

.product_tit{ padding:5em 0 5em 0; text-align:center}
.product_tit h2 { font-size: 2.2em;  line-height:1em }/*제품 상단 타이틀 공통*/
.product_tit h3{ margin:1em 0}

.product .text h3{ font-size:2.222em; font-weight:400; color:#000; padding:0 0 0.8em 0;  letter-spacing:-1px ; line-height:1.2em;}/*제품 특징 타이틀 공통*/
.product .text h3 span.red{ color:#ab3434}/*배경어두운색포인트*/
.product .text h3 span.small{ font-size:0.4em; letter-spacing:0; line-height:1.2em}
.product .text h3 span.slim{ font-weight:300 }
.product h4{ font-size:25px; }

.product_tit_text .logo{ margin:0 auto;}

@media screen and (max-width:1200px) {
.product_tit_text{  }

.product .wrap{margin:0 6% !important; }
.product_tit_text .logo{ width:150px}

.product_tit h3{ margin:0.5em 0}
.product .text h3{ font-size:1.8em; }

.product{ padding: 0em 0 0em 0}

.product h4{ font-size:18px !important; }

}



@media screen and (max-width:640px) {
.product{ padding: 0em 0 6em}
.product_tit{ padding:3em 0 3em 0; text-align:center}
.product_tit_text{   }
.product_tit_text .logo{ width:100px}
.product_tit h2 { font-size: 1.4em;}
.product_tit h3 { font-size: 1.3em; }
.product .text h3{ font-size:1.2em; }


.product{ padding: 0em 0 0em 0}
.product h4{ font-size:16px !important; }

}




.icon_list_area{ display:block; text-align:left; }
.icon_list{  overflow: hidden; *width:100%; display: block; text-align:center ; font-size:0; }
.icon_list:after{ clear:both; display:block; content:"";}
.icon_list li{ _display:inline;*float:left; width:auto; padding:1%; display:inline-block; text-align:left; font-size:18px ; margin:0 1% }
.icon_list li:first-child{ margin-left:0}
.icon_list li div{/*padding-left:25px; background:url(../img/contents/isoter/list_icon_1.png) no-repeat left 50%*/}

.icon_list dl{ /*border:1px solid rgba(0,0,0,0.2);*/ padding:20px; width:120px; height:120px;  line-height:1.2em; background:rgba(255,255,255,0.6)}
.icon_list dl dt{ text-align:center; margin-bottom:15px; padding-top:10% }
.icon_list dl dd{ text-align:center; color:#333 }

@media screen and (max-width:1200px){
	
.icon_list li{ font-size:16px;margin:0%  }
}

@media screen and (max-width:860px){
.icon_list li{margin:0.2em 0}
.icon_list li{ }
.icon_list_area { }
.icon_list li{  font-size:14px; padding:0; }
.icon_list li div{ background-size:10px; padding-left:0px;}
.icon_list dl{ /*border:1px solid rgba(0,0,0,0.2);*/ padding:0px; width:100px; height:100px; background:none}
}

@media screen and (max-width:480px){
	.icon_list li{  font-size:13px;}
	.icon_list dl{ /*border:1px solid rgba(0,0,0,0.2);*/ padding:0px; width:70px; height:70px; background:none}
}


/*****아이소터*********************************************************************************************************************880******************************/

/*1*/
.isoter_01{ background:#f1f2f2}
.isoter_01 .img{ margin:7em 0}
.isoter_01 .img img{}

.isoter_01_2{ text-align:center; margin:7em 0}


/*2*/
.isoter_02{ clear:both; overflow:hidden; background:#f8f8f7 url(../img/contents/isoter/pro_sp_bg.jpg) no-repeat top center; background-size:cover  }
.isoter_02 .text{ width:100%;  text-align:center; padding:6em 0 0 0; color:#fff}
.isoter_02 .text h3{ color:#fff}




.isoter_02 .port_list{ margin-left:-30px;  overflow: hidden; *width:100%; background:url(../img/contents/isoter/pro_special.png) bottom center no-repeat  }
.isoter_02 .port_list li{ float:left;  width:33.33%; padding:10em 0 10em 0   }
.isoter_02 .port_list li:first-child{ margin-left:0}
.isoter_02 .port_list li dl { padding:0; margin-left:30px;  position:relative; overflow:hidden; text-align:left; padding:5%}
.isoter_02 .port_list li div{padding:0; margin-left:30px; position:relative; overflow:hidden}
.isoter_02 .port_list li dl dt{  position:relative; overflow:hidden; }
.isoter_02 .port_list li dl dt h4 { color:#fff ; padding:0.5em 0 }
.isoter_02 .port_list li dl dt h4 span{ position:absolute; bottom:0; float:left; display:inline-block; width:50px; border-bottom:1px solid #9e3232}
.isoter_02 .port_list li dl dd { padding:5% 0;  overflow:hidden; position:relative}


@media screen and (max-width:1200px){
.isoter_02 .port_list{ background:url(../img/contents/isoter/pro_special.png) top center no-repeat ; background-size:70% }
.isoter_02 .port_list li{ padding:2em 0 4em 0   }
}
@media screen and (max-width:1000px){
.isoter_02 .port_list{  background-size: auto 100%; background-position:-190px; padding-bottom:5em }
.isoter_02 .port_list li.display{ display:none !important}
.isoter_02 .port_list li{  width:50%; padding: 0; margin-left:50%    }
.isoter_02 .port_list li:first-child{ margin-left:50%}	
}


@media screen and (max-width:640px){
.isoter_02 .port_list li{  width:100%; padding: 0; margin-left:0%    }
.isoter_02 .port_list li:first-child{ margin-left:0%}	
.isoter_02 .port_list { padding-bottom:25em; background-size:700px; background-position: bottom center}
.isoter_02 .port_list li dl {padding:0%}	
.isoter_02 .port_list li dl dd { padding: 2% 0 5% 0 }

}





/*3*/
.isoter_03{ padding:7em 0 0em 0; position:relative; clear:both; overflow:hidden;max-width:1000px; margin:0 auto; }
.isoter_03 .wrap{ height:100%; display:table; vertical-align:middle; padding:0; margin:0;}
.isoter_03 .text{  width:60%; padding-left:0%; display:table-cell; vertical-align:middle;  padding-right:10%  }
.isoter_03 .img{  display:table-cell; text-align:right;vertical-align:middle; display:inline-block ; }
.isoter_03 .img img{ width:100%} 


@media screen and (max-width:1200px){
.isoter_03{ padding:7em 0 0em 0;}

}


@media screen and (max-width:500px){
	.isoter_03 .text{  width:100%; display:block; text-align:center; padding:0}
	.isoter_03 .img{ width:70%; display:block; margin:0 auto; margin-top:1em; padding:0}
}


/*4*/
.isoter_04{ clear:both; overflow:hidden; padding:7em 0 7em 0; max-width:1000px; margin:0 auto }
.isoter_04 .wrap{ height:100%; display:table; vertical-align:middle;}
.isoter_04 .text{  width:50%; padding-left:0%; display:table-cell; vertical-align:middle; text-align:right   }
.isoter_04 .img{  display:table-cell; text-align:right;vertical-align:middle; display:inline-block; padding-right:10%  }
.isoter_04 .img img{ width:100%; } 


@media screen and (max-width:500px){
	.isoter_04 { background:#F6F6F6; margin-top:3em}
	.isoter_04 .text{  width:100%; display:block; text-align:center; padding:0}
	.isoter_04 .img{ width:70%; display:block; margin:0 auto; margin-bottom:1em; padding:0}
}



/*5*/
.isoter_05{padding:6em 0  6em 0; clear:both; overflow:hidden; background:#f0f0f0  url(../img/contents/isoter/as_bg.jpg) no-repeat top right; background-size:auto 100% ;}
.isoter_05 .text{ width:50%; float:left;}
.isoter_05 .img{ width:50%; float:right; }


@media screen and (max-width:1000px){
.isoter_05{ background:#fff  url(../img/contents/isoter/as_bg.jpg) no-repeat bottom right; background-size:auto 200px ; border-top:1px solid #f0f0f0; }
.isoter_05 .text{ width:100%; float:left; padding-bottom:200px}	
}



/*5*/
.isoter_06{padding:6em 0  6em 0; text-align:center; overflow:hidden }
.isoter_06 .text{ width:100%; }

/**/
.list_long{}
.list_long li{padding:1em 0; width:100%; overflow:hidden; display:table; vertical-align:middle; border-bottom:1px solid #d9d9d9; }
.list_long li:first-child{ border-top:1px solid #d9d9d9}
.list_long li:nth-child(odd) {  }
.list_long li p{  display:table-cell; vertical-align:middle; }
.list_long li p img{  max-width:100%}
.list_long li dl{  width:70%; text-align:left;  display:table-cell; vertical-align:middle}
.list_long li dl dt{ font-weight:bold; margin-bottom:0px}
.list_long li dl dd{ margin-bottom:10px}
.list_long li dl dt span{ color:#999; font-weight:normal; padding-left:10px}
.list_long li dl dt h4{ display:inline-block}
@media screen and (max-width:640px){
	.list_long li{ display:block; position:relative; padding:1em 0}
	.list_long li dl dt{ margin-bottom:0 }
	.list_long li p { }
	.list_long li p img{ width:50px !important; margin-right:10px}
	.list_long li dl{  width:80%;}
}




/*선별과정*/
.pro_process{padding:5em 0 5em 0; clear:both; overflow:hidden; background:#f4f4f4; }
.pro_process .text{ width:100%; float:left; text-align:center;}
.pro_process .img{ width:50%; float:right; }


.pro_process .port_list{ margin-left:-30px;  overflow: hidden; *width:100%; text-align:left  }
.pro_process .port_list li{ float:left;  width:33.33%; margin-bottom:20px; position:relative  }
.pro_process .port_list li:first-child{ margin-left:0}
.pro_process .port_list li dl { padding:0%; margin-left:30px; border:0px solid #e7e7e7 ; position:relative; overflow:hidden; background:#fff}
.pro_process .port_list li dl dt{  position:relative; overflow:hidden;  }
.pro_process .port_list li dl dt img{ width:100%}
.pro_process .port_list li dl dd .num{position:absolute; top:10px; right:0px; color:rgba(232,202,203,0.6); font-size:60px;}

.pro_process .port_list li dl dd { margin:5% 8% 6% 8%;  overflow:hidden; position:relative; min-height:130px; font-size:0.9em; line-height:1.5em}



@media screen and (max-width:860px){
.pro_process .port_list li{  width:50%;  }
.pro_process .port_list li dl dd .num{ font-size:30px;}	
}


@media screen and (max-width:500px){	
.pro_process .port_list li{  width:50%;  }	
.pro_process .port_list{ margin-left:-10px;}
.pro_process .port_list li dl {  margin-left:10px;}
	
}


/*8*/
.isoter_08{ padding:7em 0 7em 0; position:relative; clear:both; overflow:hidden; margin:0 auto; text-align:center }





@media screen and (max-width:640px){


/*섹션별 패딩 조절*/
.isoter_01 .img{ margin:3em 0}

.isoter_01_2{ margin:4em 0}

.isoter_02 .text{  padding:4em 0 0 0}

.isoter_03{ padding:3em 0 0em 0;}
.isoter_04{ padding:3em 0 3em 0;}

.isoter_05{padding:3em 0 3em 0;}
.isoter_06{padding:3em 0 3em 0;}

.pro_process{padding:4em 0 6em 0;}

.isoter_08{ padding:3em 0 3em 0;}

}







/*사양*/
.spec{ text-align:left; margin:5em 0; }





.spec h3{ text-align:center}
.tbl_spec{width:100%; }
.tbl_spec th { text-align:center;  background:#f7f7f7; border-bottom:1px solid #ddd; color:#333; font-weight:bold;  padding:10px;}
.tbl_spec td{border-bottom:1px solid #ddd; border-right:1px solid #ddd; text-align:left; color:#555; padding-left:15px;  padding:10px; }
.tbl_spec th,.tbl_spec td{ font-size:15px}

.tbl_spec td:last-child{border-right:0px;}
.tbl_spec td.left{padding-left:25px; text-align:left;}
.tbl_spec .line{border-right:1px solid #ddd;}
.tbl_spec .bg{background:#eae1e0; color:#444; font-weight:bold;}


@media screen and (max-width:640px){
	.tbl_spec th{ letter-spacing:-1px}
	.tbl_spec th, .tbl_spec td{ font-size:12px; padding:5px}
	
}


/*영상*/
.video_play{  overflow:hidden; padding:9em 0;  display:table; vertical-align:middle; width:100%; height:100%; text-align:center; background:#c6c6c6 url(../img/contents/isoter/video_bg.jpg) 50% center no-repeat; background-size:cover; }

.movie_play { position:relative; padding-bottom:56.25%; } /*비메오영상 공통*/
.movie_play iframe { position:absolute; width:100%; height:100%; }

.movie_play_inter_area{ max-width:1000px}
.movie_play_inter { position:relative; padding-bottom:56.25%;  } /*비메오영상 동영상인터뷰페이지 에디터안*/
.movie_play_inter iframe { position:absolute; width:100%; height:100%; }

#video_play{ display:none; position:fixed; width:100%;  height:100%; overflow:hidden;  z-index:100000000; } 
#video_play .back{position:absolute; width:100%; height:100%;/* filter:alpha(opacity=0.8);*/ background:#000; background:rgba(0,0,0,0.88); } 

#video_play .btn_close{position: absolute; top:20px; right:20px; z-index:9999; }
#video_play .btn_close img{ padding:10px}
#video_play #video_play_box{position:relative; display:table-cell; vertical-align:middle; width:100%; text-align:center;}
#video_play #video_play_box #video_play_con{width:100%; display:inline-block;overflow:hidden; max-width:1000px; position:relative; height:563px ;}
#video_play #video_play_box #video_play_con .layer_area{ /* height:714px;*/ text-align:left; box-sizing:border-box}

@media screen and (max-width:1000px){
#video_play #video_play_box #video_play_con{width:100%; display:inline-block;overflow:hidden; max-width:1000px; position:relative; height:auto ;}
}

@media screen and (max-width:640px){

.video_play{  overflow:hidden; padding:5em 0; }
.video_play .go_btn01{ width:50px}
}



.as_top{ background:url(../img/contents/as_bg.jpg) no-repeat center center; padding:60px 10px; color:#fff; text-align:center }



 .as_info_call{ margin-left:0px;  overflow: hidden; *width:100%; border:1px solid #e7e7e7 ; border-bottom:0 }
 .as_info_call li{ float:left;  width:50%; color:#666   }
 .as_info_call li:first-child{ margin-left:0}
 .as_info_call li div { padding:10% 10%;  margin-left:0px;  border-bottom:1px solid #e7e7e7 ; position:relative; overflow:hidden; height:190px }
 .as_info_call li h3{ font-size:1.4em}

div.remote_pic{ background:url(../img/contents/as_img.jpg) no-repeat; }
div.remote_call{ background:url(../img/contents/as_img2.jpg) no-repeat; }

.btn_go_as a {  display:inline-block;  float:left; margin-top:0.2em;  padding:0.3em 20px; background:#a90f0f; color:#fff; font-size:0.9em}


@media screen and (max-width:1200px){
	div.remote_pic{ background:url(../img/contents/as_img.jpg) no-repeat top center; background-size: auto 100% }
div.remote_call{ background:url(../img/contents/as_img2.jpg) no-repeat top center;background-size: auto 100%  }
}

@media screen and (max-width:860px){
 .as_info_call li div {  height:200px }	
}

@media screen and (max-width:640px){

	.as_info_call li{   width:100%;}
	
	 .as_info_call li div {  height:auto; min-height:100px }
	 
	 	div.remote_pic{  background-size: cover }
div.remote_call{ background-size: cover  }
	.as_info_call li.display{ display:none} 
}



/*홍보*/




/*홍보자료*/
.pr{ border-top:0px dotted #999999; }
.pr article{ padding:0; border-bottom:0px dotted #999999; overflow:hidden; margin:0 auto}
.pr article.pr_movie{ max-width:800px}

.pr article h4{  }
.pr article h4 span{font-size:0px; color:#c93648; float:left; padding-top:6px; border-top:3px solid #ad123e; width:10px; margin-top:5px; margin-right:5px}
.pr .pr_img{ width:60%; float:left ; text-align:center}
.pr .pr_img img{ max-height:295px}
.pr .pr_text_area{font-size:0.9em; line-height:1.4em; width:35%; float:right; padding:2em 2em; border-top:1px solid #EFEFEF; border-bottom:1px solid #EFEFEF; height:295px; box-sizing:border-box }
.pr .pr_message{  line-height:1.4em; }
.pr .pr_btn span a{ display:inline-block; margin:1em 0 0 0;  padding:5px 20px; text-align:center;   font-size:0.9em}

.go_movie_kor{ margin:0 5px 0 0;display:inline-block}
.go_movie_kor a{ border:1px solid #CCC  }
.go_movie_eng{margin:0; display:inline-block}
.go_movie_eng a{ background:#1d478d;}

.pr article.pr_cada{ max-width:600px}
.pr article.pr_cada .pr_img{ width:40%;}
.pr article.pr_cada .pr_text_area{ width:55% }



@media screen and (max-width:1000px){
.pr .pr_text_area{ height:auto}
.pr article.pr_cada .pr_img{ width:30%;}
.pr article.pr_cada .pr_text_area{ width:65% }	
.pr .pr_message{ font-size:1.2em; line-height:1.2em; font-weight:400}

.pr .pr_img{ width:100%;}
.pr .pr_text_area{ width:100%;}
.pr article.pr_cada .pr_img{ width:100%;}
.pr article.pr_cada .pr_text_area{ width:100% }
.pr .pr_message{ text-align:center}
.pr .pr_message br{ display:none}
.pr .pr_btn{ text-align:center}

.pr article h4{ display:none}

.pr article.pr_movie{ max-width:400px}
.pr article.pr_cada{ max-width:400px}

.pr article.pr_cada img{ width:180px}

}




/*faq*/
.faq{ position:relative; border-top:2px solid #333}
.faq .hgroup{position: absolute; right:0; width:100px;}
.faq .hgroup .trigger{overflow:visible;position:absolute;top:50%;right:0;margin:-7px 0 0 0;padding:0;border:0;background:none;cursor:pointer; color:#666; font-size:11px; }
.faq ul{margin:0;padding:0;list-style:none; border-top:0px solid #333; }
.faq .q{margin:0;border-bottom:1px solid #ddd;background:url(../img/board/icon_q.gif) no-repeat 10px 15px}
.faq .q a{display:block;padding:15px 15px 15px 35px;color:#333;text-align:left;text-decoration:none !important}
.faq .a{margin:0;padding:15px 15px 15px 35px;border-bottom:1px solid #ddd;line-height:1.5; background:#f6f6f6 url(../img/board/icon_a.gif) no-repeat 10px 15px}

.faq .ti{ font-weight:600; color:#C30}


.faq_tab { border-bottom:0px solid #808080; border-left: 1px solid #808080; overflow:hidden}
.faq_tab li { float: left;  margin-left: -1px; text-align:center; border: 1px solid #808080; top:2px}
.faq_tab li a{ color:#000;  }
.faq_tab li:hover a { background: #808080 ; color: #fff }
.faq_tab li.on a { background: #808080 ; color: #fff }
.faq_tab li a { display: block; padding: 5px 15px !important; }



.faq_search{ background:#f4f4f4; padding:20px 0 ; margin-bottom:20px}
.faq_search_box{ max-width:500px; margin:0 auto; padding:0 10px; text-align:center}
.faq_search_box input{ width:40%; margin-left:10px}
.faq_search_box span a{ background:#000; color:#fff; padding:0 20px; height:30px; line-height:28px; display:inline-block; vertical-align:top }





/* PiCKER */
.picker .icon_list{
	display: flex; justify-content: center; gap: 4%;
}
.picker .icon_list::after{
	display: none;
}
.picker .icon_list li{
	margin: 0; padding: 0; display: block; flex: 1 1 0; aspect-ratio: 1;
}
.picker .icon_list dl{
	width: auto; height: auto;
}
.picker .icon_list dl dd{
	padding-bottom: 10%;
}
@media screen and (max-width:1260px){
	.picker .icon_list{
		gap: 2%;
	}
}
@media screen and (max-width:480px){
	.picker .icon_list{
		flex-wrap: wrap;
	}
	.picker .icon_list li{
		flex: 1 1 32%;
	}
}

.product.picker .text h3 span.red{ color:#5e97ff}/*배경어두운색포인트*/
.picker_02 .port_list{
	background: url(../img/contents/picker/pro_special.png) bottom center no-repeat;
}
.picker_02 .port_list li dl dt h4 span{
	border-bottom-color: #5e97ff;
}
.picker_05{
	background: #f0f0f0  url(../img/contents/picker/as_bg.png) no-repeat top left / auto 100%;
	text-align: right;
}
.picker_05 .text{
    float: none;
    padding-right: 20%;
    box-sizing: border-box;
    display: inline-block;
    width: auto;
	text-align: left;
}
.picker .pro_process .port_list li dl dd .num{
	color: rgba(0,65,184,0.12);
}
.picker .tbl_spec .bg{
	background: rgba(0,65,184,0.12);
}
@media screen and (max-width:1770px){
	.picker_05 .text{
		padding-right: 15%;
	}
}
@media screen and (max-width:1650px){
	.picker_05 .text{
		padding-right: 10%;
	}
}
@media screen and (max-width:1540px){
	.picker_05 .text{
		padding-right: 5%;
	}
}
@media screen and (max-width:1440px){
	.picker_05{
		background: #f0f0f0  url(../img/contents/picker/as_bg.png) no-repeat -20% center / auto 100%;
	}
	.picker_05 .text{
		padding-right: 2%;
	}
}
@media screen and (max-width:1200px){
	.picker_02 .port_list{
		background: url(../img/contents/picker/pro_special.png) no-repeat center top / 70%;
	}
}
@media screen and (max-width:1000px){
	.picker_02 .port_list{
		background-size: auto 100%;
		background-position: -190px;
	}
	.picker_05{
		background: #fff url(../img/contents/picker/as_bg.png) no-repeat center bottom / auto 200px;
	}
	.picker_05 .text{
		width: 100%;
		float: left;
		padding: 0 0 200px 6%;
	}
}
@media screen and (max-width:640px){
	.picker_02 .port_list{
		background-size: 700px;
		background-position: bottom center;
	}
}

/* 회사소개 picker 추가 */
.picker .com_main_pro li{
	background: url(../img/contents/com_main_picker.png) no-repeat 10% bottom;
}
.picker .com_main_pro li dl{
	text-align: right;
    width: 95%;
    padding-left: 0;
}
@media screen and (max-width:1200px){
	.picker .com_main_pro li{
		background-position: 10% 0 !important;
		background-size: auto 100% !important;
	}
}
@media screen and (max-width:860px){
	.picker .com_main_pro li{
		background-position: left 0 !important;
	}
}
@media screen and (max-width:480px){
	.picker .com_main_pro li{
		background-position: left bottom !important;
		background-size: 200px !important;
	}
}