@charset "utf-8";

#atc01{position:relative;padding:120px 0 160px 0}
#atc01:after{position:absolute;content:'';width:calc(100% - 210px);height:334px;top:70%;background:url('./img/bg.jpg') no-repeat;background-size:cover;z-index:0}
/*#atc01:before{position:absolute;content:url('./img/img05.png'); right:55px;}*/

#atc01 .pl{white-space:pre-line}
#atc01 .txt_area{position:relative;padding-left:30px;width:100%;max-width:1500px;margin:0 auto; z-index:2;}
/*#atc01 .txt_area:after{position:absolute;content:url('./img/img05.png');top:8px;right:-150px}*/
#atc01 .txt_area span{color:var(--primary);font-weight:700;font-size:16px;text-transform:uppercase;letter-spacing:2px;}
#atc01 .txt_area .tit{padding:20px 0 20px 0;line-height:1.2;color:#2c2c2c;font-size:34px;font-weight:300}
#atc01 .txt_area .txt{letter-spacing:-.3px}
#atc01 .txt_area .tit1{padding:20px 0 40px 0;line-height:1;color:#2c2c2c;font-size:52px;font-weight:700}
#atc01 .txt_area .txt1{letter-spacing:-.3px}
#atc01 .txt_area .left{text-align:-webkit-left}
#atc01 .txt_area .left .more_btn{display:flex;align-items:center;justify-content:center;margin-top:40px;gap:12px;width:202px;color:#ff7156;border:1px solid #ff7156;border-radius:50px;line-height:50px;font-size:15px;font-weight:700;font-family:var(--e-font);transition:all 0.2s}
#atc01 .txt_area .left .more_btn i{position:relative; top:-2px;}
#atc01 .txt_area .left .more_btn i img{width:100%; transition:all 0.3s ease;}
#atc01 .txt_area .left .more_btn i img.ov{display:none;}
#atc01 .txt_area .left .more_btn svg{width:18px}

/* 슬라이드 */
#atc01 .gall_slide{position:relative;max-width:1500px;margin:-50px auto 0}
#atc01 .gall_slide .slide_box{width:1870px}
#atc01 .gall_slide ul li .img{position:relative}    
#atc01 .gall_slide ul li .txt_box{position:absolute;width:100%;left:50px;bottom:55px;letter-spacing:-.3px;color:rgba(255, 255, 255, 0.65);font-size:18px;text-shadow:0px 2px 2px rgb(0 0 0 / 50%);opacity:0;transition:all 0.3s}
#atc01 .gall_slide ul li .txt_box p{margin-bottom:0px;color:#fff;letter-spacing:-.2px;font-size:28px;font-weight:700}
#atc01 .gall_slide .swiper-slide.swiper-slide-next .txt_box{opacity:1}
#atc01 .gall_slide .swiper-slide.swiper-slide-next img{filter:brightness(90%)}
#atc01 .gall_slide .arrow{position:relative;color:#aaa;font-weight:600;font-size:15px;font-family:var(--e-font);z-index:10}
#atc01 .gall_slide .arrow .pager span{padding-right:6px;color:#2c2c2c;font-weight:700}
#atc01 .gall_slide .arrow .pager span:before{content:"0"}
#atc01 .gall_slide .arrow .pager span+span{padding-left:5px;padding-right:0;color:#aaa;font-weight:500}
#atc01 .gall_slide .slide_box .item{height:550px}
#atc01 .gall_slide .slide_box .img {width:100%;height:350px;position:absolute;bottom:0;overflow:hidden;-webkit-transition:all 0.4s linear;transition:all 0.4s linear; border-radius: 10px;}
#atc01 .gall_slide .slide_box img{min-width:100%;min-height:100%;position:absolute;bottom:-30%;-webkit-trasition:all 0.4s linear;transition:all 0.4s linear;filter:brightness(40%)}
#atc01 .gall_slide .slide_box .swiper-slide.swiper-slide-next img{bottom:0}
#atc01 .gall_slide .slide_box .swiper-slide.swiper-slide-next .img{height:550px}
#atc01 .gall_slide .arrow .pager{position:absolute;bottom:auto;top:50%;transform:translateY(-50%);width:100%;padding-right:80px;text-align:right}

