@charset "utf-8";

#atc02_wrap{position:relative;width:1200px;margin:0 auto;padding:115px 0 110px;font-size:16px;color:#666;line-height:26px;font-family:'notokr-regular'}

/*텍스트*/
#atc02_wrap .tit_area{margin-bottom:55px;text-align:center;font-family:'notokr-regular'}
#atc02_wrap .tit_area p.b_tit{padding-bottom:30px;font-size:45px;letter-spacing:-.5px;color:#fff;font-family:'notokr-light'}
#atc02_wrap .tit_area p.b_tit span{font-family:'notokr-bold'}
#atc02_wrap .tit_area p.b_tit span.blue{color:#01a4dd}
#atc02_wrap .tit_area p.b_tit span.dot{position:relative}
#atc02_wrap .tit_area p.b_tit span.dot:before{display:block;position:absolute;top:-3px;left:50%;content:"";width:3px;height:8px;background:#fff;transform:rotate(45deg);-webkit-transform:rotate(45deg)}
#atc02_wrap .tit_area .s_tit{color:#fff;opacity:0.7}
/*슬라이드*/
#atc02_wrap .slide_wrap{position:relative;box-shadow: 0px 43px 125px -83px rgba(0, 0, 0, 0.29);-webkit-box-shadow: 0px 43px 125px -83px rgba(0, 0, 0, 0.29)}
#atc02_wrap ul:after{display:block;content:"";visibility:hidden;clear:both}
#atc02_wrap ul li{position:relative}
#atc02_wrap ul li .img{float:left;width:50%;height:383px}
#atc02_wrap ul li .cont{float:left;position:relative;width:50%;height:383px;padding:70px 50px;background-color:#fff}
#atc02_wrap ul li .cont .tit{position:relative;padding-bottom:20px;font-size:22px;color:#222;font-family:'notokr-medium'} 
#atc02_wrap ul li .cont .tit:before{display:inline-block;vertical-align:-3px;content:"";width:3px;height:20px;margin-right:10px;background-color:#01a4dd}
#atc02_wrap ul li .cont a{position:absolute;left:50px;bottom:70px;font-size:14px;font-weight:500;letter-spacing:.15px;-webkit-transition:all .2s;transition:all .2s;font-family:'Poppins', sans-serif}
#atc02_wrap ul li .cont a:hover{color:#c69728}
/*버튼*/
#atc02_wrap .bx-controls-direction{z-index:1000;position:absolute;bottom:15px;right:180px}
#atc02_wrap .bx-controls-direction a{display:inline-block;width:45px;height:45px;margin:0 1px;border-radius:2px;font-size:0;text-align:center;line-height:45px;background-color:rgba(0,0,0,.16);background-image:none;-webkit-transition:all .3s;transition:all .3s}
#atc02_wrap .bx-controls-direction a:after{position:absolute;bottom:0;left:44%;content:"\f104";font-size:16px;color:#fff;font-family:FontAwesome}
#atc02_wrap .bx-controls-direction a.bx-next:after{content: "\f105";}
#atc02_wrap .bx-controls-direction a:hover{background-color:rgba(0,0,0,.27)}
#atc02_wrap .bx-controls-direction:after{display:none}

/* fadeInUp  */
.animated{-webkit-animation-duration:1.2s;animation-duration:1.2s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}
@-webkit-keyframes fadeInUp{from{opacity:0;-webkit-transform:translateY(40%);transform:translateY(40%)}to{opacity:1;-webkit-transform:none;transform:none}}
@keyframes fadeInUp{from{opacity:0;-webkit-transform:translateY(40%);transform:translateY(40%)}to{opacity:1;-webkit-transform:none;transform:none}}