@charset "utf-8";
body{font-family:'Noto Sans KR','Nanum Gothic',sans-serif;font-size:13px;background-color:#fff;  height:100%; }
/* 메인 슬라이드이미지  */
#mainSlider{position:relative; width:100%; overflow:hidden;height:700px;background: url(../image/mainimg_back1.jpg) no-repeat center 0;background-size:cover;border-bottom:1px solid #CCC;}

#mainSlider .mainSlider_box_content{position:absolute; width:100%; height:100%;overflow:hidden;margin: 0 auto;}

#mainSlider .mainSlider_box_content .probgimg{position:relative; width:100%; height:100%;overflow:hidden;margin: 0 auto;z-index:1}

#mainSlider .mainSlider_box_content .proimgarea{position:absolute; width:60%; left:40%;top:0;height:100%;overflow:hidden;margin: 0 auto;z-index:2}

#mainSlider .mainSlider_box_content .proimgarea img{width:100%;max-width:886px;min-width:320px;padding-top:5%;}

#mainSlider .mainSlider_box_content .probgimg > img.bgimg{
	width:100%;
	
 	z-index:1;
	-ms-transform: scale(1.2,1.2); 
    -o-transform: scale(1.2,1.2);
    -moz-transform: scale(1.2,1.2);
    -webkit-transform: scale(1.2,1.2); 
     transform: scale(1.2,1.2);
	-webkit-transition:transform 3000ms  ease-in-out ; 
	-moz-transition:transform 3000ms ease-in-out ;
	-o-transition:transform 3000ms ease-in-out ; 
	-ms-transition:transform 3000ms ease-in-out;
    transition:transform 3000ms ease-in-out ;
}
#mainSlider .mainSlider_box_content .proimgarea > img.proimgA{
	
	
	position:relative;
	
	 
	z-index:2;
	opacity:0;filter:Alpha(opacity=0);


	-moz-transform:translateX(20%);  
	-ms-transform:translateX(20%);  
	transform:translateX(20%);  

	-moz-transition:all 0.5s ease-in-out;
	-ms-transition:all 0.5s ease-in-out;
	transition:all 0.5s ease-in-out; 

}

#mainSlider .mainSlider_box_content .proimgarea > img.proimgB{
	
	
	position:relative;
	
	z-index:2;
	opacity:0;filter:Alpha(opacity=0);


	-moz-transform:translateX(20%);  
	-ms-transform:translateX(20%);  
	transform:translateX(20%);  

	-moz-transition:all 0.5s ease-in-out;
	-ms-transition:all 0.5s ease-in-out;
	transition:all 0.5s ease-in-out; 

}


#mainSlider .mainSlider_box_content .proimgarea > img.proimgC{
	
	

	position:relative;
	

	z-index:2;
	opacity:0;filter:Alpha(opacity=0);


	-moz-transform:translateX(20%);  
	-ms-transform:translateX(20%);  
	transform:translateX(20%);  

	-moz-transition:all 0.5s ease-in-out;
	-ms-transition:all 0.5s ease-in-out;
	transition:all 0.5s ease-in-out; 
}




 
#mainSlider .mainSlider_box_content:focus{outline:none;}

#mainSlider .mainSlider_box_txt{position:absolute; top:20%; left:20%;z-index:3;  }

#mainSlider .mainSlider_box_txt_in{ padding-left:22px; color:#333; padding-bottom:30px;}

