@charset "utf-8";

#atc01{overflow:hidden;position:relative;width:100%}
#atc01 .atc01_cont{position:relative;z-index:2;max-width:1200px;margin:0 auto;padding:190px 0}
#atc01 .atc01_cont .cont01{position:relative;z-index:100;display:flex;flex-direction:row-reverse;align-items:flex-end;justify-content:space-between;gap:100px;width:100%;height:826px}
#atc01 .atc01_cont .cont02{position:relative;z-index:100;display:flex;flex-direction:row-reverse;align-items:flex-start;justify-content:space-between;gap:100px;width:100%;height:988px}

#atc01 .atc01_cont .cont01 .ball{left:-28px;top:0}
#atc01 .atc01_cont .cont01 .right_img{position:relative}
#atc01 .atc01_cont .cont01 .right_img .img_box{overflow:hidden;max-width:735px;width:100%;height:826px}
#atc01 .atc01_cont .cont01 .right_img .img_box img{width:100%;height:100%;object-fit:cover;transition:all 1s}
#atc01 .atc01_cont .cont01 .right_img:before{position:absolute;left:-451px;top:194px;content:'BALLET';width:320px;font-weight:600;font-size:17px;text-align:center;color:#fff;letter-spacing:20px;font-family:'Josefin Sans', sans-serif;transition:all .5s}
#atc01 .atc01_cont .cont01 .right_img:hover:before{letter-spacing:5px}
#atc01 .atc01_cont .cont01 .right_img:hover .img_box img{transform:scale(1.05,1.05)}
#atc01 .atc01_cont .cont01 .left_img{position:relative;margin-bottom:125px}
#atc01 .atc01_cont .cont01 .left_img .img_box{overflow:hidden;max-width:320px;width:100%;height:350px}
#atc01 .atc01_cont .cont01 .left_img .img_box img{width:100%;height:100%;object-fit:cover;transition:all 1s}
#atc01 .atc01_cont .cont01 .left_img:before{position:absolute;bottom:-50px;content:'Systeam';width:100%;font-weight:600;font-size:17px;text-align:center;color:#fff;font-family:'Josefin Sans', sans-serif;transition:all .5s}
#atc01 .atc01_cont .cont01 .left_img:hover:before{letter-spacing:5px}
#atc01 .atc01_cont .cont01 .left_img:hover .img_box img{transform:scale(1.05,1.05)}

#atc01 .atc01_cont .cont02 .ball01{top:225px;left:435px}
#atc01 .atc01_cont .cont02 .ball02{top:805px;right:-28px}
#atc01 .atc01_cont .cont02 .right_img{position:relative;margin-top:230px}
#atc01 .atc01_cont .cont02 .right_img:before{position:absolute;top:-114px;content:'Course Guide';width:100%;font-weight:600;font-size:17px;text-align:center;color:#fff;letter-spacing:20px;font-family:'Josefin Sans', sans-serif;transition:all .5s}
#atc01 .atc01_cont .cont02 .right_img .img_box{overflow:hidden;max-width:539px;height:606px}
#atc01 .atc01_cont .cont02 .right_img .img_box img{width:100%;height:100%;object-fit:cover;transition:all 1s}
#atc01 .atc01_cont .cont02 .right_img:hover:before{letter-spacing:5px}
#atc01 .atc01_cont .cont02 .right_img:hover .img_box img{transform:scale(1.05,1.05)}
#atc01 .atc01_cont .cont02 .left_img{position:relative;display:flex;align-items:flex-end;margin-top:380px}
#atc01 .atc01_cont .cont02 .left_img:before{position:absolute;top:63%;right:-329px;content:'Shining School';width:100%;font-weight:600;font-size:17px;text-align:center;color:#fff;font-family:'Josefin Sans', sans-serif;transform:rotate(90deg);transition:all .5s}
#atc01 .atc01_cont .cont02 .left_img .img_box{overflow:hidden;max-width:465px;height:606px}
#atc01 .atc01_cont .cont02 .left_img .img_box img{width:100%;height:100%;object-fit:cover;transition:all 1s}
#atc01 .atc01_cont .cont02 .left_img:hover:before{letter-spacing:5px}
#atc01 .atc01_cont .cont02 .left_img:hover .img_box img{transform:scale(1.05,1.05)}
#atc01 .atc01_cont .cont02 .center_txt{left:510px;bottom:300px;transform:rotate(90deg)}

#atc01 .line_box{position:absolute;z-index:1;top:0;left:calc(50% - 600px);max-width:1200px;height:100%}
#atc01 .line_box > div{float:left;height:100%;border-right:1px solid rgba(255,255,255,.1)}
#atc01 .line_box > div:first-child{width:465px;border-left:1px solid rgba(255,255,255,.1)}
#atc01 .line_box > div:last-child{width:735px}

#atc01 .ball{position:absolute;z-index:-1;width:56px;height:56px;border-radius:56px;border:12px solid #958f98;animation:motion 4s linear 0s infinite alternate}
@keyframes motion {0% {margin-top:0px}100% {margin-top:100px;opacity:0}}
@keyframes motion2 {0% {margin-top:-100px}100% {margin-top:0px;opacity:0}}

