@charset "utf-8";

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

/* 텍스트 */
#atc01 .left{float:left;width:50%}
#atc01 .tit{margin-bottom:100px}
#atc01 .tit span{margin-left:-20px;opacity:0;font-size:16px;font-weight:600;color:#bbb;-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)}
#atc01 .tit p{padding-top:35px;margin-left:-20px;opacity:0;font-size:30px;font-weight:700;line-height:1.2;color:#222;-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)}
#atc01 .tit.active span, #atc01 .tit.active p{margin-left:0;opacity:1}
#atc01 .txt p{padding-bottom:15px;margin-left:-8px;font-size:120px;font-weight:600;line-height:1;letter-spacing:-5px;color:#ea332a}
#atc01 .right{float:left;width:50%;padding-left:75px}
#atc01 .right .tit span{color:#fff}
#atc01 .right .tit p{color:#fff}

/* 이미지 슬라이드 */
#atc01 .gall_slide{position:absolute;left:50%;top:250px;z-index:10;margin-left:-150px}
#atc01 .gall_slide .bx-viewport{height:420px!important}
#atc01 .gall_slide .img{width:100%;height:247px;background: center no-repeat;background-size:cover}
#atc01 .gall_slide .cont{position:relative;width:100%;height:105px;padding:30px;font-weight:500;background-color:#fff}
#atc01 .gall_slide .cont, #atc01 .gall_slide .cont *{-webkit-transition:all .2s;transition:all .2s}
#atc01 .gall_slide .cont span{font-size:15px;color:#999}
#atc01 .gall_slide .cont .subj{padding-top:5px;font-size:18px;color:#222}
#atc01 .gall_slide .cont .more{display:inline-block;position:absolute;left:30px;bottom:30px;opacity:0;padding-right:30px;font-size:16px;color:#ea332a;background:url(/sh_img/include/inc01/next_r.png) right no-repeat}
#atc01 .gall_slide li:hover .cont{height:160px}
#atc01 .gall_slide li:hover .subj{padding-top:30px}
#atc01 .gall_slide li:hover .more{opacity:1}

/* 컨트롤 */
#atc01 .gall_arr{display:inline-block;position:relative;z-index:12;margin-top:40px} 
#atc01 .gall_arr:after{display:block;content:"";visibility:hidden;clear:both}
#atc01 .gall_arr span{display:block;float:left}
#atc01 .gall_arr span:nth-child(1):after{content:url(/sh_img/include/inc01/sasun.png);display:inline-block}
#atc01 .gall_arr a{display:inline-block;vertical-align:-1px;position:relative;padding:0 12px;font-size:13px;font-weight:600;color:#222;-webkit-transition:all .2s;transition:all .2s}
#atc01 .gall_arr a.bx-prev{padding-left:25px}
#atc01 .gall_arr a.bx-next{padding-right:25px}
#atc01 .gall_arr a:hover{color:#ea332a}
#atc01 .bx-prev:before,#atc01 .bx-prev:after, #atc01 .bx-next:before,#atc01 .bx-next:after{display:block;content:"";position:absolute;top:4px;left:0;width:18px;height:6px;background:url(/sh_img/include/inc01/prev.png) no-repeat;-webkit-transition:all .2s;transition:all .2s}
#atc01 .bx-prev:after{left:10px;opacity:0;background-image:url(/sh_img/include/inc01/prev_r.png)}
#atc01 .bx-prev:hover:before{left:-10px;opacity:0}
#atc01 .bx-prev:hover:after{left:0;opacity:1}
#atc01 .bx-next:before,#atc01 .bx-next:after{left:auto;right:0;background:url(/sh_img/include/inc01/next.png) no-repeat}
#atc01 .bx-next:after{right:10px;opacity:0;background-image:url(/sh_img/include/inc01/next_r.png)}
#atc01 .bx-next:hover:before{right:-10px;opacity:0}
#atc01 .bx-next:hover:after{right:0;opacity:1}

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