@charset "utf-8";
@import url(board.css);

/* 
 * content CSS Document
 * IEETU Web Standardization Team 
 * 2017-06-15
 */
 
/* location */
.location_area{margin-top:20px;}
.location_area ul:after{content:''; display:block; clear:both;}
.location_area ul > li{float:left;}
.location_area ul > li:after{content:'>'; display:inline-block; padding:0 5px;}
.location_area ul > li:last-child{border-bottom:1px solid #333;}
.location_area ul > li:last-child:after{display:none;}

/* sns */
.page_area{position:relative; border-bottom:1px solid #e1e1e1; padding:20px 0;}
.page_area:after{content:''; display:block; clear:both;}
.page_area > a[class^="btn_"]{display:inline-block; width:43px; height:36px; text-indent:100%; overflow:hidden; white-space:nowrap;}
.page_area .btn_face{background:url(../images/common/sp_com.png) no-repeat 0 0;}
.page_area .btn_twitter{background:url(../images/common/sp_com.png) no-repeat -47px 0;}
.page_area .btn_kakao_s{background:url(../images/common/sp_com.png) no-repeat -94px 0;}
.page_area .btn_kakao_t{/* display:none !important; */ background:url(../images/common/sp_com.png) no-repeat -141px 0;}
.page_area .btn_sms {display:none !important; background:url(../images/common/sp_com.png) no-repeat -188px 0;}
.page_area .btn_band {/* display:none !important; */ background:url(../images/common/sp_com.png) no-repeat -235px 0;}

/* list + print btn */
/* .page_area .right{position:absolute; right:0px; top:20px;}  */
.page_area .right{float:right;} 
.page_area .right a[class^="btn_"]{display:inline-block; width:55px; height:36px; line-height:34px; box-sizing:border-box; border:1px solid #e1e1e1; font-size:12px; color:#666; text-align:center;}
.page_area .right a[class^="btn_"]:before{content:''; display:inline-block; width:13px; height:12px; margin-bottom:-2px; margin-right:3px; background:url(../images/common/sp_btn_ico.png) no-repeat 0 -159px;}
.page_area .right a.btn_list:before{background-position:0 -159px;}
.page_area .right a.btn_print:before{background-position:-13px -159px;}
 
/* 카테고리 + 기사목록 */
.list_area{float:left; padding-left:30px; width:584px; min-height:500px; border-left:1px solid #e1e1e1;}

/* 기사목록 */
#newsList > li{border-bottom:1px solid #e1e1e1; padding:15px 0px; letter-spacing:-1px;}
#newsList > li a{display:block; position:relative; min-height:95px;}
#newsList > li a:after{content:''; display:block; clear:both;}
#newsList > li img{float:left; width:142px; height:95px; margin-right:10px;}
#newsList > li img + div{float:left; width:425px;}
#newsList > li span.name{position:absolute; right:0px; top:2px; font-size:12px; color:#666; border-bottom:1px solid #b7b7b7;}
#newsList > li h3,
#newsList > li h4{overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#newsList > li h3{margin-right:85px; font-size:17px; font-weight:600; color:#333;}
#newsList > li h4{margin-bottom:10px; font-size:16px; font-weight:400; color:#666;}
#newsList > li p{color:#666;}
#newsList > li a:hover p > span,
#newsList > li a:focus p > span{border-bottom:1px solid #b7b7b7;}

/* 기사상세 */
#newsView h2{margin-top:10px; font-size:32px; color:#333; letter-spacing:-1px; font-family:'맑은 고딕' !important;}
#newsView h2 > *{font-family:'맑은 고딕' !important;}
#newsView h3{margin-top:30px; font-size:18px; color:#333; letter-spacing:-1px;}
#newsView p.caption{margin-top:20px; font-size:16px; letter-spacing:-1px; line-height:160%;}
#newsView .date{margin-top:10px; font-size:12px; color:#666;}
#newsView .date > span{display:inline-block; padding-left:10px;}
#newsView .date > span:before{content:''; display:inline-block; width:1px; height:11px; margin-right:10px; margin-bottom:-1px; background:#808080;}
#newsView .news{padding:30px 0px; font-family:'굴림','돋움'; font-size:16px; /*line-height:165% !important;*/}
/*#newsView .news *{ line-height:165% !important;}*/
#newsView .news > p {margin:25px 0; line-height: 26px !important;}
#newsView .news > p span{/*font-size:14pt !important; letter-spacing:-0.5px !important*/font-size:16px;}
#newsView .news table{width:100% !important;}
#newsView .news img{max-width:100%;}
#newsView .news img[id^="iNewsByTree"]{margin:0 auto;}



.info_copy{margin-top:20px;}
.gyeong_news{border-top:1px solid #e1e1e1; padding:40px 0 30px 0px; margin-top:30px; font-family:'맑은 고딕' !important;}
.gyeong_news .banner_top{float:left; padding-bottom:20px;}
.gyeong_news .banner{clear:both;}
.gyeong_news h2{margin-top:0px !important; margin-bottom:10px; font-size:15px !important; color:#274b9f !important; letter-spacing:0px !important;}
.gyeong_news .list{border: 3px solid #c1c1c1;    padding: 30px;}
.gyeong_news .list > li{width:50%; margin-top:5px;}
.gyeong_news .list > li > a{display:inline-block; position:relative; padding-left:10px; font-size:15px; color:#333; letter-spacing:-1px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.gyeong_news .list > li > a:before{content:''; display:block; width:2px; height:2px; background:#333; position:absolute; left:2px; top:50%; margin-top:-1px;}
.gyeong_news .list > li > a:hover,
.gyeong_news .list > li > a:focus{text-decoration:underline;}

/* 댓글 */
.comment_area{padding-top:30px; font-family:'맑은 고딕' !important; font-size:13px;}
.comment_area h3{margin-bottom:15px; font-size:15px !important; color:#333;}
.comment_area h3 > span{margin-left:5px;}
.comment_area .write{border:1px solid #c3c3c3;}
.comment_area .write .input{padding:7px 20px; border-bottom:1px solid #e1e1e1;}
.comment_area .write .send{position:relative; border-top:1px solid #e1e1e1; text-align:right;}
.comment_area .write textarea{width:100%; height:100px; border:0px; padding:20px;}
.comment_area .write label{margin-right:10px; letter-spacing:-1px; font-size:13px;}
.comment_area .write input[type="text"]{width:180px;}
.comment_area .write input[type="password"]{width:220px;}
.comment_area .write .input:after{content:''; display:block; clear:both;}
.comment_area .write .input > span{float:right;}
.comment_area .write .input > span:first-child{float:left;}
.comment_area .write .btn_submit,
.comment_area .write input[type="submit"]{display:inline-block; width:75px; height:50px; line-height:47px; margin:0 -1px -1px 0; box-sizing:border-box; background:#274b9f; border:0px; color:#fff; text-align:center;}
.comment_area .write .send > span{display:inline-block; line-height:49px; padding-right:10px; vertical-align:middle;}
.comment_area .write .send .brake{position:absolute; left:20px; top:0px; height:49px;}
.comment_area .write .send .brake > *{display:inline-block; vertical-align:middle;}
.comment_area .write .send .brake > span{line-height:47px; margin-right:10px; letter-spacing:-1px; font-size:13px;}
.comment_area .write .send .brake input[type="text"]{width:200px; letter-spacing:-0.5px;}
.comment_area .list{padding-top:30px; font-size:15px;}
.comment_area .list ul > li{position:relative; padding:15px 0px; border-bottom:1px solid #e1e1e1; letter-spacing:-0.5px;}
.comment_area .list ul > li:first-child{border-top:1px solid #e1e1e1;}
.comment_area .list ul > li > p{margin-top:15px; line-height:1.4em;}
.comment_area .list .name{font-weight:600;}
.comment_area .list .btn{position:absolute; right:0px; top:10px;}
.comment_area .list .btn > *{vertical-align:middle; font-size:13px;}
.comment_area .list .btn_del{display:inline-block; width:24px; height:24px; margin-left:5px; background:url(../images/common/sp_btn_ico.png) no-repeat 0 -40px; border:1px solid #c3c3c3; text-indent:100%; overflow:hidden; white-space:nowrap;}

/* 여론 */
.vote_area{position:relative; margin:30px 0 40px; padding:20px; border:1px solid #333;}
.vote_area h2{margin:0px !important; padding-bottom:10px; border-bottom:1px solid #e1e1e1; font-size:20px !important;}
.vote_area > span{position:absolute; right:20px; top:25px; letter-spacing:-0.5px; color:#666;}
#newsView .vote_area h2 + span, #newsView .vote_area dl + p{font-size:13px !important;}
.vote_area > p{border-top:1px solid #e1e1e1; padding-top:15px; margin-top:20px; color:#666; text-align:center;}
.vote_area dt{padding:15px 0px; font-size:18px; color:#333; text-align:center; letter-spacing:-1px; font-weight:600;}
.vote_area dt:before{content:'Q'; display:inline-block; margin-right:5px;}
.vote_area dd:after{content:''; display:block; clear:both;}
.vote_area dd > div{float:left; width:50%; min-height:89px; padding:10px 15px; box-sizing:border-box; text-align:center;}
.vote_area .form{border-right:1px solid #e1e1e1;}
.vote_area .form .btn_submit,
.vote_area .form input[type="submit"]{display:block; width:100%; height:37px; line-height:37px; margin-top:13px; box-sizing:border-box; background:#333; border:0px; color:#fff; text-align:center;} 
.vote_area .form input[type="radio"] + label{margin-right:10px; font-weight:600;}
.vote_area .result p{text-align:center; font-weight:600; color:#333}
.vote_area .result ul{margin-top:10px;}
.vote_area .result ul:after{content:''; display:block; clear:both;}
.vote_area .result ul > li{float:left; width:48%; padding:3px; margin:2px 0px; border:3px solid #004097; box-sizing:border-box; text-align:center; font-weight:600; color:#004097; letter-spacing:-1px;}
.vote_area .result ul > li:nth-child(2n){float:right;/*  border-color:#ff0000; color:#ff0000; */}
.vote_area .result ul > li > span{display:block; color:#333; font-weight:400; margin-left:3px;}
.vote_area .result ul > li:nth-child(2n+1){clear:left;}

/* 주간행사 */
.weekList > h3{font-size:32px; color:#333; text-align:center;}
.weekList > p{margin-top:10px; font-size:18px; font-weight:600; text-align:center;}
.weekList .line_last th,
.weekList .line_last td,
.weekList .table tbody th[rowspan]{border-bottom:1px solid #7f7f7f;}

/* 시민기사신청 */
.bbsWrite.journa input[type="text"],
.bbsWrite.journa input[type="password"]{width:200px;}
.txt_journa{padding:40px 0px; border-bottom:1px solid #e1e1e1; text-align:center; color:#e11b1b; letter-spacing:-0.5px;}

/* 생활정보 */
.blogList .total{border-top:2px solid #7f7f7f; padding:10px 5px; letter-spacing:-0.5px; font-weight:600;}
.blogList .total > span{display:inline-block; margin-left:10px;}
.blogList ul{border-top:1px solid #7f7f7f;}
.blogList li{padding:20px 5px; border-bottom:1px solid #e1e1e1;}
.blogList li:after{content:''; display:block; clear:both;}
.blogList li > a{display:block; letter-spacing:-0.5px;}
.blogList li span{display:inline-block; color:#333;}
.blogList li span > em{border-bottom:1px solid #999; margin-right:10px; font-weight:600;}
.blogList li p{margin-top:10px; color:#666; line-height:1.4em;}
.blogList li > a:hover p,
.blogList li > a:focus p{text-decoration:underline;}
.blogList li img{float:left; width:142px; height:95px;}
.blogList li img ~ span{margin-left:20px;}
.blogList li img ~ p{margin-left:160px;}

/* 회사소개 */
.box_intro01 {padding-top:20px; line-height:1.6em; text-align:left; letter-spacing:-0.04em;}
.box_intro01 p {padding-bottom:25px; word-break:keep-all; font-size:14px;}
.box_intro02 {margin-top:10px; padding:35px 0;/* border:1px solid #333; */ box-sizing:border-box;}
.box_intro02 dl {margin-top:35px;}
.box_intro02 dl:first-child {margin-top:0;}
.box_intro02 dt{padding-bottom:2px; border-bottom:1px solid #333;}
.box_intro02 dt img {width:auto; max-width:100%;}
.box_intro02 dd {padding-top:25px; word-break:keep-all; font-size:14px;}
.box_intro03 {padding-top:30px; text-align:center;}

/* 사업영역 */
.title_work{background:url(../images/content/img_work01.jpg) no-repeat center 0; height:200px; text-align:center; color:#fff; font-size:16px;}
.title_work .title{padding-top:50px; font-size:25px; font-weight:600;}
.title_work  p{padding-top:10px;}
.box_work p{font-size:15px; word-break:keep-all;}
.box_work h3{position:relative; padding-left:20px; margin-top:40px; margin-bottom:20px; font-weight:600; letter-spacing:-0.5px; font-size:15px;}
.box_work h3 > em{display:block; position:absolute; left:0px; top:1px; background:#f12611; width:16px; height:16px; line-height:16px; box-sizing:border-box; text-align:center; color:#fff; letter-spacing:-1px;}

/* 후원하기 */
.title_sponsor{background:url(../images/content/img_sponsor.jpg) no-repeat center 0; position:relative; min-height:240px; text-align:center; color:#fff; font-size:16px; padding:10px;}
.title_sponsor .title{display:inline-block; font-size:25px; font-weight:600; text-align:center; border:solid 2px #fff; margin-top:80px; padding:30px 20px;}
.title_sponsor .title > a {color:#fff;}
.title_sponsor .txt{letter-spacing:-0.5px; text-align:center; margin-top:50px; margin-bottom:10px;}
.box_sponsor{position:relative; padding-left:20px; margin-top:20px; margin-bottom:20px; text-align:center;}

/* 광고문의 */
.pr{margin:20px 0;}
.pr > p{margin:0 35px 30px 35px;}
.pr > p:nth-of-type(1){font-weight:bold; font-size:18px; color:#c51917;}
.pr > p:last-of-type{margin-bottom:0;}
.pr > p > img{width:100%; max-width:643px;}
.pr > p > span{display:inline-block; font-weight:bold;}
.pr > p > span:first-of-type{font-weight:bold; color:#0155c0;}

/* 개인정보처리방침 */
.box_privacy{margin-top:20px; line-height:1.6em; font-size:15px;}
.box_privacy > h3{margin-bottom:20px; line-height:1.3em;}

/* 이용약관 */
.box_tos{margin-top:20px; line-height:1.6em; font-size:15px;}
.box_tos > h3{margin-bottom:20px; line-height:1.3em;}
.box_tos > h4{margin-top:20px;}
.box_tos > h3:last-of-type{margin-top:40px;}

/* 오시는길 */
.box_address{border:1px solid #e1e1e1; border-top-width:0px; padding:30px; text-align:center;}
.box_address > span{display:inline-block; width:169px; height:49px; padding-right:20px; margin-right:20px; background:url(../images/common/logo_footer.gif) no-repeat 0 0; text-indent:-9999px; overflow:hidden; white-space:nowrap;  border-right:1px solid #e1e1e1;}
.box_address > div{display:inline-block; text-align:left; font-size:15px;}
.box_address > div > em{display:inline-block; width:25px; height:15px; margin-right:5px; margin-bottom:-2px; background:url(../images/content/icon_jibeon.gif) no-repeat 0 0; text-indent:100%; overflow:hidden; white-space:nowrap;}
.box_address_car > p{text-align:left; margin-top:30px;}
.box_address_car > p > span{display:inline-block;}
.box_address_car > p > span.tit{font-weight:bold; padding:3px 10px; border-radius:12px; background-color:#333; color:#fff; margin-bottom:5px;}

/* 전국네트워크 */
.box_network{border:1px solid #333; padding:30px 0px 10px; text-align:center;}
.txt_network{border:1px solid #e1e1e1; border-top-width:0px; padding:30px; text-align:center; font-size:15px;}

/* 이용약관 */
.box_terms{width:100%; height:600px; box-sizing:border-box; padding:20px; font-size:15px;}

/* 후원하기 */
.h3_support{margin:40px 0 20px; font-size:16px; font-weight:600; text-align:center;}
.h3_support > span{font-size:15px; font-weight:400;}
.txt_support{border:1px solid #e1e1e1; padding:20px;}
.txt_support h4{position:relative; margin-top:30px; padding-left:20px; color:#000; font-weight:600; font-size:15px;}
.txt_support h4 > em{display:block; position:absolute; left:0px; top:2px; width:15px; height:15px; line-height:15px; box-sizing:border-box; background:#1f1f1f; color:#fff; text-align:center;}
.txt_support > div{border-bottom:1px solid #e1e1e1; padding:20px 20px 30px; font-size:15px;}
.txt_support > div:last-child{border-bottom:0px;}
.txt_support p + a{margin-top:5px;}
.box_support{padding:25px 0 25px 0;}
.box_support p{padding:0 0 15px 0; font-size:15px; word-break:keep-all;}
.title_support{background:url(../images/content/img_support03.jpg) no-repeat center 0; max-width:720px; margin:0 auto; min-height:260px; text-align:center; color:#fff; font-size:16px;}
.title_support .title{font-size:25px; font-weight:600; padding:70px 55px 10px 55px;}
.title_support p:nth-of-type(2){ padding:0 135px 70px 135px;}
.txt_strong{color:#c51917; font-weight:600;}

/* 오피니언 */
.opinion_area{padding:20px 15px; border:1px solid #e1e1e1; margin-bottom:20px;}
.opinion_area ul:after{content:''; display:block; clear:both;}
.opinion_area ul > li{float:left; width:20%; margin-top:10px;}
.opinion_area ul > li > a{display:block; text-align:center;}
.opinion_area ul > li span{display:block; padding:5px; text-align:center; font-weight:600; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.opinion_area ul > li img{width:100px; height:133px;}
.opinion_area ul > li > a:hover span,
.opinion_area ul > li > a:focus span{text-decoration:underline;}
.opinion_area ul > li:nth-child(5n+1){clear:left;}

/* 베스트맛집 */
.foot_title{margin-bottom:20px;}
.foot_title h2{background:url(../images/content/img_food01.gif) no-repeat 0 0; width:430px; height:45px; text-indent:100%; overflow:hidden; white-space:nowrap; margin:0 auto;}
.foot_title h2 + p{border-top:1px solid #e1e1e1; margin-top:20px; padding:20px 0 0; letter-spacing:-1px;}
.food_top{margin-bottom:10px;}
.food_top .list{border:1px solid #e1e1e1; padding:15px;}
.food_top .list li{display:inline-block; margin:3px 5px;}
.food_top .list li > a{display:inline-block; letter-spacing:-0.5px;}
.food_top .list li > a.on{color:#c51917; font-weight:600;}
.food_top .list li > a:hover,
.food_top .list li > a:focus{text-decoration:underline;}
.foodList:after{content:''; display:block; clear:both;}
.foodList > li{float:left; width:174px; margin:5px 0 30px;}
.foodList > li:nth-child(3n+2){margin-left:31px; margin-right:31px;}
.foodList > li:nth-child(3n+1){clear:left;}
.foodList > li h3{display:inline-block; margin-top:10px;}
.foodList > li img{width:174px; height:110px;}
.foodList li ul{border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; margin:10px 0px 5px; padding:10px 0;}
.foodList li ul li{position:relative; padding-left:10px; margin-bottom:5px; letter-spacing:-0.5px;}
.foodList li ul li:before{content:''; display:block; width:3px; height:3px; background:#a1a0a0; position:absolute; left:0px; top:5px;}
.foodList li p{line-height:1.2em; margin-bottom:20px;}
.foodList .push{position:relative; padding:7px 5px; margin-top:10px; background:#f9f9f9; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;}
.foodList .push em{color:#ee521b;}
.foodList .push > a{display:inline-block; position:absolute; top:5px; right:3px; padding:3px 5px; background:#333; color:#fff; font-size:12px;}

/* 독자편집위원회 */
.readedit_top{margin-bottom:20px;}
.readedit_top h2{background:url(../images/content/img_food01.gif) no-repeat 0 0; width:363px; height:45px; text-indent:100%; overflow:hidden; white-space:nowrap; margin:0 auto;}
.readedit_top h2 + p{border-top:1px solid #e1e1e1; margin-top:20px; padding:20px 0; letter-spacing:-0.5px;}
.readedit_top .list{border:1px solid #e1e1e1; padding:15px;}
.v .list li{display:inline-block; margin:3px 5px;}
.readedit_top .list li > a{display:inline-block; letter-spacing:-0.5px; font-size:15px;}
.readedit_top .list li > a.on{color:#c51917; font-weight:600;}
.readedit_top .list li > a:hover,
.readedit_top .list li > a:focus{text-decoration:underline;}
.readeditList:after{content:''; display:block; clear:both;}
.readeditList > li{float:left; width:25%; margin:5px 0 30px; text-align:center; font-size:15px; letter-spacing:-0.5px;}
.readeditList > li:nth-child(4n+1){clear:left;}
.readeditList > li h3{display:inline-block; margin-top:10px; font-size:15px;}
.readeditList > li img{width:122px; height:155px;}
.readeditList li ul{border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; margin:10px 0px 5px; padding:10px 0;}
.readeditList li ul li{position:relative; padding-left:10px; margin-bottom:5px; letter-spacing:-0.5px;}
.readeditList li ul li:before{content:''; display:block; width:3px; height:3px; background:#a1a0a0; position:absolute; left:0px; top:5px;}
.readeditList li p{line-height:1.2em; margin-bottom:20px;}
.readeditList .push{position:relative; padding:7px 5px; margin-top:10px; background:#f9f9f9; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;}
.readeditList .push em{color:#ee521b;}
.readeditList .push > a{display:inline-block; position:absolute; top:5px; right:3px; padding:3px 5px; background:#333; color:#fff; font-size:12px;}

/* 후원사 */
.support_wrap > ul {overflow:hidden;}
.support_wrap > ul > li {float:left; width:32%; margin-left:2%; min-height:170px;}
.support_wrap > ul > li:nth-of-type(3n-2) {margin-left:0;}
.support_wrap p {float:left; width:36%; max-width:70px;}
.support_wrap dl {float:left; width:64%; padding-left:10px; box-sizing:border-box;}
.support_wrap dl > dt  {padding-bottom:2px; font-weight:600; font-size:15px; letter-spacing:-0.05em; border-bottom:1px solid #e5e5e5;}
.support_wrap dl > dd {padding-top:2px;}
.support_wrap dl > dd > ul {}
.support_wrap dl > dd > ul > li {position:relative; margin-bottom:4px; padding-left:8px; letter-spacing:-0.06em; font-size:15px;}
.support_wrap dl > dd > ul > li:before {content:''; display:block; width:3px; height:3px; position:absolute; top:8px; left:0; background:#a1a0a0;}

/* text */
.box_line{border:1px solid #333; padding:30px 0; text-align:center; word-break:keep-all; font-size:15px;}
.box_line.no{border:0px !important;}
.conTit{background:url(../images/content/bul_h3.gif) no-repeat 0 4px; padding-left:20px; margin-top:40px; font-weight:600; letter-spacing:-0.5px; font-size:15px;}

/* 로그인 */
.login_tit > span{font-weight:bold; color:#c51917; text-align:center; display:block; font-size:18px; letter-spacing:-1px;}
.login_tit > span.big{font-size:24px; margin:30px 0 5px;;}
.login_area{position:relative; width:720px; margin:30px auto 50px;}
.login_area h2{font-size:54px; color:#333; letter-spacing:-1px;}
.login_area .sub{position:absolute; left:150px; top:25px; letter-spacing:-0.5px;}
.login_area .sub > span{display:block; font-size:15px; color:#274b9f; font-weight:600;}
.login_area .form{position:relative; min-height:300px; box-sizing:border-box; margin-top:20px; padding:50px 40px 0; border:1px solid #333; background:url(../images/common/bg_member.gif) no-repeat 0px 50%;}
.login_area .form > *{margin-left:250px;}
.login_area .form .input li{margin-bottom:5px;}
.login_area .form .input label{display:inline-block; width:80px	; font-size:15px; font-weight:600; color:#333;}
.login_area .form .input input{width:220px;}
.login_area .btn_submit,
.login_area input[type="submit"]{display:inline-block; position:absolute; right:40px; top:50px; width:75px; height:75px; line-height:75px; box-sizing:border-box; background:#c51917; border:0px; font-size:15px; color:#fff; font-weight:600; letter-spacing:-1px; text-align:center;}
.login_area .bottom{border-top:1px solid #e1e1e1; padding-top:20px; margin-top:30px;}
.login_area .bottom li{margin-bottom:5px; position:relative; letter-spacing:-1px; line-height:36px; font-size:13px;}
.login_area .bottom li a.button,
.login_area .bottom li input.button{width:180px; position:absolute; right:0px; top:0px; text-align:left; font-size:15px;}
.login_area .txt{margin-top:20px;}
.login_area .txt li{background:url(../images/content/bul_arrow.gif) no-repeat 0 0; padding-left:25px; margin-bottom:5px; line-height:21px;}

/* 회원가입 */
.member_area{border-bottom:1px solid #7f7f7f;}
.member_area h3{margin:30px 0; font-size:24px; letter-spacing:-1px;}
.member_area p{padding-bottom:30px; border-bottom:2px solid #7f7f7f;}
.member_area .agree{padding:30px 20px 30px 0px;}
.member_area .agree:after{content:''; display:block; clear:both;}
.member_area .agree h4{float:left; width:150px; padding-right:20px; box-sizing:border-box; font-size:17px; color:#333; text-align:right; line-height:1.3em; letter-spacing:-1px;}
.member_area .agree h4 > span{display:block; font-size:13px; color:#666;}
.member_area .agree textarea{float:right; width:550px; height:200px; padding:15px;}
.member_area .agree div{clear:both; margin-left:150px; padding-top:10px;}
.member_area.line{border-top:2px solid #7f7f7f;}
.member_area .finish{margin:50px 0px; text-align:center;}
.member_area .finish > span{border:1px solid #e1e1e1; padding:10px 20px; font-size:17px; font-weight:600; color:#333; letter-spacing:-1px;}
.member_area .finish em{color:#274b9f;}

/* 본인인증 */
.member_cont {padding:40px 0; border:1px solid #ddd}
.auth_wrap {position:relative; margin-top:40px; overflow:hidden;}
.auth_type {float:left; width:50%; padding:0 50px; text-align:center; box-sizing:border-box;}
.auth_type:nth-of-type(2) {position:relative;}
.auth_type:nth-of-type(2):before {content:''; display:block; position:absolute; top:0; left:0px; width:1px; height:100%; padding-bottom:18px; background:#e2e2e2;}
.auth_type > a {display:block; width:70%; margin:0 auto; padding:7px 0px !important; height:auto !important;}
.auth_type > div {text-align:left;}
.auth_type > div > h2 {font-size:1.3em; color:#333; letter-spacing:-0.04em;}
.auth_type > div > ul {margin-top:10px; margin-bottom:0;}
.auth_type > div > ul > li{padding-left:10px; position:relative;}
.auth_type > div > ul > li:before {content:''; display:inline-block; position:absolute; left:0px; top:8px; width:6px; height:6px; background:#aeaeae; border-radius:50%;}
.auth_type a.button{background:#444; color:#fff !important; border-color:#444;}

/* 아이디 비밀번호찾기 */
.idpw_area{position:relative; width:720px; height:400px; box-sizing:border-box; margin:40px auto 20px;}
.idpw_area:after{content:''; display:block; clear:both;}
.idpw_area > a{float:left; display:block; width:50%; height:45px; line-height:45px; box-sizing:border-box; border:1px solid #333; border-bottom:1px solid #e1e1e1; font-size:15px; font-weight:600; text-align:center;}
.idpw_area > a.on{background:#333; border-bottom:1px solid #333; color:#fff;}
.idpw_area .box{position:absolute; left:0px; top:45px; width:100%;}
.idpw_area .box .form{height:240px; border:1px solid #333; border-top:0px;}
.idpw_area .box .form ul{width:315px; margin:0 auto; padding-top:50px;}
.idpw_area .box .form ul li:first-child{border-top:0px;}
.idpw_area .box .form ul li{padding:5px 0px; border-top:1px solid #e1e1e1;}
.idpw_area .box .form label{display:inline-block; width:90px; font-weight:600;}
.idpw_area .box .form input[type="text"]{width:220px;}
.idpw_area .box .form .tel input[type="text"]{width:67px;}

.pwform{min-height:170px; border:1px solid #333;}
.pwform ul{width:325px; margin:0 auto; padding-top:50px;}
.pwform ul li:first-child{border-top:0px;}
.pwform ul li{padding:5px 0px; border-top:1px solid #e1e1e1;}
.pwform label{display:inline-block; width:100px; font-weight:600;}
.pwform input[type="password"]{width:220px;}

/* 기사작성 */
.list_Keyword{margin:0 -10px;}
.list_Keyword:after{content:''; display:block; clear:both;}
.list_Keyword li{float:left; position:relative; padding-top:50px; margin:7px 10px; text-align:center;}
.list_Keyword li img{display:block; position:absolute; left:0px; top:0px; margin-bottom:5px;}
.reporter{table-layout:fixed;}
.reporter label[for="isSubscription1"] + br{display:none;}

/* 2018 지방선거 */
.cont_election{overflow:hidden;}
.cont_election > h2{margin:0 0 20px; padding:10px 0 15px; border-bottom:1px solid #e1e1e1; font-size:36px; letter-spacing:-3px; text-align:center;}
.cont_election > h2 em{color:#c51917;}
.cont_election .bx_headline{box-sizing:border-box; min-height:177px; margin:0 0 20px; padding:20px 20px 20px 170px; border:1px solid #e1e1e1; background:url(../images/common/bg_vote.jpg) no-repeat 0 0; font-size:15px;}
.cont_election .bx_headline ul li{padding:3px; border-bottom:1px dotted #e1e1e1;}
.cont_election .bx_headline ul li .date{font-weight:600; color:#c51917;}
.cont_election h3.tit_lst{position:relative; margin:0 0 20px; padding:8px 0 8px 24px; border-top:1px solid #656565; border-bottom:1px solid #e5e5e5; background:#f9f9f9 url(../images/common/bu_vote.png) no-repeat 5px 50%; font-size:15px; color:#c51917;}
.cont_election .lst_candidate{margin:0 -10px;}
.cont_election .lst_candidate:after{content:''; display:block; clear:both;}
.cont_election .lst_candidate .item{float:left; box-sizing:border-box; width:33.3%; margin:0 0 30px; padding:0 15px; letter-spacing:-1px;}
.cont_election .lst_candidate .item:nth-child(3n+1){clear:left;}
.cont_election .lst_candidate .item .photo a{display:block; position:relative; padding:140% 0 0; border:1px solid #e1e1e1;}
.cont_election .lst_candidate .item .photo img{position:absolute; top:0; left:0; width:100%; height:100%;}
.cont_election .lst_candidate .item .name{margin:15px 0 5px; padding:0 0 5px; border-bottom:1px solid #e5e5e5; font-weight:600;}
.cont_election .lst_candidate .item .info li{position:relative; padding:3px 0 3px 8px; font-size:15px;}
.cont_election .lst_candidate .item .info li:before{content:''; display:inline-block; position:absolute; top:12px; left:0; width:3px; height:3px; background:#a1a0a0;}
.cont_election .lst_candidate .item .info li .num{color:#ee521b;}
.cont_election .lst_candidate .item .info li.none:before{display:none;}
.cont_election .lst_candidate .item .info li.none .homepage{display:inline-block; padding:2px; background:#333; font-size:12px; color:#fff;}
.cont_election .lst_candidate .item .btn{margin:10px 0 0; padding:15px 0 0; border-top:1px solid #e5e5e5; text-align:center;}
.cont_election .lst_candidate .item .btn .btn_view{display:inline-block; padding:8px 20px; border:1px solid #c3c3c3; font-weight:600; font-size:13px;}
.cont_election h3.tit_view{position:relative; margin:0 0 10px; padding:8px 0 8px 10px; border-top:1px solid #656565; border-bottom:1px solid #e5e5e5; background:#f9f9f9; font-size:15px; color:#c51917;}
.cont_election .view_candidate .item{margin:0 0 10px; padding:10px; border:1px solid #e5e5e5; background:#f9f9f9;}
.cont_election .view_candidate .item:after{content:''; display:block; clear:both;}
.cont_election .view_candidate .item .photo{float:left; position:relative; width:175px; margin:0 40px 0 0;}
.cont_election .view_candidate .item .photo span{display:block; position:relative; border:1px solid #e1e1e1;}
.cont_election .view_candidate .item .photo img{width:100%;}
.cont_election .view_candidate .item .info_area{margin:0 0 0 215px;}
.cont_election .view_candidate .item .info_area .name{margin:15px 0 5px; padding:0 0 5px; border-bottom:1px solid #e5e5e5; font-weight:600;}
.cont_election .view_candidate .item .info_area .info{padding:10px 0; border-bottom:1px solid #e5e5e5;}
.cont_election .view_candidate .item .info_area .info li{position:relative; padding:3px 0 3px 8px; font-size:15px;}
.cont_election .view_candidate .item .info_area .info li .num{color:#ee521b;}
.cont_election .view_candidate .item .info_area .info li:before{content:''; display:inline-block; position:absolute; top:12px; left:0; width:3px; height:3px; background:#a1a0a0;}
.cont_election .view_candidate .history_area{position:relative; margin:0 0 10px; border:1px solid #e5e5e5;}
.cont_election .view_candidate .history_area:before{content:''; display:inline-block; position:absolute; top:0; left:50%; bottom:0; border-left:1px solid #e5e5e5;}
.cont_election .view_candidate .history_area:after{content:''; display:block; clear:both;}
.cont_election .view_candidate .history_area .col{float:left; box-sizing:border-box; width:50%; padding:10px 10px 30px;}
.cont_election .view_candidate .history_area h4{position:relative; margin:0 0 30px; padding:8px 0 8px 10px; border-top:1px solid #656565; border-bottom:1px solid #e5e5e5; background:#f9f9f9; font-size:15px; color:#274b9f;}
.cont_election .view_candidate .history_area ul li{position:relative; padding:3px 0 3px 8px; font-size:15px;}
.cont_election .view_candidate .history_area ul li:before{content:''; display:inline-block; position:absolute; top:12px; left:0; width:3px; height:3px; background:#a1a0a0;}
.cont_election .view_candidate .history_area ul li a{text-decoration:underline;}
.cont_election .view_candidate .btn_area{margin:30px 0 0; padding:0; text-align:center;}
.cont_election .view_candidate .btn_area .btn_list{display:inline-block; padding:8px 30px; border:1px solid #c3c3c3; font-weight:600; font-size:15px;}

/* 독자관심 표현하기 */
.think_box{border:solid 1px #000; padding:30px 20px; margin-top:30px;}
.think_box p.think span{display:block; text-align:center;}
.think_box p.think span.title{font-size:20px; font-weight:bold; padding-bottom:5px;}
.think_box ul.number{margin-top:20px; overflow:hidden;}
.think_box ul.number li{border-radius:10px; border:solid 1px #ccc; float:left; margin:0 10px; box-sizing:border-box; padding:0 3px;}
.think_box ul.number li.colum4{width:calc(25% - 20px);}
.think_box ul.number li.colum3{width:calc(33.3% - 20px);}
.think_box ul.number li.colum2{width:calc(50% - 20px);}
.think_box ul.number li span{display:block; text-align:center; font-weight:bold;}
.think_box ul.number li span.txt{padding:15px 0 5px;}
.think_box ul.number li span.num{font-size:18px; padding-bottom:15px;}
.think_box ul.number li:nth-of-type(1) span.txt{color:#e3398d;}
.think_box ul.number li:nth-of-type(2) span.txt{color:#0c87a6;}
.think_box ul.number li:nth-of-type(3) span.txt{color:#9630b8;}
.think_box ul.number li:nth-of-type(4) span.txt{color:#e33821;}

/* print */
/* @media print {
	.util_area,
	#header > .box_banner,
	#header > #gnb,
	#header .today,
	#footer,
	.aside_area,
	.slider_news,
	.gyeong_news,
	.comment_area,
	.vote_area,
	.btn_area,
	#newsView .banner,
	#newsView .page_area,
	.category_area,
	#header div[class^="box_banner"],
	.route_area{display:none !important;}
	#header h1 {display:none !important;}
	#header .print_logo{display:block !important; margin:0 auto 15px;}
	#container{width:100%;}	
	#header{width:100%; padding-top:0px;}
	#container > .content{float:none !important; width:100% !important; padding:0px !important; margin:0px !important;}
} */

/*관련기사*/
.related_list{}
.related_list li{width: 100%; padding: 15px 0; border-top: 1px solid #e1e1e1;}
.related_list li a{font-weight: bold;}
.related_list li:last-child{border-bottom: 1px solid #e1e1e1;}

@media all and (max-width:1024px){
	.list_area{float:none; width:auto; min-height:inherit; padding-left:0px; border-left-width:0px;}
	.c00000183 .list_area{width:auto;}
	.c00000183 #container > .content{padding-right:15px;}
	
	/* 로그인 */
	.login_area{width:auto;}
	.login_area .form .input input{width:60%;}
	
	/* 회원 */
	.member_area .agree{padding:20px 0px;}
	.member_area .agree h4,
	.member_area .agree textarea{float:none; width:100%; box-sizing:border-box;}
	.member_area .agree h4{margin-bottom:5px; text-align:left;}
	.member_area .agree h4 > span{display:inline-block; margin-left:5px;}
	.member_area .agree h4 br{display:none;}
	.member_area .agree div{margin-left:0px;}
	.member_area h3{font-size:18px;}
	
	.idpw_area{width:100%;}
	
	/* 베스트맛집 */
	.foodList > li{width:32%;}
	.foodList > li:nth-child(3n+2){margin-left:1%; margin-right:1%;}
	.foodList > li h3{display:block;}
	.foodList > li .img{display:block; height:110px; overflow:hidden; background:#f8f8f8; text-align:center;}
	.foodList > li .img img{height:100%; width:auto;}
	
	/* 독자편집위원회 */
	.readeditList > li h3{display:block;}
	.readeditList > li br{display:none;}
	
	/* 소개 */
	.list_intro li{width:33%; margin-left:0px; text-align:center;}
	.list_intro li:nth-of-type(2){width:34%;}
	.list_intro li a img{width:100%; max-width:100%;}

	/*기사상세하단 배너1*/
	.gyeong_news h2{clear:both;}
	
}

@media all and (max-width:768px){
	.comment_area .write .send .brake{height:auto; position:static; border-bottom:1px solid #e1e1e1; padding:7px 20px; text-align:left;}
	
	/* 소개 */
	.box_intro01 .txt{word-break:keep-all;}
	.box_intro01 .txt br{display:none;}
	.box_intro02{height:auto; padding:20px 0px;}
	.box_intro02 > div{margin-top:0px;}
	.box_intro02 h3{font-size:15px;}	
	
	/* 구독신청 */
		
		
	/* 로그인 */
	.login_area{margin:0px;}
	.login_area .form{background:none; padding:30px 20px;}
	.login_area .form > *{margin-left:0px;}
	.login_area .form .input input{width:100%;}
	.login_area .btn_submit,
	.login_area input[type="submit"]{display:block; position:static; width:100%; height:auto; line-height:inherit; padding:10px 15px; box-sizing:border-box;}
	.login_area .bottom{padding-top:10px;}
	
	/* 베스트맛집 */
	.foodList > li{width:49%;}
	.foodList > li:nth-child(3n+2){margin-left:0; margin-right:0;}
	.foodList > li:nth-child(2n+2){float:right;}
	.foodList > li:nth-child(3n+1){clear:inherit;}
	.foodList > li:nth-child(3n+3){clear:right;}
	
	/* 후원사 */
	.support_wrap > ul > li {width:49%; min-height:150px;}
	.support_wrap > ul > li:nth-of-type(3n-2) {margin-left:2%;}
	.support_wrap > ul > li:nth-of-type(2n-1) {margin-left:0;}
	
	/* 기사작성 */
	.reporter col{display:none;}
	.reporter th,
	.reporter td{display:block;}
	.reporter th{background:none; border-left-width:0px;}
	.reporter td{height:auto;}
	.reporter label[for="isSubscription1"] + br{display:block;}
	
	/* sns */
	.page_area .btn_kakao_t,
	.page_area .btn_sms,
	.page_area .btn_band {display:inline-block !important;}

	/*기사상세하단 배너1*/
	.gyeong_news h2{clear:both;}
	/*.gyeong_news .banner_top{display:inline-block; width:50%;}
	.gyeong_news .banner_top > img{display:inline-block; width:100% !important; height:100% !important;}*/

}

@media all and (max-width:695px){
    .box_address > span{border-right:0px; margin-right:0px; }
}


@media all and (max-width:640px){
	#newsList > li a{min-height:67px; height:auto;}
	#newsList > li img{float:none; width:99px; height:67px; margin-right:0px; margin-top:-34px; position:absolute; left:0px; top:50%;}
	#newsList > li img + div{float:none; margin-left:110px; width:auto;}
	#newsList > li h3{font-size:16px;}
	#newsList > li h4{font-size:15px;}
		
	/* 여론광장 */
	.vote_area dd > div{float:none; width:auto;}
	.vote_area .form{border-right-width:0px;}
	
	/* 댓글 */
	.comment_area .write .input > span{float:none !important; display:block; margin:3px 0px;}
	.comment_area .write label{width:70px;}
	.comment_area .write .send .brake .code{display:block; margin-left:100px;}
	
	/* 소개 */
	.box_intro01 .title{font-size:20px;}
	.box_intro02{padding:0px; background-repeat:repeat;}
	.box_intro02 > div:nth-of-type(1){border-top-width:0px;}
	.box_intro02 > div:nth-of-type(2){border-left-width:0px; border-right-width:0px;}
	.box_intro02 > div{float:none !important; width:auto !important; padding:15px 10px; border-top:1px solid #e1e1e1;}
	.box_intro02 p{word-break:keep-all;}
	.box_intro02 p br{display:none;}
	
	.intro_btn a{display:block; width:auto; min-width:inherit; height:auto; line-height:normal; padding:15px 40px 15px 10px; word-break:keep-all;}
	
	/* 후원하기 */
	.bbsWrite.journa input[type="text"],
	.bbsWrite.journa input[type="password"]{width:100%;}
	.bbsWrite.journa + .tar{text-align:left !important; padding:0 15px;}
	.bbsWrite.journa + .tar > *{display:inline;}
	.bbsWrite.journa + .tar label{margin-right:0px;}
	
	/* 독자편집위원회 */
	.readeditList > li{width:32%;}
	.readeditList > li:nth-of-type(3n+2){margin-left:1%; margin-right:1%;}
	.readeditList > li:nth-child(4n+1){clear:inherit;}
	.readeditList > li:nth-child(3n+1){clear:left;}

	/*기사상세하단 배너1*/
	.gyeong_news h2{clear:both;}
	/*.gyeong_news .banner_top{display:inline-block; width:50%;}
	.gyeong_news .banner_top > img{display:inline-block; width:100% !important;  height:100% !important;}*/

	/*독자후원가입*/
	.title_support .title{font-size:23px; font-weight:600; padding:70px 30px 10px 30px; letter-spacing:-2px;}
    .title_support p:nth-of-type(2){ padding:0 80px 70px 80px;}
    
    /* 2018 지방선거 */
    .cont_election .bx_headline{min-height:auto; padding-left:20px; background:none;}
	.cont_election .lst_candidate .item{padding:0 10px;}
	.cont_election .lst_candidate .item .info li{font-size:14px;}
	
	}

@media all and (max-width:525px){
    /* 후원하기 */
	.title_sponsor .title{margin-top:60px;}
	.title_sponsor .txt{margin-top:30px;}
}

@media all and (max-width:480px){
	#newsList > li a{min-height:48px;}
	#newsList > li img{width:71px; height:48px; margin-top:-24px;}
	#newsList > li img + div{margin-left:81px;}
	#newsList > li h3{font-size:15px;}
	#newsList > li h4{font-size:15px;}
	
	.blogList li{padding:15px 0;}
	.blogList li > a{position:relative; min-height:67px;}
	.blogList li img{float:none; width:99px; height:67px; position:absolute; left:0px; top:50%; margin-top:-35px;}
	.blogList li img ~ span,
	.blogList li img ~ p{margin-left:109px;}
	
	/* 복사 */
	/* .page_area{height:90px;}
	.page_area .right{position:absolute; left:0px; top:70px;} */
	.page_area .right{float:none; margin-top:10px;}
	
	/* 댓글 */
	.comment_area .write label{margin-bottom:3px;}
	.comment_area .write input[type="text"],
	.comment_area .write input[type="password"],
	.comment_area .write .send .brake input[type="text"]{width:100%;}
	.comment_area .write .send .brake .code{margin-left:0px; margin-top:3px;}
	
	/* 소개 */
	.box_intro01{}
	.box_intro01 p > img{width:80%;}
	.box_intro01 .title{padding-top:60px;}
	.box_intro02{margin-top:30px;}
	.box_intro03 > img{width:100%;}
		
	.list_intro li{float:none; width:100%; margin-bottom:5px;}
	.list_intro li:nth-of-type(2){width:100%;}
	.list_intro li a{display:block;}
	.list_intro li a img{width:auto;}
 		
	/* 후원하기 */
	.txt_support{padding:20px 10px;}
	.txt_support > div{padding:15px 10px;}
	div[class^="box_support"] strong br{display:none;}
	
	/* 로그인 */
	.login_area h2{font-size:30px;}
	.login_area .sub{position:static; margin-top:10px;}
	.login_area .bottom li a.button,
	.login_area .bottom li input.button{position:static; width:100%;}
	
	.idpw_area .box .form{height:auto;}
	.idpw_area .box .form ul{width:100%; padding:10px 20px !important; box-sizing:border-box;}
	.idpw_area .box .form input[type="text"]{width:100%;}
	.idpw_area .box .form label{display:block; width:auto; margin-bottom:5px;}
	
	.member_area .finish > span{font-size:15px;}
	
	/* 베스트맛집 */
	.foodList > li{width:100%; float:none !important; clear:inherit !important;}
	
	/* 독자편집위원회 */
	.readeditList > li{width:50%;}
	.readeditList > li:nth-of-type(3n+2){margin-left:0; margin-right:0;}
	.readeditList > li:nth-child(3n+1){clear:inherit;}
	.readeditList > li:nth-child(2n+1){clear:left;}
	
	/* 후원사 */
	.support_wrap > ul > li {width:100%; margin-left:0;}
	
	/* 기사작성 */
	.list_Keyword{margin:0 -5px;}
	.list_Keyword li{margin:7px 5px;}

	/*기사상세하단 배너1*/
	.gyeong_news h2{clear:both;}
	/*.gyeong_news .banner_top{display:inline-block; width:50%;}
	.gyeong_news .banner_top > img{display:inline-block; width:100% !important;  height:100% !important;}*/

	/*독자후원가입*/
	.title_support .title{font-size:21px; font-weight:600; padding:50px 30px 10px 30px; letter-spacing:-2px;}
    .title_support p:nth-of-type(2){ padding:0 60px 50px 60px;}
    
    /* 2018 지방선거 */
    .cont_election > h2{font-size:32px;}
    .cont_election .bx_headline{padding:10px; font-size:13px; letter-spacing:-1px;}
    .cont_election .lst_candidate .item{width:50%; padding:0 15px;}
    .cont_election .lst_candidate .item:nth-child(3n+1){clear:none;}
    .cont_election .lst_candidate .item:nth-child(2n+1){clear:left;}
    .cont_election .view_candidate .item .photo{margin-bottom:20px;}
    .cont_election .view_candidate .item .info_area{margin:0; clear:both;}
    .cont_election .view_candidate .history_area:before{display:none;}
    .cont_election .view_candidate .history_area .col{float:none; width:100%;}
    
	/* 후원하기 */
	.title_sponsor .title{margin-top:50px;}
	.title_sponsor .txt{margin-top:30px;}
    
    
}