@charset "utf-8";

#atc02{position:relative;width:100%}
#atc02:before{display:block;content:"";position:absolute;left:0;width:45%;height:370px;background-color:#fff}
#atc02 .bg{position:relative;width:100%;height:350px;background:url(/sh_img/include/include_02/img/atc02_bg.jpg) fixed bottom right no-repeat}
#atc02 .bg.mobile{background-position:center right;background-attachment:local}
#atc02 .bg:after{display:block;content:"";position:absolute;left:0;bottom:0;width:38%;height:218px;background:#cdbd9b url(/sh_img/include/include_02/img/in02_bg2.png) -272px no-repeat}
#atc02 .bg .img{width:1100px;margin:0 auto;padding-top:44px;text-align:right}
#atc02_wrap{position:relative;width:1100px;margin:0 auto;padding-top:110px}

/* 타이틀 */
#atc02 .tit_area{margin-bottom:50px;color:#27283d;text-align:center;text-transform:uppercase;font-family:'Crimson Text', serif}
#atc02 .tit_area h3{margin:28px 0 8px;font-size:40px;font-weight:700}
#atc02 .tit_area h3 span{color:#cdbd9b}
#atc02 .tit_area h4{font-size:15px;font-weight:600}

/* CONT01 */
#atc02 .cont01{position:absolute;z-index:10;width:32%;height:290px;padding:55px 0 0 60px;font-size:16px;color:#777;line-height:1.6;letter-spacing:-.2px;background-color:#fff;-webkit-box-shadow:11px 13px 30px 9px rgba(0,0,0,0.1);-moz-box-shadow:11px 13px 30px 9px rgba(0,0,0,0.1);box-shadow:11px 13px 30px 9px rgba(0,0,0,0.1)}
#atc02 .cont01 li{position:relative;margin-bottom:15px;color:#222}
#atc02 .cont01 li:nth-child(1){animation-delay:0}
#atc02 .cont01 li:nth-child(2){animation-delay:.2s}
#atc02 .cont01 li:nth-child(3){animation-delay:.4s}
#atc02 .cont01 li.tit{font-size:20px;font-family:'notokr-bold'}
#atc02 .cont01 li.tel{font-size:42px;font-weight:700;line-height:1;letter-spacing:0;color:#ce0000;font-family:'Crimson Text', serif}


/* CONT02 */
#atc02 .cont02{overflow:hidden;width:1100px;margin:0 auto;padding:90px 0 80px;font-family:'notokr-regular'}
#atc02 .cont02 .tit{float:left;width:26%;border-top:3px solid #27283d;font-size:15px;line-height:1.6;text-align:right;color:#777}
#atc02 .cont02 .tit h3{padding:40px 0 22px;font-size:22px;letter-spacing:-.5px;color:#27283d;font-family:'notokr-bold'}
#atc02 .cont02 .tit h3 span{color:#ce0000}
#atc02 .cont02 .tit a{display:inline-block;padding:0 25px;margin-top:35px;border-radius:2px;font-size:14px;line-height:50px;color:#fff;background-color:#27283d;-webkit-transition:all .2s;transition:all .2s;font-family:'notokr-medium'}
#atc02 .cont02 .tit a:hover{background-color:#cdbd9b}
#atc02 .cont02 .late_area{float:right;width:65%;border-top:3px solid #27283d}

.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}
@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}