@charset "utf-8";

#atc02{overflow:hidden;position:relative;height:100vh}
#atc02 .bg_wrap{overflow:hidden;position:absolute;right:0;top:0;width:50%;height:100%}
#atc02 .bg_wrap:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.1)}
#atc02 .bg{position:absolute;right:0;top:0;width:100%;height:100%;background:url(/sh_img/include/inc02/bg.jpg) center no-repeat;background-size:cover;-webkit-animation:scale 20s linear infinite;animation:scale 20s linear infinite;-webkit-transform:scale(1);transform:scale(1.12)}
@-webkit-keyframes scale{from{-webkit-transform:scale(1.12)}50%{-webkit-transform:scale(1)}100%{-webkit-transform:scale(1.12)}}
@keyframes scale{from{transform:scale(1.12)}50%{-webkit-transform:scale(1)}100%{transform:scale(1.12)}}

/* 컨텐츠 */
#atc02 .cont_wrap{position:relative;width:1400px;height:100%;margin:0 auto;padding-left:80px}
#atc02 .cont_wrap:before{content:"";position:absolute;top:0;left:0;width:1px;height:0;background-color:#e1e1e1;-webkit-transition:all .2s 0s;transition:all .2s 0s}
#atc02 .cont_wrap a{opacity:0;display:block;position:absolute;bottom:0;left:50%;-webkit-transform:translateX(40px);-ms-transform:translateX(40px);transform:translateX(40px);width:170px;height:170px;margin-left:-170px;font-size:14px;font-weight:700;color:#fff;text-align:center;line-height:170px;background-color:#222e59;transition:all .3s, transform .3s 0s, opacity .3s 0s;font-family:'Play'}
#atc02 .cont_wrap a:hover{background-color:#1d5ec6}
#atc02 .cont{position:relative;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
#atc02 .cont span{padding-left:3px;font-size:18px;font-weight:700;color:#aaa;font-family:'Play'}
#atc02 .cont .tit_wrap{margin:25px 0 50px}
#atc02 .cont .tit{overflow:hidden;font-size:38px;color:#222;line-height:1.4}
#atc02 .cont .tit b{font-family:'LotteMartDreamBold'}
#atc02 .cont .tit em{display:block;-webkit-transform:translateY(50px);-ms-transform:translateY(50px);transform:translateY(50px);font-style:normal;-webkit-transition:all .2s 0s;transition:all .2s 0s}

/* active */
.inc02.active #atc02 .cont_wrap:before{height:100%;-webkit-transition:all .9s .2s cubic-bezier(0.25, 0.46, 0.45, 0.94);transition:all .9s .2s cubic-bezier(0.25, 0.46, 0.45, 0.94)}
.inc02.active #atc02 .cont .tit em{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);-webkit-transition:all .6s .3s cubic-bezier(0.25, 0.46, 0.45, 0.94);transition:all .6s .3s cubic-bezier(0.25, 0.46, 0.45, 0.94)}
.inc02.active #atc02 .cont .tit em.t2{-webkit-transition-delay:.5s;transition-delay:.5s}
.inc02.active #atc02 .cont_wrap a{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0); transition:transform .3s .3s, opacity .3s .3s}