#mainSlider .mainSlider_box_txt_in .pro_posi,#mainSlider .mainSlider_box_txt_in .infotxt,#mainSlider .mainSlider_box_txt_in h2,#mainSlider .mainSlider_box_txt_in strong,#mainSlider .mainSlider_box_txt_in  p{
	display:block;
	opacity:0;filter:Alpha(opacity=0);
	-moz-transform:translateX(10%);  
	-ms-transform:translateX(10%);  
	transform:translateX(10%);  
	-moz-transition:all 0.5s;
	-ms-transition:all 0.5s;
	transition:all 0.5s;
}
#mainSlider .mainSlider_box_txt_in .pro_posi{border-bottom:1px solid rgba(255,255,255,0.3);padding:40px 0 15px 0; font-size:36px; font-weight:500; transition-delay:0.2s; line-height:15px;color:#ff0025;}
#mainSlider .mainSlider_box_txt_in .infotxt{padding:10px 0 10px 0; margin-left:0;font-size:36px;text-align:left; font-weight:300; transition-delay:0.3s; line-height:25px}
#mainSlider .mainSlider_box_txt_in .infotxt span{padding-left:0;left:0;text-align:left;display:block}
#mainSlider .mainSlider_box_txt_in h2{padding:30px 0 0px; font-size:46px; font-weight:300; transition-delay:0.5s; line-height:55px}
#mainSlider .mainSlider_box_txt_in strong{padding:10px 0 20px 0px; font-size:70px; font-weight:500; transition-delay:0.5s; line-height:105px;letter-spacing:-3px;}
#mainSlider .mainSlider_box_txt a{margin-left:10px; color:#fff; padding:0 42px 5px 0; background:url(../images/icon/more_btn_bg.html) no-repeat 0 100%; 
	opacity:0;filter:Alpha(opacity=0);
	transition:all 0.5s 0.8s;
}

#mainSlider .proimgarea{position:absolute; top:20%; left:20%;z-index:3;  }


/* active */
#mainSlider .mainSlider_box_content.active .probgimg > img{
opacity:1.0;filter:Alpha(opacity=100);
	-ms-transform: scale(1,1);
    -o-transform: scale(1,1);
    -moz-transform: scale(1,1);
    -webkit-transform: scale(1,1);
    transform: scale(1,1);
	-moz-transform:translateX(0);  
	-ms-transform:translateX(0);  
	transform:translateX(0);  
}
#mainSlider .mainSlider_box_content.active  .proimgarea > img{
	
	opacity:1.0;filter:Alpha(opacity=100);
	-ms-transform: scale(1,1);
    -o-transform: scale(1,1);
    -moz-transform: scale(1,1);
    -webkit-transform: scale(1,1);
    transform: scale(1,1);
	-moz-transform:translateX(0);  
	-ms-transform:translateX(0);  
	transform:translateX(0);  
}
#mainSlider .active .mainSlider_box_txt_in .pro_posi,
#mainSlider .active .mainSlider_box_txt_in .infotxt,
#mainSlider .active .mainSlider_box_txt_in h2,
#mainSlider .active .mainSlider_box_txt_in strong{
	-moz-transform:translateX(0);  
	-ms-transform:translateX(0);  
	transform:translateX(0);  
}
#mainSlider .active .mainSlider_box_txt_in .pro_posi,
#mainSlider .active .mainSlider_box_txt_in .infotxt,
#mainSlider .active .mainSlider_box_txt_in h2,
#mainSlider .active .mainSlider_box_txt_in strong,
#mainSlider .active .mainSlider_box_txt a{
	opacity:1.0;filter:Alpha(opacity=100);
}
#mainSlider .active .mainSlider_box_txt_in span{
	opacity:0.73;filter:Alpha(opacity=73); 
}
#mainSlider .active .mainSlider_box_txt_in  p{
	opacity:0.54;filter:Alpha(opacity=54);
}

