@charset "utf-8";

#atc02 { background-color: white;}

#atc02 .inner{display:flex;width:100%;max-width:1100px;margin:0 auto;padding:146px 80px 72px}
#atc02 .txt_area{width:calc(100% - 475px);padding-top:10px}
#atc02 .txt_area .b_txt{font-size:48px;line-height:64px;color:#222;font-family:'SpoqaHanSansNeo-Bold'}
#atc02 .txt_area .b_txt:before{position:absolute;left:428px;top:138px;content:'';width:100px;height:100px;background:url('/sh_img/make24/inc02_popular_car/img/pop_car.png');background-size:cover}
#atc02 .txt_area .s_txt{margin-top:30px;font-size:20px;line-height:30px;white-space:pre-line;color:var(--primary-50)}

#atc02 .car_area{width:100%;padding-top:10px}
#atc02 .car_area .cup_txt{position:absolute;top:0;right:0;padding-left:27px;font-size:20px;text-align:left;color:#222;font-family:'SpoqaHanSansNeo-Bold'}
/*#atc02 .cup_area .cup_txt:before{position:absolute;left:0;top:8px;content:'';width:7px;height:7px;border-radius:100px;background:var(--primary)}
#atc02 .cup_area .cup_txt:after{position:absolute;left:-31px;top:11px;content:'';z-index:-1;width:31px;height:100px;border-left:1px solid var(--primary);border-top:1px solid var(--primary)}*/
#atc02 .car_area .cup_txt span{display:block;font-size:15px;color:var(--primary-50);font-family:'SpoqaHanSansNeo-Regular'}
#atc02 .car_area .cup_txt b{display:inline-block;width:106px;margin-right:5px;font-size:40px;font-weight:normal;color:var(--primary);font-family:'SpoqaHanSansNeo-Bold'}

@media (max-width:1230px){
#atc02 .inner{max-width:none;padding:146px 60px 30px}
#atc02 .txt_area .b_txt:before{position:absolute;left:389px;top:137px;}
}
@media (max-width:1024px){
#atc02 .inner{max-width:none;padding:81px 25px 25px}
#atc02 .txt_area{width:calc(100% - 410px)}
#atc02 .txt_area .b_txt{font-size:35px;line-height:51px}
#atc02 .txt_area .b_txt:before{position:absolute;left:253px;top:68px;content:'';width:90px;height:90px;background:url('/sh_img/make24/inc02_popular_car/img/pop_car.png');background-size:cover}
#atc02 .txt_area .s_txt{font-size:17px;line-height:27px}
#atc02 .car_area{width:100%;text-align:left}
#atc02 .car_area .cup_txt{top:0}
#atc02 .car_area .cup_txt b{width:95px;font-size:35px}
}
@media (max-width:768px){
#atc02 .inner{max-width:none;padding:56px 35px 20px}
#atc02 .txt_area{width:calc(100% - 335px)}
#atc02 .txt_area .b_txt{font-size:30px;line-height:46px}
#atc02 .txt_area .b_txt:before{position:absolute;left:220px;top:35px;}
#atc02 .txt_area .s_txt{margin-top:20px;font-size:16px;line-height:26px}
#atc02 .cup_area{width:335px}
#atc02 .cup_area .cup_img img{width:225px}
}
@media (max-width:650px){
#atc02 .txt_area{width:250px;padding-top:0}
#atc02 .txt_area .s_txt{margin-top:10px;white-space:normal;word-break:keep-all}
#atc02 .txt_area .b_txt:before{position:absolute;left:225px;top:25px;}
#atc02 .cup_area{width:calc(100% - 250px);padding-top:30px;text-align:right}
#atc02 .cup_area .cup_img img{width:170px}
#atc02 .cup_area .cup_txt{padding-left:0;font-weight:15px;text-align:right}
#atc02 .cup_area .cup_txt b{width:80px;font-size:30px}
}
@media (max-width:480px){
#atc02 .inner{padding:55px 15px 0px}
#atc02 .txt_area{width:220px}
#atc02 .txt_area .b_txt{font-size:25px;line-height:35px}
#atc02 .txt_area .b_txt:before{position:absolute;left:172px;top:18px;}
#atc02 .txt_area .s_txt{font-size:15px;line-height:25px}
#atc02 .cup_area{width:calc(100% - 220px);padding-top:0}
#atc02 .cup_area .cup_img img{width:100%;max-width:160px}
#atc02 .cup_area .cup_txt{position:initial}
#atc02 .cup_area .cup_txt b{width:80px;font-size:30px}
}
@media (max-width:380px){
#atc02 .inner{padding:55px 15px 0px;display:block}
#atc02 .txt_area{width:100%;}
#atc02 .txt_area .s_txt{white-space:pre-line}
#atc02 .cup_area{width:100%;text-align:center}
#atc02 .cup_area .cup_txt{text-align:center}
#atc02 .cup_area .cup_img img{width:100%;margin-left:-40px}
}