@charset "utf-8";

#atc01{position:relative;padding-bottom:130px;font-family:'Poppins',sans-serif}

/* cont01 */
#atc01 .cont01{overflow:hidden;width:1184px;margin:0 auto}
#atc01 .cont01 .img{float:left;position:relative}
#atc01 .cont01 .txt_area{float:left;margin:150px 0 0 86px}
#atc01 .cont01 .txt_area p{font-size:16px;color:#fff;letter-spacing:.3px;font-family:'Sedgwick Ave', cursive}
#atc01 .cont01 .txt_area h3{margin-bottom:10px;font-size:44px;font-weight:200;color:#fff;font-family:'Poppins',sans-serif}
#atc01 .cont01 .txt_area h3 b{font-weight:600}
#atc01 .cont01 .txt_area a{display:block;width:225px;height:65px;margin-top:50px;border-radius:35px;font-size:13px;font-weight:600;text-align:center;letter-spacing:.3px;line-height:65px;color:#fff;transition:all .5s;background-size:200% auto;background-image:-webkit-gradient(linear, left top, right top, color-stop(0, #b7eeb0), color-stop(0.51, #4e92bf), color-stop(1, #b9eeb0));background-image:linear-gradient(to right, #b7eeb0 0%, #4e92bf 51%, #b7eeb0 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b7eeb0', endColorstr='#4e92bf', gradientType=1)}
#atc01 .cont01 .txt_area a:hover{background-position:right center}
.block-revealer__element{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;background:-webkit-gradient(linear, left top, right bottom, color-stop(0, #b7eeb0), color-stop(1, #4d91bf));background:linear-gradient(-45deg,  #b7eeb0 0%, #4d91bf 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b7eeb0', endColorstr='#4d91bf', gradientType=1)}
.ts3{font-size:14px;font-family:'notokr-regular'}
/* cont02 */
#atc01 .cont02{position:relative;width:100%;margin:150px auto 0;text-align:center}
#atc01 .cont02 .inner{position:relative;height:171px;width:1200px;text-align:center;margin:0 auto}

#atc01 .cont02 .txt_stroke{position:absolute;top:-60px;right:-49%;z-index:10;font-size:110px;font-weight:800;line-height:1;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.2);-webkit-transition:all .3s;font-family:'Poppins'}
#atc01 .cont02 .txt_stroke span{display:block;padding-left:200px}
#atc01 .cont02 .txtbox{width:410px;margin:0 auto;text-align:center}
#atc01 .cont02 .txtbox p{position:relative;margin-bottom:20px;display:inline-block;font-size:69px;font-weight:800;letter-spacing:5px;text-align:center;line-height:1.2;color:#333}
#atc01 .cont02 .txtbox p:before{position:absolute;top:20px;right:-80px;content:url(/sh_img/make24/include_01/r_deco.png)}
#atc01 .cont02 .txtbox p:after{position:absolute;top:20px;left:-80px;content:url(/sh_img/make24/include_01/l_deco.png)}
#atc01 .cont02 .txtbox .num{position:absolute;left:-70px;top:13px;font-size:14px;font-weight:600;color:#333}
#atc01 .cont02 .txtbox:before{display:block;content:"";position:absolute;left:-200%;top:24px;width:150%;height:1px;background-color:rgba(0,0,0,.15)}
#atc01 .cont02 .img01{display:inline-block;width:840px}
#atc01 .cont02 .img02{position:absolute;right:-189px;top:-207px}
#atc01 .cont02 .img03{position:absolute;right:-365px;bottom:0}
#atc01 .cont02 .img03 .mask{position:absolute;right:0;width:176px;height:100%;background-color:rgba(0,0,0,.4)}
#atc01 .cont02 .deco{position:absolute;right:66px;bottom:-80px}
#atc01 .cont02 .txt{position:absolute;left:340px;bottom:40px;width:1200px;font-size:16px;text-align:left;font-family:'notokr-regular'}
#atc01 .cont02 .txt .txt_tit{font-size:27px;color:#fff;font-family:'notokr-bold'}
#atc01 .cont02 .txt:before{display:block;content:"";width:106px;height:1px;margin:65px 0 40px;background-color:rgba(255,255,255,.15)}

/* fadeInUp  */
.animated{-webkit-animation-duration:.8s;animation-duration:.8s;-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:translate3d(0, 100px, 0)}to{opacity:1;-webkit-transform:none}}
@keyframes fadeInUp{from{opacity:0;transform:translate3d(0, 100px, 0)}to{opacity:1;transform:none}}

/* fadeInLeft  */
.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}
@-webkit-keyframes fadeInLeft{from{opacity:0;-webkit-transform:translateX(150px)}to{opacity:1;-webkit-transform:none}}
@keyframes fadeInLeft{from{opacity:0;transform:translateX(150px)}to{opacity:1;transform:none}}

/* sparkle */
#atc01 .cont02 .txtbox .sparkle{font-style:normal;opacity:0;-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:sparkle;animation-name:sparkle}
@keyframes sparkle{from{opacity:0}to{opacity:1}}
#atc01 .cont02 .txtbox em:nth-child(1){animation-delay:.1s}
#atc01 .cont02 .txtbox em:nth-child(2){animation-delay:.3s}
#atc01 .cont02 .txtbox em:nth-child(3){animation-delay:.2s}
#atc01 .cont02 .txtbox em:nth-child(4){animation-delay:.2s}
#atc01 .cont02 .txtbox em:nth-child(5){animation-delay:.1s}
#atc01 .cont02 .txtbox em:nth-child(6){animation-delay:.3s}
#atc01 .cont02 .txtbox em:nth-child(7){animation-delay:.3s}
#atc01 .cont02 .txtbox em:nth-child(8){animation-delay:.1s}

.new_img_box .new_txt_box{background:#f7f7f7}