@charset "utf-8";

#atc03{position:relative;max-width:1500px;margin:0 auto;padding:155px 75px 170px}

/* 타이틀 */
#atc03 .tit{display:flex;flex-direction:column;align-items:center;justify-content:center;padding-bottom:75px}
#atc03 .tit .deco{width:11px;height:11px;border-radius:5px 5px 0 0;background:var(--point)}
#atc03 .tit p{padding:15px 0 0;font-size:40px;font-weight:300;color:var(--primary);font-family:var(--e-font)}
#atc03 .tit p span{font-weight:300;color:var(--point)}
#atc03 .tit b{font-weight:400;font-size:15px;color:#777;text-align:center}

/* 슬라이드 */
#atc03 .offer_slide{position:relative}
#atc03 ul li .img{overflow:hidden;border-radius:15px}
#atc03 ul li .img img{width:100%;transition:all .3s}
#atc03 ul li p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:30px 0 8px;font-size:19px;font-weight:600;color:#000}
#atc03 ul li p span{margin-right:15px;color:var(--primary);font-family:'Poppins'}
#atc03 ul li .txt{width:80%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500;color:#aaa}

/* 컨트롤 */
#atc03 .controls .arr{cursor:pointer;position:absolute;top:60%;z-index:101;color:var(--primary);transition:all .2s}
#atc03 .controls .arr.prev{left:0}
#atc03 .controls .arr.next{right:0}

/* 반응형 [s] */
@media (hover:hover){
#atc03 ul li:hover .img img{transform:scale(1.08)}
#atc03 .controls .arr:hover{color:var(--point)}
}
@media (max-width:1024px){
#atc03{padding:90px 75px 100px}
#atc03 .tit{padding-bottom:60px}
#atc03 .tit p{padding:5px 0 0;font-size:38px}
#atc03 .tit b{font-size:14px}
#atc03 .controls .arr{top:62%}
#atc03 .controls .arr.prev{left:2.5%}
#atc03 .controls .arr.next{right:2.5%}
}
@media (max-width:768px){
#atc03{padding:70px 48px 80px}
#atc03 .tit{padding-bottom:45px}
#atc03 .tit p{font-size:28px}
#atc03 .tit b{font-size:13px}
#atc03 .controls .arr{top:60.2%}
#atc03 .controls .arr.prev{left:1.5%}
#atc03 .controls .arr.next{right:1.5%}
}
@media (max-width:480px){
#atc03{padding:60px 40px 70px}
#atc03 .tit{padding-bottom:30px}
#atc03 .tit p{padding-top:3px;font-size:22px}
#atc03 .controls .arr{top:58.7%}
}
@media (max-width:380px){
#atc03{padding:50px 36px 60px}
#atc03 .tit{padding-bottom:25px}
#atc03 .tit p{padding-top:3px;font-size:20px}
#atc03 .controls .arr{top:59.2%}
}
/* 반응형 [e] */