@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:16px;color:#777}

/* 슬라이드 */
#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}

/* 인스타그램 */
#atc03 .offer_slide{overflow:hidden}
#atc03 .offer_slide li{overflow:hidden;float:left;position:relative;height:300px}
#atc03 .offer_slide li a{display:block;width:100%;height:100%}
#atc03 .offer_slide li .mask{position:absolute;top:0;left:0;z-index:0;width:100%;height:100%;background-color:rgba(0,0,0,.65);-webkit-transition:all .2s;transition:all .2s;opacity:0} 
#atc03 .offer_slide li .bg{position:absolute;z-index:-2;width:100%;height:100%;background-position:center;background-size:cover;-webkit-transition:all .6s;transition:all .6s}
#atc03 .offer_slide li .desc_wrap{position:absolute;top:50%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:100%;padding:0 30px;margin-top:-15px;font-size:18px;color:#33e2a7;font-family:'notokr-medium'}
#atc03 .offer_slide li .desc{display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;white-space:normal;line-height:1.4;height:3em;text-align:center;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;opacity:0;-webkit-transition:all .2s;transition:all .2s}
#atc03 .offer_slide li .count{position:absolute;z-index:1;right:30px;bottom:30px;font-size:14px;font-weight:600;color:#fff;opacity:0;-webkit-transition:all .2s;transition:all .2s;font-family:'Montserrat'}
#atc03 .offer_slide li .count span{display:inline-block;margin-left:15px}
#atc03 .offer_slide li .count i{padding-right:5px}
#atc03 .offer_slide li .count i.fa-heart{font-size:13px}

/*#atc03 .offer_slide li a:hover .mask{opacity:1}
#atc03 .offer_slide li a:hover .bg{transform:scale(1.15)}
#atc03 .offer_slide li a:hover .desc{opacity:1}
#atc03 .offer_slide li a:hover .count{opacity:1}*/

/* 반응형 [s] */
@media (hover:hover){
#atc03 ul li:hover .img img{transform:scale(1.08)}
#atc03 .controls .arr:hover{color:var(--point)}
}
@media (max-width:1230px){
#atc03 .offer_slide li{height:220px}
}
@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:15px}
#atc03 .controls .arr{top:62%}
#atc03 .controls .arr.prev{left:2.5%}
#atc03 .controls .arr.next{right:2.5%}
#atc03 .offer_slide li{height:200px}
}
@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:14px}
#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%}
#atc03 .offer_slide li{height:280px}
}
@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%}
#atc03 .offer_slide li{height:260px}
}
/* 반응형 [e] */