@charset "utf-8";

#atc01{overflow:hidden;position:relative;display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-end;height:100vh;background:url(./img/bg.jpg) no-repeat;background-size:cover}

#atc01 .tit{opacity:0;position:absolute;top:80px;margin-top:65px;text-align:center;transform:translateY(-50px);transition:all .3s .3s}
#atc01 .tit p{margin-bottom:20px;font-size:45px;font-weight: 700;color:#fff;font-family:'Marcellus','Pretendard'}
#atc01 .tit span{font-size:17px;color:rgba(255,255,255,60%)}

#atc01 .uni_cont{overflow:hidden;position:relative;opacity:0;transform:translateX(360px);transition:all .3s .3s}
#atc01 .uni_wrap{align-items:flex-end}
#atc01 .uni_cont li a{display:flex;background:#fff}
#atc01 .uni_cont li.on .img{height:550px}
#atc01 .uni_cont li .img{width:70%;height:200px;background-repeat:no-repeat;background-position:center;background-size:contain;transition:height .3s}
#atc01 .uni_cont .info{display:flex;align-items:center;justify-content:center;width:30%;background:#f5f5f5}
#atc01 .uni_cont .i_wrap{width:260px}
#atc01 .uni_cont .b_txt{text-align:center}
#atc01 .uni_cont .b_txt p{font-size:63px;font-weight:700;color:var(--primary)}
#atc01 .uni_cont .b_txt span{font-size:17px;font-weight:600;color:#111}
#atc01 .uni_cont .num{border-top:2px solid var(--primary)}
#atc01 .uni_cont .num dl{display:grid;grid-template-columns:repeat(2,1fr);line-height:3;text-align:center}
#atc01 .uni_cont .num dl+dl{border-top:1px solid #e1e1e1}
#atc01 .uni_cont .num dl dt{font-weight:600;color:#111}

#atc01 .arrow{position:absolute;z-index:10;bottom:30%;left:0;width:100%}
#atc01 .arrow span{position:absolute;opacity:.5;cursor:pointer;transition:all .3s}
#atc01 .arrow span:hover{opacity:1}
#atc01 .arrow span.next{right:250px;transform:scaleX(-1)}
#atc01 .arrow span.prev{left:250px}

.fp-viewing-02 #atc01 .tit{opacity:1;transform:translateY(0);transition:all .6s .6s}
.fp-viewing-02 #atc01 .uni_cont{opacity:1;transition:all .6s .6s}


/* 반응형 [s] */
@media (max-width:1440px){
#atc01 .tit{margin-top:30px;transform:translateY(-30px)}
#atc01 .tit p{margin-bottom:0;font-size:35px}
#atc01 .uni_cont{transform:translateX(0)}
#atc01 .uni_cont li a{display:block}
#atc01 .uni_cont li .img{width:100%;height:20vh;background-size:contain}
#atc01 .uni_cont li.on .img{height:40vh}
#atc01 .uni_cont .info{width:100%}
#atc01 .uni_cont .i_wrap{display:flex;justify-content:space-between;width:100%}
#atc01 .uni_cont .b_txt{width:50%}
#atc01 .uni_cont .b_txt p{font-size:35px}
#atc01 .uni_cont .num{display:grid;grid-template-columns:repeat(2,1fr);width:65%;font-size:14px}
#atc01 .uni_cont .b_txt span{display:inline-block;font-size:14px;line-height:1.5;word-break:keep-all}
#atc01 .arrow{width:70%;bottom:45%;left:50%;transform:translateX(-50%)}
#atc01 .arrow span.prev{left:0}
#atc01 .arrow span.next{right:0}
}
@media (max-width:1024px){
#atc01 .tit p{font-size:30px}
#atc01 .tit span{display:inline-block;padding:0 20px;font-size:15px;word-break:keep-all}
}
@media (max-width:768px){
#atc01 .uni_cont{transform:none}
#atc01 .uni_cont .b_txt{width:35%}
#atc01 .uni_cont .b_txt p{font-size:30px}
}
@media (max-width:767px){
#atc01{padding:0 20px}
#atc01 .arrow{width:100px;top:32%;bottom:unset}
#atc01 .arrow img{width:25px}
}
@media (max-width:480px){
#atc01{align-content:space-around}
#atc01 .tit p{font-size:24px}
#atc01 .tit{position:unset}
#atc01 .uni_cont .i_wrap{display:block}
#atc01 .uni_cont .b_txt{width:100%}
#atc01 .uni_cont .b_txt p{font-size:25px}
#atc01 .uni_cont .num{width:100%}
#atc01 .uni_cont li .img{height:30vh}
#atc01 .uni_cont li.on .img{height:30vh}
#atc01 .arrow{width:70px}
}
/* 반응형 [e] */