@charset "utf-8";

#atc02{background-color:#f1f1f1}
#atc02 .inner{position:relative;width:100%;max-width:1200px;margin:0 auto;padding:75px 0;overflow:hidden}
#atc02 .inner .tit_area{padding-bottom:30px}
#atc02 .inner .tit_area .sub_tit{font-size:13px;letter-spacing:0;color:#6ab521;font-weight:600;font-family:'Poppins', sans-serif}
#atc02 .inner .tit_area .tit{display:inline-block;font-size:30px;line-height:45px;color:#333;font-family:'notokr-thin'}
#atc02 .inner .tit_area .tit span{font-family:'notokr-bold'}
#atc02 .inner .tit_area .txt{display:inline-block;padding-left:21px;font-size:15px;line-height:25px;color:#888}
#atc02 .inner .wrapper{float:right;overflow:hidden}
#atc02 .inner ul{overflow:hidden}
#atc02 .inner ul li{float:left;width:calc(25% - 12px);height:285px;text-align:center;border:1px solid #e1e1e1;background-color:#fff}
#atc02 .inner ul li+li{margin-left:16px}
#atc02 .inner ul li a{display:block;height:100%;padding-top:148px;border:3px solid #fff;-webkit-transition:all .2s;transition:all .2s}
#atc02 .inner ul li:hover a{border:3px solid #6db923}
#atc02 .inner ul li:nth-child(1) a{background:url('/sh_img/make24/include_02/img/inc02_ico1.png') no-repeat center 45px}
#atc02 .inner ul li:nth-child(2) a{background:url('/sh_img/make24/include_02/img/inc02_ico2.png') no-repeat center 45px}
#atc02 .inner ul li:nth-child(3) a{background:url('/sh_img/make24/include_02/img/inc02_ico3.png') no-repeat center 42px}
#atc02 .inner ul li:nth-child(4) a{background:url('/sh_img/make24/include_02/img/inc02_ico4.png') no-repeat center 47px}
#atc02 .inner ul li a p{padding-bottom:13px;font-size:18px;color:#222;font-family:'notokr-bold'}
#atc02 .inner ul li a span{font-size:14px;line-height:24px;color:#666;white-space:pre-line}

/* 반응형 [s] */
@media (max-width:1024px){
#atc02 .inner{padding:60px 20px}	
#atc02 .inner .tit_area{padding-bottom:20px;text-align:center}
#atc02 .inner .tit_area .tit{line-height:2}
#atc02 .inner .tit_area .txt{display:block;padding:0;word-break:keep-all}
#atc02 .inner ul li{width:calc(50% - 10px);margin-bottom:20px!important}
#atc02 .inner ul li+li{margin:0}
#atc02 .inner ul li:nth-child(even){margin-left:20px}
}
@media (max-width:768px){
#atc02 .inner{padding:40px 20px}	
#atc02 .inner .tit_area .tit{font-size:28px;word-break:keep-all}
#atc02 .inner ul li{width:calc(50% - 5px);margin-bottom:10px!important}
#atc02 .inner ul li:nth-child(even){margin-left:10px}
#atc02 .inner ul li a{padding:148px 10px 0}
#atc02 .inner ul li a span{white-space:normal}
}
@media (max-width:480px){
#atc02 .inner .tit_area .tit{padding:6px 0;font-size:24px;line-height:1.5}
#atc02 .inner ul li{height:230px}
#atc02 .inner ul li a{padding-top:95px;background-position:center 25px!important;background-size:55px!important}	
#atc02 .inner ul li a p{font-size:16px}
}
@media (max-width:380px){
#atc02 .inner ul li{width:100%;height:auto;margin-bottom:10px!important}
#atc02 .inner ul li:nth-child(even){margin-left:0}
#atc02 .inner ul li a{padding:80px 20px 20px;background-position:center 20px!important}
}
/* 반응형 [e] */