@charset "utf-8";


#atc02{width:100%;padding:18rem 0 28rem /*슬라이드 겹침 영역 계산*/;background:url(/index/include/include02/bg.jpg) no-repeat center/cover}
#atc02 .tit_box_area{max-width:170rem;width:100%;margin:0 auto 6rem;padding:0 30rem 0 10rem;position:relative;display:flex;flex-wrap:wrap;align-items:end;gap:3rem 8rem}
#atc02 .tit_box_area .s_tit{margin-bottom: 2rem;font-size: 1.7rem;font-weight: 700;color:var(--pt-color);font-family: 'Poppins';}
#atc02 .tit_box_area .tit{font-size: 5rem;font-weight: 700;line-height: 130%;color:#111c39}
#atc02 .tit_box_area .tit span{color:var(--pt-color)}
#atc02 .tit_box_area .txt{max-width:48.5rem;font-size:1.7rem;line-height:150%;color:#666;word-break:keep-all}

#atc02 .more_btn{position:absolute;bottom:0;right:10rem;display:flex;flex-wrap:wrap;align-items:center;gap:1.5rem}
#atc02 .more_btn .btn_txt{font-size:1.7rem;font-weight:600;color:#222;font-family:'Poppins'}
#atc02 .more_btn .arr{width:4.5rem;height:4.5rem;border-radius:4.5rem;background:var(--pt-color);transition:all .3s; display:flex;flex-wrap:wrap;display:flex;flex-wrap:wrap;align-items:center;justify-content:center}
#atc02 .more_btn .arr img{width:2.2rem;filter:invert(1);}
#atc02 .more_btn:hover .arr{background:var(--pt-color);box-shadow:0 1rem 1rem rgba(0,0,0,.2)}

/*슬라이드*/
.atc02_slider{max-width:170rem;width:100%;margin:0 auto;padding:0 10rem;position:relative}
.atc02_slider .swiper-slide{width:40rem;height:40rem;margin-right:4rem;}
.atc02_slider .swiper-slide .img_box{width:100%;height:100%;border-radius:2rem;overflow:hidden;position:relative;z-index:10;transition:all 1s}
.atc02_slider .swiper-slide-active .img_box{width:50rem;height:50rem;transition:all 1s;z-index:12}
.atc02_slider .swiper-slide-active ~ li .img_box{left:10rem}


