@charset "utf-8";

#atc02{overflow:hidden;position:relative;max-width:1400px;height:auto;z-index:10;margin:0 auto;padding:110px 100px 175px 100px;background-color:#fff}
#atc02:after{display:block;content:'';position:absolute;left:50%;top:0;width:800px;height:624px;z-index:-1;margin-left:-1000px}
#atc02 .tit{margin-bottom:85px}
#atc02 .tit h3{margin-bottom:25px;font-size:15px;font-weight:700;color:#111;font-family:'Poppins'}
#atc02 .tit .wrap{display:flex;align-items:center;justify-content:space-between}
#atc02 .tit .wrap .txt{display:flex;align-items:center;gap:20px}
#atc02 .tit .wrap .txt > span{font-size:16px}
#atc02 .tit .wrap .atc02_btn{display:flex;align-items:center;justify-content:center}
#atc02 .tit .atc02_btn .control{display:flex;align-items:center;justify-content:center;gap:10px;margin-left:20px;color:#111}
#atc02 .tit .atc02_btn .control .next,#atc02 .tit .atc02_btn .control .prev{display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:50%;border:1px solid #e1e1e1;cursor:pointer}
#atc02 .tit .atc02_btn .control .next svg,
#atc02 .tit .atc02_btn .control .prev svg{width:20px}
#atc02 .tit p{font-size:40px;color:#111;font-family:'notokr-bold'}
#atc02 .tit p span{color:var(--primary)}
#atc02 .tit .wrap > span{font-size:16px}

/*라테스트*/
#atc02 .tab-content li{height:350px;background:#f2f2f2}
#atc02 .tab-content li.empty{display:flex;align-items:center;justify-content:center}
#atc02 .tab-content li a{display:block;padding:60px 40px 40px 40px}
#atc02 .tab-content li .latest_tit{font-size:15px;color:#aaa;font-family:'notokr-bold'}
#atc02 .tab-content li.empty{width:100% !important}
#atc02 .tab-content li .wr_date{display:flex;align-items:center;justify-content:space-between;position:relative;width:100%;height:20%;padding:40px 20px 0 10px;margin-top:35px;border-top:1px solid #e1e1e1;font-size:13px;color:#777;font-family:"notokr-regular"}
#atc02 .tab-content li .wr_date i{color:#777}
#atc02 .tab-content li .wr_date::before{position:absolute;content:'';top:-1px;left:0;width:0;height:1px;background:var(--primary);transition:width .3s}
#atc02 .tab-content li .wr_cont{padding-left:10px}
#atc02 .tab-content li .subj{display:block;padding:40px 0 20px;font-size:20px;color:#111;font-family:'notokr-medium'}
#atc02 .tab-content li .lt_cont{font-size:15px;color:#aaa}
#atc02 .tab-content{overflow:hidden;width:100%}
#atc02 .tab-content .more_btn{display:block;width:150px;padding:15px 0;margin:40px auto 0;border-radius:150px;font-size:16px;color:#fff;text-align:center;background:#111;transition:0.33s;font-family:'notokr-medium'}

#atc02 .tabs{display:flex;justify-content:flex-start}
#atc02 .tabs ul{width:180px;margin-top:65px}
#atc02 .tabs ul li{padding-left:15px;padding-bottom:20px;font-size:20px;color:#777;cursor:pointer;font-family:'notokr-bold'}
#atc02 .tabs ul li::before{content:"";display:inline-block;position:relative;top:-5px;left:-13px;width:7px;height:7px;border-radius:100%;background:var(--primary);opacity:0}
#atc02 .tabs ul li.active{color:var(--primary)}
#atc02 .tabs ul li.active::before{opacity:1}
#atc02 .tab-content {display:none}
#atc02 .tab-content.active {display:block}
#atc02 .swiper-button-next, .swiper-button-prev{position:inherit;margin-top:inherit}
#atc02 .swiper-button-next:after, .swiper-button-prev:after{font-size:15px;font-weight:800;color:#111}

/* 모바일 호버 X */
@media (hover:hover){
#atc02 .tit .atc02_btn .control span:hover{border-color:#ccc}
#atc02 .tab-content li:hover .wr_date::before{width:100%}
#atc02 .tab-content li:not(.empty):hover{border:1px solid var(--primary);background:#fff}
#atc02 .tab-content li:hover .wr_date .view_more,
#atc02 .tab-content li:hover .latest_tit,
#atc02 .tab-content li:hover .wr_date i{color:var(--primary)}
#atc02 .tab-content li:hover svg{color:var(--primary)}
#atc02 .tab-content .more_btn:hover{background:var(--primary)}
}

/* 반응형 [s] */
@media (max-width:1400px){
#atc02{padding:110px 30px 174px}
}
@media (max-width:1230px){
#atc02 .tit{margin-bottom:60px}
#atc02 .tit p{font-size:35px}
#atc02 .tab-content li a{padding:60px 30px 40px}
#atc02 .tab-content li .subj{overflow:hidden;width:100%;font-size:17px;white-space:nowrap;text-overflow:ellipsis}
}
@media (max-width:1024px){
#atc02{padding:80px 30px 125px}
#atc02 .tit{margin-bottom:0}
#atc02 .tit p{font-size:33px}
#atc02 .tabs{display:block}
#atc02 .tabs ul{display:flex;width:100%;margin:45px 0 30px}
#atc02 .tabs ul li{padding:0 0 10px;font-size:18px}
#atc02 .tabs ul li.active{border-bottom:3px solid var(--primary)}
#atc02 .tabs ul li+li{margin-left:15px}
#atc02 .tabs ul li::before{display:none}
#atc02 .tab-content li{height:auto}
#atc02 .tab-content li a{padding:40px 25px}
#atc02 .tab-content li .lt_cont{overflow:hidden;height:48px}
}
@media (max-width:768px){
#atc02{padding:60px 15px 90px}
#atc02 .tit p{font-size:30px}
#atc02 .tit .wrap .txt{display:block}
#atc02 .tit .wrap .txt > span{display:block;margin-top:29px;font-size:15px}
#atc02 .tab-content li .wr_cont{padding-left:0}
#atc02 .tab-content li .subj{font-size:16px}
#atc02 .tab-content li .wr_date{padding:25px 0 0}
#atc02 .tab-content .more_btn{width:130px;padding:12px 0;font-size:15px}
}
@media (max-width:480px){
#atc02 .tit h3{font-size:13px}
#atc02 .tit p{font-size:25px}
#atc02 .tit .wrap{align-items:end}
#atc02 .tit .wrap .txt > span{margin-top:20px;font-size:14px;word-break:keep-all}
#atc02 .tit .atc02_btn .control .next, #atc02 .tit .atc02_btn .control .prev{width:40px;height:40px}
#atc02 .swiper-button-next:after, .swiper-button-prev:after{font-size:10px}
#atc02 .tabs ul li{font-size:16px}
#atc02 .tab-content li a{padding:30px 25px}
#atc02 .tab-content li .subj{padding:25px 0 15px;font-size:15px}
#atc02 .tab-content li .wr_date{margin-top:10px}
#atc02 .tab-content .more_btn{width:115px;padding:10px 0;font-size:14px}
}
@media (max-width:380px){
#atc02 .tit p{font-size:23px}
#atc02 .tabs ul{margin:40px 0 30px}
#atc02 .tabs ul li{font-size:15px}
}
/* 반응형 [e] */