@charset "utf-8";

#atc01{width:100%;padding:10rem 0 20.6rem;position:relative}
#atc01:before{content:'';width:100%;height:10.6rem;background:url(/index/include/include01/atc01_pt.png) no-repeat center/cover;position:absolute;bottom:0;left:0}
#atc01 .atc01_inner{max-width:140rem;width:100%;height:49rem;margin:0 auto;overflow:hidden;position:relative;}
#atc01 .atc01_inner .atc01_txt_box{width:30%;float:left;position:relative;top:50%;transform:translateY(-50%)}
#atc01 .atc01_inner .atc01_slider{width:70%;padding-left:11rem;overflow:hidden;float:left}

/*텍스트박스*/
#atc01 .atc01_txt_box .s_tit{margin-bottom:2rem;font-weight:600;font-size:1.6rem;color:#b92628;}
#atc01 .atc01_txt_box .tit{margin-bottom:5rem;font-weight:300;font-size:4.2rem;color:#333;}
#atc01 .atc01_txt_box .tit span{font-weight:700}
#atc01 .atc01_txt_box .txt_tit{margin-bottom:1rem;font-weight:500;font-size:1.8rem;color:#333;}
#atc01 .atc01_txt_box .txt{margin-bottom:3rem;font-size:1.5rem;line-height:2.6rem;color:#888;}
#atc01 .atc01_txt_box .more_btn{display:block;width:29.5rem;height:6rem;border:1px solid #ddd;border-radius:6rem;font-size:1.6rem;color:#333;line-height:6rem;text-align:center;transition:all .3s;}
#atc01 .atc01_txt_box .more_btn:hover{border-color:#b92628;background:#b92628;color:#fff}

/*슬라이드*/
#atc01 .atc01_slider .img_box{width:100%;height:34rem;background:#ddd;position:relative;overflow:hidden;transition:all 1s}
#atc01 .atc01_slider .img_box a{display:block;width:100%;height:100%}

#atc01 .atc01_slider .slide_img{width:105%;height:105%;top:-2.5%;left:-2.5%;/*스케일 확대시 경계흐림 방지*/position:relative;transform:scale(1,1);transition:all 1s}
#atc01 .atc01_slider .slide_img:before{content:'';width:100%;height:30%;background:linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 100%);position:absolute;bottom:0;left:0;opacity:0;transition:all .3s}
#atc01 .atc01_slider .slide_img01{background:url(/index/include/include01/img01.jpg) no-repeat center/cover}
#atc01 .atc01_slider .slide_img02{background:url(/index/include/include01/img02.jpg) no-repeat center/cover}
#atc01 .atc01_slider .slide_img03{background:url(/index/include/include01/img03.jpg) no-repeat center/cover}

#atc01 .atc01_slider .swiper-slide{position:relative;transition:opacity 1s}
#atc01 .atc01_slider .swiper-slide-prev{opacity:0}

#atc01 .atc01_slider .swiper-slide .slider_inner{width:100%;height:100%;transition:all 1s}
#atc01 .atc01_slider .swiper-slide .slide_txt{margin-top:2rem;padding:0 2rem;font-weight:500;font-size:1.8rem;color:#333}
#atc01 .atc01_slider .swiper-slide .slide_txt span{display:inline-block;margin-left:.5rem;font-size:1.5rem;color:#b92628}
#atc01 .atc01_slider .swiper-slide .active_tit{width:100%;padding:0 2rem;position:absolute;font-size:2rem;color:#fff;bottom:3.5rem;left:0;opacity:0;transition:all .3s}
#atc01 .atc01_slider .swiper-slide .active_tit span{display:inline-block;margin-left:.5rem;font-size:1.5rem;color:rgba(255,255,255,.6)}
#atc01 .atc01_slider .swiper-slide .more_btn{width:5.5rem;height:5.5rem;border-radius:5.5rem;background:#b92628;text-align:center;line-height:5.5rem;position:absolute;bottom:2rem;right:2rem;opacity:0;transition:all .3s}