.atc02_slider .img_box{box-shadow:0 0 1rem rgba(0,0,0,.1)}
.atc02_slider .img_box a{display:block;width:100%;height:100%;background:#fff;position:relative}
.atc02_slider .img_box a img{width:100%}
.atc02_slider .pdt_info_area{width:calc(100% + 2px);height:calc(100% + 2px);padding:0 5rem;background:rgba(0,0,0,.8);text-align:center;position:absolute;top:100%;left:-1px;z-index:-1;opacity:0;transition:all .5s;display:flex;flex-wrap:wrap;flex-direction:column;justify-content:center;align-items:center}
.atc02_slider .pdt_info_area .info{width:100%}
.atc02_slider .pdt_info_area .s_tit{margin-bottom:1rem;font-size:1.6rem;font-weight:600;color:rgba(255,255,255,.8)}
.atc02_slider .pdt_info_area .tit{font-size:2.2rem;font-weight:700;color:#fff}
.atc02_slider .pdt_info_area .pdt_more_btn{max-width:22.7rem;width:100%;height:5.5rem;margin:2rem auto 0;padding:0 .8rem;border-radius:5.5rem;background:rgba(255,255,255,.2);overflow:hidden;display:flex;flex-wrap:wrap;align-items:center}
.atc02_slider .pdt_info_area .pdt_more_btn .txt{width:calc(100% - 4rem);font-size:1.7rem;font-weight:500;text-align:center;color:#fff;position:relative;z-index:14}
.atc02_slider .pdt_info_area .pdt_more_btn .pdt_arr{width:4rem;height:4rem;border-radius:4rem;background:var(--pt-color);position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;}
.atc02_slider .pdt_info_area .pdt_more_btn .pdt_arr:before{content:'';width:100%;height:100%;border-radius:100%;background:var(--pt-color);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:all .8s}
.atc02_slider .pdt_info_area .pdt_more_btn .pdt_arr img{width:2.2rem;position:relative;z-index:2;filter:invert(1);}
.atc02_slider .pdt_info_area .pdt_more_btn:hover .pdt_arr:before{transform:scale(30)}
.atc02_slider .img_box:hover{border-radius:0}
.atc02_slider .img_box:hover .pdt_info_area{top:-1px;z-index:10;opacity:1}

.atc02_slider .swiper-slide-active .pdt_info_area .tit{font-size:2.8rem}

/*버튼*/
.atc02_btn_area{display:flex;flex-wrap:wrap;align-items:center;gap:2rem;position:absolute;bottom:-5rem;left:64rem;z-index:15}
.atc02_btn_area .atc02_num{font-size:1.7rem;font-weight:700;text-align:center;color:#111c39;display:flex;flex-wrap:wrap;align-items: center;gap:1.5rem;font-family:'Poppins'}
.atc02_btn_area .atc02_num span{width:2rem}
.atc02_btn_area .atc02_num .s_num{color:#111c39;position:relative}
.atc02_btn_area .atc02_num .s_num:before{content:'';width:1px;height:1rem;background:#ddd;position:absolute;right:-.8rem;top:50%;transform:translateY(-50%)}
.atc02_btn_area .atc02_num .b_num{opacity:.5}
.atc02_btn_area .timeline{width:16.5rem;height:2px;background:#ddd;position:relative}
.atc02_btn_area .timeline .bar{width:0;height:2px;background:var(--pt-color);position:absolute;left:0;top:0;animation-name:timeline;animation-duration:4s;}
.atc02_btn_area .timeline.on .bar{animation-name:timeline;animation-duration:4s;}
@keyframes timeline {from{width:0}to{width:100%}}


.atc02_btn_area .atc02_slide_btn{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}
.atc02_btn_area .atc02_slide_btn .atc02_btn{width:2.5rem;height:2.5rem;border-radius:2.5rem;background:rgba(0,0,0,.2);transition:all .3s;cursor:pointer;display:flex;align-items:center;justify-content:center}
.atc02_btn_area .atc02_slide_btn .atc02_btn:hover{background:var(--pt-color)}


@media(max-width:1280px){
	#atc02{padding:15rem 0 25rem}
	#atc02 .tit_box_area{padding:0 25rem 0 5rem}
	#atc02 .tit_box_area .tit{font-size:4.7rem}
	#atc02 .more_btn{right:5rem}
	.atc02_slider{padding:0 5rem}
	
	.atc02_btn_area{left:59rem}
}
@media(max-width:1024px){
	#atc02{padding:13rem 0}
	#atc02 .tit_box_area{max-width:60rem;width:100%;margin-bottom:4rem;padding:0 2rem;text-align:center;justify-content:center;align-items:center;flex-direction:column;gap:0}
	#atc02 .tit_box_area .s_tit{margin-bottom:2rem}
	#atc02 .tit_box_area .tit{margin-bottom:2rem;font-size:4.4rem}
	#atc02 .tit_box_area .tit br{display:none}
	
	#atc02 .more_btn{margin-top:2rem;position:unset}
	#atc02 .more_btn .arr{width:4rem;height:4rem}
	#atc02 .more_btn .arr img{width:50%}
	
	.atc02_slider{padding:0}
	.atc02_slider .swiper-slide{margin:0 1rem}
	.atc02_slider .swiper-slide-active .img_box{width:100%;height:100%;border-radius:0}
	.atc02_slider .swiper-slide-active ~ li .img_box{left:auto}
	
	.atc02_slider .swiper-slide-active .pdt_info_area{top:0;z-index:10;opacity:1}
	.atc02_slider .swiper-slide-active .pdt_info_area .tit{font-size:2.2rem}
	
	.atc02_btn_area{margin-top:3rem;position:unset;justify-content: center;}
	
}
@media(max-width:767px){
	#atc02{padding:10rem 0}
	#atc02 .tit_box_area .s_tit{margin-bottom:1rem}
	#atc02 .tit_box_area .tit{margin-bottom:1rem;font-size:3.8rem}
	.atc02_slider .swiper-slide{width:35rem;height:35rem}
	
}
@media(max-width:480px){
	#atc02{padding:8rem 0}
	#atc02 .tit_box_area .tit{font-size:3.5rem}
	#atc02 .more_btn .arr{width:3.5rem;height:3.5rem}
	.atc02_slider .swiper-slide{width:30rem;height:30rem}
	.atc02_btn_area .timeline{width:10rem}
	
	
}
@media(max-width:320px){
	#atc02{padding:7rem 0}
	#atc02 .tit_box_area .tit{font-size:3.2rem}
	.atc02_slider .swiper-slide{width:27rem;height:27rem}
	
}