@charset "utf-8";

/*
 * Main CSS Document
 * IEETU Web Standardization Team
 * 2017-06-13
 */

/* common */
#container > div[class^="group_"]{float:left; box-sizing:border-box; margin-top:25px;}
#container:after{content:''; display:block; clear:both;}
.group_left{width:735px; padding-right:15px; border-right:1px solid #e1e1e1; }
.group_right{width:345px; padding-left:15px;}

/* 우측,중간 기사 */
.group_left:after{content:''; display:block; clear:both;}
.group_left > div[class$="_news"]{float:left; box-sizing:border-box;}
.group_left .left_news{width:490px; padding-right:15px;}
.group_left .right_news{width:229px; padding-left:15px; border-left:1px solid #e1e1e1;}

/* 기사글 공통 */
#container > div[class^="group_"] .news{display:block; position:relative; height:181px; padding-bottom:30px; margin-top:25px; border-bottom:1px solid #e1e1e1;}
#container > div[class^="group_"] a.news:last-child{border-bottom:0px;}
a.news h2{font-size:20px; letter-spacing:-1px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
a.news h3{font-size:17px; height:22px; line-height:22px; color:#666; font-weight:400; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
a.news img{position:absolute; left:0px; /*top:55px;*/ width:190px; height:126px;}
a.news p{margin-top:15px; margin-left:210px; letter-spacing:-0.5px; line-height:20px; color:#666; height:118px; overflow:hidden;}
a.news:hover p > span,
a.news:focus p > span{border-bottom:1px solid #b7b7b7;}

/* 더보기 */
#container > div[class^="group_"] .btn_more:before{content:''; display:inline-block; width:9px; height:9px; margin-right:3px; background:url(../images/main/bul_more.gif) no-repeat 0 0;}
#container > div[class^="group_"] .btn_more{display:inline-block; position:absolute; right:0px; top:2px; font-size:12px; color:#333; letter-spacing:-1px;}

/* banner */
.group_left .left_news a.banner,
.group_left .left_news a.banner > img{width:474px;}
.group_left .right_news a.banner,
.group_left .right_news a.banner > img{width:214px;}
.group_right a.banner,
.group_right a.banner > img{width:330px;}

/* 제목 및 박스구조 */
.group_left .right_news h2,
.group_right h2{margin:25px 0 0px; font-size:16px; letter-spacing:-0.5px;}
.most_news.list_num h2{margin-bottom: 10px;}
.group_left .right_news > div,
.group_right > div{margin-bottom:20px;}

/* 상단기사 */
.top_news{padding-bottom:60px; border-bottom:1px solid #e1e1e1;}
.top_news .list{overflow:hidden; height:297px;}
.top_news .link{display:block;}
.top_news .link > div{position:relative;}
.top_news h2{text-align: center;margin-top:16px; font-size:32px; letter-spacing:-1px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.top_news .link:hover .sub,
.top_news .link:focus .sub{text-decoration:underline;}
.top_news .img{position:absolute; left:0px; top:0px;}
.top_news .sub{display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.top_news .link > div > p{line-height:20px; letter-spacing:-0.5px; color:#666; font-size:16px;}
.top_news .bx-wrapper{position:relative;}
.top_news .bx-controls{position:absolute; bottom:-40px; right:0px; left:0; text-align:center;}
.top_news .bx-controls:after{content:''; display:block; clear:both;}
.top_news .bx-pager{line-height:22px;}
.top_news .bx-pager *{display:inline-block;}
.top_news .bx-pager .bx-pager-link{overflow:hidden; width:8px; height:8px; margin:0 4px; line-height:999em; border-radius:50%; background:#afafaf; vertical-align:middle;}
.top_news .bx-pager .bx-pager-link.active{width:30px; border-radius:8px; background:#c51917;}
.top_news [class^="bx-controls-"] a{display:inline-block; position:absolute; bottom:0; width:24px; height:22px; background:url(../images/common/sp_com.png) no-repeat -73px -72px; text-indent:100%; overflow:hidden; white-space:nowrap;}
.top_news a.bx-prev{right:24px; background-position:-73px -72px;}
.top_news a.bx-next{right:0; background-position:-97px -72px;}
.top_news a.bx-stop{right:48px; background-position:-48px -72px; width:25px;}
.top_news a.bx-start{right:48px;background-position:-48px -94px; width:25px;}


.top_news.type01 .link > div{ min-height:238px;}
.top_news.type01 .img{width: 100%; text-align: center; height:238px; overflow:hidden; background:#fff; text-align:center;}
/*.top_news.type01 .img > img{width:360px; height:238px;}*/
.top_news.type01 .img > img{width:100%; height:264px;}
/*.top_news.type01 .sub{position:absolute; left:0px; bottom:0px; width:360px; box-sizing:border-box; padding:10px; background:rgba(0,0,0,0.6); color:#fff; text-align:center; font-size:16px; letter-spacing:-1px;}*/
.top_news.type01 .sub{display: none;}
.top_news.type01 .link > div > p{margin-left:420px;}

.top_news.type02 h2{text-align:center;}
.top_news.type02 .img{position:static; height:290px; overflow:hidden;}
.top_news.type02 .img > img{width:100%; margin-top:-30px}
.top_news.type02 .sub{display:none;}
.top_news.type02 .link > div > p{height:40px; overflow:hidden; margin-top:15px; color:#333;}

.top_news.type03 .img{top:10px;}
.top_news.type03 .img > img{width:235px; height:155px;}
.top_news.type03 .link > div > p,
.top_news.type03 .sub{margin-left:255px;}
.top_news.type03 .sub{margin-bottom:10px; font-size:16px; font-weight:600; letter-spacing:-1px;}

.top_news.type04{padding-bottom:10px;}
.top_news.type04 .list{height:238px;}
.top_news.type04 .link > h2{position:absolute; top:0; left:380px; right:0;}
.top_news.type04 .link > div{min-height:238px;}
.top_news.type04 .img{width:360px; height:238px; overflow:hidden; background:#f8f8f8; text-align:center;}
.top_news.type04 .img > img{width:100%; height:238px;}
.top_news.type04 .sub{position:absolute; left:0px; bottom:0px; width:360px; box-sizing:border-box; padding:10px; background:rgba(0,0,0,0.6); color:#fff; text-align:center; font-size:16px; letter-spacing:-1px;}
.top_news.type04 .link > div > p{overflow:hidden; height:140px; margin-left:380px; padding-top:60px;}
.top_news.type04 .bx-controls{z-index:30; bottom:0; left:380px; text-align:left;}

/* list 사진좌 글 수직가운데 */
.list_LR .list > li{height:65px; padding:10px 0; border-top:1px solid #e1e1e1;}
.list_LR .list > li:nth-of-type(1){padding-top:0px; border-top:0px;}
.list_LR .list > li > a{display:block; position:relative; height:100%;}
.list_LR .list > li > a:after{content:''; display:inline-block; height:100%; vertical-align:middle;}
.list_LR .list > li > a > *{display:inline-block; vertical-align:middle;}
.list_LR .list > li img{width:100px; height:65px;}
.list_LR .list > li p{width:105px; letter-spacing:-1px; height:52px; line-height:17px; overflow:hidden; text-overflow:ellipsis; /*display:-webkit-box;*/ -webkit-line-clamp:3; -webkit-box-orient:vertical;}
.list_LR .list > li > a:hover span,
.list_LR .list > li > a:focus span{border-bottom:1px solid #b7b7b7;}

/* 숫자리스트 */
.list_num .list a{display:block; position:relative; padding-left:20px; letter-spacing:-0.5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.list_num .list a:before{display:block; width:15px; height:15px; line-height:15px; box-sizing:border-box; position:absolute; left:0px; top:1px; background:#bfbfbf; border:1px solid #999; text-align:center; color:#fff; line-height:13px;}
.list_num .list a:hover,
.list_num .list a:focus{text-decoration:underline;}
.list_num .list > li{margin-top:5px;}
.list_num .list > li:nth-of-type(1){margin-top:0px;}
.list_num .list > li:nth-of-type(1) a:before{content:'1'; background:#274b9f; border:1px solid #163377; font-size:13px;}
.list_num .list > li:nth-of-type(2) a:before{content:'2'; background:#274b9f; border:1px solid #163377; font-size:13px;}
.list_num .list > li:nth-of-type(3) a:before{content:'3'; background:#274b9f; border:1px solid #163377; font-size:13px;}
.list_num .list > li:nth-of-type(4) a:before{content:'4'; font-size:13px;}
.list_num .list > li:nth-of-type(5) a:before{content:'5'; font-size:13px;}
.list_num .list > li:nth-of-type(6) a:before{content:'6'; font-size:13px;}
.list_num .list > li:nth-of-type(7) a:before{content:'7'; font-size:13px;}
.list_num .list > li:nth-of-type(8) a:before{content:'8'; font-size:13px;}
.list_num .list > li:nth-of-type(9) a:before{content:'9'; font-size:13px;}
.list_num .list > li:nth-of-type(10) a:before{content:'10'; font-size:13px;}

/* 포토 */
.movie_news .list:after{content:''; display:block; clear:both;}
.movie_news .list > li > a{display:block; position:relative; text-align:center;}
.movie_news .list > li > a > span{display:block; position:absolute; bottom:0px; left:0px; width:100%; box-sizing:border-box; padding:10px 15px; background:rgba(0,0,0,0.7); color:#fff; line-height:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.movie_news .list > li > a:hover > span,
.movie_news .list > li > a:focus > span{text-decoration:underline;}
.movie_news .list > li:nth-of-type(1){margin-bottom:3px;}
.movie_news .list > li:nth-of-type(1) > a > img{width:330px; height:219px;}
.movie_news .list > li:not(:nth-of-type(1)){float:left; width:25%;}
.movie_news .list > li:not(:nth-of-type(1)) img{width:80px; height:53px;}
.movie_news .list > li:not(:nth-of-type(1)) span{display:none;}
.movie_news .list > li:last-child > a{text-align:right;}
.movie_news .list > li:nth-of-type(2) > a{text-align:left;}

.photo_news .list:after,
.photo_news #page ul:after {content:''; display:block; clear:both;}
.photo_news .list > li > a {display:block; position:relative; text-align:center;}
.photo_news .list > li > a > span {display:block; position:absolute; bottom:0px; left:0px; width:100%; box-sizing:border-box; padding:10px 15px; background:rgba(0,0,0,0.7); color:#fff; line-height:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.photo_news .list > li > a:hover > span,
.photo_news .list > li > a:focus > span {text-decoration:underline;}
.photo_news .list > li > a > img {width:330px; height:219px;}
.photo_news #page{margin-top:3px;}
.photo_news #page li {float:left; width:25%;}
.photo_news #page li > a{display:block; position:relative; text-align:center;}
.photo_news #page li img {width:80px; height:53px;}
.photo_news #page li span {display:none;}
.photo_news #page li:first-child > a {text-align:left;}
.photo_news #page li:last-child > a {text-align:right;}


/* 시정뉴스 */
.visibility_news{position:relative;}
.visibility_news ul {height:186px; overflow:hidden;}
.visibility_news a[class^="bx-"]{display:inline-block; width:24px; height:22px; background:url(../images/common/sp_com.png) no-repeat -73px -72px; text-indent:100%; overflow:hidden; white-space:nowrap;}
.visibility_news a.bx-prev{background-position:-73px -72px;}
.visibility_news a.bx-next{background-position:-97px -72px;}
.visibility_news a.bx-stop{background-position:-48px -72px; width:25px;}
.visibility_news a.bx-start{background-position:-48px -94px; width:25px;}
.visibility_news .bx-controls{position:absolute; top:0px; right:0px;}
.visibility_news .bx-controls:after{content:''; display:block; clear:both;}
.visibility_news .bx-controls > div{display:inline-block;}
.visibility_news .bx-pager,
.visibility_news .bx-controls-auto{float:left;}
.visibility_news .bx-pager{line-height:22px; margin-right:10px;}
.visibility_news .list a{display:block;}
.visibility_news .list img{width:214px; height:142px;}
.visibility_news .list p{margin-top:5px; font-weight:600; letter-spacing:-1px;}
.visibility_news .list a:hover,
.visibility_news .list a:focus{text-decoration:underline;}

/* 가장많이본 뉴스 */
.most_news .list > li:nth-of-type(1) a:before,
.most_news .list > li:nth-of-type(2) a:before,
.most_news .list > li:nth-of-type(3) a:before{background:#274b9f; border:1px solid #163377;}

/* 주요행사안내 */
/*.major_event {position:relative;}
.major_event li {border-bottom:1px solid #e1e1e1; overflow:hidden;}
.major_event li > a {display:block; padding:10px 0;}*/
.major_event {position:relative;}
.major_event h2 {background-color:#254596; color:#fff; padding:8px 15px; margin:0; }
.major_event ul{border:1px solid #e1e1e1; border-top:0px;}
.major_event li {border-bottom:1px solid #e1e1e1; overflow:hidden; margin:0 15px;}
.major_event li > a {display:block; padding:10px 0; letter-spacing:-1px;}
.major_event .btn_more{top:10px !important; right:15px !important; color:#fff !important;}
.major_event .btn_more:before{background-image:url(../images/main/bul_more02.gif) !important;}

/* 최근 기사에 대한 반응 */
.reply_event {position:relative;}
.reply_event li {border-bottom:1px solid #e1e1e1; overflow:hidden;}
.reply_event li > a {display:block; padding:10px 0; letter-spacing:-1px;}

/* 방문자 */
.count_area {position:relative; background-color:#ffe367; padding:12px 13px 7px 13px;}
.count_area .tit{border-bottom:1px solid #e0c13a; border-top:1px solid #444444; line-height:30px; text-align:center; font-weight:bold;}
.count_area .count{padding-top:10px; overflow:hidden; font-size:13px; margin-left:5px;}
.count_area .count p{margin-bottom:5px;}
.count_area .count p:nth-of-type(1){width:50%; float:left;}
.count_area .count p:nth-of-type(2){width:50%; float:left;}
.count_area .count p:nth-of-type(3){width:100%;}
.count_area .count p span{display:inline-block; padding:2px 4px; margin-right:5px; background-color:#e4701b; color:#fff; border-radius:15px;}
.count_area .count p:nth-of-type(3) span{background-color:#254596;}

/* 인물동정 */
.person_news{position:relative;}

/* 칼럼 사설 */
.column_news{position:relative;}
.column_news .list > li > a span.name{display:block; margin-bottom:0px; font-weight:600; letter-spacing:-1px;}
.column_news .list > li > a:hover span.name,
.column_news .list > li > a:focus span.name{border-bottom:0px;}

/* 맛집 명소 */
.food_news{position:relative;}
.food_news .list{overflow:hidden;}
.food_news .list:after{content:''; display:block; clear:both;}
.food_news .list > li{float:left; width:50%; height:105px; padding-bottom:10px; overflow:hidden;}
.food_news .list > li:nth-of-type(3),.food_news .list > li:nth-of-type(4){height:auto;}
.food_news .list > li > a{display:block;}
/*.food_news .list > li:nth-of-type(2) > a > img{float:right;}*/
.food_news .list > li > a p{padding-top:5px; letter-spacing:-1px; text-align:center; }
/*.food_news .list > li:nth-of-type(2) > a p{padding-left:0; clear:both;}*/
.food_news .list > li > a:hover p,
.food_news .list > li > a:focus p{text-decoration:underline;}

/* 공연 축제 */
.show_news{position:relative;}

/* 1년간 가장 많이본 뉴스 */
.year_news .list > li:nth-of-type(1) a:before,
.year_news .list > li:nth-of-type(2) a:before,
.year_news .list > li:nth-of-type(3) a:before{background:#1f1f1f; border:1px solid #1f1f1f;}

/* 영상뉴스 */
.movie_news{position:relative;}
.movie_news h2{margin:0px 0px 3px; padding:10px 15px; background:#254596; color:#fff; font-family:'NanumSquare';}
.movie_news .list > li > a > span:before{content:''; display:inline-block; width:24px; height:24px; margin-top:-3px; margin-right:5px; background:url(../images/main/bul_play.png) no-repeat 0 0; vertical-align:middle;}
.movie_news .list > li:nth-of-type(1){width:100%; height:219px;}
.movie_news .btn_more{top:10px !important; right:15px !important; color:#fff !important;}
.movie_news .btn_more:before{background-image:url(../images/main/bul_more02.gif) !important;}

/* 따행뉴스 */
.tta_news > a{display:block; position:relative; height:143px; background:url(../images/main/bg_tta.gif) no-repeat 0 0; text-align:center;}
.tta_news > a > span{display:block; position:absolute; bottom:0px; left:0px; width:100%; padding:10px 15px; box-sizing:border-box; background:rgba(0,0,0,0.7); color:#fff; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.tta_news > a > span:after{content:'>'; display:inline-block; margin-left:5px;}
.tta_news > a:hover > span,
.tta_news > a:focus > span{text-decoration:underline;}

/* 제7회 지방선거 후보자 홍보창 */
.candidate_area{position:relative;}
.candidate_area h2{margin:0; padding:10px 15px; background:#254596; color:#fff; font-family:'NanumSquare';}
.candidate_area .lst_area{margin:0 0 10px; padding:10px 10px; border:1px solid #e1e1e1; border-top:0;}
.candidate_area .lst_area ul{margin:0 -5px;}
.candidate_area .lst_area ul:after{content:''; display:block; clear:both;}
.candidate_area .lst_area ul > li{box-sizing:border-box; float:left; width:50%; padding:0 5px 10px; text-align:center;}
.candidate_area .lst_area ul > li a{display:block; border:solid 1px #ccc;}
.candidate_area .lst_area ul > li img{width:149px; max-width:100%; /* height:200px; */}
.candidate_area .lst_area .guide{font-size:12px; text-align:center;}
.candidate_area .btn_more {top:10px !important; right:15px !important; color:#fff !important;}
.candidate_area .btn_more:before {background-image:url(../images/main/bul_more02.gif) !important;}

/* 총선 기본3개타입*/
.election {position:relative;}	
.election h2{margin:0px 0px 3px; padding:10px 15px; background:#254596; color:#fff; font-family:'NanumSquare';}
.election p {font-size:14px; padding:6px 0; letter-spacing:-0.6px;}	
.election h3 {padding-bottom:10px;}	
.election .lst {margin:0 -1.5% 0px; overflow:hidden;}	
.election .lst:after {content:''; display:block; clear:both;}
.election .lst > li { float:left; width:30.3%; margin:0 1.5% 15px; }
.election .lst > li:nth-child(3n+1) { clear:left;}
.election .lst > li .img {display:block; height:137px; background:#f6f6f6; overflow:hidden;}
.election .lst > li .img img {max-width:100%; display:block; margin:0 auto; height:137px; transition: 0.3s;}
.election .lst > li ul {padding:6px 0 3px; min-height:80px;}
.election .lst > li ul li {font-size:13px; letter-spacing:-0.6px; padding-bottom:4px;}
.election .lst > li ul li.txt {display:none;}
.election .lst .btn {display:block; max-width:103px; border:1px solid #aaa; color:#888; text-align:center; line-height:25px; font-size:13px;margin:0 auto; letter-spacing:-0.6px; font-weight:bold; transition: 0.3s;}
.election .lst > li:hover .btn {background:#555; color:#fff; border:1px solid #555;}
.election .btn_more{top:10px !important; right:15px !important; color:#fff !important;}
.election .btn_more:before{background-image:url(../images/main/bul_more02.gif) !important;}	
/* 총선 2개타입*/
.election .lst.col2 {margin:0 1%;}
.election .lst.col2 > li {width:45%; margin:0 2.5% 15px;}
.election .lst.col2 > li:nth-child(3n+1) { clear:none;}
.election .lst.col2 > li:nth-child(2n+1) { clear:left;}
.election .lst.col2 > li .img {height:194px;}
.election .lst.col2 > li .img img { height:194px; }
/* 총선2개타입 + col4추가 jsp */
.election .lst.col4 {margin:0 1%;}
.election .lst.col4 > li {width:45%; margin:0 2.5% 15px;}
.election .lst.col4 > li:nth-child(3n+1) { clear:none;}
.election .lst.col4 > li:nth-child(2n+1) { clear:left;}
.election .lst.col4 > li .img {height:194px;}
.election .lst.col4 > li .img img { height:194px; }
/* 총선 1개타입*/
.election .lst.col1 > li {float:none; width:auto; position:relative; overflow:hidden; padding-left:123px; min-height:137px;}
.election .lst.col1 > li .img {width:103px; position:absolute; left:0; top:0;}
.election .lst.col1 > li ul li.txt {display:block; font-size:12px; color:#888; word-break: keep-all; height:26px; overflow:hidden; margin-bottom:6px;}
.election .lst.col1 .btn {margin:0;}

/* 포토뉴스 */
.photo_news{position:relative;}
.photo_news h2{margin:0px 0px 3px; padding:10px 15px; background:#254596; color:#fff; font-family:'NanumSquare';}
.photo_news .btn_more {top:10px !important; right:15px !important; color:#fff !important;}
.photo_news .btn_more:before {background-image:url(../images/main/bul_more02.gif) !important;}

/* 경산시 생활정보 */
.life_area > div{background:#eff2f5; padding:10px;}
.life_area > div:after{content:''; display:block; clear:both;}
.life_area a{display:block; float:left; width:48%; margin:2px 1%; padding:5px 10px; box-sizing:border-box; background:#ff6600 url(../images/main/bul_life.gif) no-repeat 94% 50%; color:#fff; text-align:center;}
.life_area a:hover,
.life_area a:focus{text-decoration:underline;}

/* 여론광장 */
.opinion_area{position:relative;}
.opinion_area > h2{background-color:#254596; color:#fff; margin:0; padding:8px 15px;}
/*.opinion_area .btn_more{top:17px !important; right:15px !important;}*/
.opinion_area a.qna{display:block; position:relative; padding:15px; letter-spacing:-1px; border:1px solid #e1e1e1; border-bottom:0px; border-top:0px;}
.opinion_area a.qna img,
.opinion_area a.qna > span{display:inline-block;}
.opinion_area a.qna img{width:100px; height:65px;}
.opinion_area a.qna > span{width:180px; padding-left:10px; color:#333; font-weight:600;}
.opinion_area a.qna p{padding:10px 0 15px; border-bottom:1px solid #e1e1e1;}
.opinion_area a.qna:hover p > span,
.opinion_area a.qna:focus p > span{border-bottom:1px solid #b7b7b7;}
.opinion_area .result{padding:0 15px 15px 15px; border:1px solid #e1e1e1; border-top:0px;}
.opinion_area .result h3{text-align:center; font-weight:600; color:#333}
.opinion_area .result ul{margin-top:15px;}
.opinion_area .result ul:after{content:''; display:block; clear:both;}
.opinion_area .result ul > li{padding:7px 5px; margin-bottom:2px; border:3px solid #004097; box-sizing:border-box; text-align:center; font-weight:600; color:#004097; letter-spacing:-1px;}
/* .opinion_area .result ul > li:nth-of-type(2){float:right; border-color:#ff0000; color:#ff0000;} */
.opinion_area .result ul > li > span{color:#333; font-weight:400; margin-left:3px;}
.opinion_area .result > a{display:block; width:86px; height:25px; line-height:23px; margin:12px auto 0; background:#333; color:#fff; text-align:center;}
.opinion_area .btn_more{top:10px !important; right:15px !important; color:#fff !important;}
.opinion_area .btn_more:before{background-image:url(../images/main/bul_more02.gif) !important;}


/* 분야별 핫뉴스 */
.hot_news h2{margin-bottom:20px;}
.hot_news .list p{width:220px !important; font-weight:600; font-size:14px; letter-spacing:-1px;}
.hot_news .list a span.name{display:block; margin-bottom:5px; font-size:12px; color:#666; font-weight:400;}
.hot_news .list a:hover span.name,
.hot_news .list a:focus span.name{border-bottom:0px;}
.hot_news .list li p{height:56px; line-height:17px;}

/* 최근기사목록 */
.newly_news h2{background-color:#254596; color:#fff; margin:0; padding:8px 15px;}
.newly_news .list{border:1px solid #e1e1e1; border-top:0px; padding:15px;}
.newly_news .list > li{margin-top:10px;}
.newly_news .list > li:first-child{margin-top:0px;}
.newly_news .list a{display:block; color:#333; letter-spacing:-1px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.newly_news .list a:hover,
.newly_news .list a:focus{text-decoration:underline;}

/* 기사인물 */
.figure_news {}
.figure_news h2{background-color:#254596; color:#fff; margin:0px; padding:8px 15px;}
.figure_news ol{overflow:hidden; padding:15px 10px 15px 10px; border:1px solid #e1e1e1; border-bottom:0px; border-top:0px;}
.figure_news .list:after{content:''; display:block; clear:both;}
.figure_news .list li{float:left; width:32%; position:relative; margin-bottom:3px;}
.figure_news .list li:nth-child(3n+2){margin:0 2%;}
.figure_news .list li a{display:inline-block;}
.figure_news .list li a:hover,
.figure_news .list li a:focus{text-decoration:underline;}
.figure_news .list li a img{width:72px; height:54px;}
.figure_news .list li a span{display:block; text-align:center;}
.figure_news p{text-align:center; letter-spacing:-1px; color:#666; font-size:13px; border:1px solid #e1e1e1; border-top:0px; padding:0 0 15px 0;}
.figure_news .list li:before{display:inline-block; background:#444444; width:15px; height:15px; line-height:15px; text-align:center; color:#fff; font-size:12px; vertical-align:top;}
.figure_news .list li:nth-of-type(1):before{content:'1';}
.figure_news .list li:nth-of-type(2):before{content:'2';}
.figure_news .list li:nth-of-type(3):before{content:'3';}
.figure_news .list li:nth-of-type(4):before{content:'4';}
.figure_news .list li:nth-of-type(5):before{content:'5';}
.figure_news .list li:nth-of-type(6):before{content:'6';}
.figure_news .list li:nth-of-type(7):before{content:'7';}
.figure_news .list li:nth-of-type(8):before{content:'8';}
.figure_news .list li:nth-of-type(9):before{content:'9';}
.figure_news .list li:nth-of-type(10):before{content:'10';}
.figure_news .list li:nth-of-type(11):before{content:'11';}
.figure_news .list li:nth-of-type(12):before{content:'12';}
.figure_news .list li:nth-of-type(13):before{content:'13';}
.figure_news .list li:nth-of-type(14):before{content:'14';}
.figure_news .list li:nth-of-type(15):before{content:'15';}
.figure_news .list li:nth-of-type(16):before{content:'16';}
.figure_news .list li:nth-of-type(17):before{content:'17';}
.figure_news .list li:nth-of-type(18):before{content:'18';}


@media all and (max-width:1024px){
	#container > div[class^="group_"]{float:none; width:auto;}
	#container > div[class^="group_"] .news{height:175px; padding-bottom:20px; margin-top:15px;}
	.group_left{padding:0 15px; border-right-width:0px;}
	.group_left .left_news{width:70%;}
	.group_left .right_news{width:30%;}
	a.news img{width:175px; height:116px;}
	a.news p{height:100px; margin-left:185px;}

	.visibility_news .list img{width:100%;}

	.list_LR .list > li img{position:absolute; left:0px; top:0px;}
	.list_LR .list > li p{display:block; width:auto; padding-left:110px;}

	.food_news .list > li > a{text-align:center;}
	.food_news .list > li > a p{text-align:center;}
	.food_news .list > li:nth-of-type(2) > a > img{float:none;}

	.group_right{padding:20px 15px 0 !important; margin-top:10px !important; border-top:1px solid #e1e1e1;}
	.group_right:after{content:''; display:block; clear:both;}

	.photo_news,
	.figure_news,
	.opinion_area,
	.movie_news{float:left; width:49%; box-sizing:border-box;}

	.hot_news{width:100%; box-sizing:border-box;}

	.hot_news .list p{width:auto !important;}
	.hot_news h2{margin-top:0px;}

	.photo_news{margin-right:1%;}
	.photo_news h2 {padding:5px 15px; margin-top:0px;}
	.photo_news .btn_more{top:5px !important;}
	.photo_news .list > li > a > img {width:100%; height:308px;}
	.photo_news #page ul > li img {width:98%; height:65px;}
	.movie_news .list > li:nth-of-type(1) > a > img{width:100%; height:308px;}
	.movie_news .list > li:not(:nth-of-type(1)) img{width:98%; height:65px;}
	.hot_news,
	.movie_news,
	.opinion_area{float:right; margin-left:1%;}

	.opinion_area{margin-top:0px;}
	.opinion_area a.qna img{position:absolute; left:0px; top:15px;}
	.opinion_area a.qna > span{width:auto; padding-left:110px; min-height:65px;}

	.movie_news h2{padding:5px 15px;}
	.movie_news .list > li:nth-of-type(1){height:308px;}
	.movie_news .btn_more{top:5px !important;}

    .major_event{clear:both;}

	.newly_news{clear:both;}
	.newly_news h2{margin-top:5px;}
	.newly_news .list > li{display:none;}
	.newly_news .list > li:nth-of-type(1),
	.newly_news .list > li:nth-of-type(2),
	.newly_news .list > li:nth-of-type(3),
	.newly_news .list > li:nth-of-type(4),
	.newly_news .list > li:nth-of-type(5),
	.newly_news .list > li:nth-of-type(6){display:block;}

	/* 제7회 지방선거 후보자 홍보창 */
	.candidate_area .lst_area ul > li{width:25%;}
	.candidate_area .lst_area ul > li img{width:235px;/*  height:313px; */}
}

@media all and (max-width:768px){
	.top_news .list{height:220px;}
	.top_news h2{font-size:28px;}
	.top_news.type01 .img{width:100%; height:167px;}
	.top_news.type01 .img > img{width:auto; height:100%;}
	.top_news.type01 .link > div{height:167px; min-height:inherit;}
	.top_news.type01 .sub{width:252px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
	.top_news.type01 .link > div > p{margin-left:262px; height:160px; overflow:hidden;}
	.top_news.type03 .link > div > p{height:140px; overflow:hidden;}

	.top_news.type04{padding-bottom:60px;}
	.top_news.type04 .link h2{position:relative; left:initial; right:initial;}
	.top_news.type04 .img{width:252px; height:167px;}
	.top_news.type04 .img > img{width:auto; height:100%;}
	.top_news.type04 .link > div{height:167px; min-height:inherit;}
	.top_news.type04 .sub{width:252px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
	.top_news.type04 .link > div > p{margin-left:262px; padding-top:0; height:160px; overflow:hidden;}
	.top_news.type04 .bx-controls{left:0; bottom:-40px; text-align:center;}

	.group_left .left_news{width:64%;}
	.group_left .right_news{width:36%;}

	.hot_news,
	.opinion_area,
	.newly_news,
	.figure_news{float:none; clear:both; width:auto; margin-left:0px; margin-right:0px;}

	a.news p{/* height:80px; */ overflow:hidden;}
}

/* 예외 */
@media all and (max-width:640px){
	.top_news.type02 .img{height:200px;}

	.group_left .left_news,
	.group_left .right_news{float:none !important; width:auto !important;}
	.group_left .left_news{padding-right:0px; border-right-width:0px;}
	.group_left .right_news{padding-left:0px; border-top:1px solid #e1e1e1; border-left-width:0px;}
	.group_left .right_news > div{border-top:1px solid #e1e1e1;}

	.visibility_news{border-top-width:0px !important;}
	.visibility_news .list li{float:left; width:50%;}
	.visibility_news .list:after{content:''; display:block; clear:both;}

	.photo_news,
	.movie_news{float:none; width:auto; margin-left:0px; margin-right:0px;}
	.figure_news .list li{width:25%;}
	.figure_news .list li:nth-child(3n+2){margin:0px;}
	.figure_news .list li:nth-child(4n+1){clear:left;}

	#container > div[class^="group_"] .btn_more{top:27px;}
	.food_news .list > li > a{margin-right:5px;}
	.food_news .list > li:nth-of-type(2) > a{margin-left:5px; margin-right:0px;}
	.food_news .list > li > a p{text-align:center;}

	/* 제7회 지방선거 후보자 홍보창 */
	.candidate_area .lst_area ul > li{width:50%;}
	.candidate_area .lst_area ul > li img{width:100%;}
}

@media all and (max-width:480px){
	.top_news .list{height:167px;}
	.top_news h2{font-size:24px;}
	.top_news.type01 .img{width:180px; height:119px;}
	.top_news.type01 .link > div{height:119px;}
	.top_news.type01 .sub{width:180px; font-size:15px;}
	.top_news.type01 .link > div > p{margin-left:190px; height:119px; overflow:hidden;}
	.top_news.type02 .img{height:150px;}
	.top_news.type03 .img > img{width:165px; height:109px;}
	.top_news.type03 .link > div > p,
	.top_news.type03 .sub{margin-left:175px;}
	.top_news.type03 .link > div > p{height:100px;}
	.top_news.type04 .img{width:180px; height:119px;}
	.top_news.type04 .link > div{height:119px;}
	.top_news.type04 .sub{width:180px; font-size:15px;}
	.top_news.type04 .link > div > p{margin-left:190px; height:119px; overflow:hidden;}

	.visibility_news .list li{width:auto;}

	.list_photo .list > li:nth-of-type(1) > a > img{height:219px;}
}

/* 예외 */
@media all and (max-width:400px){
	.figure_news .list li{width:32%;}
	.figure_news .list li:nth-child(4n+1){clear:inherit;}
	.figure_news .list li:nth-child(3n+2){margin:0 2%;}

	.visibility_news .list li{width:100%;}
}

/* 예외 */
@media all and (max-width:320px){
	.top_news.type03 .img > img{width:118px; height:78px;}
	.top_news.type03 .link > div > p,
	.top_news.type03 .sub{margin-left:128px;}
	.top_news.type03 .link > div > p{height:60px;}

	a.news img{width:95px; height:63px;}
	a.news p{margin-left:105px; height:60px;}
	a.news h2{font-size:20px;}
	a.news h3{font-size:17px;}

	#container > div[class^="group_"] .news{height:120px;}
}