@charset "utf-8";

#atc03{overflow:hidden;position:relative;width:100%}
#atc03 .inner{position:relative;width:1200px;margin:0 auto}
#atc03 .cont01{overflow:hidden;padding:85px 0}
#atc03 .cont01 .tit_area{float:left;width:21%;border-top:3px solid #333;font-size:15px;text-align:right;color:#777}
#atc03 .cont01 .tit_area h3{padding:22px 0 18px;font-size:23px;letter-spacing:-.5px;color:#222;font-family:'notokr-bold'}
/* viewmore 버튼 */
#atc03 .cont01 .more_btn{display:inline-block;position:relative;padding-right:24px;margin:35px 0 0 3px;font-size:13px;font-weight:700;color:#222;text-transform:uppercase;background:url(/sh_img/make24/include_03/img/more_view.png) right 6px no-repeat;-webkit-transition:padding .4s;;transition:padding .3s;font-family:'Montserrat'}
#atc03 .cont01 .more_btn:hover{padding-right:30px}
#atc03 .cont01 .late_area{float:right;width:72%;border-top:3px solid #333}
#atc03 .cont01 .late_area ul li{border-bottom: 1px dotted #ccc}
#atc03 .cont01 .late_area ul li.nodata{padding:90px 0;text-align:center}
#atc03 .cont01 .late_area ul li a{overflow:hidden;display:block;position:relative;padding:25px 0;-webkit-transition:background-color .4s;transition:background-color .4s}
#atc03 .cont01 .late_area ul li a:hover{background-color:#f8f8f8}
#atc03 .cont01 .late_area ul li .date{float:left;padding: 0 40px;font-size:13px;font-weight:500;color:#222;text-align:center;font-family:'Montserrat'}
#atc03 .cont01 .late_area ul li .date .day{display:block;font-size:26px;line-height:1.3;color:#1db8f5;font-weight:700}
#atc03 .cont01 .late_area ul li .notice{float:left;font-size:15px;color:#777}
#atc03 .cont01 .late_area ul li .notice img{padding:0 0 6px 5px}
#atc03 .cont01 .late_area ul li .notice span{font-size:17px;color:#222;font-family:'notokr-medium'}
#atc03 .cont01 .late_area ul li a:after{content:"";position:absolute;right:30px;top:40px;width:23px;height:23px;background:url(/sh_img/make24/include_03/img/plus.png) no-repeat;-webkit-transition:all .4s;transition:all .4s}
#atc03 .cont01 .late_area ul li a:hover:after{background-image:url(/sh_img/make24/include_03/img/plus_on.png)} 
#atc03 .inner_w{background-color:#f7f7f7}
#atc03 .cont02:after{display:block;content:"";visibility:hidden;clear:both}
#atc03 .cont02 .tit_area{position:absolute;width:28%;height:100%;padding:25px 0 0 52px;background: url(/sh_img/make24/include_03/img/bg.png) left bottom no-repeat #1db8f5}
#atc03 .cont02 .tit_area:before{content:"";display:block;position:absolute;left:0;top:-40px;width:100%;height:40px;background-color:#1db8f5}
#atc03 .cont02 .tit_area h3{font-size:26px;font-weight:700;line-height:1.3;text-transform:uppercase;color:#fff;font-family:'Montserrat'}
#atc03 .cont02 .tit_area img{position:absolute;right:42px;bottom:42px;padding:10px;-webkit-transition:all .4s;transition:all .4s}
#atc03 .cont02 .tit_area img:hover{transform:rotate(180deg)}
#atc03 .cont02 .late_area{float:left;padding:65px 0 50px 400px}
#atc03 .cont02 .late_area ul{overflow:hidden}
#atc03 .cont02 .late_area ul li{float:left;position:relative;margin:0 8px;font-size:15px;color:#222;font-family:'notokr-medium'}
#atc03 .cont02 .late_area ul li.nodata{width:830px;padding:50px 0;text-align:center;font-family:'notokr-regular'}
#atc03 .cont02 .late_area ul li a{display:block}
#atc03 .cont02 .late_area ul li img{margin-bottom:10px}
#atc03 .cont02 .late_area ul li span:after{content:"";position:absolute;left:0;top:0;width:100%;height:182px;border:0px solid #1db8f5;-webkit-transition:border .4s;transition:border .4s}
#atc03 .cont02 .late_area ul li:hover span:after{border-width:6px}