@charset "utf-8";

#atc07{position:relative;padding:160px 15% 200px;text-align:center}
#atc07 .tit{margin-bottom:60px}
#atc07 .tit p{font-size:3vw;color:#fff;font-family:'notokr-thin'}

#atc07 .bg{overflow:hidden;position:absolute;width:100%;height:100%;top:0;left:0;z-index:-1}
#atc07 .bg:after{display:block;content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.4)}
#atc07 .bg .video{position:absolute; height:110%;left:0;top:0}

#atc07 ul{display:flex;flex-wrap:wrap;justify-content:center}
#atc07 ul li{position:relative;width:calc(100% / 4 - 23px);font-size:28px;color:#fff;font-family:'notokr-bold'}
#atc07 ul li:after{display:block;content:"";position:absolute;right:20px;top:-25px;width:68px;height:93px;background:url(/sh_img/include/inc07/badge.png) no-repeat;background-size:cover}
#atc07 ul li+li{margin-left:30px}
#atc07 ul li .img{cursor:pointer; margin-bottom:40px;border:8px solid transparent;background-image:linear-gradient(#fff, #fff), linear-gradient(to bottom right, #ebc354 0%, #705509 100%);background-origin:border-box;background-clip:content-box, border-box}
#atc07 ul li .img img{width:100%}

@media(max-width:1650px){
#atc07{padding:160px 5% 200px}
}
@media(max-width:1320px){
#atc07{padding:140px 0 180px}	
#atc07 .tit p{font-size:52px}	
#atc07 ul li{width:23%}	
#atc07 ul li+li{margin-left:15px}
}
@media(max-width:1024px){
#atc07 ul li{font-size:22px;letter-spacing:-1px;font-family:'notokr-medium'}	
#atc07 ul li:after{right:15px;top:-16px;width:45px;height:61px}
#atc07 ul li .img{margin-bottom:25px}
}
@media(max-width:768px){
#atc07{padding:100px 0}	
#atc07 .tit{margin-bottom:40px}
#atc07 .tit p{font-size:40px}	
#atc07 ul li{width:38%}	
#atc07 ul li+li{margin-left:0}
#atc07 ul li:nth-child(even){margin-left:20px}
#atc07 ul li:nth-child(n+3){margin-top:50px}
#atc07 ul li .img{margin-bottom:15px}
}
@media(max-width:480px){
#atc07{padding:40px 0}	
#atc07 .tit{margin-bottom:30px}
#atc07 .tit p{font-size:24px}	
#atc07 ul{padding:0 15px}
#atc07 ul li{width:calc(50% - 7.5px);font-size:18px}	
#atc07 ul li:nth-child(even){margin-left:15px}
#atc07 ul li .img{border-width:6px}
}
@media(max-width:380px){
#atc07 ul li{font-size:17px}	
#atc07 ul li:after{width:35px;height:47px}
}