@charset "utf-8";

/* common */
html,body{width:100%;height:100%;margin:0;padding:0}
#skip{top:0;right:0;position:absolute;width:100%;height:15px;text-align:center}
#skip li a{display:block;left:-10000px;position:absolute;top:0;width:100%;text-align:center;z-index:0;height:1px}
#skip li a:hover, #skip li a:focus, #skip li a:active {background:#363636;position:absolute;top:0px;left:0;z-index:5;color:#fff;width:100%;height:25px;padding:5px 0 0 0}

.blind{display:block;overflow:hidden;position:absolute;top:0;left:-5000px;font-size:1.8em}
.hide{display:none !important;margin:0;padding:0}

/*상단*/
.menu_position .top_search p a{background:#003663;}
.top_st h1 span{color: #003663;}
/*
#nav ul li a.on span{background:url("/images/10_webzine/main/m_on_arr.png") no-repeat center bottom}
*/
.s_content .s_left h2{background:#003663;}
/* content */
.m_container{background:url('/images/10_webzine/main/m_background.jpg') center 0;padding-bottom: 140px;}
.m_wrap .m_title{text-align:center; margin:45px 0; font-size:30px; color:#000;}
.m_wrap .m_title strong{font-weight:900;}
.m_wrap .m_title{display:none;}
.m_wrap .m_section01{margin:30px 0;}

/*시정소식*/
.photo_news{position:relative; margin-bottom:20px;}
.photo_news .photo_title{background:#006fc7 url('/images/10_webzine/main/title_bg.png'); padding:20px 10px;}
.photo_news .photo_title h2{font-size:22px; color:#fff; font-weight:600;}
.photo_news .photo_title span{display:none;}
.photo_news .photo_list{background:rgba(255,255,255,0.8);overflow:hidden;width: 100%;height: 340px;margin:0 auto;text-align:center;padding:20px 0;}
.photo_news .photo_list ul{width: 100%;}
.photo_news .photo_list ul li {float:left;width: 31%;position:relative;}
.photo_news .photo_list ul li a{display:block;max-width: 300px;text-align:center;background:#f2f2f2;margin:0 auto;} 
.photo_news .photo_list ul li.photo_list02 a{background:#fff;}
.photo_news .photo_list ul li img{width:auto;max-width:100%; height:160px;}
.photo_news .photo_list ul li .p_list_txt{padding:20px; text-align:left; height:140px; overflow:hidden}
.photo_news .photo_list ul li .p_list_txt .p_date{display:block;font-size: 14px;}
.photo_news .photo_list ul li .p_list_txt strong{display:block;font-size:20px;margin: 13px 0 20px; width:auto; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#333; font-weight:400;}
.photo_news .photo_list ul li .p_list_txt .p_txt{font-size: 14px; line-height:1.2em; overflow: hidden;}
.photo_news .photo_btn{position:absolute; top: 18px; right:10px;}
.photo_news .photo_btn2{position:absolute; top: 24px; left:110px;}
.photo_news .photo_btn2 a{background:#fff;padding:5px 8px 3px;display: inline-block;}
.photo_news .photo_list .p_img{position:absolute;right:0;left:0;top: 140px;}
.photo_news .photo_list .p_img img{height: 20px;width: auto;}


/*새만금지평선소식*/
.Festival_news {background:rgba(255,255,255,0.8); text-align:center; position:relative;}
.Festival_news .f_title{background:#003663 url('/images/10_webzine/main/title_bg.png'); padding:20px 10px; text-align:left;}
.Festival_news .f_title h2{font-size:22px; color:#fff; font-weight:600;}
.Festival_news .f_img {padding:20px;}
.Festival_news .f_img img{border:1px #c1c1c1 solid;width:auto;max-width:100%;height: 300px;}
.Festival_news .f_img p{margin-top: 16px;}
.Festival_news .f_img a{color:#000; font-weight:600; font-size:16px;}
.Festival_news .f_btn{position:absolute; top: 18px; right:10px;}

/*김제생생뉴스*/
.video_news{background:rgba(0,54,99,0.9); padding:20px 10px; color:#fff; position:relative; margin-bottom:30px; }
.video_news h2{font-size:22px; font-weight:600; margin-bottom:20px;}
.video_news a{display:block; color:#fff; margin:0 auto;}
.video_news img{max-width:100%; margin-bottom:20px;}
.video_news .v_txt strong{font-size:22px; font-weight:400;}
.video_news .v_txt p{font-size:16px; margin-top:27px;}
.video_news .v_btn{position:absolute; top:20px; right:10px;}

/*바로가기*/
.icon{overflow:hidden;padding:0 10px;}
.icon ul li{/* float:left; *//* width: 49%; */border-radius:5px;text-align:center;}
.icon ul li a{display:block;height: 285px;color:#fff;border-radius:5px;}
.icon ul li strong{display:block; font-size:20px; font-weight:600; padding-top:10px;}
.icon ul li img{padding-top:25px;width: 70%;height: 200px;}
.icon .icon01{background:url('/images/10_webzine/main/icon_bg01.png') no-repeat;background-size:cover;/* margin-right: 1%; */margin-bottom: 30px;}
.icon .icon02{background:url('/images/10_webzine/main/icon_bg02.png') no-repeat 50%; background-size:cover;margin-left:1%;}
.icon .icon01 a:hover span{display:inline-block;border:1px #fff solid; margin-top:7px;padding:3px 10px; background:#3dacd6;}
.icon .icon02 a:hover span{display:inline-block;border:1px #fff solid; margin-top:7px;padding:3px 10px; background:#0db379;}
.icon .icon01 a:hover{background:#3dacd6;}
.icon .icon02 a:hover{background:#0db379;}
.icon ul li span{display:none;}

/* Tablet */
@media all and (min-width:768px) {
.m_wrap{padding:0 30px;}
.m_wrap .m_section01{overflow:hidden;}
.m_wrap .m_title{margin-top:45px; font-size:48px;}

/*시정소식*/
.photo_news{float:left;width:49%; margin-right:1%; margin-bottom:0px;}
.photo_news .photo_title{border-radius:5px 5px 0 0;}
.photo_news .photo_list{border-radius:5px;width: auto;height: 340px;}
.photo_news .photo_list ul li img{height: 176px;width: 100%;}
.photo_news .photo_list ul li a{max-width: 340px;}
.photo_news .photo_list ul li .p_list_txt{height: 140px;}
.photo_news .photo_list .p_img{position:absolute;right:0;left:0;top: 156px;}

/*새만금지평선소식*/
.Festival_news{float:left; width:49%; margin-left:1%; }
.Festival_news .f_title{border-radius:5px 5px 0 0;}
.Festival_news {border-radius: 5px;}
.Festival_news .f_img{height: 340px;}
.Festival_news .f_img a{ font-size:18px;}

/*김제생생뉴스*/
.video_news{border-radius:5px; padding:25px 20px;}
.video_news h2{font-size:26px;}
.video_news img{display:inline-block;margin:0px;width: 370px;height: 203px;}
.video_news .v_txt{display:inline-block;margin: 0 0 0 17px; width:40%;}
.video_news .v_txt strong{display:block;}
.video_news .v_txt p{margin-top:30px;height:100px;overflow:hidden;line-height: 1.3em;}
.video_news .v_btn {top:25px; right:20px;}
.video_news .v_btn img{max-width:100%;width: auto;height: auto;}

/*바로가기*/
.icon{padding:0;}
.icon ul li{height:345px;float:left;width:49%;margin-bottom:0 !important;}
.icon .icon01{margin-right:1%;}
.icon ul li img{padding-top: 30px;width:auto;max-width:100%;height:200px;}
.icon ul li a{height: 345px;}
.icon ul li strong{font-size:28px; padding-top:18px;}
.icon .icon01 a:hover span{font-size:19px; margin-top:10px;padding:5px 30px;}
.icon .icon02 a:hover span{font-size:19px; margin-top:10px;padding:5px 30px;}
}

/* Desktop */
@media all and (min-width:1023px) {

body{min-width:1400px;}
#nav ul {padding-left:80px;}

/*시정소식*/
.photo_news{float:left;width: 70%;}
.photo_news .photo_title{padding:20px 25px;}
.photo_news .photo_title h2{font-size:28px;}
.photo_news .photo_title span{display:inline-block; font-size:18px; margin:9px 0 0 16px;}
.photo_news .photo_list{padding:25px; height:340px;}
.photo_news .photo_list ul{width: 155%;}
.photo_news .photo_list ul li{width: 32.33%;margin:0px;}
.photo_news .photo_list ul li.photo_list03{display:none;}

.photo_news .photo_btn{top: 20px; right:25px;}
.photo_news .photo_btn2{display:none;}

/*새만금지평선소식*/
.Festival_news{float:left;width: 28%;}
.Festival_news .f_title h2{font-size:28px;}
.Festival_news .f_title{padding:20px 25px;}
.Festival_news .f_img{height: 350px;}
.Festival_news .f_btn{top: 20px; right:25px;}

.m_wrap .m_section02{overflow:hidden;}
.video_news{float:left;overflow:hidden;width: 49%;height:265px;margin-right:1%;margin-bottom:0px;}
.icon{width: 44%;float:left;padding:0px;margin-left:1%;}
.icon ul li,
.icon ul li a{height: 315px;}
.icon ul li img{height:160px;}
}

/*시정소식*/
.photo_news .photo_list ul li .p_list_txt{height: 125px;}
@media all and (min-width:1400px) {
.m_wrap{width:1400px; margin:0 auto; padding:0px;}

.photo_news{float:left;width: 1060px;}
.photo_news .photo_list ul{width: auto;}
.photo_news .photo_list ul li{width: 33.33%;}
.photo_news .photo_list ul li.photo_list03{display:block;}
.Festival_news{float:left;width: 311px;}


.icon ul li{width: 47.8%;}
.icon .icon01{margin-right: 15px;}
.icon .icon02{margin-left: 14px;}
.video_news{width: 687px;}
.icon{width: 641px;}
.icon ul li{width:306px;}
}                



/*2019.03.08 온에어, 홍보영상영역 수정*/                                         
.onair_pr div{position:relative;border-radius:10px;}
.onair_pr div h2{font-size:22px; font-weight:600;color:#fff;padding:15px;}
.onair_pr div a{color:#fff;}
.onair_pr div p.img{text-align:center;}
.onair_pr div p.img img{width:90%;height:160px;}
.onair_pr div a span{display:block;width:90%;margin:0 auto;padding:20px 0;}
.onair_pr div a span em{display:block; font-style:normal;padding-top:8px;font-size:12px;}
.onair_pr .v_btn{position:absolute; top:10px; right:10px;}
.onair_pr div.onair{margin-bottom:30px;}
.onair_pr div.onair{background:#2795bf;background-size:cover;}
.onair_pr div.prmv{background:#237245;background-size:cover;}

@media all and (min-width:768px) {
.onair_pr{overflow:hidden;}
.onair_pr div{float:left;width: 49%;}
.onair_pr div.onair{margin-right: 2%;}
}

@media all and (min-width:1023px) {
.onair_pr div{height:315px;}
.onair_pr div h2{padding-bottom:30px;}
.onair_pr div p.img img{width:85%;}
}