@charset "utf-8";

#atc03 {position:relative;width:100%}
#atc03:before {display:block;content:"";position:absolute;right:0;width:30%;height:100%;background-color:#f4f4f4}
#atc03_wrap {position:relative;width:1200px;height:520px;margin:0 auto;background-color:#f4f4f4}
#atc03_wrap:after {display:block;content:"";position:absolute;top:0;left:0;width:380px;height:100%;background-color:#fff}

/* 이미지 */
#atc03_wrap .img_area {float:left;position:absolute;top:160px;left:-160px;z-index:1}
#atc03_wrap .img_area img {animation-delay:.3s}
#atc03_wrap .img_area:before { display:block; content:""; position:absolute; left:120px; top:-50px; width:160px; height:50px; background-color:#b51e5f}
#atc03_wrap .img_area .deco {position:absolute;left:-70px;top:-20px;font-weight:800;font-family:'Montserrat', sans-serif}
#atc03_wrap .img_area .deco .txt {display:block;-ms-transform:rotate(-90deg);transform:rotate(-90deg);letter-spacing:1px}
#atc03_wrap .img_area .deco:before {content:"03";position:absolute;top:70px;left:35px;font-size:12px;font-weight:800;letter-spacing:.5px;color:#b51e5f}
#atc03_wrap .img_area .deco:after {content:"";position:absolute;top:105px;left:-80%;width:185px;height:1px;background-color:#b51e5f}

/* 내용 */
#atc03_wrap .cont_area {float:right;position:relative;padding:130px 0 0 80px;margin-right:65px;color:#777}
#atc03_wrap .cont_area .num {position:absolute;left:0;top:80px;font-size:60px;font-weight:900;color:#d4d4d4;font-family:'Montserrat', sans-serif}
#atc03_wrap .cont_area .num:after {display:block;content:"";position:absolute;right:-15px;bottom:0;width:30px;height:52px;border-left:1px solid #ccc;-ms-transform:rotate(50deg);transform:rotate(50deg);background-color:#f2f2f2}
#atc03_wrap .cont_area h3 {position:relative;margin-top:30px;z-index:1;font-size:49px;font-weight:200;line-height:1;color:#222;text-transform:uppercase;font-family:'Montserrat', sans-serif}
#atc03_wrap .cont_area h3 span {font-weight:900}
#atc03_wrap .cont_area p {margin:22px 0;color:#222}
#atc03_wrap .cont_area a {display:block;position:relative;margin-top:18px;padding:10px 0 10px 25px;font-size:12px;font-weight:800;letter-spacing:.5px;color:#b51e5f;background:url(/sh_img/make24/include_03/img/arr.png) 10px center no-repeat;transition:all .2s;font-family:'Montserrat', sans-serif}
#atc03_wrap .cont_area a:before {position:absolute;left:0;top:19px;content:"";width:15px;height:2px;background-color:#b51e5f;transition:width .2s}
#atc03_wrap .cont_area a:hover {padding-left:37px;background-position:20px center}
#atc03_wrap .cont_area a:hover:before {width:25px}

/* fadeInLeft  */
.animated {-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.fadeInLeft {-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}
@-webkit-keyframes fadeInLeft {from {margin-left:-50px;opacity:0}to {margin-left:0;opacity:1}}
@keyframes fadeInLeft {from {margin-left:-50px;opacity:0}to {margin-left:0;opacity:1}}