@charset "utf-8";
.cont1 .visual_title { padding-top:170px; } 
.cont1 .link_wrap{max-width: 1300px;left:50%;transform: translate(-50%,0);bottom:-60px;}
.cont1 .link_wrap ul { background:transparent ;display: flex;align-items: center;justify-content: space-between;box-shadow:0 0 0 transparent} 
.cont1 .link_wrap ul li { width: calc(100% / 3 - 20px); } 
.cont1 .link_wrap ul li .ico { background-image:url(/images/welfare/main/link_icon.png); } 
.cont1 .link_wrap ul li a{
  padding: 50px;
  text-align: left;
  display: block;
  height: auto;
  transition: .4s ease-in-out;
  box-shadow: 3px 3px 17px 17px rgba(0,0,0, 0);
}
.cont1 .link_wrap ul li em{
  font-size: 22px;
  font-weight: bold;
  color: #000;
  margin-bottom: 20px;
  text-align: left;
}
.cont1 .link_wrap ul li .desc{
  font-size: 16px;
  color: #000;
  margin-bottom: 30px;
  display: block;
  text-align: left;
}
.cont1 .link_wrap ul li  a .more_bt{
  width: 78px;
  height: 28px;
  border-radius: 15px;
  color: #fff;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cont1 .link_wrap ul:after{
  display: none;
}
.cont1 .link_wrap ul li.n1  a{background: #8cbaf1 url(/images/welfare/main/visual_icon1.png) calc(100% - 35px) calc(100% - 25px) no-repeat;}
.cont1 .link_wrap ul li.n2  a{background: #faa53c url(/images/welfare/main/visual_icon2.png) calc(100% - 35px) calc(100% - 15px) no-repeat;;} 
.cont1 .link_wrap ul li.n3  a{background: #fbc941 url(/images/welfare/main/visual_icon3.png) calc(100% - 30px) calc(100% - 20px) no-repeat;;}
.cont1 .link_wrap ul li.n1  a .more_bt{background: #639ce0;}
.cont1 .link_wrap ul li.n2  a .more_bt{background: #ea8406;}
.cont1 .link_wrap ul li.n3  a .more_bt{background: #e5a700;}

.cont1 .link_wrap ul li a:hover, 
.cont1 .link_wrap ul li a:focus{ box-shadow: 3px 3px 17px 17px rgba(0,0,0, 0.15);margin-top: -30px; } 
.cont1 .link_wrap ul li a:after{display: none;}
.cont1 .link_wrap ul li a:hover em, .cont1 .link_wrap ul li a:focus em{
  color: #000;
}
.cont2{padding-top:80px ;}
.cont2 .group .box2 .mainpop .slick-dots li.slick-active button { background:#22826c; } 

.cont2 .group .box1 .main-board__skin .board__content ul li .new { border: 1px solid #22826c; color: #22826c; } 
.cont2 .group .box1 .main-board__skin .board__content ul li .new em { background:#4e9b89; } 
.cont3 .group .title { margin-bottom: 45px; } 
.cont3 .group .box ul { display: flex; justify-content: space-between } 
.cont3 .group .box ul li { max-width: 310px;width: calc(100% / 5 - 8px); height: 80px
 }
 .cont3 .group .box ul li  a{
  border: 2px solid #228974;background:transparent;
 display: flex;align-items: center;justify-content: flex-start;transition: all .4s ease-in-out; }
.cont3 .group .box ul li:focus,.cont3 .group .box ul li:hover { box-shadow:0 0 0px rgba(0,0,0,0.1); } 
.cont3 .group .box ul li a:hover,.cont3 .group .box ul li a:focus {margin-top: -15px; ; box-shadow:3px 3px 14px rgba(0,0,0,0.1);;background: linear-gradient( -60deg, #08a59a , #0295b6 100% );border: 2px solid transparent } 
.cont3 .group .box ul li a:before { content: ""; width: 70px; height: 100%; position: static; top:0px; left:0px; z-index: 4; display: inline-block;} 
.cont3 .group .box ul li.n1 a:before { background: url(/images/welfare/main/bg_icon1.png) 25px center no-repeat; } 
.cont3 .group .box ul li.n2 a:before { background: url(/images/welfare/main/bg_icon2.png) 25px center no-repeat; } 
.cont3 .group .box ul li.n3 a:before { background: url(/images/welfare/main/bg_icon3.png) 25px center no-repeat; } 
.cont3 .group .box ul li.n4 a:before { background: url(/images/welfare/main/bg_icon4.png) 25px center no-repeat; } 
.cont3 .group .box ul li.n5 a:before { background: url(/images/welfare/main/bg_icon5.png) 25px center no-repeat; } 
.cont3 .group .box ul li.n1 a:hover:before { background: url(/images/welfare/main/bg_icon1_on.png) 25px center no-repeat; } 
.cont3 .group .box ul li.n2 a:hover:before { background: url(/images/welfare/main/bg_icon2_on.png) 25px center no-repeat; } 
.cont3 .group .box ul li.n3 a:hover:before { background: url(/images/welfare/main/bg_icon3_on.png) 25px center no-repeat; } 
.cont3 .group .box ul li.n4 a:hover:before { background: url(/images/welfare/main/bg_icon4_on.png) 25px center no-repeat; } 
.cont3 .group .box ul li.n5 a:hover:before { background: url(/images/welfare/main/bg_icon5_on.png) 25px center no-repeat; } 
.cont3 .group .box ul li a strong { position: static;width: auto; text-align: left; display: inline-block;} 
.cont3 .group .box ul li a strong span { font-size: 21px; color: #333; transition: all .3s ease-in-out; } 
.cont3 .group .box ul li strong span:before { display: none; } 
.cont3 .group .box ul li a:hover strong span { color: #fff; } 

.cont3 .group .title strong { font-family:'jalnan'; font-size: 32px; color: #22826c; } 
.cont3 .group .title strong em { font-family:'jalnan'; font-size: 32px; color: #2d2d2d; } 
.cont3 .group .title p { color: #231f20; } 
.cont3 .group .box:after { display: none; } 
.cont3 .group .box ul li a:after {display: none; background: #fff; border: 2px solid #228974; box-sizing: border-box; opacity: 1; } 
.cont3 .group .box ul li a:hover:after { opacity: 0; } 
.cont3 .group .box ul li a >span img { position: static; transform: translate(0,0); width: 100%; height: auto; } 
.cont3 .group .box ul:after{display: none;}
@media screen and (max-width:1500px){
    .cont3 .group .box {
    padding: 0;}
}
@media screen and (max-width:1023px){
 .cont1 .visual_title { padding: 100px 0 0; } 
 .cont1 .visual_title > span { margin:0 0 10px; } 
 .cont1 .visual_title > span img { height:40px; } 
 .cont1 .visual_title strong { margin:0 0 20px; } 
 .cont1 .visual_title strong img { height: 35px; } 
 .cont1 .link_wrap ul li a{
    padding: 50px 20px;
 }
 .cont1 .link_wrap ul li.n1 a{background-position: calc(100% - 20px) calc(100% - 20px);}
 .cont1 .link_wrap ul li.n2 a{background-position: calc(100% - 20px) calc(100% - 10px) ;}
 .cont1 .link_wrap ul li.n3 a{background-position: calc(100% - 15px) calc(100% - 15px);}
 .visual .slick-dots { bottom:200px; } 
 .cont3 .group .box ul { flex-wrap: wrap; justify-content: flex-start; } 
 .cont3 .group .box ul li { width: calc(50% - 20px); margin: 10px; max-width: 100%; } 
 }
@media screen and (max-width:767px){
 .cont1 .visual_title { padding: 80px 0 0; } 
 .cont1 .visual_title > span img { height:35px; } 
 .cont1 .visual_title strong img { height: 30px; } 
 .visual .slick-dots { bottom:215px; } 
 .cont3 .group .box ul li a strong { top:25px; left:20px; } 
 .cont1 .link_wrap ul{flex-wrap: wrap;}
 .cont1 .link_wrap ul li{
   width: 100%;
   margin-bottom: 20px;
 }
 .cont1 .link_wrap ul li a{
   padding: 15px 40px;
 }
 .cont1 .link_wrap ul li em{
   margin-bottom: 5px;
 }
 .cont1 .link_wrap ul li .desc{
   margin-bottom: 10px;
 }
  .cont1 .link_wrap ul li.n1 a{background-position: calc(100% - 20px) center;}
 .cont1 .link_wrap ul li.n2 a{background-position: calc(100% - 20px) center ;}
 .cont1 .link_wrap ul li.n3 a{background-position: calc(100% - 15px) center;}
 .cont1 .link_wrap{
   bottom:-290px;
 }
 .cont1 .link_wrap ul li a:hover, .cont1 .link_wrap ul li a:focus {
    box-shadow: 3px 3px 17px 17px rgb(0 0 0 / 15%);
    margin-top: 0px;
}
.cont2 {
    padding-top: 240px;
}
}
@media screen and (max-width:480px){
 .cont3 .group .box ul li { width: 100%; margin: 0px; max-width: 100%; height: 90px; margin-bottom: 15px; } 
 .cont3 .group .box ul li a strong { top:15px; left:25px; }
 .cont3 .group .box ul li a strong span { line-height: 1.3; } 
 .body_wrap .cont3 .group .box ul li a:before { background-position: 25px center; } 
 .cont3 .group .box ul li a:hover, .cont3 .group .box ul li a:focus{
   margin-top: 0;
 }

 .cont1 .link_wrap ul li a{
   padding: 15px;
 }
   .cont1 .link_wrap ul li.n1 a{background-position: 95% center;}
 .cont1 .link_wrap ul li.n2 a{background-position: 95%  center ;}
 .cont1 .link_wrap ul li.n3 a{background-position: 95%  center;}
 }