@charset "utf-8";

#atc01{overflow:hidden;position:relative;height:1485px;padding-top:185px;font-family:'Pretendard'}
#atc01 .all_wrap::before{content:url('./img/shadow_top.png');position:absolute;top:-186px;right:0;width:581px;height:821px}
#atc01 .all_wrap::after{content:url('./img/shadow_bottom.png');position:absolute;bottom:-160px;left:0;width:528px;height:862px}
#atc01 .all_wrap{position:relative}
#atc01::before{content:"";display:inline-block;position:absolute;right:210px;top:0;width:1px;height:100%;background:rgba(120,102,89,0.25)}
#atc01::after{content:"";display:inline-block;position:absolute;left:210px;top:0;width:1px;height:100%;background:rgba(120,102,89,0.25)}

/* 타이틀 */
#atc01 .tit{display:flex;flex-direction:column;align-items:center;justify-content:center;padding-bottom:35px}
#atc01 .tit .deco{width:11px;height:11px;border-radius:5px 5px 0 0;background:var(--point)}
#atc01 .tit p{padding:40px 0 20px;font-size:46px;font-weight:300;line-height:1.1;color:var(--primary);text-align:center;text-transform:uppercase;font-family:var(--e-font)}
#atc01 .tit p span{display:block;font-weight:300;color:var(--point)}

/* 컨트롤 */
#atc01 .controls{position:absolute;left:50%;top:50%;z-index:100;transform:translate(-50%,-50%);width:1000px;color:#111}
#atc01 .controls .arr{opacity:.3;position:absolute;cursor:pointer;transition:all .2s}
#atc01 .controls .arr.prev{left:0}
#atc01 .controls .arr.next{right:0}
#atc01 .controls .arr svg{width:62px;height:62px}

/* 슬라이드 */
#atc01 ul li{display:flex;flex-direction:column;align-items:center;justify-content:center;width:700px}
#atc01 ul li .txt{opacity:0;position:relative;width:100%;padding:55px 0 80px;font-weight:600;color:var(--primary);text-align:center;transition:all .3s}
#atc01 ul li.on .txt{opacity:1}
#atc01 ul li a{overflow:hidden}
#atc01 ul li a img{transition:all .4s}
#atc01 ul li img{width:550px;height:550px;transition:0.3s}
#atc01 ul li.on a{border-radius:328px 328px 0 0}
#atc01 ul li.on img{width:692px;height:656px;border-radius:328px 328px 0 0;transition:0.3s}
#atc01 .swiper-slide-prev{margin-top:0}
#atc01 .swiper-slide-next{margin-top:200px}

/* 페이저 */
#atc01 .pager{display:inline-block;position:relative;left:50%;transform:translateX(-50%);width:auto;font-size:0}
#atc01 .pager span{position:relative;font-size:18px;font-weight:300;color:var(--primary);font-family:var(--e-font)}
#atc01 .pager span:first-child{position:relative;margin-right:10px;padding-right:10px}
#atc01 .pager span:first-child:after{position:absolute;content:'';top:5px;right:0;width:1px;height:14px;transform:rotate(10deg);background:var(--primary)}
#atc01 .pager span:first-child::before{content:"(";display:inline-block;position:absolute;left:-20px;width:20px;height:20px}
#atc01 .pager span:last-child::before{content:")";display:inline-block;position:absolute;right:-35px;width:20px;height:20px}

