@charset "UTF-8";

/*지원자 통합서비스*/
.main_service{
  position:relative;
  background:#ededed url(../../../../images/main_service_bg.png) no-repeat -60px;
  overflow:hidden;
  padding: 70px 50px 70px 310px;
}
.main_service h2{color:#000;font-size:28px;font-weight:500;margin-bottom:50px}
.main_service h3{position: absolute; top: 118px; font-size: 23px; font-weight: 400;}
.main_service h3 a{color:#888}
.main_service h3.tit_1{left: 310px;}
.main_service h3.tit_2{left: 45%;}
.main_service h3.tit_3{left: 58%;}
.main_service h3.tit_4{left: 67%;}
.main_service h3.tit_5{right: 50px;}
.main_service ul{display:none; font-size:0;}
.main_service ul li{display:inline-block;vertical-align:top;font-size:16px;position:relative; width: 20%;}
.main_service ul.con_1{display:block}
.main_service div{}
.main_service span,
.main_service strong{display:block;box-sizing:border-box;text-align:center}
.main_service .bul{width:100px;height:100px;padding-top:25px;background:#FFF;border-radius:100px;margin: 0 auto}
.main_service strong{width:27px;height:27px;padding-top:5px;margin-top:-5px;background:#0f6542;color:#FFF;font-size:12px;font-weight:500;border-radius:100px}
.main_service .tex{font-weight:400;padding-top:10px;}
.main_service i{display:inline-block;width:50px;height:50px}
.main_service h3 a:hover,
.main_service h3 a.on{color:#000}
.main_service h3.active a{color:#0a603d !important;font-weight:600}
.main_service li.active .bul{background:#accf2b}

@media only screen and (max-width:1600px){
  #_ipsiClndr{max-width: 100% !important;}
  .main_service h3{top:100px;}
  .main_service h3.tit_1{left: 50px;}
  .main_service h3.tit_2{left: 25%;}
  .main_service h3.tit_3{left: 45%;}
  .main_service h3.tit_4{left: 58%;}
  .main_service{background:#ededed; padding: 50px;}
  .main_service ul li{width: 20%;}
}
@media only screen and (max-width:1280px){
  #menu202_obj16751{width: calc(100% - 400px); margin: 0 !important;}
  .main_service{padding: 110px 10px;}
  .main_service h2{padding-left:20px; margin-bottom: 60px;}
  .main_service h3{top: 160px; font-size: 22px;}
  .main_service h3.tit_1{left: 30px;}
  .main_service h3.tit_2{left: 22%;}
  .main_service h3.tit_3{left: 41%;}
  .main_service h3.tit_4{left: auto; right: 22%;}
  .main_service h3.tit_5{right: 50px;}
}
@media only screen and (max-width:1024px){
  .main_service{padding: 71px 10px;}
  .main_service h2{padding:0;text-align:center;margin-bottom:5px}
  .main_service h3{top: 140px; left:0 !important; right:auto !important; font-size:18px; text-align:center; line-height:1.1; width:100px; padding:0 10px; box-sizing:border-box;background:#DDD;}
  .main_service h3 a{display:block;padding:12.5px 0;}
  .main_service h3.active{background:#0a603d;width:110px;box-shadow:3px 3px 5px #888;}
  .main_service h3.active a{color:#FFF !important;}
  .main_service h3.tit_2{top: 185px;}
  .main_service h3.tit_3{top: 230px;}
  .main_service h3.tit_4{top: 275px;}
  .main_service h3.tit_5{top: 339px;}
  .main_service .bul{background:none}
  .main_service strong{margin:0 auto}
  .main_service ul{padding-left:100px;}
  .main_service ul li{width: 33.3%;}
}
@media only screen and (max-width:860px){
  .main_service{padding: 21px 10px;}
  .main_service h2{margin-bottom: 0;}
  .main_service ul li{width: 50%;}
  .main_service .bul{padding-top: 15px;}
  .main_service .tex{padding-top: 0;}
}
@media only screen and (max-width:768px){
  #menu202_obj16751{width: 100%;}
  .main_service{padding: 50px 10px;}
  .main_service h3{top: 100px;}
  .main_service h3.tit_2{top: 145px;}
  .main_service h3.tit_3{top: 190px;}
  .main_service h3.tit_4{top: 235px;}
  .main_service h3.tit_5{top: 299px;}
  .main_service ul li{width: 33.3%;}
}

@media only screen and (max-width:480px){
  .main_service ul li{width:50%;}
}
@media only screen and (max-width:380px){
  .main_service ul li{width:100%;}
}