@charset "utf-8";

#atc02{position:relative;padding:70px 0 90px;font-family:'Josefin Sans','notokr-regular'}
#atc02:before{display:block;content:"";position:absolute;right:0;top:0;width:50%;height:100%;background-color:#ea332a}
#atc02:after{display:block;content:"";position:absolute;right:0;bottom:0;width:50%;height:470px;background-color:#f5f5f5}
#atc02 .inner{position:relative;z-index:5;width:1200px;margin:0 auto}
#atc02 .inner:after{display:block;content:"";visibility:hidden;clear:both}

/* 이미지 */
#atc02 .img{position:absolute;left:0;top:0;z-index:6;width:50%;height:685px;background:url(/sh_img/include/inc02/img.jpg) center no-repeat}

/* 텍스트 박스 */
#atc02 .box{float:right;position:relative;left:-600px;opacity:0;width:600px;height:525px;padding:110px;font-size: 14px;line-height: 1.7;background-color:#fff;-webkit-transition:all .7s .15s cubic-bezier(0.165, 0.84, 0.44, 1);transition:all .7s .15s ecubic-bezier(0.165, 0.84, 0.44, 1);}
#atc02 .box.active{left:0;opacity:1}
#atc02 .box span{font-size:16px;font-weight:600;color:#ea332a}
#atc02 .box p {padding:35px 0 25px;font-size:30px;font-weight:700;line-height:1.2;color:#222}
#atc02 .box a{display:block;position:absolute;right:0;bottom:0;width:100px;height:100px;background-color:#222}
#atc02 .box a:before,#atc02 .box a:after{display:block;content:"";position:absolute;top:50%;left:50%;width:18px;height:6px;margin:-3px 0 0 -9px;background:url(/sh_img/include/inc02/arr.png) no-repeat;-webkit-transition:all .2s;transition:all .2s}
#atc02 .box a:after{left:40%;opacity:0;background-image:url(/sh_img/include/inc02/arr.png)}
#atc02 .box a:hover:before{left:60%;opacity:0}
#atc02 .box a:hover:after{left:50%;opacity:1}

/* 그리드 */
#atc02 .grid{position:absolute;top:0;bottom:0;left:0;right:0;z-index:0;width:100%;max-width:1200px;margin:0 auto}
#atc02 .grid span{display:block;position:absolute;top:0;z-index:1;width:1px;height:100%;background-color:rgba(255,255,255,.17)}
#atc02 .grid span.line03{left:75%}
#atc02 .grid span.line04{left:100%}