@charset "utf-8";

#atc02{position:relative;overflow:hidden;width:100%;height:1000px}
#atc02:before{position:absolute;z-index:-1;left:0;top:0;content:'';width:50%;height:1000px;background:#111f30}
#atc02 .line_area{position:absolute;z-index:-1;left:50%;top:0;width:1200px;height:1000px;margin-left:-600px}
#atc02 .line_area > div{float:left;width:25%;height:1000px;border-left:1px solid rgba(255,255,255,.1)}
#atc02 .line_area > div:last-child{border-left:1px solid rgba(0,0,0,.1);border-right:1px solid rgba(0,0,0,.1)}

#atc02 .txt_area{padding-top:137px;width:1200px;margin:0 auto}
#atc02 .txt_area .tit{font-size:40px;color:#fff;font-family:'Rozha One'}
#atc02 .txt_area .txt_box{overflow:hidden;padding-top:12px}
#atc02 .txt_area .txt_box > div{float:left;width:50%;font-size:14px;line-height:24px;color:rgba(255,255,255,.5);font-family:'notokr-regular'}
#atc02 .txt_area .txt_box .l_txt{padding-right:40px}
#atc02 .txt_area .txt_box .r_txt{padding-left:40px;color:#888888}

#atc02 .img_area{position:absolute;bottom:0;left:50%;width:1200px;height:675px;margin-left:-600px}
#atc02 .img_area .l_box{width:472px;padding-top:103px}
#atc02 .img_area .l_box > div{overflow:hidden;width:472px;height:276px;opacity:0;transition:all 1s}
#atc02 .img_area .l_box .img01{margin-bottom:20px}
#atc02 .img_area .l_box .img02{transition-delay:.2s}
#atc02 .img_area .r_box{overflow:hidden;position:absolute;left:492px;bottom:-46px;width:1250px;height:675px;opacity:0;transition:all 1s;transition-delay:.4s}
#atc02 .img_area .r_box iframe{width:1060px;height:598px}

#atc02 .img_area a > img{transition:all .3s}
#atc02 .img_area a:hover img{transform:scale(1.1,1.1)}

#atc02 .img_area.active{}
#atc02 .img_area.active .l_box > div{opacity:1}
#atc02 .img_area.active .r_box{opacity:1}