@charset "utf-8";

/* 
 * Layout CSS Document
 * IEETU Web Standardization Team 
 * 2017-06-12
 */

.util_area{min-height:36px; border-bottom:1px solid #e1e1e1;}
.util_area .inr{position:relative; width:1080px; margin:0 auto; padding:10px 0px; font-size:12px;}
.util_area .inr > p{position:absolute; left:0px; top:10px;}
.util_area .util{position:absolute; right:0px; top:0px;}
.util_area .util ul{float:left; margin-left:15px; margin-top:7px;}
.util_area .util ul > li{float:left;}
.util_area .util ul > li > a{display:inline-block; padding:2px 10px; border:1px solid #e1e1e1; font-size:12px;}
/*.util_area .util ul > li:first-child > a{border-right:0px;}*/
.util_area .todayTime{margin:0 auto; text-align:center;}

/* weather */
.box_weather{display:inline-block; float:left;}
.box_weather > span{display:inline-block; line-height:20px; vertical-align:middle;}
.box_weather span[class^="DB"]{width:22px;height:20px;background-repeat:no-repeat;background-position:50% 50%;text-indent:100%;overflow:hidden;white-space:nowrap;}
.box_weather .DB01{background-image:url(../images/weather/DB01.png)}
.box_weather .DB02{background-image:url(../images/weather/DB02.png)}
.box_weather .DB03{background-image:url(../images/weather/DB03.png)}
.box_weather .DB04{background-image:url(../images/weather/DB04.png)}
.box_weather .DB05{background-image:url(../images/weather/DB05.png)}
.box_weather .DB06{background-image:url(../images/weather/DB06.png)}
.box_weather .DB07{background-image:url(../images/weather/DB07.png)}
.box_weather .DB08{background-image:url(../images/weather/DB08.png)}

/* header */
#header{position:relative; width:1080px; margin:0 auto; padding-top:15px;}
#header h1{width:300px; position:absolute; left:50%; top:5px; transform: translateX(-50%);}
#header h1 > a{display:inline-block; margin:0 0 0 0;}
#header .today{position:absolute; left:220px; top:62px; font-size:12px;}
.box_ba_area{position:relative; height:86px;}
.box_banner1{position:absolute; left:0px; top:0x; width:311px;}
.box_banner2{position:absolute; right:0px; top:0x; width:311px;}
.box_banner1 > a{display:inline-block;}
.box_banner2 > a{display:inline-block;}
#header .print_logo{display:none; margin:0 auto; width:231px;}

/* gnb */
#gnb{position:relative; border-top:3px solid #c51917; border-bottom:1px solid #c3c3c3; margin-top:15px;}
#gnb .gnb{margin-left:48px;}
#gnb .gnb:after{content:''; display:block; clear:both;}
#gnb .gnb > li{float:left; position:relative; padding:0 10px;}
#gnb .gnb > li:after{content:''; display:block; position:absolute; right:0px; top:50%; margin-top:-6px; width:1px; height:11px; background:#dbdbdb;}
#gnb .gnb > li > a{display:inline-block; position:relative; height:44px; line-height:44px; box-sizing:border-box; font-size:18px; font-weight:600;}
#gnb .gnb > li > a:after{content:''; display:block; height:2px; width:0px; background:#c51917; position:absolute; bottom:-1px; left:0px; z-index:10; transition:all 0.2s ease 0s;}
#gnb .gnb > li > a.on,
#gnb .gnb > li > a:hover,
#gnb .gnb > li > a:focus,
#gnb .gnb > li.open > a{color:#c51917;}
#gnb .gnb > li > a.on:after,
#gnb .gnb > li > a:hover:after,
#gnb .gnb > li > a:focus:after,
#gnb .gnb > li.open > a:after{width:100%;}
#gnb .gnb > li:last-child:after{display:none;}
#gnb .gnb > li > ul{display:none; position:absolute; left:50%; top:44px; z-index:3; width:158px; margin-left:-79px; border:1px solid #c3c3c3;}
#gnb .gnb > li > ul > li > a{display:block; position:relative; background:#f7f9fb; border-top:1px solid #e1e1e1; padding:10px 15px; letter-spacing:-1px;}
#gnb .gnb > li > ul > li:first-child > a{border-top:0px;}
#gnb .gnb > li > ul > li > a:before{content:''; display:none; position:absolute; right:15px; top:50%; margin-top:-2px; border-left:3px solid #333; border-top:3px solid transparent; border-bottom:3px solid transparent; }
#gnb .gnb > li > ul > li > a:hover:before,
#gnb .gnb > li > ul > li > a:focus:before{display:block;}
#gnb .gnb > li > ul > li > a:hover,
#gnb .gnb > li > ul > li > a:focus{text-decoration:underline;}
#gnb .gnb > li.open > ul{display:block;}

.search_area{position:absolute; right:0px; top:5px;}
.search_area:after{content:''; display:block; clear:both;}
.search_area > ul,
.search_area > div{float:left;}
.search_area > div{position:relative; width:228px;}
.search_area > div input[type="text"]{border-radius:0px; border:1px solid #c3c3c3; width:100%; height:34px; padding-right:40px;}
.search_area > div .btn_submit,
.search_area > div input[type="submit"]{display:inline-block; background:#c51917 url(../images/common/sp_com.png) no-repeat -266px -38px; width:34px; height:34px; border:0px; position:absolute; right:0px; top:0px; text-indent:100%; overflow:hidden; white-space:nowrap;}
.search_area > ul{margin-top:10px;}
.search_area > ul:after{content:''; display:block; clear;both;}
.search_area > ul > li{float:left; position:relative; padding:0 7px; line-height:14px;}
.search_area > ul > li > a{display:inline-block; font-weight:600; font-size:14px; letter-spacing:-1px;}
.search_area > ul > li:after{content:''; display:block; width:1px; height:11px; background:#dbdbdb; position:absolute; right:0px; top:50%; margin-top:-6px;}
.search_area > ul > li:last-child:after{display:none;}
.search_area .btn_search{display:none;}
.search_area .network{background-color:#ec4a02; border-radius:15px; box-sizing:border-box; width:90px; height:32px; margin-right:10px; line-height:32px; text-align:center;}
.search_area .network a{color:#fff; letter-spacing:-1px; font-size:13px; font-weight:bold;}


/* 전체메뉴 */
.btn_sitemap{display:block; position:absolute; left:0px; top:-3px; z-index:5; width:48px; height:48px; background:#c51917; text-indent:100%; overflow:hidden; white-space:nowrap; line-height:15px;}
.btn_sitemap:after{content:''; display:block; position:absolute; top:50%; left:50%; background:url(../images/common/sp_com.png) no-repeat -280px 0px;  width:19px; height:19px; margin:-9px 0 0 -9px; text-indent:0; transition:transform 0.2s ease 0s;}
.btn_sitemap.active:after{background-position:-280px -19px; transform:rotateY(180deg);}

.wholeview_area{display:none; position:absolute; top:44px; left:0px; z-index:101; width:100%; padding:30px 20px; box-sizing:border-box; background:#fafbfc; border:1px solid #c3c3c3;}
.wholeview_area h2{display:none;}
.wholeview_area .member{display:none;}
.wholeview_area.active{display:block;}
.wholeview_area .menu > ul{width:50%; float:left; padding:0 10px; box-sizing:border-box;}
.wholeview_area:after{content:''; display:block; clear:both;}
.wholeview_area .menu > ul > li{position:relative; width:100%; margin-top:15px;}
.wholeview_area .menu > ul > li:first-child{margin-top:0px;}
.wholeview_area .menu > ul > li{float:right;}
.wholeview_area .menu > ul > li > a{display:inline-block; position:absolute; left:0px; top:-2px; font-size:16px; font-weight:600;}
.wholeview_area .menu > ul > li > ul{margin-left:85px;}
.wholeview_area .menu > ul > li > ul:after{content:''; display:block; clear:both;}
.wholeview_area .menu > ul > li > ul > li{float:left; padding:0 10px; margin-bottom:10px;}
.wholeview_area .menu > ul > li > ul > li > a{display:inline-block; letter-spacing:-1px;}
.wholeview_area .menu > ul > li > ul > li > a:hover,
.wholeview_area .menu > ul > li > ul > li > a:focus{text-decoration:underline;}
.wholeview_area .menu > ul:nth-of-type(1){border-right:1px solid #e1e1e1;}
.wholeview_area .menu > ul:nth-of-type(2){padding-left:20px;}

/* snb */
.category_area{display:none; float:left; width:90px; padding-right:15px;}
.category_area h2{margin-bottom:10px; font-size:15px; color:#333; font-weight:600;}
.category_area ul{border-top:2px solid #656565;}
.category_area ul > li{padding:10px 0px; border-bottom:1px solid #e1e1e1;}
.category_area ul > li:last-child{border-bottom:1px solid #656565;}
.category_area ul > li > a{display:inline-block; letter-spacing:-1px;}
.category_area ul > li > a:hover,
.category_area ul > li > a:focus{text-decoration:underline;}
.category_area ul > li > a.on{color:#c51917; font-weight:600;}

	/* 메뉴별예외 */

/* container */
#container{width:1080px; margin:0 auto;}
#container:after{content:''; display:block; clear:both;}

/* content */
#container > .content{float:left; width:720px; margin-top:30px; padding-right:15px;}
#container > .content.type02{float:none; width:100%; margin-top:20px; padding:0px;}	
#container > .content:after{content:''; display:block; clear:both;}

/* aside */
.aside_area{float:right; width:330px; margin-top:30px; padding-left:15px;}
.aside_area a.banner,
.aside_area a.banner > img{width:330px;}
.aside_area h2{margin:25px 0 10px; font-size:15px; letter-spacing:-1px;}
.aside_area > div{margin-bottom:20px;}

/* 최근 많이 본 기사 */
.viewed_news .list a{display:block; position:relative; height:100%; padding-left:27px;}
.viewed_news .list > li > a:after{content:''; display:inline-block; height:100%; vertical-align:middle;}
.viewed_news .list > li > a:hover span,
.viewed_news .list > li > a:focus span{border-bottom:1px solid #b7b7b7;}
.viewed_news .list > li > a > *{display:inline-block; vertical-align:middle;}
.viewed_news .list > li img{width:100px; height:65px;}
.viewed_news .list > li p{width:197px; letter-spacing:-1px;}
.viewed_news .list a:before{display:block; width:15px; height:15px; box-sizing:border-box; position:absolute; left:0px; top:50%; margin-top:-8px; background:#202020; border:1px solid #202020; text-align:center; color:#fff; line-height:12px;}
.viewed_news .list > li{height:65px; padding:10px 0;border-top:1px solid #e1e1e1;}
.viewed_news .list > li:nth-of-type(1){padding-top:0px; border-top:0px;}
.viewed_news .list > li:nth-of-type(1) a:before{content:'1';} 
.viewed_news .list > li:nth-of-type(2) a:before{content:'2';} 
.viewed_news .list > li:nth-of-type(3) a:before{content:'3';} 
.viewed_news .list > li:nth-of-type(4) a:before{content:'4';} 
.viewed_news .list > li:nth-of-type(5) a:before{content:'5';}

/* 경산베스트기사 */
.best_news h2{color:#274b9f;} 
.best_news .list > li{border-top:1px solid #e1e1e1; padding:10px 0px;}
.best_news .list > li > a{display:block; font-weight:600; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; letter-spacing:-1px;}
.best_news .list > li > a > span{display:inline-block; margin-right:10px; font-weight:400; color:#666; font-size:12px;}
.best_news .list > li > a:hover,
.best_news .list > li > a:focus{text-decoration:underline;}

/* 핫이슈 */
.issue_news{position:relative;}
.issue_news h2{margin-bottom:20px;}
.issue_news .list > li{height:65px; padding:10px 0; border-bottom:1px solid #e1e1e1;}
.issue_news .list > li:nth-of-type(1){padding-top:0px;}
.issue_news .list > li > a{display:block; position:relative; height:100%;}
.issue_news .list > li > a:after{content:''; display:inline-block; height:100%; vertical-align:middle;}
.issue_news .list > li > a > *{display:inline-block; vertical-align:middle;}
.issue_news .list > li img{width:100px; height:65px; box-sizing:border-box; display:inline-block; padding-right:5px;}
.issue_news .list > li p{width:220px; font-weight:600; letter-spacing:-1px;}
.issue_news .list > li > a:hover span,
.issue_news .list > li > a:focus span{border-bottom:1px solid #b7b7b7;}
.issue_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;}
.issue_news a.bx-prev{background-position:-73px -72px;}
.issue_news a.bx-next{background-position:-97px -72px;}
.issue_news a.bx-stop{background-position:-48px -72px; width:25px;}
.issue_news a.bx-start{background-position:-48px -94px; width:25px;}
.issue_news .bx-controls{position:absolute; top:0px; right:0px;}
.issue_news .bx-controls:after{content:''; display:block; clear:both;}
.issue_news .bx-controls > div{display:inline-block;}
.issue_news .bx-pager,
.issue_news .bx-controls-auto{float:left;}
.issue_news .bx-pager{line-height:22px; margin-right:10px;}

/* 상단슬라이드 */
/*.slider_news{display:none;}*/
.slider_news{position:relative; padding:10px 71px; height:178px; overflow:hidden; box-sizing:border-box; border-bottom:1px solid #e1e1e1;}
.slider_news:before,
.slider_news:after{content:''; display:block; width:1px; height:100%; position:absolute; top:0px; background:#fff;}
.slider_news:before{left:71px;}
.slider_news:after{right:71px;}
.slider_news .list{height:157px; overflow:hidden;}
.slider_news .list:after{content:''; display:block; clear:both;}
.slider_news .list > li{float:left; width:234px;}
.slider_news .list > li > a{display:block; padding:0 25px; height:157px; border-right:1px solid #e1e1e1; text-align:center;}
.slider_news .list .img{display:block; width:100%; height:113px; overflow:hidden;}
.slider_news .list img{max-width:171px; height:100%;}
.slider_news .list p{margin-top:5px; text-align:left; font-size:14px; letter-spacing:-1px; color:#333; font-weight:600;}
.slider_news a[class^="bx-"]{display:block; position:absolute; top:50%; width:54px; height:54px; line-height:54px; margin-top:-27px; border-radius:50%; background:#efefef; text-indent:100%; overflow:hidden; white-space:nowrap;}
.slider_news a[class^="bx-"]:before{content:''; display:block; width:24px; height:31px; margin:10px auto; text-indent:0;}
.slider_news a.bx-prev{left:0px;}
.slider_news a.bx-next{right:0px;}
.slider_news a.bx-prev:before{background:url(../images/common/sp_com.png) no-repeat 0 -38px;}
.slider_news a.bx-next:before{background:url(../images/common/sp_com.png) no-repeat -24px -38px;}
.slider_news .list a:hover p > span,
.slider_news .list a:focus p > span{border-bottom:1px solid #b7b7b7;}

/* location bar */
.route_area{display:none; background:#fafbfc; padding:20px 15px;}
.route_area ul:after{content:''; display:block; clear:both;}
.route_area ul > li{float:left; padding-right:5px;}
.route_area ul > li:before{content:'>'; display:inline-block; margin-right:5px; font-weight:400;}
.route_area ul > li.home:before{display:none;}
.route_area ul > li:last-child{font-weight:600;}

/* tab */
.tab_area{float:left; width:584px; padding-bottom:20px; padding-left:30px; border-left: 1px solid #e1e1e1;}
.tab_area > ul{margin-top:-2px;}
.tab_area > ul:after{content:''; display:block; clear:both;}
.tab_area li{float:left; width:25%; margin:2px 0;}
.tab_area li > a{display:block; height:49px; padding:5px; border:1px solid #e1e1e1; border-left:0; box-sizing:border-box; text-align:center; font-size:16px; letter-spacing:-1px; font-weight:600;}
.tab_area li > a:after{content:''; display:inline-block; height:100%; vertical-align:middle;}
.tab_area li > a.on{background:#c51917; border-color:#c51917; color:#fff;}
.tab_area li > a > span{display:inline-block; vertical-align:middle; line-height:16px;}

/* footer */
#footer{width:1080px; margin:30px auto 0;}
#footer .link{position:relative; padding:15px 30px; border:1px solid #c3c3c3;}
#footer .link span.logo{display:inline-block; position:absolute; left:30px; top:50%; margin-top:-25px;}
#footer .link > ul{margin:0 170px 0 190px;}
#footer .link > ul:after,
#footer .link > ul > li:after{content:''; display:block; clear:both;}
#footer .link > ul > li{padding:10px 0px; border-top:1px solid #e1e1e1; color:#333; letter-spacing:-1.5px; font-size:14px;}
#footer .link > ul > li:first-child{border-top:0px;}
#footer .link > ul > li > *{float:left;}
#footer .link > ul > li > a{display:inline-block; margin-right:10px; font-weight:600;}
#footer .link > ul > li > a:after{content:''; display:inline-block; margin-left:7px; margin-top:-2px; border-left:3px solid #333; border-top:3px solid transparent; border-bottom:3px solid transparent; vertical-align:middle;}
#footer .link > ul > li > ul > li{float:left; position:relative; padding:0 7px; letter-spacing:-2.5px;}
#footer .link > ul > li > ul > li:after{content:''; display:block; width:1px; height:10px; background:#dbdbdb; position:absolute; right:0px; top:50%; margin-top:-5px;}
#footer .link > ul > li > ul > li:last-child:after{display:none;}
#footer .link span.reader{display:inline-block; position:absolute; right:30px; top:50%; margin-top:-28px; height:56px; line-height:56px; box-sizing:border-box; border-radius:20px; padding:0 18px 0 55px; background:#7f7f7f url(../images/common/ico_reader.gif) no-repeat 12px 7px;}
#footer .link span.reader > a{color:#fbe705; font-weight:bold; letter-spacing:-1px; font-size:14px;}
#footer .address{font-size:14px; padding:20px 0px; text-align:center; color:#333; line-height:20px; letter-spacing:-1px;}
#footer .address span{display:inline-block; position:relative; padding:0 7px;}
#footer .address span:after{content:''; display:block; width:1px; height:10px; background:#7f7f7f; position:absolute; right:0px; top:50%; margin-top:-5px;}
#footer .address span:last-child:after{display:none;}
#footer .copy{border-top:2px solid #7f7f7f; padding:15px 0px; color:#666; text-align:center; font-size:12px;}

/* 기자페이지 */
.c00000183 .aside_area{display:none;}
.c00000183 #container > .content{width:auto; padding-right:0px;}
.list_area.no_aside{width:975px; box-sizing:border-box;}

@media screen and (min-width:1025px){
	/* tab */
	.tab_area.col04 li{width:20%;}
	.tab_area.col04 li > a{font-size:14px;}
	.tab_area.col03 li{width:33%;}
	.tab_area.col03 li:nth-of-type(2){width:34%;}
	.tab_area.col02 li{width:50%;}
	.tab_area li:first-child > a,
	.tab_area li:nth-child(5n+1) > a{border-left:1px solid #e1e1e1;}
	.tab_area li:first-child > a.on,
	.tab_area li:nth-child(5n+1) > a.on{border-left:1px solid #c51917}
}

@media screen and (max-width:1024px){
	/* 기본 layout */
	.util_area .inr,
	#header,
	#container,
	#footer{width:auto;}
	#header .today,
	.box_ba_area{height:60px;}
	.util_area .util ul,
	.box_banner{display:none;}
	.box_banner1{display:none;}
	.box_banner2{display:none;}
	.category_area{display:none !important;}
	.route_area{display:block;}
	
	body.active{overflow-y:hidden;}
	
	/* header */
	.util_area .inr{padding:10px 15px;}
	.util_area .util{right:15px;}
	#header{padding-top:10px; position:static;}
	#header h1{width:250px; margin:0 auto; top:0;}
	#header h1 > a{display:inline-block; /*margin:3px 0 0 -134px;*/}
	#header h1 > a > img{width:100%; height:auto;}
 	
	/* gnb */
	#gnb{position:static; margin-top:15px;}
	#gnb .gnb{margin-left:0px;}
	#gnb .gnb > li{width:20%; box-sizing:border-box;}
	#gnb .gnb > li:after{display:none;}
	#gnb .gnb > li > a{display:block; text-align:center;}
	#gnb .gnb > li > ul{display:none !important;}
	.btn_sitemap{position:absolute; top:55px; left:15px; border-radius:50%; line-height:1.2em;}
	.search_area{position:static;}
	.search_area > ul{display:none;}
	.search_area > div{display:none; width:100%; height:44px; position:absolute; background:#fff; padding:5px 15px;}
	.search_area > div.active{display:block; top:126px; box-sizing:border-box;}
	.search_area > div .btn_submit,
	.search_area > div input[type="submit"]{top:5px; right:15px;}
	.search_area .btn_search{display:block; position:absolute; right:15px; top:55px; z-index:3; width:48px; height:48px; background:#c51917; border-radius:50%; text-indent:100%; overflow:hidden; white-space:nowrap; line-height:1em;}
	.search_area .btn_search:after{content:''; display:block; position:absolute; top:50%; left:50%; background:url(../images/common/icon_search.png) no-repeat 0 0px;  width:25px; height:25px; margin:-12px 0 0 -12px; text-indent:0; transition:transform 0.2s ease 0s;}
	.search_area .btn_search.active:after{background:url(../images/common/sp_com.png) no-repeat -278px -17px; transform:rotateY(180deg);}
	
	.btn_sitemap.active{left:auto; right:15px; top:5px; z-index:101; background:#333;}
	.wholeview_area{height:100%; position:fixed; top:0px; left:0px; z-index:100; border:0px; background:#fff; padding:0px;}
	.wholeview_area h2{display:block; padding:15px 15px; position:relative; z-index:99; background:#c51917; font-size:18px; color:#fff;}
	.wholeview_area .member{display:block; padding:10px 15px; position:relative; z-index:99; background:#fafbfc; border-bottom:1px solid #e2e2e2; text-align:center;}
	.wholeview_area .member > a{display:inline-block; background:#717171; padding:10px 15px; border-radius:50px; color:#fff;}
	.wholeview_area .menu{overflow-y:auto; width:100%; height:100%; padding-top:111px; box-sizing:border-box; position:absolute; top:0px; left:0px; z-index:90;}
	.wholeview_area .menu > ul{float:none; width:100%; padding:0px;}
	.wholeview_area .menu > ul li{float:none !important; margin:0px !important;}
	.wholeview_area .menu > ul > li > a{display:block; position:relative; top:0px; left:0px; padding:15px 50px 15px 15px; border-bottom:1px solid #e2e2e2;}
	.wholeview_area .menu > ul > li > a:after{content:''; display:block; width:33px; height:33px; position:absolute; right:15px; top:50%; margin-top:-17px; border:1px solid #e2e2e2; border-radius:50%; background:#fff url(../images/common/icon_arrow_m01.gif) no-repeat center 50%; transform:rotate(180deg); transition:transform 0.3s ease 0s; -webkit-transform:rotate(180deg); -webkit-transition:transform 0.3s ease 0s;}
	.wholeview_area .menu > ul > li > a.active:after{transform:rotate(0deg); -webkit-transform:rotate(0deg);}
	.wholeview_area .menu > ul > li > ul{display:none; margin-left:0px; margin-bottom:0px; padding:10px 15px; background:#fafbfc; border-bottom:1px solid #e2e2e2;}
	.wholeview_area .menu > ul > li > ul > li{float:none;}
	.wholeview_area .menu > ul > li > ul > li > a{display:block; position:relative; padding:10px 0px; border-top:1px solid #e2e2e2; font-size:14px;}
	.wholeview_area .menu > ul > li > ul > li > a:after{content:''; display:block; width:12px; height:19px; background:url(../images/common/icon_arrow_m02.gif) no-repeat 0 0; position:absolute; right:0px; top:50%; margin-top:-8px;}
	.wholeview_area .menu > ul > li > ul > li:nth-of-type(1) > a{border-top-width:0px;}
	.wholeview_area .menu > ul:nth-of-type(1){border-right-width:0px;}
	.wholeview_area .menu > ul:nth-of-type(2){padding:0px;}
	
	/* tab */
	.tab_area{float:none; width:auto; border-left-width:0px; padding:0px; margin-top:20px;}
	.tab_area li > a{border-left:1px solid #e1e1e1; margin-left:-1px;}
	
	/* content */
	#container > .content{float:none; width:auto; padding:0px 15px; margin-top:0px;}
	
	/* aside */
	.aside_area{float:none; width:auto; padding:0px 15px;}
	.aside_area:after{content:''; display:block; clear:both;}
	.viewed_news .list > li p{display:block; width:auto; height:65px; margin-right:110px;}
	.viewed_news .list > li p:after{content:''; display:inline-block; height:100%; vertical-align:middle;}
	.viewed_news .list > li p span{display:inline-block; vertical-align:middle;}
	.viewed_news .list > li img{position:absolute; right:0px; top:50%; margin-top:-33px;}
	.viewed_news .list > li > a:hover span,
	.viewed_news .list > li > a:focus span{border-bottom-width:0px;}
	
	.issue_news .list > li img{position:absolute; left:0px; top:50%; margin-top:-33px;}
	.issue_news .list > li p{width:auto; height:65px; display:block; margin-left:110px}
	.issue_news .list > li p:after{content:''; display:inline-block; height:100%; vertical-align:middle;}
	.issue_news .list > li p span{display:inline-block; vertical-align:middle;}
	
	/* slide */
	.slider_news:before,
	.slider_news:after{display:none;}
	.slider_news .list > li > a{border-right-width:0px;}
	.slider_news .list .img{position:relative;}
	.slider_news .list img{position:absolute; left:50%; margin-left:-86px; height:100%;}
	.slider_news a.bx-prev{left:15px;}
	.slider_news a.bx-next{right:15px;}
	
	/* footer */
	#footer{margin:30px 15px 0;}
	#footer .link{padding:10px 15px;}
	#footer .link span.logo{display:none;}
	#footer .link > ul{margin:0 160px 0 0;}
	#footer .link > ul > li{font-size:13px;}
	#footer .link > ul > li > *{float:left;}
	#footer .link > ul > li > a{font-size:14px;}
	
	#footer .link > ul > li > ul > li > a{display:inline-block; margin:3px 0px;}
	#footer .link span.reader{display:inline-block; position:absolute; right:15px; top:50%; margin-top:-28px; height:56px; line-height:56px; box-sizing:border-box; border-radius:20px; padding:0 18px 0 55px; background:#7f7f7f url(../images/common/ico_reader.gif) no-repeat 12px 7px;}
}

@media screen and (max-width:640px){
	#header h1{width:188px; margin:0 auto; top:0;}
	#header h1 > a{display:inline-block; /*margin:3px 0 0 -100px;*/}
	#header h1 > a > img{width:100%; height:auto;}
	.box_ba_area{height:45px;}
	.btn_sitemap,
	.search_area .btn_search{top:48px;}
	.search_area > div.active{top:108px;}
	.util_area .inr > p{letter-spacing:-0.5px;}
	
	/* tab */
	.tab_area li > a{font-size:14px;}
	#footer .link > ul{margin-right:0;}
	#footer .link span.reader{display:display:inline-block; position:relative; left:50%; bottom:0; margin-top:0; margin-left:-50px; height:30px; line-height:30px; box-sizing:border-box; border-radius:20px; padding:0 18px; background:#7f7f7f;}
	
	
}

/* 예외 */
@media screen and (max-width:506px){
	#gnb .gnb > li > a{font-size:15px; letter-spacing:-1px;}
	
	/* tab */
	.tab_area li{width:33.3%;}
}
@media screen and (max-width:480px){
	.util_area .todayTime{display:none;}
	
	#gnb .gnb > li{padding:0 5px; width:20%;}
	#gnb .gnb > li > a{white-space:nowrap;}
	/*#gnb .gnb > li:nth-of-type(1){width:16%;}*/
	.slider_news{padding:10px 50px;}
	.slider_news a[class^="bx-"]{width:48px; height:48px;}
	
}