@charset "utf-8";
.head h1 a span{color:#3b7e83 !important;}

/*Mobile*/
.m_content>div::after{content:"";display: block;clear: both;}
.m_content h2{font-family:'SBAggro';font-weight: 400;color:#4e4e4e;font-size:23px;margin-bottom:15px;}
.m_content>div img{width:100%;height:100%;}
.m_content .more{display: block;width:15px;height:17px;background: url("/images/10_webzine/main/icon.png")no-repeat left -6px top -2px;font-size:0;position: absolute;top: 36px;right: 15px;/* right: 19px; */}

/*시정소식*/
.con1 .m_bbs{background:#edf7f8;padding:35px 4%;position: relative;border-radius: 0 0 20px 20px;}
.m_bbs li{overflow:hidden;margin-bottom:5px;}
.m_bbs li:last-child{margin-bottom:0;}
.m_bbs li a{display:block;overflow: hidden;}
.m_bbs li strong{float:left;width:65%;font-weight:500;color:#3a3a3a;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp:1;-webkit-box-orient: vertical;font-size: 15px;}
.m_bbs li span{font-weight: 400;font-size: 15px;color:#424141;display:block;float:right;}
.m_bbs li span em{font-weight:500;color:#3b7e83;font-style:normal;padding-right:12px;display:none;}
.m_bbs .bbs_new{padding:0 0 15px 0;border-bottom:1px solid #ddd;margin:0 0 25px 0;position: relative;overflow: hidden;}
.m_bbs .bbs_new a{display:block;overflow: hidden;}
.m_bbs .bbs_new .img{overflow: hidden;border-radius: 20px;border:1px solid #ddd;margin:0 0 18px 0;}
.m_bbs .bbs_new strong{-webkit-line-clamp: 2 !important;float:none;width:100%;font-size: 16px;font-weight:500;color:#3a3a3a;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;}
.m_bbs .bbs_new .txt{display: -webkit-box; overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp:3;-webkit-box-orient: vertical;margin:8px 0 18px 0;font-size:15px;line-height:22px;color:#5e5e5e;}
.m_bbs .bbs_new span{float:left;letter-spacing:-1px;font-weight: 400;font-size: 15px;color:#424141;display:block;}
.m_bbs .bbs_new span em{font-weight:500;color:#3b7e83;font-style:normal;padding-right:12px;}
.m_bbs .bbs_btn{position: absolute;bottom: 136px;right: 15px;background:#4c9499;padding: 12px 25px 6px;border-radius: 30px 30px 0 0;}
.m_bbs .bbs_btn button{width: 18px;height: 19px;font-size:0;background:url("/images/10_webzine/main/icon.png")no-repeat left top;}
.m_bbs .bbs_btn button.prev{background-position: -81px 0;}
.m_bbs .bbs_btn button.next{background-position: -39px 0;margin-right: 10px;position:relative;}
.m_bbs .bbs_btn button.next:after{content:"";display:block;position:absolute;width:1px;height:20px;border-right:1px solid #ffffff94;top:0;right: -13px;}
.m_bbs .bbs_btn button.play{background-position: -129px -34px;margin-left: 10px;}
.m_bbs .bbs_btn button.stop{background-position: -129px 0;margin-left: 10px;}

/*새만금지평선소식*/
.con1 .jps_news{padding:35px 4%;position: relative;}
.jps_news .jps_img{overflow: hidden;border-radius: 20px;box-shadow: 0 10px 30px #0d899226;margin:0 15px;position:relative;max-width:295px;left:50%;transform:translateX(-50%);}
.jps_news .jps_img strong{display:block;position:absolute;bottom:0;left:0;width:100%;text-align:center;padding:15px 0;background:#449095d6;color:#fff;font-weight:400;}
.jps_news .jps_btn{margin: 0 auto;width:fit-content;margin-top: 20px;}
.jps_news .jps_btn li{float:left;}
.jps_news .jps_btn li:first-child a{margin-right:30px;color:#3b7e83;}
.jps_news .jps_btn li a{display: block;font-family:'SBAggro';}
.jps_news .jps_btn li a:before{content:"";display:inline-block;width:20px;height: 19px;background:url("/images/10_webzine/main/icon.png")no-repeat left top;float: left;margin-right: 11px;}
.jps_news .jps_btn .view a:before{background-position:0 -34px;}
.jps_news .jps_btn .down a:before{background-position: -42px -34px;}

/*영상뉴스*/
.con2 .wrap{padding:35px 4% 40px 4%;}
.con2 .video_news{position: relative;min-height: 256px;overflow:hidden;}
.video_news h2{float:left;margin-right: 8px;}
.video_news h3{font-family:'SBAggro';font-weight: 400;font-size: 16px;position: relative;float: left;padding-top: 6px;margin-right: 6px;letter-spacing: -1px;}
.video_news h3.on a{color:#3b7e83;}
.video_news .vnews_con{display: none;position: absolute;top: 45px;width: 100%;}
.video_news .vnews_con.on{display:block;}
.vnews_con li{float: left;overflow: hidden;margin:0 0 30px 0;}
.vnews_con li a{display: block;overflow:hidden;border-radius: 20px;height:200px;position:relative;}
.vnews_con li a strong{position:absolute;bottom:0;left:0;opacity:0;padding:60px 20px 20px 20px;background:linear-gradient(to top, #00000091 40%, transparent);color:#fff;font-weight:400;text-align:center;transition:.3s ease-in;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;width:100%;}
.vnews_con li:hover a strong{opacity: 1;}
.vnews_con .more{top: -40px;right:0;}

/*김제홍보영상*/
.ad_video{position: relative;max-width: 365px;margin:0 auto;overflow: hidden;border-radius: 20px;margin-top:20px;}
.ad_video>div{height:100%;}
.ad_video a{display:block;cursor:pointer;height:100%;}
.ad_video div a:before{content:"";display:block;width: 70px;height: 52px;background: url("/images/10_webzine/main/video_i.png")no-repeat center;position:absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 1;}
.ad_video strong{display:-webkit-box;position: absolute;bottom: 20px;left:0;text-align:center;color:#fff;font-weight: 400;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp:1;-webkit-box-orient: vertical;padding: 0 20px;}
.ad_video img{filter: brightness(0.5);}

/*Tablet*/
@media all and (min-width:768px) {
.m_content h2{font-size:28px;}
    
.m_bbs h2{position:absolute;left: 53%;}
.m_bbs .bbs_new{position:relative;padding: 0;border-bottom: none;}
.m_bbs .bbs_new .img{width:50%;float:left;margin: 0 20px 0 0;}
.m_bbs .bbs_new strong{margin: 49px 0 0 0;}
.m_bbs .bbs_new strong, 
.m_bbs .bbs_new .txt{width: 47%;}
.m_bbs .bbs_btn:before{content:"";display:block;width: 50vw;height:1px;border-top:1px solid #ddd;position:absolute;left: -383px;bottom: -2px;}

.con2 .wrap{overflow:hidden;}
.video_news{width: 46%;float:left;margin-right: 20px;}
    
.ad_video{width: 51%;margin-top: 0;float: right;}
}

/*PC*/
@media all and (min-width:1023px) {
.m_content>div .wrap{width:1400px;margin:0 auto;}
.con1{position:relative;}
.con1 .m_bbs{width: 1024px;background: none;padding: 67px 72px 0 0;float:left;}
.con1 .m_bbs:before{content:"";display:block;width:150%;position:absolute;height:748px;background:linear-gradient(to bottom, #edf7f8 70%, #fff);top:0;right: 0;border-radius: 70px;z-index: -1;}
.m_bbs h2{left:510px;}
.m_bbs .bbs_new{margin: 0 0 36px 0;}
.m_bbs .bbs_new .img{width: 463px;height:280px;margin: 0px 45px 0 0;}
.m_bbs .bbs_new strong{font-size:18px;line-height:28px;width: 444px;}
.m_bbs .bbs_new strong:hover{text-decoration:underline;}
.m_bbs .bbs_new span{letter-spacing:0;}
.m_bbs .bbs_new .txt{font-size:16px;line-height:28px;width: 444px;margin: 10px 0 30px 0;}
.m_bbs li{margin-bottom: 14px;}
.m_bbs li strong{font-size:18px;}
.m_bbs li:hover strong{text-decoration:underline;}
.m_bbs li span{font-size:16px;}
.m_bbs li span em{display:inline-block;}
.m_bbs .bbs_btn{padding: 17px 30px 12px;border-radius: 33px 33px 0 0;bottom: 159px;right: 72px;}
.m_bbs .bbs_btn:before{width: 349px;left: -348px;bottom: -1px;}
.m_bbs .bbs_btn button.next{margin: 0 20px 0 10px;}
.m_bbs .bbs_btn button.next:after{right: -17px;}
.m_bbs .more{right:72px;top:70px;}

.con1 .jps_news{width: 295px;float: right;padding: 67px 0 0 0;}
.jps_news .jps_img{margin:0;}
.jps_news .jps_btn{margin-top: 25px;}
.jps_news .jps_btn li a{font-size:18px;}
.jps_news .more{right:0;top: 70px;}

.con2 {overflow:hidden;}
.con2 .wrap{padding: 55px 0 70px 80px;position:relative;overflow: inherit;}
.con2 .wrap:after{content:"";width:150%;height:370px;position:absolute;background: #fff;z-index:-1;left: 0;top: 0;border-radius: 70px 0 0 0;}
.con2 .video_news{width: 886px;margin-right: 0;}
.video_news h2{margin-bottom: 40px;}
.video_news h3{font-size:18px;margin-right: 25px;padding-top: 10px;}
.video_news h3:first-child{padding-left:487px;}
.video_news .vnews_con{top: 58px;}
.vnews_con li{width: 274px;margin-right: 30px;}
.vnews_con li:last-child{margin-right:0;}
.vnews_con li a{height: 185px;}
.vnews_con .more{top: -50px;right: 4px;}
.ad_video{height:240px;}
}