@charset "utf-8";

#atc02{position:relative;width:100%;max-width:1200px;margin:0 auto;padding-top:16px;text-align:center}

/* 타이틀*/
#atc02 .tit_area{margin-bottom:35px}
#atc02 .tit_area p{padding-bottom:19px;font-size:17px;color:#7826e2;letter-spacing:.3px;font-weight:700;font-family:'Exo 2'}
#atc02 .tit_area h3{font-size:31px;font-weight:normal;color:#222;font-family:'notokr-light'}

/* 슬라이드 */
#atc02 ul li{height:436px;background:#fff;transition:all .3s}
#atc02 ul li a{display:block;height:100%}
#atc02 ul li .img{height:255px;background-size:cover;background-repeat:no-repeat;background-position:center;transition:all .2s}
#atc02 ul li .info{color:#222;font-size:16px;padding:35px 30px 30px 30px;text-align:left;line-height:21px;font-family:'notokr-bold'}
#atc02 ul li .info span{font-size:15px;line-height:24px;color:#777;opacity:100%;transition:all .2s;text-align:left;font-family:'notokr-regular'}
#atc02 ul li:after{display:block;position:absolute;top:430px;content:"VIEW MORE";width:66px;height:8px;opacity:0;color:#333;cursor:pointer;margin:-39px 0 0 30px;font-size:12px;font-weight:500;transition:all 0.5s;font-family:'Exo 2'}

/* control */
#atc02 .inc_btn{cursor:pointer;position:absolute;top:60%;z-index:1001;width:50px;height:50px;border:1px dashed rgba(255,255,255,.5);border-radius:50%;line-height:50px;color:rgba(255,255,255,.9)}
#atc02  #inc02_prev{left:-77px}
#atc02  #inc02_next{right:-77px}

/* pager */
#atc02 #inc02_pager{position:absolute;z-index:1001;width:100%;text-align:center;bottom:105px}
#atc02 #inc02_pager span{display:inline-block;width:10px;height:10px;margin:0 14px;border-radius:10px;background:none;border:2px solid #fff;background:none;font-size:0;opacity:1!important}
#atc02 #inc02_pager .swiper-pagination-bullet-active{background-color:#fff}

#atc02 .view_more{display:block;width:182px;height:58px;margin:107px auto 39px;font-size:13px;font-weight:600;text-align:center;letter-spacing:.3px;line-height:58px;color:#fff;transition:all .5s;background-size:200% auto;background-size:200% auto;background-image:-webkit-gradient(linear, left top, right top, color-stop(0, #6d1ee4), color-stop(0.51, #9338DD), color-stop(1, #6d1ee4));background-image:linear-gradient(to right, #6d1ee4 0%, #9338DD 51%, #6d1ee4 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#6d1ee4', endColorstr='#9338dd', gradientType=1);font-family:'Exo 2'}

@media (hover: hover) {
#atc02 ul li:hover{margin-top:-20px}
#atc02 ul li:hover:after{opacity:1}
#atc02 .view_more:hover{background-position:right center}
}

/* 반응형 [s] */
@media (max-width:1400px){
#atc02 .inc_btn{top:40px;border:1px dashed rgba(000,000,000,.3);color:#333}
#atc02  #inc02_prev{left:0px}
#atc02  #inc02_next{right:0px}
}

@media (max-width:1230px){
#atc02{padding:16px 15px 50px}
#atc02 #inc02_prev{left:15px}
#atc02 #inc02_next{right:15px}
#atc02 #inc02_pager{position:initial;padding-top:60px}
#atc02 .view_more{margin:50px auto 0}
}

@media (max-width:1024px){
#atc02{padding-top:60px}
#atc02 .tit_area p{font-size:15px}
#atc02 .tit_area h3{font-size:28px}
#atc02 .inc_btn{top:83px}
}

@media (max-width:768px){
#atc02 .tit_area h3{width:80%;margin:0 auto;font-size:26px;line-height:36px;word-break:keep-all}
#atc02 ul li .info{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
#atc02 ul li .info span{white-space:normal}
#atc02 #inc02_pager span{width:8px;height:8px;margin:0 10px}
#atc02 .inc_btn{top:90px}
}

@media (max-width:480px){
#atc02 .tit_area h3{width:70%;font-size:23px;line-height:33px}
#atc02 .inc_btn{top:104px;width:45px;height:45px;font-size:11px;line-height:45px}
}

@media (max-width:380px){
#atc02 .tit_area h3{font-size:20px;line-height:30px}
#atc02 .view_more{width:100%}
}
/* 반응형 [e] */