@charset "utf-8";

#atc01{width:100%;background:url(/index/include/include01/inc01_bg_new.jpg) no-repeat center/cover}
#atc01 .inner{max-width:160rem;width:100%;height:110rem;margin:0 auto;padding:15rem 0rem;position:relative}

#atc01 .tit_box{width:100%}
#atc01 .tit_box .s_tit{display:inline-block;margin-bottom:2rem;padding:.7rem 1.5rem;border-top:1px solid rgba(255,255,255,.5);border-bottom:1px solid rgba(255,255,255,.5);font-size:2rem;font-weight:500;line-height:130%;color:#fff}
#atc01 .tit_box .tit{margin-bottom:6.5rem;font-size:4.7rem;font-weight:200;line-height:140%;color:#fff;word-break:keep-all}
#atc01 .tit_box .tit span{font-weight:700}

/*슬라이드 영역*/
#atc01 .atc01_slide{max-width:160rem;width:100%;position:absolute;top:62%;left:0;transform:translateY(-50%)}
#atc01 .atc01_slide .swiper-slide{max-width:128rem;width:100%;position:relative;display:flex;align-items:center;justify-content:space-between} 
#atc01 .atc01_slide .img_box{width:55%;background:#fff;overflow:hidden;position:relative;left:0;z-index:10;transition:all 1s}
#atc01 .atc01_slide .img_box img{width:100%}
#atc01 .atc01_slide .txt_box{width:45%;padding-left:5%;position:relative;opacity:0;transition:all 1s}
#atc01 .atc01_slide .txt_box .tit{margin-bottom:4%;font-size:4rem;font-weight:700;line-height:120%;color:#fff;display:flex;flex-wrap:wrap;align-items:baseline;gap:1rem 1.5rem}
#atc01 .atc01_slide .txt_box .tit br{display:none}
#atc01 .atc01_slide .txt_box .tit span{font-size:2rem;font-weight:400;color:rgba(255,255,255,.8)}
#atc01 .atc01_slide .txt_box .txt{font-size:1.7rem;line-height:150%;color:rgba(255,255,255,.8);word-break:keep-all}
#atc01 .atc01_slide .txt_box .more_btn{display:inline-block;width:6rem;height:6rem;margin-top:3rem;border-radius:50%;background:#fff;position:relative;transition:all .3s}
#atc01 .atc01_slide .txt_box .more_btn img{width:1rem;height:1rem;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);filter:invert(1)}
#atc01 .atc01_slide .txt_box a:hover{background:var(--pt-color2);box-shadow:0 1rem 1rem rgba(0,0,0,.2)}
#atc01 .atc01_slide .txt_box a:hover img{filter:invert(0)}

/*액티브 효과*/
#atc01 .atc01_slide .swiper-slide-active .txt_box{opacity:1}

/*이전 슬라이드*/
#atc01 .atc01_slide .swiper-slide-prev .img_box{position:absolute;top:0;left:45%;transition:all 1s}


/*슬리이드 페이지*/
#atc01 .pager_area{max-width:160rem;width:100%;margin-bottom:13%;overflow:hidden}
#atc01 .pager_area .num_box{display:flex;flex-wrap:wrap;align-items:baseline;gap:3rem}
#atc01 .pager_area .num_box > span{display:inline-block;max-width:6rem;font-weight:700;font-size:2rem;color:#fff;text-align:center;opacity:.5;position:relative;font-family:'Poppins'}
#atc01 .pager_area .num_box .atc01_s_num{font-size:3.6rem;opacity:1}
#atc01 .pager_area .num_box .atc01_b_num:before{content:'';width:1px;height:1.5rem;background:rgba(255,255,255,.6);position:absolute;bottom:.7rem;left:-1.5rem;transform:rotate(30deg)}

/*슬리이드 arrow*/
#atc01 .atc01_arr{max-width:160rem;width:100%;display:flex;justify-content:flex-end;position:absolute;left:50%;top:-13rem;transform:translateX(-50%);gap:1rem;z-index:10}
#atc01 .atc01_arr .arr_btn{width:6rem;height:6rem;border-radius:50%;border:1px solid rgba(255,255,255,.5);position:relative;cursor:pointer;transition:all .3s}
#atc01 .atc01_arr .arr_btn img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);transition:all .3s}
#atc01 .atc01_arr .arr_btn:hover{background:#fff;box-shadow:0 1rem 1rem rgba(0,0,0,.2)}
#atc01 .atc01_arr .arr_btn:hover img{filter:invert(1)}


@media(max-width:1600px){
#atc01 .inner{height:auto;padding:12rem 2rem}	
#atc01 .atc01_slide{max-width:100%;position:relative;top:auto;left:auto;transform:none}
#atc01 .atc01_slide .swiper-slide.swiper-slide-prev{flex-direction:row}
}
@media(max-width:1280px){
#atc01 .inner{padding:10rem 2rem}
#atc01 .atc01_slide .txt_box .txt br{display:none}
}
@media(max-width:1024px){
#atc01 .inner{padding:8rem 2rem}
#atc01 .tit_box{text-align:center}
#atc01 .tit_box .tit{font-size:4.2rem}

#atc01 .pager_area{margin-bottom:2rem}
#atc01 .atc01_slide .txt_box .tit{font-size:3.5rem}
#atc01 .atc01_slide .txt_box .tit br{display:block}
#atc01 .atc01_slide .txt_box .tit span{font-size:1.8rem}
#atc01 .atc01_arr{display:none}
}
@media(max-width:767px){
#atc01 .inner{padding:7rem 2rem}
#atc01 .tit_box{margin-bottom:4%}
#atc01 .tit_box .tit{margin-bottom:5rem;font-size:3.7rem}
#atc01 .atc01_slide .swiper-slide{max-width:50rem;width:90%;margin:0 2%;flex-wrap:wrap}
#atc01 .atc01_slide .swiper-slide.swiper-slide-prev{flex-direction:column}
#atc01 .atc01_slide .img_box{width:100%}
#atc01 .atc01_slide .txt_box{width:100%;margin-top:6%;padding:0 2%}
#atc01 .atc01_slide .txt_box .tit{font-size:3rem}
#atc01 .atc01_slide .txt_box .more_btn{width:5rem;height:5rem;position:absolute;top:-2rem;right:4%}
#atc01 .pager_area .num_box .atc01_s_num{font-size:3.3rem}

/*이전 슬라이드*/
#atc01 .atc01_slide .swiper-slide-prev .img_box{position:relative;top:auto;left:auto}
}
@media(max-width:480px){
#atc01 .inner{padding:6rem 2rem}
#atc01 .tit_box .tit{font-size:3.3rem}
#atc01 .tit_box .tit br{display:none}
#atc01 .atc01_slide .txt_box .tit{font-size:2.8rem}
#atc01 .atc01_slide .txt_box .txt{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
#atc01 .atc01_slide .txt_box .more_btn{width:4.5rem;height:4.5rem}
}
@media(max-width:320px){
#atc01 .inner{padding:6rem 1.5rem}
#atc01 .tit_box .tit{font-size:3rem}
#atc01 .atc01_slide .txt_box .tit{font-size:2.5rem}
}