@charset "utf-8";

#atc03{width:1200px;margin:65px auto 0;padding-bottom:86px}
#atc03 .tit_area{overflow:hidden;color:#777}
#atc03 .tit_area .tit{float:left;margin-top:20px}
#atc03 .tit_area span{padding-right:20px;font-size:26px;letter-spacing:0;color:#222;font-weight:700;font-family:'Poppins',sans-serif}

/* 컨트롤 */
#atc03 .inc03_arr{float:right;margin-bottom:40px}
#atc03 .inc03_arr > div{cursor:pointer;display:inline-block;vertical-align:middle;width:50px;height:50px;border-radius:50%;border:1px solid rgba(0,0,0,.3);font-size:20px;text-align:center;line-height:47px;color:rgba(0,0,0,.3);-webkit-transition:all .2s;transition:all .2s}
#atc03 .inc03_arr > div:hover{border:1px solid #777;color:#777}

#atc03 ul li .img{height:360px;background-size:cover;background-position:center}
#atc03 ul li a:before{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(0deg,  #333 0, transparent 60%);-webkit-transition:all .3s;transition:all .3s;opacity:0}
#atc03 ul li:hover a:before{opacity:1}
#atc03 ul li a .info{position:absolute;top:257px;left:40px;width:310px;font-size:14px;line-height:33px;color:#f48c05;opacity:0;-webkit-transition:all .3s;-ms-transition:all .3s;transition:all .3s;font-family:'Noto Sans KR';font-weight:700}
#atc03 ul li:hover a .info{opacity:1}
#atc03 ul li a .info span{font-size:16px;color:#fff;font-family:'Noto Sans KR';font-weight:500}