@charset "utf-8";

#atc03{position:relative;z-index:5;padding:270px 0 0;color:#111;text-align:center;text-transform:uppercase}
#atc03 .ctxt{position:absolute;left:40px;top:30%;transform:translateY(-50%);font-size:17px;line-height:22px;text-align:left}

/* 텍스트 + 이미지 */
#atc03 .txt_area{position:relative;z-index:2}
#atc03 .txt_area p{display:inline-block;position:relative;margin-bottom:20px;font-size:68px;font-weight:500;line-height:1}
#atc03 .txt_area .circle{display:block;position:absolute;left:0;bottom:0;width:315px;height:70px;border-radius:50%;border:1px solid #111}
#atc03 .txt_area .desc{font-family:'notokr-medium';word-break:keep-all}
#atc03 .img{position:relative;z-index:1;max-width:580px;width:100%;aspect-ratio:580/745;margin:0 auto;overflow:hidden}
#atc03 .img img{width:100%;height:100%;object-fit:cover}
#atc03 .btxt{position:relative;z-index:1;font-size:140px;line-height:1;letter-spacing:-6px}

/* 배경 */
#atc03 .bg{overflow:hidden;width:100%;height:900px}
#atc03 .bg .inner{height:100%;background:url(./bg.jpg) center no-repeat;background-size:cover}

@media (max-width:1400px){
#atc03{padding:170px 0 0}
#atc03 .txt_area p{font-size:56px}
#atc03 .txt_area .circle{width:300px;height:65px}
#atc03 .btxt{font-size:130px}
#atc03 .bg{height:800px}
}
@media (max-width:1200px){
#atc03 .txt_area p{margin-bottom:40px;font-size:46px}
#atc03 .txt_area .circle{width:230px;height:52px}
#atc03 .img{max-width:500px}
#atc03 .btxt{font-size:100px}
#atc03 .bg{height:725px}
}
@media (max-width:1024px){
#atc03{padding:140px 0 0}
#atc03 .bg{height:620px}
#atc03 .txt_area p{margin-bottom:20px;font-size:38px}
#atc03 .txt_area .circle{width:170px;height:40px}
#atc03 .img{max-width:400px}
}
@media (max-width:768px){
#atc03{padding:100px 0 0}
#atc03 .txt_area p{font-size:30px}
#atc03 .txt_area .circle{width:155px;height:32px}
#atc03 .txt_area .desc{font-size:14px}
#atc03 .bg{height:495px}
#atc03 .btxt{font-size:80px;letter-spacing:-4px}
#atc03 .ctxt{display:none}
}    
@media (max-width:600px){
#atc03 .btxt{font-size:55px}    
}
@media (max-width:480px){
#atc03 .txt_area p{font-size:26px}
#atc03 .txt_area .circle{width:120px;height:28px}
#atc03 .btxt{font-size:48px}
#atc03 .img{padding:0 15px}
}
@media (max-width:390px){
#atc03{padding:60px 0 0}
#atc03 .txt_area{padding:0 15px}
#atc03 .txt_area p{margin-bottom:15px}
#atc03 .txt_area .desc{margin-bottom:40px;line-height:1.6}
#atc03 .img{position:absolute}
#atc03 .bg{height:365px;margin-top:210px}
#atc03 .btxt{display:none}
}