/* 반응형 [s] */
@media (max-width:1400px){
#atc01 .atc01_cont{padding:120px 0}
#atc01 .atc01_cont .cont01{height:720px}
#atc01 .atc01_cont .cont01 .right_img:before{top:12%;left:-70%;width:auto}
#atc01 .atc01_cont .cont01 .right_img .img_box{height:720px}
#atc01 .atc01_cont .cont01 .left_img{margin-bottom:88px}
#atc01 .atc01_cont .cont01 .left_img .img_box{max-width:350px;height:415px}
#atc01 .atc01_cont .cont02{height:945px}
#atc01 .atc01_cont .cont02 .right_img{margin-top:190px}
#atc01 .atc01_cont .cont02 .right_img:before{top:-90px}
#atc01 .atc01_cont .cont02 .right_img .img_box{height:540px}
#atc01 .atc01_cont .cont02 .left_img{margin-top:320px}
#atc01 .atc01_cont .cont02 .left_img:before{top:50%}
#atc01 .atc01_cont .cont02 .ball01{top:180px}
}
@media (max-width:1200px){
#atc01 .atc01_cont{padding:100px 0}
#atc01 .atc01_cont .cont01 .left_img .img_box{max-width:320px;height:350px}
#atc01 .atc01_cont .cont01 .right_img:before{top:15%;left:-50%}
#atc01 .atc01_cont .cont02{height:840px}
#atc01 .atc01_cont .cont02 .left_img{margin-top:250px}
#atc01 .atc01_cont .cont02 .left_img:before{right:-65%}
#atc01 .atc01_cont .cont02 .left_img .img_box{max-width:440px;height:570px}
#atc01 .atc01_cont .cont02 .right_img{margin-top:160px}
#atc01 .atc01_cont .cont02 .right_img:before{top:-65px}
#atc01 .atc01_cont .cont02 .right_img .img_box{height:500px}
#atc01 .atc01_cont .cont02 .ball01{top:152px;left:34%}
#atc01 .line_box > div:first-child{width:445px}
}
@media (max-width:1024px){
#atc01 .atc01_cont{padding:60px 0}
#atc01 .atc01_cont .cont01{gap:60px}
#atc01 .atc01_cont .cont01, #atc01 .atc01_cont .cont01 .right_img .img_box{height:640px}
#atc01 .atc01_cont .cont01 .left_img{margin-bottom:120px}
#atc01 .atc01_cont .cont01 .left_img .img_box{height:295px}
#atc01 .atc01_cont .cont01 .right_img:before{left:-40%}
#atc01 .atc01_cont .cont01 .right_img:before, #atc01 .atc01_cont .cont02 .right_img:before{font-size:15px;letter-spacing:15px}
#atc01 .atc01_cont .cont02{height:auto}
#atc01 .atc01_cont .cont02 .left_img:before{right:-60%}
#atc01 .atc01_cont .cont02 .right_img{margin-top:120px}
#atc01 .atc01_cont .cont02 .right_img .img_box{height:410px}
#atc01 .atc01_cont .cont02 .ball01{top:150px;left:31%}
}
@media (max-width:768px){
#atc01 .atc01_cont{padding:80px 0}
#atc01 .atc01_cont .cont01{gap:20px;margin-bottom:40px}
#atc01 .atc01_cont .cont01, #atc01 .atc01_cont .cont01 .right_img .img_box{height:580px}
#atc01 .atc01_cont .cont01 .right_img, #atc01 .atc01_cont .cont01 .left_img, #atc01 .atc01_cont .cont02 .left_img,#atc01 .atc01_cont .cont02 .right_img{display:flex;flex-direction:column-reverse;align-items:center;gap:20px}
#atc01 .atc01_cont .cont01 .left_img:before, #atc01 .atc01_cont .cont01 .right_img:before, #atc01 .atc01_cont .cont02 .right_img:before,#atc01 .atc01_cont .cont02 .left_img:before{position:static}
#atc01 .atc01_cont .cont01 .right_img:before, #atc01 .atc01_cont .cont02 .right_img:before{font-size:14px;letter-spacing:12px}
#atc01 .atc01_cont .cont01 .left_img{margin-bottom:0}
#atc01 .atc01_cont .cont02{gap:20px}
#atc01 .atc01_cont .cont02 .left_img, #atc01 .atc01_cont .cont02 .right_img{margin-top:0}
#atc01 .atc01_cont .cont02 .left_img:before{transform:none}
#atc01 .atc01_cont .cont02 .left_img .img_box{height:305px}
#atc01 .atc01_cont .cont02 .right_img .img_box{height:508px}
#atc01 .atc01_cont .cont01 .ball, #atc01 .atc01_cont .cont02 .ball01, #atc01 .atc01_cont .cont02 .ball02, #atc01 .line_box{display:none}
}
@media (max-width:480px){
#atc01 .atc01_cont{padding:30px 0}
#atc01 .atc01_cont .cont01{margin-bottom:20px}
#atc01 .atc01_cont .cont01, #atc01 .atc01_cont .cont02{flex-direction:column;height:auto}
#atc01 .atc01_cont .cont01 .right_img, #atc01 .atc01_cont .cont01 .left_img, #atc01 .atc01_cont .cont02 .right_img, #atc01 .atc01_cont .cont02 .left_img{gap:15px;width:100%}
#atc01 .atc01_cont .cont01 .left_img .img_box, #atc01 .atc01_cont .cont01 .right_img .img_box, #atc01 .atc01_cont .cont02 .right_img .img_box{max-width:none;height:350px}
#atc01 .atc01_cont .cont01 .left_img > a,#atc01 .atc01_cont .cont01 .right_img > a,#atc01 .atc01_cont .cont02 .left_img > a,#atc01 .atc01_cont .cont02 .right_img > a{width:100%}
#atc01 .atc01_cont .cont02 .left_img:before, #atc01 .atc01_cont .cont01 .left_img:before{font-size:15px}
#atc01 .atc01_cont .cont02 .left_img .img_box img{object-position:center 20%}
#atc01 .atc01_cont .cont02 .right_img:before{font-size:14px}
}
/* 반응형 [e] */