@charset "utf-8";

#atc03{padding:160px 12%;text-align:center;background:url(/sh_img/include/inc03/bg.jpg) center no-repeat;background-size:cover}
#atc03 .tit{margin-bottom:70px;font-size:3vw;color:#fff;font-family:'notokr-light'}

#atc03 ul{display:flex;flex-wrap:wrap;justify-content:center;width:1570px;margin:0 auto}
#atc03 ul li{display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;width:330px;height:330px;border-radius:50%;background:#fff}
#atc03 ul li:before{display:block;content:"";position:absolute;left:-15px;top:-15px;z-index:-1;width:calc(100% + 30px);height:calc(100% + 30px);border:2px solid #fff;border-radius:50%}
#atc03 ul li:nth-child(2){margin:0 8%}
#atc03 ul li:last-child{margin-left:8%}
#atc03 ul li span{padding:10px 30px;border-radius:30px;font-size:16px;font-weight:600;color:#fff;letter-spacing:0;background:#b2b2b2;font-family:'Inter' }
#atc03 ul li img:not(.plane){margin:20px 0}
#atc03 ul li p{padding:0 50px;word-break:keep-all;font-size:28px;line-height:1.35;color:#222;font-family:'notokr-bold'}
#atc03 ul li:nth-child(n+4){margin-top:20px}
#atc03 ul li:last-child span{background:var(--primary)}
#atc03 ul li:last-child p{color:var(--primary)}
#atc03 ul li+li:after{display:block;content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:40px;height:78px;margin-left:-23%;background:url(/sh_img/include/inc03/arr.png) no-repeat;background-size:cover}
#atc03 ul li .plane{position:absolute;right:-60%}

@media(max-width:1920px){
#atc03 ul{width:auto}
}
@media(max-width:1650px){
#atc03{padding:160px 5%}
}
@media(max-width:1320px){
#atc03{padding:120px 0}
#atc03 .tit{margin-bottom:50px;font-size:52px}
#atc03 ul li{width:280px;height:280px}	
#atc03 ul li img:not(.plane){width:50px}
#atc03 ul li:nth-child(2) img{width:60px}
#atc03 ul li p{font-size:24px}
#atc03 ul li .plane{width:180px}
}
@media(max-width:1024px){
#atc03 ul li{width:240px;height:240px}
#atc03 ul li+li:after{width:20px;height:39px;margin-left:-20%}
#atc03 ul li span{padding:8px 20px;font-size:14px}
#atc03 ul li img:not(.plane){width:40px;margin:15px 0}
#atc03 ul li:nth-child(2) img{width:50px}
#atc03 ul li p{padding:0 30px;font-size:20px}
#atc03 ul li .plane{right:-50%;width:150px}
}
@media(max-width:860px){
#atc03 ul li{width:200px;height:200px}
#atc03 ul li img:not(.plane){margin:10px 0}
#atc03 ul li span{padding:6px 15px;font-size:13px}
}
@media(max-width:768px){
#atc03{padding:40px 0}
#atc03 .tit{margin-bottom:30px;font-size:40px}
#atc03 ul{justify-content:space-around;padding:0 40px}
#atc03 ul li{width:42%;border-radius:14px}
#atc03 ul li:before{left:-8px;top:-8px;width:calc(100% + 16px);height:calc(100% + 16px);border-radius:14px;border:1px solid rgba(255,255,255,.5)}
#atc03 ul li p{padding:0 5px;font-size:22px}
#atc03 ul li:nth-child(2),#atc03 ul li:last-child,#atc03 ul li:nth-child(n+4){margin:0}
#atc03 ul li:nth-child(n+3){margin-top:45px}
#atc03 ul li+li:after{margin-left:-11%}
#atc03 ul li img:not(.plane){margin:15px 0}
#atc03 ul li .plane{right:-40%}
}
@media(max-width:480px){
#atc03 .tit{margin-bottom:15px;font-size:24px}
#atc03 ul{padding:0 10px}
#atc03 ul li{width:48%;height:auto;padding:15px 0}
#atc03 ul li:before{display:none}
#atc03 ul li:nth-child(n+3){margin-top:10px}
#atc03 ul li+li:after{display:none}
#atc03 ul li p{font-size:15px}
#atc03 ul li img:not(.plane){width:35px;margin:8px 0}
#atc03 ul li span{padding:5px 10px;font-size:11px}
#atc03 ul li .plane{right:-30%;width:100px}
}