@charset "utf-8";

#include01_wrapper{position:absolute;left:50%;width:100%;margin-left:-695px;margin-top:-70px;background:url('./img/news_bg.png') no-repeat -258px top;z-index:10;overflow:hidden}
#include01_wrapper:after{display:block;visibility:hidden;clear:both;content:""}

/* 협회소식 */
.news_wrap{position:relative;height:420px;margin:0 auto;overflow:hidden}
.news_wrap:after{display:block;visibility:hidden;clear:both;content:""}
.news_wrap .news_l{float:left;width:410px;padding:137px 0 0 96px}
.news_wrap .news_l .tit{font-size:33px;color:#fff;font-family:'Noto Sans KR';font-weight:300}
.news_wrap .news_l .tit span{color:#fff;font-family:'Noto Sans KR';font-weight:700}
.news_wrap .news_l .txt{margin-top:17px;font-size:15px;line-height:26px;color:#fff;font-family:'Noto Sans KR'}
    
/* 협회소식 라테스트 */
.news_wrap .news_r{width:calc(50% + 318px);position:absolute;left:441px;bottom:0;padding:20px 10px}
.news_wrap .news_r ul li{height:269px;background:#fff;box-shadow:0 11px 12px -9px rgb(0 0 0 / 15%)}
.news_wrap .news_r ul li a{display:block;height:100%;padding:50px}
.news_wrap .news_r ul li .cate{display:block;position:absolute;left:50px;top:50px;width:86px;height:36px;border:1px solid #bade9d;border-radius:3px;font-size:13px;font-weight:600;text-align:center;line-height:
36px;color:#77bf39;transition:all .3s;font-family:'Poppins', sans-serif}
.news_wrap .news_r ul li:hover .cate{border:1px solid #77bf39;color:#fff;background:#77bf39}
.news_wrap .news_r ul li .date{position:absolute;right:50px;top:58px;font-size:13px;font-weight:600;text-align:right;color:#444;font-family:'Poppins', sans-serif}
.news_wrap .news_r ul li .subj{padding-top:62px;font-size:15px;color:#333;font-family:'Noto Sans KR';font-weight:500}
.news_wrap .news_r ul li .cont{padding-top:14px;font-size:13px;line-height:23px;color:#888;font-family:'Noto Sans KR'}
.news_wrap .news_r .bx-viewport{box-shadow:3px 5px 20px -2px rgb(0 0 0 / 15%)}
.news_wrap .control{position:absolute;left:1207px;top:70px;width:83px;height:36px;border-radius:50px;background:rgba(255,255,255,.15)}
.news_wrap .control:before{position:absolute;left:41px;top:13px;content:'';width:1px;height:10px;background:rgba(255,255,255,.4)}
.news_wrap .control span{display:inline-block;position:absolute;top:0px;width:20px;height:36px;transition:all .3s}
.news_wrap .control span.prev{left:12px;background:url('./img/prev_off.png') no-repeat center}
.news_wrap .control span.prev:hover{background:url('./img/prev_on.png') no-repeat center}
.news_wrap .control span.next{right:11px;background:url('./img/next_off.png') no-repeat center}
.news_wrap .control span.next:hover{background:url('./img/next_on.png') no-repeat center}

/* 반응형 [s] */
@media (max-width:1400px){
#include01_wrapper{position:relative;left:auto;margin-left:0}
.news_wrap .news_l{width:370px;padding-left:40px}
.news_wrap .news_r{left:371px}
.news_wrap .news_r ul li a{padding:35px}
.news_wrap .news_r ul li .cate{top:35px;left:35px}
.news_wrap .news_r ul li .date{right:35px}
}
@media (max-width:1300px){
.news_wrap .control{left:auto;right:40px}
}
@media (max-width:1024px){
#include01_wrapper{margin-top:0}
.news_wrap{height:452px}
.news_wrap .news_l{width:100%;padding:40px 0 0 20px;text-align:center}
.news_wrap .news_l .tit{font-size:29px}
.news_wrap .news_l .txt{margin-top:10px}
.news_wrap .news_r{left:0;width:100%}
.news_wrap .news_r ul li{height:258px}
.news_wrap .control{right:20px;top:122px}
.news_wrap .control span.prev{background:url('./img/prev_on.png') no-repeat center}
.news_wrap .control span.next{background:url('./img/next_on.png') no-repeat center}
}
@media (max-width:768px){
.news_wrap .control{display:none}
.news_wrap .news_r ul li a{padding:30px}
.news_wrap .news_r ul li .cate{top:30px;left:30px}
.news_wrap .news_r ul li .date{top:40px;right:30px}
}
@media (max-width:480px){
#include01_wrapper{background-position:-258px -60px}
.news_wrap{height:400px}
.news_wrap .news_r ul li{height:210px}
.news_wrap .news_l .tit{font-size:25px;font-family:'Noto Sans KR';font-weight:700}
}
/* 반응형 [e] */