@charset "utf-8";
#section4{background:url(/sh_img/make24/include_03/img/in03_bg.jpg) center center no-repeat;background-size:cover}
#section4 .cont{width:1200px;margin:0 auto;padding-top:19.5vh}
#section4 .cont h2{position:relative;margin-bottom:22px;font-weight:700;font-size:38px;color:#111;font-family:'Poppins'}
#section4 .cont h2:before{position:absolute;top:-25px;left:0;width:13px;height:4px;background:#b7702c;animation: loof 2s infinite linear;content:""}
@keyframes loof{from{transform: rotate(0deg);}to{transform:rotate(359deg);}}
#section4 .cont ul:after{display:block;content:"";clear:both}
#section4 .cont li{float:left;margin:-40px 33px 33px 0;opacity:0}
#section4 .cont li:nth-child(3n){margin-right:0}
#section4 .cont li.no_data{float:none;margin:0;font-size:14px;line-height:300px;color:#111;text-align:center;font-family:'notokr-medium';}
#section4 .cont li a{display:block;position:relative;width:378px;height:240px;padding:0 50px 0 34px;border-radius:3px;background:#fff;box-shadow:0 0 7px rgba(74,40,7,0.07);transition:0.3s}
#section4 .cont li a:after{position:absolute;top:42px;right:28px;width:15px;height:15px;background:url(/sh_img/make24/include_03/img/more.png);opacity:0;transition:0.3s;content:""}
#section4 .cont li a:hover:after{opacity:1}
#section4 .cont li a:hover{background:#191a22}
#section4 .cont li .date{padding-top:43px;font-weight:600;font-size:12px;color:#888;font-family:'Poppins'}
#section4 .cont li .tit{margin:3px 0 42px;font-size:17px;color:#111;letter-spacing:-0.3px;font-family:'notokr-medium'}
#section4 .cont li .txt{font-size:14px;line-height:22px;color:#666;letter-spacing:-0.15px;font-family:'notokr-regular'}
#section4 .cont li a *{transition:0.3s}
#section4 .cont li a:hover *{color:#fff}