#mainSlider .mainSlider_box_txt a.morelink{display:block;background-color: #ff0025;width:80px;padding:5px 10px;}
#mainSlider .mainSlider_box_txt a.morelink img{display:inline;vertical-align:top;margin-left:10px;padding-top:5px;}
#mainSlider .slick-arrow{
	position:absolute; top:50%; margin-bottom:0px;width:65px; height:65px;  background:none; border:0; cursor:pointer; z-index:99; font-size:0; 
	-webkit-transition:all 300ms;-moz-transition:all 300ms;-o-transition:all 300ms;-ms-transition:all 300ms;transition:all 300ms
}
#mainSlider .slick-arrow.slick-prev{left:3%;background:url(../image/prev.png) no-repeat}
#mainSlider .slick-arrow.slick-next{right:3%; background:url(../image/next.png) no-repeat}
#mainSlider .scroll-icon{position:absolute; bottom:30px; left:50%; width:30px; margin-left:-15px; text-align:center;}
#mainSlider .scroll-icon span{display:block; color:#fff; font-weight:300; font-size:10px; opacity:0.75;filter:Alpha(opacity=75); margin-bottom:15px;}



@media all and (max-width:1366px ) and (max-height : 800px) {
#mainSlider .mainSlider_box_content .proimgarea > img{padding-top:5%;}
#mainSlider .mainSlider_box_txt{top:25%;left:7%; }

#mainSlider .mainSlider_box_content .proimgarea > img.proimgC{padding-top:5%;}

}
 

@media all and (max-width:1280px ){
#mainSlider .mainSlider_box_content .proimgarea > img{padding-top:20%;}
#mainSlider .mainSlider_box_txt{left:10%; }

#mainSlider .mainSlider_box_content .proimgarea > img.proimgC{padding-top:25%;}


}
@media all and (max-width:1254px){

#mainVisua{height:713px;}
#mainSlider .scroll-icon{display:none;}

#mainSlider .mainSlider_box_content .proimgarea > img{padding-top:15%;}
#mainSlider .mainSlider_box_content .proimgarea > img.proimgC{padding-top:15%;}

}

@media all and (max-width:1040px){

#mainVisua{height:600px;}
#mainSlider .mainSlider_box_content .proimgarea{width:70%;left:30%;}
#mainSlider .mainSlider_box_content .proimgarea > img{padding-top:10%;}
#mainSlider .mainSlider_box_content .proimgarea > img.proimgC{padding-top:13%;}

#mainSlider .mainSlider_box_txt a{margin-left:5px;}
#mainSlider .mainSlider_box_txt{ top:20%; }
#mainSlider .mainSlider_box_txt_in h2{padding:10px 0 10px; font-size:32px; font-weight:300; transition-delay:0.5s; line-height:35px}
#mainSlider .mainSlider_box_txt_in strong{padding:0px 0 10px; font-size:60px; font-weight:500; transition-delay:0.5s; line-height:65px;letter-spacing:-3px;}
 
}
@media all and (max-width:830px ){
#mainSlider .mainSlider_box_content .proimgarea > img{padding-top:20%;}
#mainSlider .mainSlider_box_content .proimgarea > img.proimgC{padding-top:25%;} 


}

@media all and (max-width:730px ){
#mainSlider .mainSlider_box_content .proimgarea > img.proimgC{padding-top:30%;} 

 

}

@media all and (max-width:680px ){

#mainVisua{height:500px;}
#mainSlider .slick-arrow{width:30px; height:30px; }
#mainSlider .slick-arrow.slick-prev{left:1%;background:url(../image/prev.png) no-repeat;background-size:100%;}
#mainSlider .slick-arrow.slick-next{right:1%; background:url(../image/next.png) no-repeat;background-size:100%;}

#mainSlider .mainSlider_box_txt{ top:30px;left:30px; }
#mainSlider .mainSlider_box_txt_in .infotxt{padding:10px 0 5px 0; font-size:15px; font-weight:300; transition-delay:0.3s; line-height:20px}
#mainSlider .mainSlider_box_txt_in h2{padding:5px 0 5px; font-size:22px; font-weight:300; transition-delay:0.5s; line-height:25px}
#mainSlider .mainSlider_box_txt_in strong{padding:5px 0 5px; font-size:50px; font-weight:500; transition-delay:0.5s; line-height:55px;letter-spacing:-3px;}
#mainSlider .mainSlider_box_content .proimgarea > img.proimgC{padding-top:30%;} 

}