/* 프로그레스바 */
#atc01 .main_pg{position:absolute;top:20%;right:0%;width:36%;max-width:1500px;margin:0 auto;z-index:20}
#atc01 .main_pg .swiper-progress-bar .slide_progress-bar{overflow:hidden;position:absolute;height:2px;left:0;right:0;background:rgb(0,0,0,0.1);width:auto;clear:both;opacity:0}
#atc01 .main_pg .swiper-progress-bar .slide_progress-bar:after{position:absolute;top:0;left:0;background:var(--primary);height:100%;width:0;content:""}
#atc01 .main_pg .swiper-progress-bar.active .slide_progress-bar{width:60%;opacity:1}
#atc01 .main_pg .swiper-progress-bar.animate .slide_progress-bar:after{width:120%;transition:3.8s linear;transition-delay:unset}
#atc01 .obj{position:absolute; right:55px; top:114px; max-width:666px; width:34%;}
#atc01 .obj img{width:100%;}

/* 반응형 [s] */
@media(hover:hover){
#atc01 .txt_area .left .more_btn:hover{color:#fff;background:var(--primary)}
#atc01 .txt_area .left .more_btn:hover img.off{display:none;}
#atc01 .txt_area .left .more_btn:hover img.ov{display:block;}
#atc01 .gall_slide .slide_box .item:hover .img img{-webkit-transform:scale(1.15);transform:scale(1.15)}
#atc01 .gall_slide .slide_box .item:hover .img::after{-webkit-transition-delay:0.2s;transition-delay:0.2s}
}
@media (max-width:1850px){
	#atc01 .txt_area:after{right:0;}
}

