@charset "utf-8";

#atc01{position:relative;padding-top:210px}
#atc01 .inner{width:1280px;margin:0 auto}

/* 타이틀 */
#atc01 .tit_area{opacity:0;position:relative;z-index:1;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px);overflow:hidden;padding:80px 0 110px 170px;font-weight:700}
#atc01 .tit_area span{float:left;margin-right:50px;font-size:17px}
#atc01 .tit_area p{float:left;font-size:42px;color:#111;line-height:50px}
#atc01 .big_img{opacity:0;-webkit-animation-delay:.3s;animation-delay:.3s;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}

/* 슬라이더 */
#atc01 .slider{opacity:0;position:absolute;left:50%;top:210px;z-index:0;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px);margin-left:195px}
#atc01 .slider .img{overflow:hidden;position:relative;width:320px;height:400px;margin-bottom:35px}
#atc01 .slider .img:before{content:"";position:absolute;left:0;bottom:0;width:100%;height:100%;background-color:#111}
#atc01 .slider .img li{opacity:0;overflow:hidden;position:absolute;left:0;top:0;width:100%;height:0;-webkit-transition:all 1s cubic-bezier(.35,.97,.22,1);transition:all 1s cubic-bezier(.35,.97,.22,1)}
#atc01 .slider .img li img{position:absolute;left:0;top:0}
#atc01 .slider .img li.on{opacity:1;z-index:1;height:100%;}

#atc01 .slider .pager{position:absolute;left:100%;top:64%;width:100%;padding-left:30px;font-weight:700;line-height:1;color:#111}
#atc01 .slider .pager li{display:inline-block;vertical-align:baseline;cursor:pointer}
#atc01 .slider .pager li:first-child:after{display:inline-block;content:"";width:45px;height:1px;margin:0 12px;background-color:#111}
#atc01 .slider .pager li.on{font-size:42px}

/* 이미지+텍스트 */
#atc01 .ab_img{opacity:0;-webkit-animation-delay:.4s;animation-delay:.4s;position:absolute;right:0;bottom:140px;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}
#atc01 .ab_img a{overflow:hidden;display:inline-block;width:500px;height:305px}
#atc01 .ab_img a img{-webkit-transition:all 1s cubic-bezier(.35,.97,.22,1);transition:all 1s cubic-bezier(.35,.97,.22,1)}
#atc01 .ab_img a:hover img{transform:scale(1.15)}
#atc01 .ab_img .txt{float:left;padding-right:40px;margin-top:165px;text-align:right}
#atc01 .ab_img .txt p{margin-top:20px;font-size:17px;font-weight:700;color:#111}
#atc01 .ab_img .plus{display:inline-block;position:relative;width:9px;height:9px;margin-right:30px}
#atc01 .ab_img .plus:before{content:"";position:absolute;left:0;top:4px;width:9px;height:1px;background-color:#111;-webkit-transition:all .2s;transition:all .2s}
#atc01 .ab_img .plus:after{content:"";position:absolute;left:4px;top:0;width:1px;height:9px;background-color:#111;-webkit-transition:all .2s;transition:all .2s}
#atc01 .ab_img .plus.on:before{left:1px;top:2px;width:7px;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
#atc01 .ab_img .plus.on:after{left:4px;top:3px;height:7px;-webkit-transform:rotate(-135deg);-ms-transform:rotate(-135deg);transform:rotate(-135deg)}