@charset "UTF-8";


#main_vi {width:100%; float:left ; background:url('./img/main_vi_bg.png') no-repeat right; background-size:cover; background-color:#f1f1f1; height:550px;  overflow:hidden; box-sizing:border-box;   color:#fff; border-bottom:1px solid #ddd;}

#main_vi h1 {font-size:45px;  color:#333; font-weight:800;  line-height:1.1em;  letter-spacing:-1px;}
#main_vi h1 span {color:#dc0314; }
#main_vi p {font-size:20px;color:#333;  font-weight:500; letter-spacing:-1px; width:100%; float:left; margin:5px 0;   }
#main_vi a {font-size:17px; font-weight:400; color:#fff !important; display:inline-block;; padding:9px 40px;background-color:#dc0314;margin-top:20px; border-radius:5px; box-shadow:2px 2px 2px #ddd; }


 
  

.customer{min-width:1500px; overflow:hidden; }

.customer iframe{float:left}

.call {width:25%; background:url('/common/img/common/call_bg.png') no-repeat; background-color:#333; height:210px;  padding:2%;  float:right;   box-sizing:border-box; text-align:center;     }
.call h3 {font-size:18px;  padding-bottom:10px; font-weight:500; color:#fff; width:100%; float:left;  }
.call h3 a {float:right; font-size:15px; color:#999; font-weight:400;padding-top:10px;  }
.call span {color:rgba(255,255,255,.8) !important; width:100%; display:inline-block; }
.call span.t1 {padding-bottom:2px; font-size:17px; font-weight:400; letter-spacing:0px;}
 .call span.t2 {font-size:15px; font-weight:300;   letter-spacing:0.5px;}
.call span.t3 {font-size:14.5px; font-weight:300;   letter-spacing:-0.5px;}

 .notice {width:25%; height:211px;     border:1px solid #ddd;    padding:20px 20px 25px 20px; box-sizing:border-box; border-radius:5px;  box-shadow:1px 1px 3px #ddd; float:left; margin-top:0px; }
 .notice h3 {font-size:20px; font-weight:700; border-bottom:1px solid #ddd; color:#333; width:100%; float:left; margin-bottom:10px; height:37px;}
.notice h3 a {float:right; font-size:15px; font-weight:300; background-color:#f4f4f4; padding:0 20px; color:#666 !imporatnt; line-height:27px; }
 .notice li {width:100%; float:left; font-size:15px; font-weight:300; color:#666; padding:1px 0;}

  

 .service {width:100%; min-width:1200px; background-color:#f9f9f9;  background-size:cover; margin-top:80px; padding:60px 0% 70px 0%;  float:left; box-sizing:border-box;  color:#666; }
.service ul {width:95%; margin:0 auto;  max-width:1500px;  text-align:center;     }
.service ul li {display:inline-block; box-sizing:border-box; height:320px;  line-height:1.25em; float:left;  border-top:none; font-size:19px; box-shadow:1px 1px 3px #ddd;   color:#333; font-weight:600;  background-color:#fff; width:24%; margin:0 0.5%; }
.service ul li p.img_border {width:75px; height:75px ; border:3px solid red; border-radius:50%; text-align:center; margin-bottom:5px; box-sizing:border-box; padding-top:10px;}
 .service ul li a {width:100%; display:inline-block;   padding:40px 30px 50px 30px;  box-sizing:border-box; height:320px; color:#333;}
.service ul li a:hover { border:2px solid #dc0314;    }
.service span { letter-spacing:-2px !important; font-size:19px;  font-weight:600;}
.service div {width:100%; margin-top:10px; height:50px; float:left; font-size:15.5px; line-height:1.4em; font-weight:300; color:#666; }
.service div p {width:100%; float:left; margin-top:10px; }
.service ul li p.info_t {height:40px; width:100%; float:left;  }

 .service span.btn {font-size:15px !important; color:#fff;  font-weight:400 !important;   color:#fff !important;display:inline-block; line-height:40px; margin-top:20px; width:100%; text-align:center;   letter-spacing:0.5px !important;  }

.service ul li.type1 a:hover { border:2px solid #36a2d8;   }
.service ul li.type1 span {color:#36a2d8;}
.service ul li.type1 .btn {background-color:#36a2d8;}
.service ul li.type1 p.img_border { border:3px solid #36a2d8; padding-top:12px;}
.service ul li.type1 .s_line {background-color:#36a2d8;}

.service ul li.type2 a:hover { border:2px solid #5d4ca5;   }
.service ul li.type2 span {color:#5d4ca5;}
.service ul li.type2 .btn {background-color:#5d4ca5;}
.service ul li.type2 p.img_border { border:3px solid #5d4ca5; padding-top:12px;}
.service ul li.type2 .s_line {background-color:#5d4ca5;}



.service ul li.type3 a:hover { border:2px solid #42af65;   }
.service ul li.type3 span {color:#42af65;}
.service ul li.type3 .btn {background-color:#42af65;}
.service ul li.type3 p.img_border { border:3px solid #42af65;}
.service ul li.type3 .s_line {background-color:#42af65;}

.service ul li.type4 a:hover { border:2px solid #dd443f;   }
.service ul li.type4 span {color:#dd443f;}
.service ul li.type4 .btn {background-color:#dd443f;}
.service ul li.type4 p.img_border { border:3px solid #dd443f; padding-top:14px;}
.service ul li.type4 .s_line {background-color:#dd443f;}

/**리뉴얼버전**/

.service2 {width:100%; min-width:1200px;  background-size:cover;  margin-top:40px;  float:left; box-sizing:border-box; margin-bottom:80px;}
.service2 ul {width:100%; margin:0 auto;  max-width:1500px; justify-content: space-between;  display:flex ;   }
.service2 ul li { width:24%;   }
.service2 ul li a {width:100%; display:flex; align-items:center; background-color:#fff;  box-shadow: 0px 3px 20px 1px rgba(0, 0, 0, 0.10);   border-radius:10px; box-sizing:border-box; padding:20px 20px;   }
.service2 ul li p.img_border {width:75px; height:75px; border-radius:50%;  margin-bottom:5px; box-sizing:border-box;  display:flex; align-items:center;  justify-content:center; flex-shrink:0; margin-right:15px; background-color:#fff}
.service2 ul li span {  font-size:1.25em; font-weight:600; color:#000}
.service2 ul li p {font-size:15.5px; margin-top:5px; color:#444}
.service2 ul li:nth-child(1) p.img_border { border:3px solid #36a2d8;   }
.service2 ul li:nth-child(2) p.img_border { border:3px solid #5d4ca5;   }
.service2 ul li:nth-child(3) p.img_border { border:3px solid #42af65;   }
.service2 ul li:nth-child(4) p.img_border { border:3px solid #dd443f;   }
.service2 ul li:hover p {color:#333 }


.main3_title {width:100%; display:inline-block; font-size:32px; margin-bottom:20px; line-height:40px;  font-weight:700; color:#333;}

 .company {width:95%; min-width:1200px; margin:0 auto; max-width:1500px; background:url('/common/img/common/company_bg.jpg') no-repeat right; background-size:cover; background-color:#f2f9fb;  padding:50px 30px;  display:inline-block; box-sizing:border-box;  color:#666;   }
 .company div {width:70%;  float:left; font-size:16px; font-weight:300; color:#555}
 .company div b {font-size:22px; font-weight:700; line-height:1.5em}




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

 .company {width:100%; margin-left:0; min-width:1200px;} 
 .service { padding:50px 2% 50px 2%;  }
}