@media (max-width:1450px){
	#atc01 .main_pg{right:unset; left:25px; width:340px;}
	#atc01 .main_pg .swiper-progress-bar.active .slide_progress-bar{width:75%;}
	#atc01 .gall_slide .arrow .pager{padding-right:0;}
	#atc01:after{width:90%;}
}
@media (max-width:1024px){
#atc01{overflow:hidden;padding:119px 0px}
#atc01:after{width:100%}
#atc01 .txt_area{padding-left:25px}
#atc01 .txt_area:after{top:30px;right:0px;font-size:85px}
#atc01 .txt_area .tit{font-size:38px}
#atc01 .gall_slide{position:static;max-width:none;margin-top:80px}
#atc01 .gall_slide .slide_box{width:100%}
#atc01 .gall_slide .slide_box .item{height:350px}
#atc01 .gall_slide .slide_box .img{height:100%;transition:none;border-radius:10px;}
#atc01 .main_pg{top:43%; width:45%; left:unset; right:25px;}
#atc01 .gall_slide .arrow .pager{padding-right:0px}
#atc01 .main_pg .swiper-progress-bar.active .slide_progress-bar{width:80%}
#atc01 .gall_slide ul li .txt_box{left:0;bottom:0;padding:30px;word-break:keep-all}
#atc01 .gall_slide ul li .txt_box p{margin-bottom:10px;font-size:22px}
#atc01 .gall_slide .slide_box .swiper-slide.swiper-slide-next .img{height:350px}
#atc01 .gall_slide .swiper-slide.swiper-slide-next img{filter:brightness(50%)}
#atc01 .gall_slide .slide_box img{bottom:auto;width:100%;height:100%;object-fit:cover;filter:brightness(50%)}
#atc01 .gall_slide .swiper-slide.swiper-slide-next .txt_box{opacity:0}
#atc01 .gall_slide .swiper-slide.swiper-slide-active .txt_box{opacity:1!important}

#atc01 .obj{width:45%; right:25px; top:135px;}
}
@media (max-width:768px){
#atc01{padding:85px 0px 120px 0px}
#atc01:after{height:235px}
#atc01 .txt_area{width:95%;padding:0px;text-align:center}
#atc01 .txt_area:after{display:none}
#atc01 .txt_area .tit{padding:22px 0px;font-size:34px;white-space:normal;word-break:keep-all}
#atc01 .txt_area .tit1{display:block; padding:0;}
#atc01 .txt_area .txt{white-space:normal;word-break:keep-all; margin:0 auto; width:80%;}
#atc01 .txt_area .left .more_btn{margin:30px auto 0;}

#atc01 .gall_slide{margin-top:90px}
#atc01 .main_pg{width:50%;top:45%;right:25%}
#atc01 .main_pg .swiper-progress-bar.active .slide_progress-bar{width:78%;}
/*#atc01 .gall_slide .arrow .pager{text-align:center;left:50%;transform:translateX(-50%);margin-top:15px}*/
#atc01 .gall_slide .slide_box .item{height:365px}
#atc01 .gall_slide .slide_box .img{height:100%;transition:none;border-radius:10px;}
#atc01 .gall_slide .slide_box img{width:100%;height:100%}
#atc01 .gall_slide ul li .txt_box{width:87%}
#atc01 .gall_slide ul li .txt_box p{font-size:20px}
#atc01 .obj{display:none;}
}
@media (max-width:540px){
#atc01{padding:30px 0px}
#atc01:after{height:220px}
#atc01 .txt_area{padding:0px;text-align:center}
#atc01 .txt_area span{font-size:11px; letter-spacing:0;}
#atc01 .txt_area .txt{width:90%; white-space:normal;word-break:keep-all; font-size:12px;}
#atc01 .txt_area .tit{padding:5px 0px 10px; font-size:18px;}
#atc01 .txt_area .tit1{font-size:23px;}
#atc01 .txt_area .left .more_btn{margin:15px auto 0; width:130px; line-height:35px; font-size:12px; gap:5px;}
#atc01 .txt_area .left .more_btn i{top:-1px;}
#atc01 .txt_area .left .more_btn i img{width:15px; height:15px;}

#atc01 .main_pg .swiper-progress-bar{display:none}
#atc01 .main_pg .swiper-pagination-fraction{display:none}
#atc01 .gall_slide{margin-top:30px}
#atc01 .gall_slide .slide_box .item{height:200px}
#atc01 .gall_slide .slide_box .img{height:100%;transition:none;}
#atc01 .gall_slide .slide_box img{opacity:0}
#atc01 .gall_slide .slide_box .swiper-slide.swiper-slide-next img{bottom:0}
#atc01 .gall_slide ul li .txt_box{left:20px;bottom:20px;opacity:1}
/* #atc01 .gall_slide .slide_box .item:nth-child(1){background-image:linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ),url(./img/img05_m.jpg);background-position:center;background-size:cover;border-radius:10px;}
#atc01 .gall_slide .slide_box .item:nth-child(2){background-image:linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ),url(./img/img09_m.jpg);background-position:center;background-size:cover;border-radius:10px;} */
#atc01 .gall_slide .slide_box .item:nth-child(3){background-image:linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ),url(./img/img05_m.jpg);background-position:center;background-size:cover;border-radius:10px;}
#atc01 .gall_slide .slide_box .item:nth-child(4){background-image:linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ),url(./img/img09_m.jpg);background-position:center;background-size:cover;border-radius:10px;}
#atc01 .gall_slide .slide_box .item:nth-child(5){background-image:linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ),url(./img/img02_m.jpg);background-position:center;background-size:cover;border-radius:10px;}
#atc01 .gall_slide .slide_box .item:nth-child(6){background-image:linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ),url(./img/img06_m.jpg);background-position:center;background-size:cover;border-radius:10px;}
#atc01 .gall_slide .slide_box .item:nth-child(7){background-image:linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ),url(./img/img07_m.jpg);background-position:center;background-size:cover;border-radius:10px;}
#atc01 .gall_slide .slide_box .item:nth-child(8){background-image:linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ),url(./img/img08_m.jpg);background-position:center;background-size:cover;border-radius:10px;}
#atc01 .gall_slide ul li .txt_box{padding:0; font-size:12px;}
#atc01 .gall_slide ul li .txt_box p{font-size:16px; line-height:1em; margin-bottom:5px;}

}
@media (max-width:480px){
#atc01 .gall_slide .slide_box .item{height:200px}
#atc01 .gall_slide .slide_box .img{height:100%;transition:none;border-radius:10px;}

}

@media (max-width:380px){
#atc01:after{height:190px}
#atc01 .gall_slide .slide_box .item{height:230px}
#atc01 .gall_slide .slide_box .img{height:100%;transition:none;border-radius:10px;}
#atc01 .gall_slide ul li .txt_box{font-size:14px}
#atc01 .gall_slide ul li .txt_box p{margin-bottom:5px;font-size:18px}
}
/* 반응형 [e] */