@charset "utf-8";
#atc02{position:relative;margin:150px auto 0;width:80%}
#atc02 .tit{display:flex;justify-content:space-between;align-items:flex-start;width:100%}
#atc02 .tit h2{font-size:35px;font-weight:700;color:var(--primary)}
#atc02 .tit .nav_container{display:flex;gap:25px}
#atc02 .tit .nav_container div svg{width:21px;height:21px;color:var(--primary);cursor:pointer;transition:all .3s}
#atc02 .inc02_slide{overflow:hidden;position:relative;margin-top:60px;width:100%}
#atc02 .inc02_slide .img_cont{overflow:hidden;position:relative;width:100%;height:570px}
#atc02 .inc02_slide .img_cont img{width:100%;height:100%;object-fit:cover;transition:all .5s}
#atc02 .inc02_slide .img_cont div{opacity:0;position:absolute;z-index:2;top:55%;left:50%;transform:translate(-50%, -50%);transition:all .5s;font-size:48px;font-weight:700;letter-spacing:2px;font-family:var(--e-font);color:#fff}
#atc02 .latest{margin-top:50px}
#atc02 .latest .tit_cont{display:flex;justify-content:space-between;align-items:center;padding-bottom:30px;margin-bottom:40px;border-bottom:2px solid #111;color:var(--primary)}
#atc02 .latest .tit_cont svg{stroke-width:1.5px;color:var(--primary);transition:all .3s}
#atc02 .latest .en{font-size:15px;font-weight:400;font-family:var(--e-font)}
#atc02 .latest h3, #atc02 .latest div.clone{margin-top:5px;font-size:25px;font-weight:700}
#atc02 .latest ul li+li{margin-top:15px}
#atc02 .latest ul li a{display:flex;align-items:center;gap:40px}
#atc02 .latest ul li .img_cont{overflow:hidden;width:calc(30% - 20px);height:190px;transition:all .3s}
#atc02 .latest ul li .img_cont img{width:100%;height:100%;object-fit:cover;transition:all .3s}
#atc02 .latest ul li .txt{width:calc(70% - 20px);color:var(--primary)}
#atc02 .latest ul li .txt div{font-size:13px;font-weight:400;font-family:var(--e-font)}
#atc02 .latest ul li .txt h4, #atc02 .latest ul li .txt div.clone{margin-top:3px;font-size:16px;font-weight:700}
#atc02 .latest ul li .txt p{margin-top:15px;font-size:15px;font-weight:400;color:#777}
#atc02 .latest .empty{text-align:center;font-size:20px}

#atc02 .inc02_slide .img_cont a:hover div{opacity:1;top:50%}
#atc02 .inc02_slide .img_cont a:hover img{filter:brightness(0.5);transform:scale(1.1)}
#atc02 .tit .nav_container div:hover svg{color:var(--hover-color)}
#atc02 .latest a:hover svg{transform:translate(5px, -5px)}
#atc02 .latest ul li a:hover img{filter:brightness(0.5);transform:scale(1.1)}

/* 반응형 [s] */
@media (hover:hover){
#atc02 .inc02_slide .img_cont a:hover div{opacity:1;top:50%}
#atc02 .inc02_slide .img_cont a:hover img{filter:brightness(0.5);transform:scale(1.1)}
#atc02 .tit .nav_container div:hover svg{color:var(--hover-color)}
#atc02 .latest a:hover svg{transform:translate(5px, -5px)}
#atc02 .latest ul li a:hover img{filter:brightness(0.5);transform:scale(1.1)}
}
@media(max-width:1980px){
#atc02 .inc02_slide .img_cont{height:480px}
#atc02 .latest ul li .img_cont{height:160px}
}
@media (max-width:1380px){
#atc02{margin-top:130px;width:90%}
#atc02 .tit h2{font-size:30px}
#atc02 .latest ul li a{gap:30px}
#atc02 .latest ul li .img_cont{width:calc(30% - 15px);height:140px}
#atc02 .latest ul li .txt{width:calc(70% - 15px)}
#atc02 .inc02_slide .img_cont{height:420px}
}
@media (max-width:1024px){
#atc02{margin-top:100px;width:95%}
#atc02 .tit h2{font-size:26px}
#atc02 .inc02_slide{margin-top:45px}
#atc02 .inc02_slide .img_cont{height:330px}
#atc02 .inc02_slide .img_cont div{font-size:34px}
#atc02 .latest h3, #atc02 .latest div.clone{font-size:20px}
#atc02 .latest .tit_cont{padding-bottom:25px;margin-bottom:25px}
#atc02 .latest .tit_cont svg{width:22px;height:22px}
#atc02 .latest ul li a{gap:20px}
#atc02 .latest ul li .img_cont{width:calc(35% - 10px);height:140px}
#atc02 .latest ul li .txt{width:calc(65% - 10px)}
#atc02 .latest ul li .txt h4, #atc02 .latest ul li .txt div.clone{font-size:15px}
#atc02 .latest ul li .txt p{font-size:14px}
#atc02 .latest .empty{font-size:18px}
}
@media (max-width:768px){
#atc02{margin-top:80px}
#atc02 .tit{justify-content:center;text-align:center}
#atc02 .tit h2{font-size:24px}
#atc02 .tit .nav_container{display:none}
#atc02 .inc02_slide{margin-top:35px}
#atc02 .inc02_slide .img_cont{height:320px}
#atc02 .latest a{display:none}
#atc02 .latest .tit_cont{justify-content:center;text-align:center}
#atc02 .latest ul{display:flex;gap:15px}
#atc02 .latest ul li{width:calc(50% - 8px)}
#atc02 .latest ul li+li{margin-top:0px}
#atc02 .latest ul li a{flex-direction:column}
#atc02 .latest ul li .img_cont{width:100%;height:180px}
#atc02 .latest ul li .txt{width:95%;text-align:center}
#atc02 .latest ul li .txt p{margin-top:10px}
#atc02 .latest .empty{width:100%;font-size:16px}
}
@media (max-width:480px){
#atc02 .tit h2{font-size:21px}
#atc02 .inc02_slide{margin-top:30px}
#atc02 .inc02_slide .img_cont{height:250px}
#atc02 .inc02_slide .img_cont div{font-size:30px}
#atc02 .latest .en{font-size:14px}
#atc02 .latest h3, #atc02 .latest div.clone{font-size:19px}
#atc02 .latest ul{gap:10px}
#atc02 .latest ul li{width:calc(50% - 5px)}
/* #atc02 .latest ul li{width:100%} */
#atc02 .latest ul li .img_cont{height:150px}
#atc02 .latest ul li .txt p{font-size:13px}
#atc02 .latest .empty{font-size:15px}
}
@media (max-width:390px){
#atc02{margin-top:70px}
#atc02 .tit h2{font-size:19px}
#atc02 .inc02_slide .img_cont{height:220px}
#atc02 .inc02_slide .img_cont div{font-size:26px}
#atc02 .latest{margin-top:40px}
#atc02 .latest h3, #atc02 .latest div.clone{font-size:17px}
#atc02 .latest .tit_cont{padding-bottom:20px;margin-bottom:20px}
#atc02 .latest ul li .img_cont{height:130px}
#atc02 .latest ul li .txt div{font-size:12px}
#atc02 .latest ul li .txt h4, #atc02 .latest ul li .txt div.clone{font-size:14px}
#atc02 .latest ul li .txt p{font-size:12px}
#atc02 .latest .empty{font-size:14px}
}
/* 반응형 [e] */