@charset "utf-8";

#atc02{overflow:hidden;position:relative;padding:130px 0 40px;text-align:center;font-family:'Poppins',sans-serif}
#atc02 .bg{position:absolute;top:0;left:0;z-index:-1;width:100%;height:495px;background:url(/sh_img/make24/include_02/bg.jpg) center no-repeat}
#atc02 .inner{position:relative;width:1396px;margin:0 auto}

/* 타이틀*/
#atc02 .tit_area{margin-bottom:15px}
#atc02 .tit_area p{font-size:16px;color:#fff;letter-spacing:.3px;font-family:'Sedgwick Ave', cursive}
#atc02 .tit_area h3{margin-bottom:10px;font-size:44px;font-weight:200;color:#fff;font-family:'Poppins',sans-serif}
#atc02 .tit_area h3 b{font-weight:600}

/* 슬라이드 */
#atc02 .bx-viewport{padding-top:40px}
#atc02 ul li{position:relative}
#atc02 ul li .img{width:340px;height:415px;background-size:cover;background-repeat:no-repeat;background-position:center;transition:all .2s}
#atc02 ul li .info{font-size:14px;color:#7e7e7e;opacity:0;transition:all .2s;font-family:'notokr-regular'}
#atc02 ul li .info p{color:#333}
#atc02 ul li .info .btn{width:50px;height:50px;margin:25px auto 0;border-radius:50%;border:1px solid rgba(0,0,0,.2);background:url(/sh_img/make24/include_02/plus.png) center no-repeat}
#atc02 ul li:hover .img{margin-top:-40px}
#atc02 ul li:hover .info{padding-top:30px;opacity:1}

/* control */
#atc02 .bx-controls-direction{position:absolute;left:0;top:300px;z-index:1001;width:100%;font-size:13px;font-weight:600}
#atc02 .bx-controls-direction a{position:absolute;left:-70px;color:#333}
#atc02 .bx-controls-direction a.bx-next{left:auto;right:-70px}
#atc02 .bx-controls-direction a:before{display:block;content:"";position:absolute;top:-12px;left:13px;-webkit-transform:scaleY(5);transform:scaleY(5);width:3px;height:3px;border-radius:3px;background:#333;opacity:0;-webkit-transition:all .1s;transition:all .1s}
#atc02 .bx-controls-direction a:hover:before{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1)}

/* pager */
#atc02 .bx-pager{position:absolute;bottom:-30px;z-index:1001;width:100%;text-align:center}
#atc02 .bx-pager > div{display:inline-block;margin:0 8px}
#atc02 .bx-pager > div a{display:block;width:10px;height:10px;border-radius:10px;border:1px solid #333;font-size:0}
#atc02 .bx-pager > div a.active{background-color:#333}