@charset "utf-8";

#atc02{padding:176px 80px 180px}

#atc02 .top_img{display:flex;justify-content:space-between;padding-left:60px}
#atc02 .top_img .point_txt{position:relative;padding-left:58px;font-size:17px;line-height:1.6;font-weight:700;font-family:'Cabin', sans-serif}
#atc02 .top_img .point_txt:before{position:absolute;left:0;top:4px;content:'';width:17px;height:18px;background:url('./img/point_dot.png') no-repeat center}
#atc02 .top_img .point_txt a{display:block;margin-top:26px}
#atc02 .top_img .img_box{width:calc(100% - 258px);height:420px;background:url('./img/img01.jpg') no-repeat center;background-size:cover}
#atc02 .top_img .img_box a{display:block;width:100%;height:100%;}

#atc02 .txt_arae{display:flex;margin-top:-59px;padding-left:118px}
#atc02 .txt_arae .l_txt{font-size:85px;line-height:1.2;font-weight:700;white-space:pre-line;font-family:'Cabin', sans-serif}
#atc02 .txt_arae .l_txt img{display:inline-block;margin:-17px 0 0 53px}
#atc02 .txt_arae .r_txt{padding:184px 0 0 100px;white-space:pre-line}

#atc02 .late_area{display:flex;justify-content:end;column-gap:80px;margin-top:123px}
#atc02 .late_area .late_tit{font-size:17px;line-height:1;font-weight:700;white-space:nowrap;font-family:'Cabin', sans-serif}
#atc02 .late_area .late_box{width:1245px;border-top:1px solid #000}
#atc02 .late_area .late_box ul li{overflow:hidden;height:135px;padding:52px 30px;border-bottom:1px solid #000;transition:all .3s}
#atc02 .late_area .late_box ul li .lt_tit{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px;font-family:'Cabin', 'Pretendard'}
#atc02 .late_area .lt_tit .subj{font-size:18px;font-weight:700;color:#000}
#atc02 .late_area .lt_tit .date{color:#888}
#atc02 .late_area .lt_cont{display:none;width:60%;font-size:16px;line-height:26px;word-break:keep-all;color:#666}
#atc02 .late_area .late_box .go_page{display:block;float:right;width:140px;margin-top:30px;border-radius:50px;font-size:13px;font-weight:600;line-height:50px;text-align:center;background:#fff;transition:all .2s}

/* 모바일 호버 X */
@media (hover: hover) {
#atc02 .late_area .late_box ul li:hover{padding:62px 30px;height:238px}
#atc02 .late_area .late_box ul li:hover .lt_cont{display:block}
#atc02 .late_area .late_box .go_page:hover{color:#fff;background:var(--primary)}
}

