@charset "utf-8";

#atc02{position:relative;width:1200px;margin:0 auto;text-align:center;letter-spacing:-.3px;font-family:'notokr-regular'}
#atc02 ul{overflow:hidden}
#atc02 ul li{float:left;width:25%;height:320px}
#atc02 ul li a{display:block;height:100%;font-size:14px;line-height:22px;color:#777}
#atc02 ul li:hover a span{background:linear-gradient(360deg,rgba(118,76,162,1) 40%,rgba(102,126,234,1) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
#atc02 ul li a span{padding-bottom:10px;line-height:45px;-webkit-transition:all 0.3s;transition:all 0.3s;font-size:16px;letter-spacing:0;font-weight:700;color:#222;font-family:'POPPINS'}
#atc02 ul li a .img{height:150px;-webkit-transition:all 0.3s;transition:all 0.3s;background:no-repeat center 85px}
#atc02 ul li .txt{word-break:keep-all}

#atc02 ul li:nth-child(1) a .img{background-image:url(/sh_img/make24/include_02/img/icon01.png)}
#atc02 ul li:nth-child(2) a .img{background-image:url(/sh_img/make24/include_02/img/icon02.png)}
#atc02 ul li:nth-child(3) a .img{background-image:url(/sh_img/make24/include_02/img/icon03.png)}
#atc02 ul li:nth-child(4) a .img{background-image:url(/sh_img/make24/include_02/img/icon04.png)}
#atc02 ul li:nth-child(1):hover a .img{background-image:url(/sh_img/make24/include_02/img/icon01_on.png)}
#atc02 ul li:nth-child(2):hover a .img{background-image:url(/sh_img/make24/include_02/img/icon02_on.png)}
#atc02 ul li:nth-child(3):hover a .img{background-image:url(/sh_img/make24/include_02/img/icon03_on.png)}
#atc02 ul li:nth-child(4):hover a .img{background-image:url(/sh_img/make24/include_02/img/icon04_on.png)}

/* 반응형 [s] */
@media (max-width:1200px){
#atc02{width:100%}	
}
@media (max-width:768px){
#atc02 ul li{width:50%;height:220px}	
#atc02 ul li a .img{height:100px;background-position:center 40px}
}
@media (max-width:480px){
#atc02 ul li a .img{height:90px;background-size:45px}
}
@media (max-width:380px){
#atc02{padding:20px 0;background-color:#f7f7f7}
#atc02 ul li{float:none;width:calc(100% - 30px);height:auto;margin:0 auto;padding-bottom:30px;border:1px solid #e1e1e1;border-radius:30px;background-color:#fff}	
#atc02 ul li+li{margin-top:12px}
#atc02 ul li a .img{height:70px;background-position:center 25px}
}
/* 반응형 [e] */