@charset "utf-8";

#atc02{padding:180px 0;margin-top:180px;background:url(/sh_img/include/inc02/bg01.png) left 160px no-repeat, url(/sh_img/include/inc02/bg02.png) right bottom no-repeat var(--pale)}
#atc02 .center{margin-bottom:120px;text-align:center}
#atc02 .ci{display:inline-flex;align-items:center;text-align:left;line-height:1}
#atc02 .ci img{margin-right:18px}
#atc02 .ci p{padding-top:2px;font-size:46px;color:#222;letter-spacing:-.3px;font-family:'NEXEN_TIRE_Bold'}
#atc02 .ci span{font-size:21px;font-weight:700;color:rgba(0,0,0,.4);letter-spacing:.3px;text-transform:uppercase;font-family:'inter'}

#atc02 .flex{display:flex;padding:0 15%}
#atc02 .tit{flex-shrink:0}
#atc02 .tit span{display:inline-block;padding:15px 30px;border-radius:30px;font-size:18px;font-weight:700;color:#fff;letter-spacing:0;background-color:var(--primary);font-family:'Inter'}
#atc02 .tit p{margin-top:10px;font-size:2.8vw;color:#222;font-family:'notokr-light'}
#atc02 ul{display:flex;justify-content:flex-end;flex-wrap:wrap}
#atc02 ul li{max-width:635px;width:43%}
#atc02 ul li p{margin-bottom:20px;font-size:2.2vw;color:#222;line-height:1.2;font-family:'notokr-light'}
#atc02 ul li > div{margin-top:25px;padding-left:5%}
#atc02 ul li:nth-child(even){margin:100px 0 0 7%}
#atc02 ul li img{width:100%}

@media(max-width:1650px){
#atc02 .flex{padding:0 5%}
}
@media(max-width:1320px){
#atc02{padding:120px 0;margin-top:120px}
#atc02 .flex{padding:0 3%;flex-wrap:wrap}
#atc02 .center{margin-bottom:60px}
#atc02 .tit{width:100%;margin-bottom:40px;text-align:center}
#atc02 .tit p{font-size:52px}
#atc02 ul{justify-content:space-between}
#atc02 ul li{width:49%}
#atc02 ul li:nth-child(even){margin:100px 0 0 0}
#atc02 ul li > div{padding-left:20px}
#atc02 ul li p{font-size:38px}
}
@media(max-width:1024px){
#atc02 .flex{padding:0 20px}
#atc02 ul li > div{margin-top:-15px}
}
@media(max-width:768px){
#atc02{padding:70px 0;margin-top:50px}
#atc02 .ci img{width:90px}
#atc02 .ci p{font-size:33px}
#atc02 .ci span{font-size:14px;letter-spacing:.9px}
#atc02 .tit p{font-size:40px}
#atc02 ul li{max-width:100%;width:100%}
#atc02 ul li:nth-child(even){margin:0}
#atc02 ul li+li{margin-top:50px!important}
}
@media(max-width:480px){
#atc02{padding:40px 0;margin-top:40px}
#atc02 .flex{padding:0 15px}
#atc02 .center{margin-bottom:40px}
#atc02 .ci img{width:60px;margin-right:10px}
#atc02 .ci p{font-size:24px}
#atc02 .ci span{font-size:10px;letter-spacing:.72px}
#atc02 .tit{margin-bottom:20px}
#atc02 .tit p{font-size:24px}	
#atc02 .tit span{padding:10px 20px;font-size:12px}
#atc02 ul li p{margin-bottom:15px;font-size:24px}
#atc02 ul li > div{margin-top:-12px}
#atc02 ul li+li{margin-top:30px!important}
}
@media(max-width:380px){
#atc02 .ci img{width:50px}
#atc02 .ci p{font-size:23px}
#atc02 .ci span{font-size:11px;letter-spacing:-.2px}
#atc02 .tit p{font-size:28px}
#atc02 ul li p{font-size:28px}
}