/*액티브일때*/
#atc01 .atc01_slider .swiper-slide-active .slider_inner{width:calc(100% + 11rem);float:right}
#atc01 .atc01_slider .swiper-slide-active .img_box{height:49rem}
#atc01 .atc01_slider .swiper-slide-active .slide_txt{opacity:0}
#atc01 .atc01_slider .swiper-slide-active .active_tit{opacity:1}
#atc01 .atc01_slider .swiper-slide-active .more_btn{opacity:1}
#atc01 .atc01_slider .swiper-slide-active .slide_img:before{opacity:1}

/*호버효과*/
#atc01 .atc01_slider .swiper-slide:hover .slide_img{transform:scale(1.05,1.05)}

/*컨트롤 영역*/
#atc01 .atc01_inner .atc01_control{position:absolute;right:0;bottom:0}
#atc01 .atc01_inner .atc01_control .atc01_btn{display:inline-block;padding:0 .7rem;opacity:.6;transition:all .3s;cursor:pointer}
#atc01 .atc01_inner .atc01_control .atc01_btn:hover{opacity:1}

@media (max-width:1400px){
#atc01{padding:13rem 4rem 15rem}/*곡선 배경으로 인해 상하 다르게 적용*/
}
@media (max-width:1280px){
#atc01 .atc01_inner .atc01_txt_box{width:40%}
#atc01 .atc01_inner .atc01_slider{width:60%}
}
@media (max-width:1024px){
#atc01{padding:5rem 4rem 15rem}
#atc01 .atc01_inner{height:auto}
#atc01 .atc01_inner .atc01_txt_box{width:100%;padding:0 2rem;margin-bottom:5rem;text-align:center;float:none;top:auto;transform:none}
#atc01 .atc01_inner .atc01_slider{width:100%;float:none}

/*텍스트박스*/
#atc01 .atc01_txt_box .tit{font-size:3.8rem;margin-bottom:3rem}
#atc01 .atc01_txt_box .more_btn{margin:0 auto}

/*슬라이드*/
#atc01 .atc01_slider{height:40rem}
#atc01 .atc01_slider .img_box{height:35rem}

/*액티브일때*/
#atc01 .atc01_slider .swiper-slide-active .img_box{height:40rem}
}

@media (max-width:767px){
#atc01{padding:7rem 0 12rem}/*곡선이미지 변경으로 인해 탑 패딩 증가*/
#atc01:before{height:5rem;background:url(/index/include/include01/atc01_m_pt.png) no-repeat center/cover}

/*텍스트박스*/
#atc01 .atc01_txt_box .s_tit{margin-bottom:1rem}
#atc01 .atc01_txt_box .tit{font-size:3.5rem;margin-bottom:2rem}

/*슬라이드*/
#atc01 .atc01_slider{height:35rem}
#atc01 .atc01_inner .atc01_slider{padding:0;overflow:inherit}
#atc01 .atc01_slider .swiper-slide{width:80%}
#atc01 .atc01_slider .img_box{height:35rem}
#atc01 .atc01_slider .swiper-slide-prev{opacity:1}

/*액티브일때*/
#atc01 .atc01_slider .swiper-slide-active .slider_inner{width:100%}
#atc01 .atc01_slider .swiper-slide-active .img_box{height:35rem}

/*컨트롤 영역*/
#atc01 .atc01_inner .atc01_control{display:none}
}

@media (max-width:480px){
#atc01{padding:5rem 0 10rem}

/*텍스트박스*/
#atc01 .atc01_txt_box .tit{font-size:3rem;margin-bottom:2rem}
#atc01 .atc01_txt_box .txt br{display:none}
#atc01 .atc01_txt_box .more_btn{max-width:23rem;width:100%;height:5rem;border-radius:5rem;line-height:5rem}
}