@charset "utf-8";

#atc03{opacity:0;position:relative;z-index:15;width:100%;padding:130px 0 0}
#atc03_wrap{position:relative;width:1200px;margin:0 auto}
#atc03_wrap:after{display:block;content:"";visibility:hidden;clear:both}
/*#atc03_wrap > div{overflow:hidden;position:relative;float:left;width:50%;height:550px}*/
#atc03_wrap > div{overflow:hidden;position:relative;width:100%;height:730px;border-radius:8px}
#atc03 .tit{margin-bottom:45px;text-align:center}
#atc03 .tit p{padding-bottom:10px;font-size:36px;color:#222;letter-spacing:-1px;font-family:'notokr-light'}

/* to bottom */
#atc03 .scr_down{width:90px;height:90px;margin:0 auto 30px;border-radius:50%;background-color:#cbbaa1}
#atc03 .scr_down .arr{position:absolute;left:50%;width:34px;height:42px;margin-left:-17px;opacity:0;background:url(/sh_img/include/inc03/scr_down.png) no-repeat;-webkit-animation:arrow 1.5s 0s linear infinite;animation:arrow 1.5s 0s linear infinite}
@-webkit-keyframes arrow{0%{-webkit-transform:translateY(15px);opacity:0}50%{-webkit-transform:translateY(30px);opacity:1}100%{-webkit-transform:translateY(35px);opacity:0}}
@keyframes arrow{0%{transform:translateY(15px);opacity:0}50%{transform:translateY(30px);opacity:1}100%{transform:translateY(35px);opacity:0}}

/* 비디오(임시) */
#atc03 .video{background:url(/sh_img/include/inc03/img/sample.jpg) center no-repeat #fff}
#atc03 .video iframe{position:absolute;left:0;top:0;z-index:-1;width:100%;height:100%}

/* 슬라이드 */
#atc03 .slide_wrap{position:relative}
#atc03 .slide_wrap ul li{opacity:0;position:absolute;-webkit-transition:all .4s;transition:all .4s;width:100%}
#atc03 .slide_wrap ul li.on{opacity:1}
#atc03 .slide_wrap ul li .img{position:relative;cursor:pointer;-webkit-transition:all .6s;transition:all .6s}
#atc03 .slide_wrap ul li.on .img{}
#atc03 .slide_wrap ul li .desc{height:130px;padding:25px 0 0 50px;background-color:#fff}
#atc03 .slide_wrap ul li .desc span{font-size:14px;font-weight:600;letter-spacing:0;color:#cbbaa1;text-transform:uppercase;font-family:'Poppins'}
#atc03 .slide_wrap ul li .desc p{margin-top:7px}
#atc03 .slide_wrap ul li .desc p b{padding-right:10px;font-size:22px;color:#222}

/* 컨트롤 */
#atc03 .controls{position:absolute;right:40px;bottom:35px}
#atc03 .controls span{display:inline-block;width:55px;height:55px;border-radius:50%;border:1px solid #e1e1e1;font-size:0;background:center no-repeat;-webkit-transition:all .2s;transition:all .2s}
#atc03 .controls span:hover{cursor:pointer;border-color:#cbbaa1;background-color:#cbbaa1}
#atc03 .controls span.prev{margin-right:5px;background-image:url(/sh_img/common/left_black.png)}
#atc03 .controls span.prev:hover{background-image:url(/sh_img/common/left_white.png)}
#atc03 .controls span.next{background-image:url(/sh_img/common/right_black.png)}
#atc03 .controls span.next:hover{background-image:url(/sh_img/common/right_white.png)}