@charset "utf-8";

#atc01{display:flex;justify-content:space-between}
#atc01.on .txt{margin-top:0;opacity:1}
#atc01.on .img_view{opacity:1}
#atc01 .txt{opacity:0;margin-top:50px;padding:10% 0 0 10%;transition:all .5s .5s}
#atc01 .img span{display:inline-block;font-size:10px;color:#aaa;text-transform:uppercase;;transform:rotate(270deg) translate(-55px, -30px);font-family:var(--e-font)}
#atc01 h2{margin-top:30px;font-size:30px;font-weight:normal;color:var(--primary);font-family:var(--k-sf-font);word-break:keep-all}
#atc01 .b_txt{margin:30px 0 20px;font-size:16px;font-weight:600;font-family:var(--k-font);color:#111;text-transform:uppercase;word-break:keep-all}
#atc01 .pl{margin-bottom:50px;white-space:pre-line;word-break:keep-all}
#atc01 .img_view{opacity:0;margin:0;transition:all .5s 1s}
#atc01 .img_view ul{width:850px;height:100vh}
#atc01 .img_view ul li{background-size:cover;background-position:center;background-repeat:no-repeat}
#atc01 .img_view .bg01{background-image:url(./img/slider_img01.jpg)}
#atc01 .img_view .bg02{background-image:url(./img/slider_img02.jpg)}
/* #atc01 .img_view .bg03{background-image:url(./img/slider_img03.jpg)} */

/* 반응형 [s] */
@media (max-width:1500px){
#atc01 .pl{width:50%;white-space:normal}
}
@media (max-width:1380px){
#atc01 .txt{padding:10% 0 0 5%;width:50%}
#atc01 .txt .img img{width:65%;height:220px;object-fit:cover}
#atc01 .img_view{width:50%}
#atc01 .img_view ul{width:100%}
}
@media (max-width:1024px){
#atc01{align-items:center;gap:20px}
#atc01 .txt{opacity:1 !important;padding:0px;margin:0 0 0 2.5%;width:calc(50% - 10px)}
#atc01 .txt .img{display:flex;align-items:end;gap:20px}
#atc01 .txt .img img{height:190px}
#atc01 h2{font-size:25px}
#atc01 .b_txt{margin:20px 0 15px;font-size:15px}
#atc01 .img span{transform:none}
#atc01 .img_view{opacity:1 !important;width:calc(50% - 10px)}
#atc01 .img_view ul li{background-size:auto;background-position:initial}
#atc01 .pl{width:100%}
}
@media (max-width:768px){
#atc01{position:relative;flex-direction:column;gap:45px;margin:0 auto;width:95% !important}
#atc01 .txt{display:flex;flex-direction:column;align-items:center;text-align:center;margin:0px;width:100%}
#atc01 .txt .img{display:none}
#atc01 .txt .img img{width:100%;height:215px;filter:brightness(1)}
#atc01 .img span{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:100%;text-align:center;font-size:12px}
#atc01 h2{grid-area:b;margin-top:0;font-size:26px}
#atc01 .b_txt{margin:20px 0 0 0}
#atc01 .pl{margin:30px 0 50px;width:85%;text-align:center;white-space:normal}
#atc01 .txt a{color:#fff !important;background-color:var(--primary) !important}
#atc01 .txt a:hover{color:#fff}
#atc01 .img_view{width:100%}
#atc01 .img_view ul{height:370px}
#atc01 .img_view ul li{filter:brightness(0.5)}
}
@media (max-width:480px){
#atc01{gap:35px}
#atc01 .txt{column-gap:12px}
#atc01 .txt .img img{height:185px}
#atc01 .img span{font-size:11px}
#atc01 h2{margin-top:15px;font-size:21px}
#atc01 .b_txt{margin:15px 0 0 0;font-size:14px}
#atc01 .pl{margin:25px 0 40px;width:95%}
#atc01 .txt a{bottom:13%}
#atc01 .img_view ul{height:265px}
}
@media (max-width:380px){
#atc01{gap:30px}
#atc01 .txt{column-gap:9px}
#atc01 .txt .img img{height:150px}
#atc01 h2{font-size:19px}
#atc01 .b_txt{margin:12px 0 0 0;font-size:13px}
#atc01 .pl{margin:20px 0 35px;width:100%}
#atc01 .txt a{bottom:11%}
#atc01 .img_view ul{height:230px}
}
/* 반응형 [e] */