@charset "utf-8";

#atc03 .inner{display:flex;gap:50px}
#atc03 .l_cont{width:50%}
#atc03 .top_cont{display:flex;justify-content:space-between}
#atc03 .type{display:flex;align-items:center;gap:20px;color:#aaa;font-size:16px;font-weight:700;}
#atc03 .type li{cursor:pointer;transition:all .3s}
#atc03 .type li.on{color:var(--primary)}
#atc03 .r_cont{width:50%}
#atc03 .r_cont .lk_txt{justify-content:flex-end}
#atc03 .cont{border-top:2px solid var(--primary)}
#atc03 .tab-content{display:none}
#atc03 .tab-content.on{display:block}
#atc03 .tabs li{position:relative;list-style:none;border-bottom:1px solid #e1e1e1;transition:all .3s}
#atc03 .tabs li.empty{padding:30px}
#atc03 .tabs li a{display:flex;padding:20px 30px}
#atc03 .tabs li a .lt_tit{position:relative;margin-right:15px;padding-right:15px;font-weight:700;color:#aaa}
#atc03 .tabs li a .lt_tit:after{position:absolute;content:'';top:50%;right:0;width:2px;height:12px;transform:translateY(-50%);background:#e1e1e1}
#atc03 .tabs li a .subj{font-size:16px;font-weight:500}
#atc03 .tabs li a .date{margin-left:auto;color:#aaa}
#atc03 .video_area{margin-top:20px}
#atc03 .video_area li{position:relative;overflow:hidden;height:330px;border-radius:20px}
#atc03 .video_area li button{position:relative;width:100%;height:100%;background:#aaa}
#atc03 .video_area li button:after{position:absolute;content:'';top:0;left:0;width:100%;height:100%;opacity:0;background:rgba(0,0,0,.7);transition:all .3s}
#atc03 .video_area li button .youtube_img{position:relative;width:100%;height:100%;object-position:center;object-fit:cover;transition:all .3s}
#atc03 .video_area li.empty{display:flex;align-items:center;justify-content:center;border:1px solid #e1e1e1}
#atc03 .video_area li .video_txt{display:none;position:absolute;z-index:10;top:50%;left:50%;width:100%;font-size:18px;font-weight:600;color:#fff;transform:translate(-50%, -50%)}
#atc03 .video_area li .video_txt span{display:block;margin-bottom:15px}
#atc03 .lk_txt{margin-top:20px}

@media(hover:hover){
#atc03 .type li:hover{margin:0 5px}
#atc03 .tabs li:hover{background:#f5f5f5}
#atc03 .video_area li button:hover:after{opacity:1}
#atc03 .video_area li button:hover .video_txt{display:block}
}
/* 반응형 [s] */
@media (max-width:1024px){
#atc03{padding:0 15px}
#atc03 .type{font-size:15px}
#atc03 .cont{margin-top:10px}
#atc03 .tabs li a{align-items:center;font-size:14px}
#atc03 .tabs li a .subj{font-size:15px}
#atc03 .inner{flex-direction:column;gap:10px}
#atc03 .l_cont{width:100%}
#atc03 .r_cont{width:50%;margin:0 auto}
#atc03 .r_cont .lk_txt{justify-content:center}
}
@media (max-width:600px){
#atc03 .atc_tit{margin-bottom:0 !important}
#atc03 .r_cont{width:100%}
#atc03 .tabs li a{padding:12px}
#atc03 .tabs li a .lt_tit{display:none}
}
@media (max-width:480px){
#atc03 .top_cont{flex-wrap:wrap;justify-content:center;gap:20px}
#atc03 .tabs li a{justify-content:space-between}
#atc03 .tabs li a .subj{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}
#atc03 .tabs li a .date{margin-left:10px;font-size:12px}
}
/* 반응형 [e] */