@charset "utf-8";

#atc01{overflow:hidden;height:100vh}
#atc01 .l_inner{display:flex;position:absolute;top:0;left:0;background-color:#f5f5f5;width:50%;height:100vh}
#atc01 .l_inner .txt_box{margin:auto 0;width:100%;max-width:700px;margin-left:auto;color:#aaa}
#atc01 .l_inner .txt_box .eng_tit{margin-bottom:25px;font-size:24px;font-weight:600;color:var(--primary);font-family:'play'}
#atc01 .l_inner .txt_box .big_txt{margin-bottom:110px;font-size:58px;font-weight:100;color:#111;line-height:1.2;white-space:pre-line}
#atc01 .l_inner .txt_box .big_txt span{font-weight:700}
#atc01 .l_inner .txt_box .pager_txt p{display:flex;position:relative;column-gap:23px;width:max-content;height:auto;margin-left:-1px;border-radius:0;font-size:20px;font-weight:600;line-height:1;background:none;opacity:.6;transition:all .2s}
#atc01 .l_inner .txt_box .pager_txt p.on{padding-left:15px;color:#111;opacity:1}
#atc01 .l_inner .txt_box .pager_txt p.on:before{position:absolute;left:0;top:50%;transform:translateY(-50%);content:'';width:7px;height:7px;border-radius:100%;background:var(--primary)}
#atc01 .l_inner .txt_box .pager_txt p+p{margin-top:28px}
#atc01 .r_inner{margin-top:42vh;padding-left:calc(50% - 120px)}
#atc01 .r_inner .atc01_slide{padding-bottom:20px}
#atc01 .r_inner ul li{width:400px}
#atc01 .r_inner ul li .img{height:420px}
#atc01 .r_inner ul li img{width:100%;height:100%;object-fit:cover;transition:all .4s}
#atc01 .r_inner ul li:before{opacity:0;display:block;content:"";position:absolute;left:0;top:0;z-index:-1;width:100%;height:100%;background:var(--primary);transition:all .4s}
#atc01 .r_inner ul li.on img{border-radius:110px 0}
#atc01 .r_inner ul li.on:before{opacity:1;left:20px;top:20px;border-radius:110px 0}
#atc01 .btn-box{position:absolute;left:50%;top:18%;transform:translateX(-50%)}

/* 움직이는 텍스트 */
#atc01 .flow_txt{position:absolute;font-size:130px;top:8%;font-weight:700;color:#f2f2f2;white-space:nowrap;animation:flow 30s linear infinite;z-index:-1;font-family:'play'}
@keyframes flow {from {transform:translateX(0)} to {transform:translateX(-50%)}}
