@charset "utf-8";

#atc04 .top_box{max-width:1500px;width:100%;margin:0 auto;padding-bottom:100px}
#atc04 .top_box p{position:relative;padding-left:22px;color:#aaa;font-size:15px;font-weight:700;text-transform:uppercase}
#atc04 .top_box p:after{position:absolute;content:"";left:0;top:10px;width:6px;height:6px;background:var(--primary);border-radius:50px}
#atc04 .top_box h2{padding-top:60px;color:#111;line-height:1.3;font-size:40px}
#atc04 .wrap{display:flex}
#atc04 .latest{width:100%}
#atc04 .latest .list{display:flex;flex-direction:column;justify-content:center;position:relative;padding:50px 90px;border-top:1px solid #e1e1e1;font-family:var(--k-font)}
#atc04 .latest .list.aos-animate:before{width:100%}
#atc04 .latest .list a{font-weight:500;color:#aaa}
#atc04 .latest .list .subj{padding-bottom:30px;color:#111;font-size:17px;font-weight:600}
#atc04 .latest .list .cont{padding-bottom:20px;transition:0.5s}
#atc04 .latest .list .date{font-size:15px;transition:0.5s}
#atc04 .latest .list ul{margin-bottom:16px}
#atc04 .latest .list ul li span{display:block;font-size:16px;font-weight:700;color:#111}
#atc04 .latest .list ul li .status em{display:inline-block;width:6px;height:6px;border-radius:100%;border:1px solid var(--primary)}
#atc04 .latest .list ul li .status em+em{margin-left:5px;border:none;font-weight:200;background:rgba(0,0,0,0.1)}
#atc04 .latest .list ul li .status em.on{background-color:var(--primary)}
#atc04 .latest .flex{display:flex;justify-content:space-between;color:#888}

/* 반응형 [s] */
@media (hover:hover){
#atc04 .latest .list:hover .cont, #atc04 .latest .list:hover .date{color:#000}
}
@media (max-width:1780px){
#atc04 .wrap img{width:50%;object-fit:cover}
#atc04 .latest{width:50%}
}
@media (max-width:1380px){
#atc04 .top_box{max-width:unset;width:90%}
#atc04 .top_box h2{font-size:35px}
#atc04 .latest .list{padding:50px 60px}
}
@media (max-width:1024px){
#atc04 .top_box{padding-bottom:80px;width:95%}
#atc04 .top_box h2{padding-top:50px;font-size:30px}
#atc04 .latest .list{padding:30px 40px}
#atc04 .latest .list ul{margin-bottom:10px}
#atc04 .latest .list .subj{padding-bottom:25px;font-size:16px}
#atc04 .latest .list .cont{padding-bottom:10px;font-size:15px}
#atc04 .latest .list .date{font-size:14px}
}
@media (max-width:768px){
#atc04 .top_box{padding-bottom:60px}
#atc04 .top_box p{padding-left:0px;padding-top:18px;text-align:center}
#atc04 .top_box p:after{top:0px;left:50%;transform:translateX(-50%)}
#atc04 .top_box p:after{top:7px}
#atc04 .top_box h2{padding-top:22px;font-size:26px;text-align:center}
#atc04 .latest .list{padding:25px 2.5%}
#atc04 .latest .list ul{margin-bottom:6px}
#atc04 .latest .list ul li{text-align:center}
#atc04 .latest .list .subj{padding-bottom:4px;text-align:center}
#atc04 .latest .flex{flex-direction:column;justify-content:center;align-items:center;text-align:center}
#atc04 .latest .list .cont{padding-bottom:2px}
}
@media (max-width:480px){
#atc04{padding-bottom:30px}
#atc04 .top_box{padding-bottom:45px}
#atc04 .top_box p{font-size:13px}
#atc04 .top_box h2{padding-top:18px;font-size:21px}
#atc04 .wrap{flex-direction:column-reverse;margin:auto;width:95%;overflow:hidden}
#atc04 .latest{display:flex;flex-wrap:wrap;width:100%}
#atc04 .latest .list{padding:30px 2.5%;width:100%;border:1px solid #e1e1e1}
#atc04 .latest .list:nth-child(1){border-right:none}
#atc04 .latest .list:nth-child(-n+2){width:50%}
#atc04 .latest .list:nth-child(3){border-top:none}
#atc04 .latest .list ul{margin-bottom:3px}
#atc04 .latest .list .subj{font-size:15px}
#atc04 .latest .list .cont{font-size:14px}
#atc04 .latest .list .date{font-size:13px}
#atc04 .wrap img{position:relative;left:-1px;width:101%;height:300px}
}
@media (max-width:380px){
#atc04{padding-bottom:20px}
#atc04 .top_box{padding-bottom:36px}
#atc04 .top_box h2{padding-top:16px;font-size:19px}
#atc04 .latest{flex-wrap:nowrap;flex-direction:column}
#atc04 .latest .list:nth-child(1){border-right:1px solid #e1e1e1}
#atc04 .latest .list:nth-child(2){border-top:none}
#atc04 .latest .list:nth-child(-n+2){width:100%}
#atc04 .latest .list .subj{font-size:14px}
#atc04 .latest .list .cont{font-size:13px}
#atc04 .latest .list .date{font-size:12px}
#atc04 .wrap img{height:270px}
}
/* 반응형 [e] */