@media all and (max-width:540px ){
#mainSlider .mainSlider_box_content .proimgarea{width:80%;left:20%;}

}
@media all and (max-width:500px ){
 #mainSlider .mainSlider_box_content .proimgarea > img{padding-top:40%;}
#mainSlider .mainSlider_box_content .proimgarea > img.proimgC{padding-top:40%;} 
#mainSlider .mainSlider_box_txt_in{padding-bottom:10px;}
#mainSlider .mainSlider_box_txt_in .pro_posi{border-bottom:0px solid rgba(255,255,255,0.3);padding:40px 0 5px; font-size:13px; font-weight:300; transition-delay:0.2s; line-height:13px;color:#3a97b5;}
#mainSlider .mainSlider_box_txt_in .infotxt span{display:inline;padding-right:5px;}
#mainSlider .mainSlider_box_txt_in h2{padding:0;}
#mainSlider .mainSlider_box_txt_in strong{padding:0 0 10px 0;line-height:55px;}
#mainSlider .slick-arrow{top:55%;}

}
@media all and (max-width:416px ){
#mainSlider .mainSlider_box_content .proimgarea{width:90%;left:10%;}
 #mainSlider .mainSlider_box_content .proimgarea > img{padding-top:50%;}
#mainSlider .mainSlider_box_content .proimgarea > img.proimgC{padding-top:50%;} 
 
}
@media all and (max-width:390px ){
#mainSlider .mainSlider_box_content .proimgarea{width:100%;left:0;}
 
}
@media all and (max-width:360px ){
#mainSlider .mainSlider_box_txt{ left:10px  }

#mainSlider .mainSlider_box_content .proimgarea > img{padding-top:60%;}
#mainSlider .mainSlider_box_content .proimgarea > img.proimgC{padding-top:60%;} 

 
}
@media all and (max-width:320px ){
 #mainSlider .mainSlider_box_txt_in strong{float:left;}
#mainSlider .mainSlider_box_txt a.morelink{float:left;vertical-align:middle;margin-top:15px;}
#mainSlider .mainSlider_box_content .proimgarea > img{padding-top:65%;}
#mainSlider .mainSlider_box_content .proimgarea > img.proimgC{padding-top:65%;} 

 
}

/*@media all and (max-height:713px) {
#mainSlider .mainSlider_box_content .proimgarea img{width:80%;padding-top:0px;}
}*/


/*products*/
#products{position:relative;margin:0px auto 0 auto;z-index:11; margin-top:3%;}
#products_in{margin:0px auto 50px auto;}
#products h3{font-weight:300;font-size:60px;text-align:center;padding-top:10px;padding-bottom:5px;color:#000000;letter-spacing:-3px;}
#products h3 strong{font-weight:500;}

