@charset "utf-8";

#atc04{position:relative;max-width:1070px;margin:0 auto}
#atc04 .inner{width:100%;overflow:hidden}
#atc04 .tit_area{display:flex;align-items:center;justify-content:space-between;padding:20px 0 10px}
#atc04 .tit_area a{display:block;padding:12px 20px;border-radius:40px;background:#f1f1f1;font-size:14px;color:#222;font-family:"notokr-bold"}

#atc04 .ko_tit{line-height:50px;letter-spacing:-2px;font-size:18px;font-family:'notokr-bold'}


#atc04 .video_area{display:flex;align-items:center;justify-content:center;gap:20px}
#atc04 .video_area li{position:relative;overflow:hidden}
#atc04 .video_area li button{position:relative;width:100%;height:100%;border:none;background:#aaa}
#atc04 .video_area li button .youtube_img{position:relative;width:100%}
#atc04 .video_area li .subj{padding-top:5px;font-size:14px;color:#222;font-family:"notokr-medium"}
#atc04 .video_area li.empty{padding:144.4px;font-size:15px;text-align:center}
#atc04 .video_area li .video_txt{display:none}
#atc04 .video_area li button:before{position:absolute;content:"";left:0;top:0;z-index:1;width:100%;height:100%;transition:all .3s;background:none}
#atc04 .video_area li button .video_txt{display:block;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:10;margin-top:30px;font-size:17px;color:#fff;opacity:0;transition:all .3s;font-family:'notokr-medium'}
#atc04 .video_area li button .video_txt img{margin:23px auto}
#atc04 .video_area li .youtube_img{height:100%}
#atc04 .video_btn{margin:66px auto 0;display:block;width:210px;height:55px;line-height:55px;text-align:center;background:#fff;border-radius:50px;color:#125ad3;font-size:15px;font-family:'notokr-medium';transition:all .2s}
#atc04 .video_btn span{margin-left:30px}

@media(hover:hover){
#atc04 .video_area li button:hover:before{background:rgba(000,000,000,.5)}
#atc04 .video_area li button:hover .video_txt{opacity:1;margin-top:0}
#atc04 .video_btn:hover{background:#125ad3;color:#fff}
}
@media(max-width:1030px){
#atc04 .inner{padding:0 20px}
#atc04 .video_area{display:grid;grid-template-columns:repeat(2,1fr)}
}
@media(max-width:1024px){
#atc04{padding:80px 0 60px}
#atc04:after{height:55%}
#atc04 .ko_tit{padding-bottom:30px;font-size:36px;word-break:keep-all;line-height:1.3}
#atc04 .video_area{gap:15px}
#atc04 .video_area li{border-radius:12px}
#atc04 .video_btn{margin-top:30px}
}
@media(max-width:768px){
#atc04 .en_tit{font-size:14px}
#atc04 .ko_tit{padding:20px 0 30px;font-size:32px}
#atc04 .video_btn{width:170px;height:45px;line-height:45px}
#atc04 .video_btn span{margin-left:15px}

}
@media(max-width:500px){
#atc04 .video_area{display:flex;flex-direction:column}
}

@media(max-width:480px){
#atc04{padding:60px 0}
#atc04 .ko_tit{font-size:26px}	
}