@charset "utf-8";

#atc01{position:relative;height:620px;margin:0 auto;padding:200px 10% 0} 

/* title */
#atc01 .tit_area{position:fixed;color:#222;transition:all .3s}
#atc01 .tit_area .tit_wrap{margin-bottom:55px;font-size:55px;line-height:1.2;letter-spacing:-1px;font-family:'notokr-bold'}
#atc01 .tit_area p{overflow:hidden;height:66px;padding-top:60px;;transition:all 1.2s}
#atc01 .tit_area span{opacity:0;font-size:19px;font-family:'notokr-medium'}
#atc01 .tit_area.color{color:#fff}
#atc01 .tit_area.color p{transition:none}
#atc01 .tit_area.off{position:absolute!important;top:1200px}

#atc01 .side_txt{opacity:0;position:fixed;top:50%;right:-10px;z-index:1;font-size:13px;font-weight:700;color:#aaa;letter-spacing:0;transform:rotate(270deg);font-family:'Poppins'}


/* fade  */
.animated{-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}
.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}
@-webkit-keyframes fadeInUp{from{opacity:0;-webkit-transform:translateY(50px)}to{opacity:1;-webkit-transform:none}}
@keyframes fadeInUp{from{opacity:0;transform:translateY(50px)}to{opacity:1;transform:none}}
@keyframes fadeInLeft{from{opacity:0;transform:translateX(50px)}to{opacity:1;transform:none}}


@media (max-width:1770px){
#atc01 .side_txt{display:none}
}