.prodcutlist{clear:both;}
.prodcutlist ul{margin:0px auto;width:100%;position:relative; }
.prodcutlist ul li{float:left; margin-left:0;padding-right:1px;}
.prodcutlist ul li .productimg{border:0px solid #b7b8b8;background:#fff;}
.prodcutlist ul li .productimg img{width:100%;}
.prodcutlist ul li h5{text-align:center;font-size:16px;font-weight:400;margin-top:0px;letter-spacing:0px;background:#fff; color:#000;padding-top:10px;padding-bottom:3px;}
.prodcutlist ul li .pro_con{text-align:center;font-size:14px;background:#fff; padding-bottom:0px;color:#464646;}

#businessarea{clear:both;position:relative;background:url() no-repeat center 0;width:100%:}
#businessarea_in{max-width:1400px;margin: 0 auto;position:relative;}
#businessarea_in h3{font-weight:300;font-size:50px;text-align:center;padding-top:50px;padding-bottom:5px;color:#333;letter-spacing:-3px;}
#businessarea_in h3 strong{font-weight:500;}
#businessarea_in .business_summary{font-size:24px;color:#333;text-align:center;margin-bottom:60px;}
#businessarea_in .business_summary span{display:block;}
#businessarea_in .businessarea_info{overflow:hidden; width:31%;margin-left:1%;margin-right:1%;float:left;margin-bottom:80px;}
#businessarea_in .businessarea_info a{display:block; position:relative; overflow:hidden;padding-top:100%;}
#businessarea_in .businessarea_info .businessImg{position: absolute; top: 0; left: 0; right: 0; height:55%;overflow:hidden}
#businessarea_in .businessarea_info .businessImg img{position: absolute; top: 0; left: 0; max-width: 100%; width: 100%; -webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;-ms-transition:all 0.4s;transition:all 0.4s}
#businessarea_in .businessarea_info .businessImg img.pcimg{display:block}
#businessarea_in .businessarea_info .businessImg img.mobileimg{display:none}
#businessarea_in .bgA{background:#ed2e36;color:#fff;}
#businessarea_in .bgB{background:#ed2e36;color:#fff;}
#businessarea_in .bgC{background:#ed2e36;color:#fff;}
#businessarea_in .businessarea_info .businessTxt{position:absolute;width:100%; top:60%; left:0px; z-index:1; color:#fff;}
#businessarea_in .businessarea_info .businessTxt h4{text-align:center;margin: 0 20px;letter-spacing:-2px;font-size:30px;border-bottom:1px solid #ffffff;padding-bottom:10px;}
#businessarea_in .businessarea_info .businessTxt .businessTxt_info{color:#e1e1e1;font-size:28px;margin-top:0px;padding: 20px;text-align:center;letter-spacing:-1px;}
#businessarea_in .businessarea_info .businessTxt .businessTxt_info span{display:block;}
#businessarea_in  .moreview{
	position:absolute; 
	top:0px; 
	left:0px; 
	width:100%; 
	height:100%; 
	visibility:hidden; 
	opacity:0;filter:Alpha(opacity=0);
	background-color:rgba(0,0,0,0.6); 
	z-index:1;  
	box-sizing:border-box; 
	border:6px solid #333;
	-webkit-transition:all 0.4s;
	-moz-transition:all 0.4s;
	-o-transition:all 0.4s;
	-ms-transition:all 0.4s;
	transition:all 0.4s
}
#businessarea_in   .moreview img{
position:absolute; 
top:50%; 
left:50%; 
margin:-42px 0 0 -42px; 
transform:rotate(-45deg) scale(0.7);  
-moz-transform:rotate(-45deg) scale(0.7); 
opacity:0;filter:Alpha(opacity=0);
-webkit-transition:all 0.4s 0.1s;
-moz-transition:all 0.4s 0.1s;
-o-transition:all 0.4s 0.1s;
-ms-transition:all 0.4s 0.1s;
transition:all 0.4s 0.1s;
}
#businessarea_in a:hover .businessImg img{ -webkit-transform:scale(1.2); -moz-transform:scale(1.2); transform:scale(1.2);}
#businessarea_in a:hover .moreview{visibility:visible; opacity:1.0;filter:Alpha(opacity=100);}
#businessarea_in a:hover .moreview img{transform:rotate(0deg) scale(1.0);  -moz-transform:rotate(0deg) scale(1.0); opacity:1.0;filter:Alpha(opacity=100);}



#snsbanner {position:relative;margin:0px auto 0 auto;z-index:11;padding-top:0px;overflow:hidden; }
.snsbanner ul{margin:100px auto;position:relative; width:80%;padding-top:10px;}
.snsbanner ul li{letter-spacing:0;width:25%;text-align:center;float:left;font-size:15px;line-height:17px;}
.snsbanner ul li img{width:100%;max-width:161px;}



@media all and (max-width:1230px ){
#businessarea_in .businessarea_info .businessImg{height:50%;}
#businessarea_in .businessarea_info .businessTxt{top:55%;padding-bottom:20px;}
}

@media all and (max-width:1052px ){
#businessarea_in .businessarea_info a{padding-bottom:50px;}
#businessarea_in .businessarea_info .businessTxt .businessTxt_info span{display:inline;}

}
@media all and (max-width:900px ){
#businessarea{background:url(../image/business_back.jpg) no-repeat center 0;background-size:cover;padding-bottom:30px;}

#businessarea_in .businessarea_info .businessTxt{top:50%;padding-bottom:20px;}
#businessarea_in .businessarea_info a{padding-bottom:80px;}

}
@media all and (max-width:800px ){
#businessarea_in .businessarea_info .businessTxt h4{font-size:20px;border-bottom:1px solid #338099;padding-bottom:10px;}

}
@media all and (max-width:700px ){
#businessarea_in .businessarea_info{width:90%;margin-left:5%;margin-right:5%;float:none;margin-bottom:20px;}
#businessarea_in .businessarea_info a{display:block; position:relative; overflow:hidden;padding-top:0;padding-bottom:0px;}
#businessarea_in .businessarea_info .businessImg{position: relative;float:left;min-height:150px;width:60%;min-width:300px;}
#businessarea_in .businessarea_info .businessImg img{position: relative;width:100%;min-width:300px;max-width:540px;}

#businessarea_in .businessarea_info .businessTxt{position:relative;float:left;width:40%; top:0; left:0px;padding-bottom:0px;}
#businessarea_in .businessarea_info .businessTxt h4{padding-top:20px;letter-spacing:0;}

}
@media all and (max-width:610px ){
#businessarea_in h3{font-weight:300;font-size:40px;text-align:center;padding-top:50px;padding-bottom:5px;color:#3a97b5;letter-spacing:-3px;}

#businessarea_in .businessarea_info .businessImg{width:100%;min-height:100px;}
#businessarea_in .businessarea_info .businessTxt{width:100%; }
#businessarea_in .businessarea_info .businessImg img.pcimg{display:none}
#businessarea_in .businessarea_info .businessImg img.mobileimg{display:block}
#businessarea_in .business_summary span{display:inline;}


}

@media all and (max-width:320px ){
#businessarea_in .businessarea_info .businessImg img.mobileimg{margin-left:-10%;}
}

#quickarea{clear:both;position:relative;background:url(../image/quick_back.html) no-repeat center 0;width:100%:}
#quickarea_in{max-width:1400px;margin: 0 auto;position:relative;}
#quickarea_in h3{font-weight:400;font-size:35px;text-align:center;padding-top:50px;padding-bottom:5px;color:#000;letter-spacing:-2px;}
#quickarea_in h3 strong{font-weight:500;}
#quickarea_in h3 blue{color:#113390;}
#quickarea_in .quick_summary{font-size:18px;color:#2e2e2e;text-align:center;margin-bottom:60px;}
#quickarea_in .quickarea_info{width:23%;margin-left:1%;margin-right:1%;float:left;margin-bottom:80px;background:#f6f6f6;}
#quickarea_in .quickarea_info a{border:1px solid #c7c7c7;display:block;}
#quickarea_in .quickarea_info .quickImg img{width:100%;overflow:hidden;}
#quickarea_in .quickarea_info .quickTxt{padding:10px;}
#quickarea_in .quickarea_info .quickTxt h4{text-align:center;letter-spacing:-1px;font-size:20px;padding-bottom:5px;}


@media all and (max-width:663px ){
#quickarea_in .quickarea_info{width:48%;margin-bottom:30px;}
}

@media all and (max-width:572px ){

#quickarea_in h3{font-weight:400;font-size:30px;line-height:33px;text-align:center;padding-top:50px;padding-bottom:5px;color:#000;letter-spacing:-2px;}
#quickarea_in .quick_summary{font-size:15px;margin-bottom:30px;}

 }
 @media all and (max-width:450px ){
 #quickarea_in .quickarea_info .quickTxt h4{font-size:15px;letter-spacing:0;}

 }