@charset "utf-8";

#atc04{overflow:hidden;position:relative;width:100%}
#atc04_wrap{position:relative;width:100%;background:url(/sh_img/include/inc04/img/bg.jpg) left fixed no-repeat}
#atc04_wrap .cont{position:relative;width:1058px;height:450px;margin:0 auto}
#atc04_wrap .cont:before{display:block;content:"";position:absolute;right:-50%;top:0;z-index:1;width:50%;height:100%;background-color:#2e2d2e}
#atc04_wrap .cont:after{display:block;content:"";visibility:hidden;clear:both}

/* CS */
#atc04 .cont .cs{float:right;position:relative;width:33.33%;height:100%;padding:80px 50px 0 0;font-size:16px;font-weight:500;text-align:right;letter-spacing:0;color:#fff;background:url(/sh_img/include/inc04/img/deco.png) -211px bottom no-repeat rgba(0,145,215,.5);;-webkit-transition:background .1s;transition:background .1s;font-family:'Raleway', sans-serif}
#atc04 .cont .cs.active{background-position:left bottom;transition:all .9s .3s cubic-bezier(0.165, 0.84, 0.44, 1)}
#atc04 .cont .cs .tit{font-size:13px;font-weight:600;letter-spacing:.5px;font-family:'Raleway', sans-serif}
#atc04 .cont .cs .tel{padding:10px 0 15px;font-size:30px;font-weight:700}
#atc04 .cont .cs .info{color:#d3e5ee;font-family:'notokr-regular', sans-serif}
#atc04 .cont .cs .info span{padding-right:7px;font-weight:600;color:#fff;font-family:'Raleway', sans-serif}
#atc04 .cont .cs .view_btn{position:absolute;top:350px;left:192px;padding-right:33px;font-size:13px;font-weight:600;letter-spacing:.5px;line-height:59px;color:#fff;cursor:pointer;background:url(/sh_img/include/inc04/img/arr.png) right 27px no-repeat;-webkit-transition:padding .3s;transition:padding .3s}
#atc04 .cont .cs .view_btn:after{display:block;content:"";position:absolute;left:82px;top:50%;width:44px;height:44px;margin-top:-22px;border-radius:44px;background-color:rgba(255,255,255,.15);-webkit-transition:left .3s;transition:left .3s}
#atc04 .cont .cs .view_btn:hover{padding-right:50px}
#atc04 .cont .cs .view_btn:hover:after{left:55px}

/* 라테스트 */
#atc04 .cont .latest{float:left;width:66.67%;height:365px;margin-top:325px;background-color:#f7f7f7}
#atc04 .cont .latest .tit{height:125px;padding:0 50px;font-size:25px;font-weight:700;line-height:125px;color:#222;background-color:#fff;font-family:'Raleway', sans-serif}
#atc04 .cont .latest .tit span{padding-left:10px;font-size:15px;font-weight:normal;font-family:'notokr-regular'}
#atc04 .cont .latest .tit a{float:right;display:inline-block;position:relative;height:45px;padding:0 35px;margin-top:40px;border:2px solid #222;border-radius:45px;font-size:13px;font-weight:600;line-height:41px;letter-spacing:.5px;color:#222;-webkit-transition:all .3s;transition:all .3s}
#atc04 .cont .latest .tit a:hover{color:#fff;background-color:#222}
#atc04 .cont .latest ul li{font-size:15px;color:#777}
#atc04 .cont .latest ul li .subj{padding-bottom:25px;font-size:17px;color:#222;font-family:'notokr-medium'}

/* 지도 */
#atc04 .cont .map{float:right;width:33.33%;height:240px;background-color:#000}
#atc04 .cont .map iframe{width:100%;height:240px;opacity:.4;-webkit-filter:grayscale(100%);filter:gray}