/* 반응형 [s] */
@media (hover:hover){
#atc01 .controls .arr:hover{opacity:1}
#atc01 ul li a:hover img{transform:scale(1.04)}
}
@media (max-width:1680px){
#atc01::before{right:130px}
#atc01::after{left:130px}
}
@media (max-width:1380px){
#atc01::before{right:90px}
#atc01::after{left:90px}
}
@media (max-width:1180px){
#atc01::before{right:40px}
#atc01::after{left:40px}
#atc01 .controls .arr.prev{left:65px}
#atc01 .controls .arr.next{right:65px}
}
@media (max-width:1024px){
#atc01{padding:90px 0;height:auto}
#atc01 .all_wrap::after{bottom:-165px;left:-205px;width:40%;height:100%}
#atc01 .all_wrap::before{top:-90px;width:40%;height:100%}
#atc01 .tit{padding-bottom:30px}
#atc01 .tit p{padding:30px 0 10px;font-size:38px}
#atc01 .controls{top:27px;transform:translateX(-50%)}
#atc01 .controls .arr{opacity:1}
#atc01 .controls .arr.prev{left:327px}
#atc01 .controls .arr.next{right:319px}
#atc01 .controls img{width:64%}
#atc01 ul li .txt{padding:35px 0 60px;font-size:14px}
#atc01 ul li a{width:100%}
#atc01 ul li img{width:100%;height:380px}
#atc01 ul li.on a{border-radius:248px 248px 0 0}
#atc01 ul li.on img{width:100%;height:480px;object-fit:cover;border-radius:248px 248px 0 0}
#atc01 .swiper-slide-next{margin-top:200px}
#atc01 .pager span{font-size:16px}
#atc01 .pager span:first-child{padding-right:12px}
#atc01 .pager span:first-child::before{left:-18px}
#atc01 .pager span:first-child:after{top:3px;height:14px}
#atc01 .pager span:last-child::before{right:-30px}
}
@media (max-width:768px){
#atc01{padding:70px 0}
#atc01::after{display:none}
#atc01::before{display:none}
#atc01 .all_wrap::after{bottom:-20px;left:-200px;width:35%}
#atc01 .all_wrap::before{top:-70px;width:35%}
#atc01 .tit{padding-bottom:20px}
#atc01 .tit p{padding:20px 0 5px;font-size:28px}
#atc01 .controls{top:21px}
#atc01 .controls img{width:54%}
#atc01 .controls .arr.prev{left:344px}
#atc01 .controls .arr.next{right:332px}
#atc01 ul li .txt{padding:25px 0 50px;font-size:13px}
#atc01 ul li img{height:320px}
#atc01 ul li.on a{border-radius:215px 215px 0 0}
#atc01 ul li.on img{height:420px;border-radius:215px 215px 0 0}
#atc01 .pager span{font-size:15px}
#atc01 .pager span:first-child:after{height:13px}
}
@media (max-width:480px){
#atc01{padding:60px 0}
#atc01 .all_wrap::after{display:none}
#atc01 .all_wrap::before{display:none}
#atc01 .tit{padding-bottom:14px}
#atc01 .tit p{padding:12px 0 2px;font-size:22px}
#atc01 .controls{top:12px;width:100%}
#atc01 .controls img{width:44%}
#atc01 .controls .arr.prev{left:15%}
#atc01 .controls .arr.next{display:flex;justify-content:end;right:15%}
#atc01 ul li .txt{padding:15px 0 45px}
#atc01 ul li img{height:300px}
#atc01 ul li.on a{border-radius:182px 182px 0 0}
#atc01 ul li.on img{height:300px;border-radius:182px 182px 0 0}
#atc01 .swiper-slide-next{margin-top:0px}
#atc01 .pager span{font-size:14px}
#atc01 .pager span:first-child:after{height:12px}
#atc01 .pager span:first-child::before{width:18px;height:18px}
#atc01 .pager span:last-child::before{width:18px;height:18px}
}
@media (max-width:380px){
#atc01{padding:50px 0}
#atc01 .tit{padding-bottom:12px}
#atc01 .tit p{padding:10px 0 0 0;font-size:20px}
#atc01 .controls{top:7px}
#atc01 .controls .arr.prev{left:10%}
#atc01 .controls .arr.next{right:10%}
#atc01 ul li .txt{padding:10px 0 40px}
#atc01 ul li img{height:275px}
#atc01 ul li.on img{height:275px}
}
/* 반응형 [e] */