@charset "utf-8";

#atc03{position:relative;padding:0 0 160px 0;border-top:1px solid #e1e1e1}
#atc03 .tit{position:absolute;top:-86px;padding:80px 116px 80px 190px;color:#fff;background:var(--primary);line-height:1.3;font-size:40px}
#atc03 .tit p{padding-bottom:50px;font-weight:600;font-size:16px;font-family: var(--e-font)}
#atc03 .latest .top_box{display:flex;justify-content:space-between;width:100%;max-width:1500px;margin:0 auto;padding:100px 0 40px 550px;align-items:center}
#atc03 .latest .top_box .left .tap{display:flex;gap:20px;font-weight:700;font-size:23px;cursor:pointer;}
#atc03 .latest .top_box .left .tap li{color:#aaa;transition:all .2s}
#atc03 .latest .top_box .left .tap li.active{color:#111}
#atc03 .latest .lt_cont{width:100%;max-width:1500px;display:flex;margin:0 auto;justify-content:flex-end}
#atc03 .latest .lt_cont .tabs{width:63%;border-top:3px solid #111}
#atc03 .tab-content {display:none}
#atc03 .tab-content.active{display:block}
#atc03 .latest .top_box .btn_container a{display:flex;align-items:center;justify-content:center;gap:14px;width:174px;line-height:55px;color:#111;border:1px solid #e1e1e1;border-radius:50px;font-weight:700;font-size:13px;transition:all 0.2s}
#atc03 .latest .top_box .btn_container a svg{width:18px}
#atc03 .wrap .wr_cont{padding:50px;color:#666;border-bottom:1px solid #e1e1e1;font-size:16px}
#atc03 .wrap .wr_cont .flex{display:flex;align-items:center;justify-content:space-between;padding-bottom:26px}
#atc03 .wrap .wr_cont .flex .subj{display: inline-block;color: #111;font-weight:700;font-size:18px}

/* 반응형 [s] */
@media (hover:hover){
#atc03 .latest .top_box .btn_container a:hover{gap:20px}
}
@media (max-width:1750px){
#atc03 .tit{padding:80px 116px 80px 120px;font-size:34px}

}
@media (max-width:1340px){
#atc03 .tit{padding:80px 70px 80px 70px;font-size:35px}
#atc03 .latest .top_box{padding:100px 0 40px 470px}
}
@media (max-width:1100px){
#atc03{height:auto}
#atc03 .tit{position:static}
#atc03 .latest{padding:0 30px}
#atc03 .latest .top_box{padding:30px 0}
#atc03 .latest .lt_cont .tabs{width:100%}
#atc03 .wrap .wr_cont{padding:36px}
}
@media (max-width:1024px){
#atc03{padding:0 0 80px 0}
#atc03 .tit{padding:50px 70px;text-align: center;}
#atc03 .wrap .wr_cont{padding: 24px 2.5%;font-size:15px}
#atc03 .wrap .wr_cont .flex .subj{font-size:17px}
#atc03 .latest .top_box .left .tap{font-size:21px}
}
@media (max-width:768px){
#atc03 .tit{font-size:28px}
#atc03 .latest{padding:0 15px}
}
@media (max-width:480px){
#atc03{padding-bottom:60px}
#atc03 .tit{font-size:24px}
#atc03 .tit p{padding-bottom:30px;font-size:13px}
#atc03 .latest .top_box{padding:15px 0}
#atc03 .latest .top_box .left .tap{font-size: 17px;}
#atc03 .wrap .wr_cont .flex{align-items:baseline;flex-direction:column}
#atc03 .latest .top_box .btn_container a{width:150px;line-height:44px;font-size:12px}
#atc03 .wrap .wr_cont{font-size:14px}
#atc03 .wrap .wr_cont .flex .subj{font-size:16px}
}
@media (max-width:380px){
#atc03 .tit{padding:50px 20px}
}
/* 반응형 [e] */