@media (max-width:1800px){
#atc02 .txt_arae{justify-content:space-between;padding-left:60px}
#atc02 .txt_arae .r_txt{width:calc(100% - 905px);padding-left:0;white-space:normal;word-break:keep-all}
}
@media (max-width:1600px){
#atc02 .txt_arae{margin-top:-47px}
#atc02 .txt_arae .l_txt{font-size:75px}
#atc02 .txt_arae .l_txt img{height:53px;margin-left:30px}
#atc02 .txt_arae .r_txt{width:calc(100% - 800px);padding-top:130px}
}
@media (max-width:1430px){
#atc02{padding:176px 50px 180px}
#atc02 .top_img .point_txt{font-size:15px}
#atc02 .top_img{padding-left:0}
#atc02 .txt_arae{padding-left:0}
#atc02 .txt_arae .l_txt{font-size:67px}
#atc02 .txt_arae .l_txt img{height:45px;margin-left:25px}
#atc02 .txt_arae .r_txt{width:calc(100% - 740px);padding-top:120px}
#atc02 .late_area .late_tit{font-size:15px}
#atc02 .late_area .late_box{width:calc(100% - 185px)}
#atc02 .late_area .lt_cont{font-size:15px}
}
@media (max-width:1230px){
#atc02{padding:135px 30px 140px}
#atc02 .top_img .point_txt{padding-left:50px}
#atc02 .top_img .img_box{width:calc(100% - 220px);height:350px}
#atc02 .txt_arae{margin-top:-35px}
#atc02 .txt_arae .l_txt{font-size:60px}
#atc02 .txt_arae .r_txt{width:calc(100% - 680px)}
#atc02 .late_area .late_box ul li{height:115px;padding:40px 30px}
#atc02 .late_area .late_box ul li:hover{padding:50px 30px}
}
@media (max-width:1024px){
#atc02{padding:110px 15px 125px}
#atc02 .top_img .img_box{height:270px}
#atc02 .txt_arae{display:block;overflow:hidden}
#atc02 .txt_arae .l_txt{font-size:52px}
#atc02 .txt_arae .l_txt img{height:40px;margin-top:-13px}
#atc02 .txt_arae .r_txt{float:right;width:490px;padding-top:40px}
#atc02 .late_area{column-gap:normal;justify-content:space-between;margin-top:110px}
#atc02 .late_area .late_box{width:calc(100% - 165px)}
#atc02 .late_area .late_box ul li{height:auto}
#atc02 .late_area .late_box ul li:hover{padding:40px 30px}
#atc02 .late_area .late_box ul li .lt_tit{margin-bottom:10px}
#atc02 .late_area .lt_tit .subj{font-size:16px}
#atc02 .late_area .lt_cont{overflow:hidden;display:block;width:100%;white-space:nowrap;text-overflow:ellipsis}
}
@media (max-width:768px){
#atc02{padding:70px 15px 80px}
#atc02 .top_img{display:block}
#atc02 .top_img .point_txt{display:flex}
#atc02 .top_img .point_txt a{margin:21px 0 0 15px}
#atc02 .top_img .point_txt a img{height:11px}
#atc02 .top_img .img_box{width:100%;margin-top:25px}
#atc02 .txt_arae{margin-top:-20px}
#atc02 .txt_arae .l_txt{padding-left:50px;font-size:35px}
#atc02 .txt_arae .l_txt img{height:25px;margin:-8px 0 0 15px}
#atc02 .txt_arae .r_txt{width:calc(100% - 50px);padding-top:20px}
#atc02 .late_area{display:block;margin-top:85px}
#atc02 .late_area .late_tit{margin-bottom:25px}
#atc02 .late_area .late_box{overflow:hidden;width:100%}
#atc02 .late_area .late_box ul li{padding:30px 20px;border-bottom:1px solid rgba(000,000,000,.1)}
#atc02 .late_area .late_box ul li:last-child{border-bottom:1px solid #000}
#atc02 .late_area .late_box ul li:hover{padding:30px 20px}
#atc02 .late_area .late_box ul li .lt_tit{margin-bottom:5px}
#atc02 .late_area .lt_tit .subj{font-size:15px}
}
@media (max-width:480px){
#atc02 .top_img .point_txt{padding-left:40px;font-size:13px}
#atc02 .top_img .point_txt:before{top:6px;width:12px;height:12px;background-size:contain}
#atc02 .top_img .point_txt a{margin-top:19px}
#atc02 .top_img .img_box{height:170px}
#atc02 .txt_arae{margin-top:-17px}
#atc02 .txt_arae .l_txt{padding-left:20px;font-size:30px}
#atc02 .txt_arae .l_txt img{height:20px;margin-left:8px}
#atc02 .txt_arae .r_txt{width:calc(100% - 20px);padding-top:15px}
#atc02 .late_area{margin-top:75px}
#atc02 .late_area .late_tit{font-size:13px}
#atc02 .late_area .late_box ul li{padding:25px 15px}
#atc02 .late_area .late_box ul li:hover{padding:25px 15px}
#atc02 .late_area .lt_cont{font-size:14px}
#atc02 .late_area .late_box .go_page{width:125px;margin-top:20px;line-height:40px}
}
@media (max-width:380px){
#atc02 .top_img .img_box{height:135px}
#atc02 .txt_arae .l_txt{font-size:28px;word-break:keep-all}
#atc02 .late_area .late_box ul li .lt_tit{display:block}
#atc02 .late_area .lt_tit .date{display:none}
}