@charset "utf-8";

/*메인슬라이드*/
.main_sliderWrap { position:relative; overflow:hidden;}
.main_slide{width:1920px;left:50%;margin-left:-960px;position:relative;/*border-bottom:1px solid #ebebeb;*/}
.main_slide .slick-dots {text-align:center;bottom:32px;}
.main_slide .slick-dots li{margin:0 10px;}
.main_slide .slick-dots li button{width:12px;height:12px;opacity:1;background:url('/web/images/misc/pager_off.png') 0 0 no-repeat;}
.main_slide .slick-dots li.slick-active button{width:12px;height:12px;background:url('/web/images/misc/pager_on.png') 0 0 no-repeat;}


.main_slide .slick-prev{left:100px;top:55%;width:50px;height:87px;background:url('/web/images/misc/btn_prev.png') 0 0 no-repeat;}
.main_slide .slick-next{right:100px;top:55%;width:50px;height:87px;background:url('/web/images/misc/btn_next.png') 0 0 no-repeat;}

.more_btn { width:167px; height:42px; position:absolute; top:300px; left:460px; border-radius:30px; 
color:#fff;font-size:17px; font-weight:400; border:3px solid rgba(0,0,0,0);
background:#2d72c1 url('/web/images/main/more_btn.png') 110px center no-repeat;} 
.more_btn p { margin-left:30px; line-height:42px;}
.more_btn:hover { border:3px solid #2d72c1; color:#2d72c1; transition:0.5s;font-weight:400;background:#fff url('/web/images/main/more_btn_on.png') 110px center no-repeat;}



/*메인페이지 내용 box*/
.main_content_wrap { width:980px; height:465px; margin-top:20px;margin-bottom:30px;}
.main_content1,.main_content2,.main_content3 { float:left; }
.main_content1 { width:345px; height:463px; border:1px solid #d7d7d7;} 
.main_content2 { width:282px; height:463px; border:1px solid #d7d7d7; border-left:none;} 
.main_content3 { width:345px; height:463px; border:1px solid #d7d7d7; border-left:none;} 

/*main_content1 MES&POP*/
.main_content1 h3 {font-size:20px; font-weight:500; padding-left:35px; padding-top:25px;}
.mes_1 {width:345px;height:130px; background:url('/web/images/main/mes_1.png') 35px 30px no-repeat; position:relative;}
.mes_2 {width:345px;height:130px; background:url('/web/images/main/mes_2.png') 35px 30px no-repeat; position:relative;}
.mes_3 {width:345px;height:130px; background:url('/web/images/main/mes_3.png') 35px 30px no-repeat; position:relative;}
.mes_1 p { width:70px;font-size:14px; font-weight:300; border-bottom:1px solid #000; color:#232323; position:absolute;
right:90px; top:95px;}
.mes_2 p { width:70px;font-size:14px; font-weight:300; border-bottom:1px solid #000; color:#232323; position:absolute;
right:90px; top:95px;}
.mes_3 p { width:70px;font-size:14px; font-weight:300; border-bottom:1px solid #000; color:#232323; position:absolute;
right:90px; top:95px;}

/*main_content2 스마트공장지원사업, ERP구축사례*/
.smart { width:282px;height:231px; background:url('/web/images/main/smart_off.jpg') 0 0 no-repeat; border-bottom:1px solid #d7d7d7;} 
.smart:hover { width:282px;height:231px; background:url('/web/images/main/smart_on.jpg') 0 0 no-repeat;}

.erp { width:282px;height:232px; background:url('/web/images/main/erp.jpg') 0 0 no-repeat; position:relative;}
.erp_btn { width:120px; height:30px; position:absolute; top:120px; left:30px; border-radius:30px; 
color:#4673a0;font-size:13px; font-weight:500; border:3px solid #4673a0;
background:rgba(255,255,255,0.7) url('/web/images/main/more_btn_on.png') 70px center no-repeat;} 
.erp_btn p { margin-left:20px; line-height:30px;}
.erp_btn:hover { border:3px solid #2d72c1; color:#fff; font-weight:400;
background:#4673a0 url('/web/images/main/more_btn.png') 70px center no-repeat; transition:0.3s;}

/*main_content3 erp,도입현황,company*/
.main_content3_top { width:345px; height:231px; border-bottom:1px solid #d7d7d7;}
.main_content3_top div { width:50%; height:231px; float:left; border-top:none;}
.erp2 { width:173px; height:231px; background:url('/web/images/main/erp2_off.jpg') 0 0 no-repeat; }
.erp2:hover { width:172px; height:231px; background:url('/web/images/main/erp2_on.jpg') 0 0 no-repeat; }
.do {width:173px; height:231px; background:url('/web/images/main/dodo.jpg') 0 0 no-repeat; }

/*.main_content3_bottom {width:345px; height:232px; }*/
.main_content3_bottom img {height:auto;vertical-align:top;-ms-interpolation-mode:bicubic;}
.main_content3_bottom {position:relative;/*cursor:pointer;*/}
.main_content3_bottom .call_center_num {position:absolute;left:31px;bottom:33px;}
.main_content3_bottom:hover .hvr-pop  {
	-webkit-transform: scale(1.1);
    transform: scale(1.1);
	transition:0.3s all;
}
.main_content3_bottom h3 {font-size:20px; font-weight:500; padding-left:35px; padding-top:25px;}

.company_intro,.company_greeting,.company_location { width:100px; height:170px;float:left; margin-right:5px; margin-top:10px;}
.company_intro { margin-left:20px;}
.icon_line1 { width:75px; height:75px; border-radius:75px; border:7px solid #d7d7d7; 
background:url('/web/images/main/company_intro.png') center center no-repeat; margin-left:5px;}
.icon_line1:hover { background:#868686 url('/web/images/main/company_intro_on.png') center center no-repeat; transition:0.3s;}

.icon_line2 { width:75px; height:75px; border-radius:75px; border:7px solid #d7d7d7; 
background:url('/web/images/main/company_greeting.png') center center no-repeat; margin-left:5px;}
.icon_line2:hover { background:#868686 url('/web/images/main/company_greeting_on.png') center center no-repeat; transition:0.3s;}

.icon_line3 { width:75px; height:75px; border-radius:75px; border:7px solid #d7d7d7; 
background:url('/web/images/main/company_location.png') center center no-repeat; margin-left:5px;}
.icon_line3:hover { background:#868686 url('/web/images/main/company_location_on.png') center center no-repeat;transition:0.3s;}

.icon_title { width:100px; height:25px; text-align:center;font-size:15px; padding-top:10px;} 
.icon_link { width:65px; text-align:center;font-size:13px;border-bottom:1px solid #000;margin-left:20px;color:#232323; } 
.main_content3_bottom a:hover { color:#000;  }

/*메인페이지 하단 상표슬라이드*/
.main_bottom_slide { height:100px;}
 .last_wrap { height:75px; margin-top:50px; border-top:1px solid #000;border-bottom:2px solid #2d72c1;}
 .last_wrap_btn { width:250px; height:30px; margin:-13px auto 0 auto; }
 .last_wrap_btn div { float:left; cursor:pointer; }
.last_wrap_btn .last_btn_pual { width:19px; height:19px; display:block; margin-top:2px; margin-right:5px; margin-left:120px; background:url('/web/images/main/bt_pa.png') center center no-repeat; }
.last_wrap_btn .last_btn_play  { width:19px; height:19px;display:none;margin-top:2px; margin-right:5px;  margin-left:120px; background:url('/web/images/main/play.png') center center no-repeat;}
#link3_wrap { margin-top:10px;}
.last_wrap .slick-next {width:68px;position:absolute;top:-28px; right:408px; margin-top:0;background: url('/web/images/main/bt_next.png') center center  no-repeat;}
.last_wrap .slick-prev {width:68px;position:absolute;top:-28px; left:419px; margin-top:0;background: url('/web/images/main/bt_prev.png') center center no-repeat;}
.multiple3-items div:first-child { margin-left:4.5px;}

/* 추가 */
.mc3_callbox{position: relative;}
.mc3_dots{position: absolute; bottom: 25px; left: 33px;}
.mc3_dots li{float: left; width: 9px; height: 9px; border-radius: 50%; text-indent: -9999px; background-color: rgba(255,255,255,0.4); margin-right: 6px; cursor: pointer;}
.mc3_dots li.slick-active{background-color: #fff;}