@charset "utf-8";

#atc04{position:relative;width:100%;padding:70px 0;font-size:15px;line-height:1.5;background:#f2f2f2}
#atc04 .inner{display:flex;justify-content:space-between;max-width:1200px;margin:0 auto}
#atc04 .l_cont{font-weight:600;color:#333}
#atc04 .l_cont p{margin:15px 0 25px;font-size:35px;font-weight:300;color:#111;line-height:1.3;white-space:pre-line}
#atc04 .l_cont b{font-weight:700}
#atc04 .l_cont b span{color:var(--primary)}
#atc04 .l_cont a{display:flex;align-items:center;justify-content:space-between;width:280px;padding:13px 25px;border:2px solid var(--primary);border-radius:50px;font-size:18px;font-weight:700;color:var(--primary);transition:all .3s}
#atc04 .r_cont{display:flex;text-align:center;align-items:center}
#atc04 .r_cont li{display:flex;align-items:center;justify-content:center;width:230px;height:230px;border-radius:50%;box-shadow:0px 0px 15px 10px rgba(0,0,0,5%);background:#fff}
#atc04 .r_cont li+li{margin-left:-20px}
#atc04 .r_cont li .wrap>span{display:inline-block;padding:5px 15px;border-radius:50px;font-size:13px;font-weight:700;color:#fff;background:#050548;letter-spacing:0;font-family:'Poppins'}
#atc04 .r_cont li div{font-weight:700}
#atc04 .r_cont li div p{margin:10px 0 5px;font-size:20px;color:#111}
#atc04 .r_cont li div span b{color:var(--primary)}
#atc04 .r_cont li:last-child{width:270px;height:270px;color:#fff;background:#050548 url(img/bg.png)}
#atc04 .r_cont li:last-child p{color:#fff}
#atc04 .r_cont li:last-child .wrap>span{color:#050548;background:#fff}

/* 모바일 호버 X */
@media (hover: hover) {
#atc04 .l_cont a:hover{color:#fff;background:var(--primary)}
}

/* 반응형 [s] */
@media (max-width:1024px){
#atc04{padding:70px 10px}
#atc04 .l_cont p{font-size:27px;white-space:normal;word-break:keep-all}
#atc04 .r_cont li{width:200px;height:200px}
#atc04 .r_cont li:last-child{width:220px;height:220px;background-position:center}
#atc04 .r_cont li div p{font-size:16px}
#atc04 .l_cont a{width:240px;font-size:15px}
}
@media (max-width:768px){
#atc04 .inner{display:block}
#atc04 .l_cont{text-align:center}
#atc04 .l_cont a{margin:0 auto}
#atc04 .r_cont{justify-content:center;flex-wrap:wrap;margin-top:50px}
}
@media (max-width:480px){
#atc04{order:3;padding:40px 20px;font-size:14px}
#atc04 .l_cont p{margin:10px 0 20px;font-size:24px}
#atc04 .l_cont a{padding:10px 20px}
#atc04 .r_cont{display:none}
#atc04 .r_cont li{justify-content:flex-start;width:100%;height:auto;padding:15px;border-radius:10px;text-align:left}
#atc04 .r_cont li+li{margin-left:0;margin-top:10px}
#atc04 .r_cont li div{display:flex;gap:20px;align-items:center;justify-content:center}
#atc04 .r_cont li:last-child{width:100%;height:100px;background-size:cover}
}
@media (max-width:380px){
}
/* 반응형 [e] */