@charset "utf-8";

#financeMcnt {padding: 61px 0 91px; clear:both; background: url('/images/finance/main/bg_pat.png'); _background:#e8f2f8 url(images/finance/main/visual.jpg) no-repeat center top;}

.jejung-inner{position: relative; margin-bottom: 16px; background-color: #fff; padding:31px 38px;border-radius:4px;min-height:222px;}
.jejung-inner .inner{position: relative;width:100%}
.jejung-inner .inner:after{content:"";clear:both;display:block;visibility:hidden}
.jejung-inner .inner h2{display:block;clear:both;margin-bottom:26px;width:213px;height:44px;background: url('/images/finance/main/ir.png');}
#finance0101 .inner h2{background-position:0 0}
#finance0102 .inner h2{background-position:0 -53px}
#finance0103 .inner h2{background-position:0 -103px}

.jejung-inner .inner .chart_tab,
.jejung-inner .inner .board{display:inline-block;}
.jejung-inner .inner .board{float:right;width:48%;margin-top:-40px;}
.jejung-inner .inner .chart_tab{float:left;width:52%}


#finance0101 .inner{padding-left:200px;}
#finance0101 .inner h2{position:absolute;top:0;left:0px;}
#finance0101 .inner h3{position: absolute;left: 50px;top: 43px;width: 119px;border-radius: 4px;background-color: #f7f7f9;padding: 10px;font-size:13px;color:#38475e;line-height:1.3;}
#finance0101 .inner .info{font-size:14px;color:#1e1d1d;line-height:1.3;padding:10px;text-align:right;}
#finance0101 .inner .info span{display:inline-block;margin-right:5px;padding-right:5px;}
#finance0101 .inner .info em{color: #0a52c9;font-weight:bold}
#finance0101 .inner .info span span{margin-right:0;padding-right:0;}


.table-bordered{width:100%;margin-top:10px;border-top:2px solid #35393f;border-bottom:1px solid #ccc;text-align:center;}
.table-bordered caption{height:0;line-height:0;}
.table-bordered th,
.table-bordered td{padding:10px 10px 7px 10px;border-left:1px solid #ddd;border-bottom:1px solid #ccc; margin-left:-1px;vertical-align:middle;word-wrap:break-word;word-break:keep-all;}
.table-bordered th:first-child,
.table-bordered td:first-child{border-left:none}
.table-bordered th.trw,
.table-bordered td.trw{border-right:1px solid #ddd;}
.table-bordered tbody th {color:#333;vertical-align:middle;}
.table-bordered thead th {color:#000;vertical-align:middle;}
.table-bordered tbody th,
.table-bordered thead th,
.table-bordered tfoot th{background:#f8f8fa;}
.table-bordered tfoot{background:none;}

.ofh{margin-top:15px;margin-bottom:-15px;}

.board .rSec {text-align: right;}
.board th,
.board th,
.board td,
.board td{padding:5px 2px 3px 2px !important;}
.board td,
.board td{font-size:13px !important;}



@keyframes spinspin2 {
	0% {transform: rotate(0deg);}
	100% {transform:rotate(720deg);}
}

 @media all and (min-width:1px) and (max-width:999px){
    .jejung-inner{padding:21px 25px;overflow:hidden;}
    .jejung-inner .inner .board{width:42%;}
    .jejung-inner .inner .chart_tab{width:55%}

 }

 @media all and (min-width:1px) and (max-width:768px){
    .jejung-inner .inner .board,
    .jejung-inner .inner .chart_tab{width:100%;float:none}
    #finance0101 .inner{padding-left:0;}
    #finance0101 .inner h2{position:relative;}
    #finance0101 .inner h3{position:relative;top:0;left:0;width:100%;height:auto;}
    #finance0101 .inner .info{text-align:left;}


 }
#gnb{border:0;}

#mwrap{position:relative;width:100%;min-height:100%;}
#header_group{width:100%}
#header_group:after{content:"";clear:both;display:block}

.ct_wrp {margin:0 auto; width: 1170px; _width:1200px; position:relative;}
.ct_wrp > h2 {padding: 0;margin: 0 0 50px;color: rgba(38,38,38,.9);font-size: 17px;text-align: center;}
.ct_wrp > h2 span {display: inline-block; text-align: left; text-indent: 7px; padding: 24px 158px 0 0; background-repeat: no-repeat; background-position: right bottom; background-image: url('/images/finance/main/bg_finan.png')}
.ct_wrp > h2 img {display: block; margin-top: 5px;}

/************************************ 재정정보공개 메인 ************************************/

#mContainer { min-height:500px; max-width: 1170px; margin:0 auto; }

/* 레이아웃 반응형 */
 @media all and (min-width:1px) and (max-width:1200px){
 
 .ct_wrp{ width:100%;}
 #mContainer{width:100%;}
 #financeMcnt{padding: 58px 30px 31px;}
 }


/********* 총예산현황 *********/
#taxArea {position: relative; margin-bottom: 16px; _margin-bottom:30px; background-color: #fff; padding: 34px 92px 32px 171px;}
#lineGraphArea {_position: relative; width: 100%; _width:45.2%; _height:312px; _border-style: solid; border-width: 3px 1px 1px 1px; border-color: #15a6ea #b3b3b3 #b3b3b3 #ddd; 
				_border-radius:5px; _box-shadow: 1px 1px 10px 1px #4c5b6e;  font-size: 0;
				_overflow:hidden; background-color: #fff; _background:#fff url(images/finance/main/open_bg.gif) no-repeat right -35px;
				_padding:16px 2%; box-sizing: border-box;}
#lineGraphArea h3{position: absolute; display: inline-block; width: 109px; height: 107px; top: -16px; left: 22px; line-height: 1.3125; color: #fff; _color: #222; font-size: 16px; _font-size:18px; font-weight:bold; margin: 0; _margin:0 0 10px 0; background-color: #393fad; _background: url(images/finance/main/icon_total_price.png) no-repeat left 4px; padding: 23px 0 0 23px; _padding-left:28px; letter-spacing: 0; border-radius: 4px; box-sizing: border-box;}
#lineGraphArea .grap_list {display: inline-block; width: calc(100% - 66px);}
#lineGraphArea h3 span {display: block; line-height: 1.3125; color: #91dcff;}
.linegraph_box h4{ display:inline-block; text-align:center; margin:0 0 10px 10px; padding:3px 20px; 
					background:url(images/finance/main/open_bg.gif) repeat left bottom; 
					position:absolute; left:0; top:-13px;}

.linegraph_box{ padding:25px 2% 15px 1%; position:relative;border-radius:5px; border:1px solid #b7b7b7; /*text-align:center;*/}
.linegraph_list dt, .linegraph_list dd{ display:inline-block; padding:6px 0;}
.linegraph_list dt{ width:10%; padding-right:2%; text-align:center;}
.linegraph_list dt:first-child{ font-weight:bold; font-size:13px; color:#333;}
.linegraph_list dd{ width:87%; text-align:right; font-weight:bold; position:relative;}
.linegraph_list dd > div.gbar{ height:24px; line-height:24px; border:1px solid; color:#fff; position:absolute; left:0; top:0;}
.linegraph_list dd > div.large > span{ margin-right:10px;}
.linegraph_list dd > div.price_text{ position:absolute;right:10px; top:-1px; z-index:10; color:#000;}
.linegraph_list dd > div.small{ height:18px;line-height:20px;}
.linegraph_list dd > div.bar01{ background-color:#007bd1; border-color:#0062a6;}
.linegraph_list dd > div.bar02{ background-color:#3aa3ed; border-color:#147dc8;}
.linegraph_list dd > div.bar03{ background-color:#d33232; border-color:#b00a0a;}
.linegraph_list dd > div.bar04{ background-color:#eb5f5f; border-color:#d22323;}

.grap_box h4{ display:inline-block; vertical-align: bottom; text-align: left; _text-align:center; margin: 0 30px 11px 0; _margin:0 0 10px 10px; padding: 0; _padding:3px 20px; 
					_background:url(images/finance/main/open_bg.gif) repeat left bottom; 
					_position:absolute; _left:0; _top:-13px;}
.grap_box h4 img {display: block;}
.grap_box {display: inline-block;vertical-align: top;width: calc(50% - 20px);_padding:25px 2% 15px 1%;position:relative;border-radius:5px;_border:1px solid #b7b7b7;float: left;}
.grap_box:first-of-type {margin-right: 40px;}
.grap_list li {width:100%; display: inline-block;}
.grap_list li:not(:first-of-type) {margin-top: 10px;}
.grap_list li:first-child {_margin-bottom:5px;}
.grap_list li div.grap_title {display: inline-block; vertical-align: bottom;  width: 50px; _line-height: 29px; _width:10%; _padding-right:2%; text-align: left; _text-align:center; font-size: 15px; color: #3e3e3e;}
.grap_list li div.grapbar {display: inline-block;  width: 100%; width: calc(100% - 50px); _width:87%; height: 29px; _height:24px; line-height: 29px; _line-height:24px; text-align:right; font-weight:bold; position:relative; _border:1px solid; transition: width 2s linear;}
.grap_list li div.grapbar_inn {position: relative; display: inline-block; vertical-align: top;  width: calc(100% - 50px); _width:87%; height: 29px; _height:24px; line-height: 29px; _line-height:24px; _margin-top: 10px; text-align:right; font-weight:bold; position:relative; background-color: #e5ecf2;}
.grap_box:nth-of-type(2) .grap_list li div.grapbar_inn {background-color: #f7efe5;}
.grap_list li div.grapbar_inn span {position: absolute; display: inline-block; top: 0; right: 14px; font-size: 14px; color: #272727; line-height: 29px; letter-spacing: -.6px;}
.grap_list li div.inner_grap {_border:1px solid;}
.grap_list li div span.price_all {display: inline-block; color:#fff; margin-right: 14px; _margin-right:10px; font-size: 14px; line-height: 29px; letter-spacing: -.6px;}
.grap_list li div.bar_02 strong.price_text{ position:absolute;right:65px; top:-1px; z-index:10; color:#000;}
.grap_list li div.bar_01 {background-color: #2574ce; _background-color:#007bd1; border-color:#0062a6;}
.grap_list li div.bar_02 span {margin-right:8px;}
.grap_list li div.bar_02 {width: 0; display: block; background-color: #62c6ff; _background-color:#3aa3ed; border-color:#147dc8;}
.grap_list li div.bar_03 {background-color: #f9d12f; _background-color:#d33232; border-color:#b00a0a;}
.grap_list li div.bar_03 span {color: #252525;}
.grap_list li div.bar_04 {width: 0; display: block; background-color: #f96f0a; _background-color:#eb5f5f; border-color:#d22323;}



#taxArea:after{content:"";clear:both;display:block;visibility:hidden}

/*** 레이아웃 반응형 ***/
@media all and (min-width:1px) and (max-width:768px){

#lineGraphArea{ float:none; width:auto; height:auto;}
.linegraph_list dt{ width:23%; padding-right:2%;}
.linegraph_list dd{ width:72%; }

}
  
@media all and (min-width:769px) and (max-width:1000px){
	#taxArea {padding: 34px 30px 32px 171px;}
#lineGraphArea, #utilArea{ _width:45%;}
.linegraph_list dt{ width:18%; padding-right:2%;}
.linegraph_list dd{ width:77%; }
}
 
 


/********* 주간브리핑 영역 *********/
.brief_wrap {position: relative; text-align: center; font-size: 0;}
.brief_wrap .brief_roll {position: relative;display: inline-block;vertical-align: middle;width: 788px;height: 69px;padding: 0 0 0 15px;border: 2px solid #1a73d9;margin-right: 8px;box-sizing: border-box;border-radius: 6px;text-align: left;letter-spacing: -.5px;overflow: hidden;background-color: #fff;}
.brief_wrap .brief_roll .title {position: relative; display: inline-block; vertical-align: middle; margin-right: 60px; font-size: 18px; font-weight: 600; padding: 19px 0;}
.brief_wrap .brief_roll .title::after {position: absolute; display: block; content: ""; width: 250px; height: 250px; bottom: -50px; left: -105px; background-color: #eff2f5; transform: rotate(-42.55deg);}
.brief_wrap .brief_roll .title span {position: relative; z-index: 2;}
.brief_wrap .brief_roll .title span:nth-of-type(1) {color: #2d2d2d;}
.brief_wrap .brief_roll .title span:nth-of-type(2) {color: #278de5;}
.brief_wrap .brief_roll .title span:nth-of-type(3) {color: #245cbc;}
.brief_wrap .brief_roll .roll {display: inline-block; vertical-align: middle; width: 250px; height: 100%; overflow: hidden;}
.brief_wrap .brief_roll .roll1 {margin-right: 10px;}
.brief_wrap .brief_roll .roll .tit {position: relative; display: inline-block; vertical-align: top; margin-top: 19px; width: 56px; height: 27px; line-height: 27px; margin-right: 10px; font-size: 15px; color: #fff; border-radius: 15px; background-color: #38475e; text-align: center; z-index: 1;}
.brief_wrap .brief_roll .list {display: inline-block; width: calc(100% - 66px); font-size: 16px; color: #1e1d1d;}
.brief_wrap .brief_roll .list li {line-height: 65px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.brief_wrap .brief_roll .list .num {color: #ff5908; font-weight: 900;}
.brief_wrap .brief_roll .list .rank_ttl {font-weight: 600;}
.brief_wrap .brief_roll .list .price {font-weight: 600;}
.brief_wrap .brief_box {overflow: hidden;position: relative;}
.brief_wrap .brief_open {display: inline-block; vertical-align: middle; text-align: center; border-radius: 7px; overflow: hidden;}
.brief_wrap .brief_open a {display: block; width: 100%; height: 100%; font-size: 15px; color: #fedf0d; background-color: #2574ce; font-weight: 900; line-height: 1; padding: 16px 17px 15px; box-sizing: border-box;}
.brief_wrap .brief_open span {line-height: 1;}
.brief_wrap .brief_open em {display: block; font-size: 18px; color: #fff; font-weight: 600; line-height: 1; margin-top: 5px;}
.brief_wrap .control {position: absolute; top: 50%; right: 29px; transform: translate(0, -50%);}
.brief_wrap .control a {position: relative; display: block; margin: 0 auto;}
.brief_wrap .control a.dir {width: 13px; height: 13px; border-style: solid; border-width: 3px 3px 0 0; box-sizing: border-box; outline: none;}
.brief_wrap .control a.prev {display: block !important;border-color: #000; transform: rotate(-45deg);}
.brief_wrap .control a.next {display: block !important;border-color: #2678cc; transform: rotate(135deg);}
.brief_wrap .control a.act {display: none; width: 15px; height: 15px; background-color: #000; z-index: 3;}
.brief_wrap .control a.act.on {display: block;}
.brief_wrap .control a.pause{width: 25px;height: 16px;background: url(/images/finance/main/roll_btn.png) 0px -1px;}
.brief_wrap .control a.play{width: 25px;height: 16px;background: url(/images/finance/main/roll_btn.png) -28px -1px;}






#utilArea{position: absolute; display: none; _border-style: solid; border-width: 3px 1px 1px 1px; border-color: #28b1b1 #b3b3b3 #b3b3b3 #ddd; border: 2px solid #d5dde7;
			_border-radius:5px; _box-shadow: 1px 1px 10px 1px #4c5b6e; width: 100%; _width:45.2%; max-width: 480px; _float:right; top: 0;
			_height:312px; min-height: 300px; overflow:hidden; background:#fff;
			padding: 0 32px 6px; _padding:16px 2%; _margin-bottom: 50px; box-sizing: border-box; z-index: 5; right: 0; text-align: left;}
#noticeArea{ position:relative;}
#noticeArea > ul > li{ float:left; width:25%; text-align:center;}
#noticeArea > ul > li a.tab_btn{ display:block; height:29px; line-height:2; border:1px solid #c1c1c1; border-left:none; color:#333;}
#noticeArea > ul > li:first-child a.tab_btn{ border-left:1px solid #c1c1c1;}
#noticeArea > ul > li a.on{ border-color:#4A73D9; border-bottom-color:#fff; font-weight:bold;}
#noticeArea > ul > li:first-child a.on{ border-left-color:#4A73D9;}
#noticeArea li div.board_con_box{ position:absolute; top:50px; left:0; width:100%; height:275px; text-align:left; overflow:hidden;}

.notice_list li{ float:none; width:96%; display:block;text-align:left; line-height:26px; padding:0;}
.notice_list li a{ display:block; position:relative; padding:0 0 0 7px;background:url(images/finance/main/main_news_dot.gif) no-repeat left 9px; color:#666 !important; font-size:13px;cursor:pointer}
.notice_list li a:hover,
.notice_list li a:active,
.notice_list li a:focus{text-decoration:underline}
.notice_list li a span.time{ position:absolute;top:0;right:0;font:normal .917em/1.15em Tahoma,AppleGothic,sans-serif;}

.week_briefing_box{ position:relative; font-size: 0;}
.week_briefing_box a.btn_more{ display:block; position:absolute; right:0; top:0; color:#373737; font-size:0.92em; text-decoration:underline;}
.week_briefing_box .briefing_title{ _background:url(images/finance/main/icon_date.png) no-repeat left 4px; font-size: 17px; _font-size:18px; color: #161616; _color:#222; margin: 33px 0 14px; padding-left: 0; _padding-left:26px; font-weight: 600; _font-weight:normal;}
.week_briefing_box .unit {font-size: 13px; color: #373737;}
.week_briefing_box .brief_close {position: absolute; top: 0; right: 0; padding-right: 24px; font-size: 14px; color: #1c78e3; font-family: 'Noto Sans KR', 'Noto Sans', Tahoma, Arial, sans-serif; background-repeat: no-repeat; background-position: right center; background-image: url('/images/finance/main/ico_close.png');}
.briefing_info {font-size: 15px; font-weight: 600; _border-radius:5px; _background:#F1F3F5; _border:1px solid #C2CBE5; color: #1e1d1d; _color:#444; text-align:center; padding: 0; _padding:18px 0; margin: 14px 0 43px; _margin:12px 0 15px 0; _line-height:1.4;}
.briefing_info span {position: relative; _text-decoration:underline;}
.briefing_info span em {position: relative;}
.briefing_info span em::after {position: absolute; display: block; content: ""; width: 100%; height: 1px; bottom: -4px; left: 0;}
.briefing_info span:nth-of-type(1) em {color: #e10101;}
.briefing_info span:nth-of-type(1) em::after {background-color: #e10101;}
.briefing_info span:nth-of-type(2) em {color: #0a52c9;}
.briefing_info span:nth-of-type(2) em::after {background-color: #2574ce;}

.week_briefing_box > .week_ranking{display: inline-block;width: calc(50% - 2px);max-width: 204px;_width:49.8%;float: left;}
.week_rank_left{ _border-right:1px dashed #ccc; margin-right: 4px;}
.week_ranking .ranking_title{padding: 10px 0; text-align:center; font-size: 15px; _font-size:16px; font-weight:bold; color: #fff; _color:#333; background-color: #767c86; margin-bottom: 15px;}
.week_rank_left .ranking_title {background-color: #1a73d9;}
.week_ranking ol, .week_ranking ul{ _margin-top:12px; padding-left: 3px;}
.week_ranking li{font-size: 14px; color: #161616; _font-size:13px; line-height: 21px; _line-height:20px; height: 21px; _height:20px; overflow:hidden;}
.week_ranking li:not(:last-of-type) {margin-bottom: 6px;}
.week_ranking .rank_left_list li{ _margin:6px 5% 6px 2%;}
.week_ranking .rank_right_list li{ _margin:6px 2% 6px 5%;}
.week_ranking li span{ line-height: 21px; _line-height:18px; vertical-align:top;}
.week_ranking li span.num{ display:inline-block; color: #025dc5; _color:#424242; width: 21px; _width:20px; height: 21px; _height:18px; line-height: 19px; _line-height:18px; 
							_font-family:Tahoma, Geneva, sans-serif; border: 1px solid #1176ea; _border:1px solid #444; text-align:center; margin-right:6px; box-sizing: border-box;}
.week_ranking .rank_right_list li span.num {border-color: #18438b; color: #0d3d8c;}
.week_ranking li span.price{ display:inline-block; float:right; text-align:right; color: rgba(22,22,22,.8); letter-spacing: -.5px; margin-right: 10px;}
.week_ranking li span.rank_ttl{display:inline-block; width:55%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.week_ranking li:after{content:"";clear:both;display:block;visibility:hidden}

.week_briefing_box:after{content:"";clear:both;display:block;visibility:hidden}

.download_box{ clear:both; border:1px solid #c1c1c1; background-color:#fcfcfc; padding:12px 20px;}
.download_box a{ display:inline-block; background:url(images/finance/main/icon_file_down.gif) no-repeat; padding-left:17px; line-height:1.2;}
.download_box a.type01{ background-position:left top; width:14%;}
.download_box a.type02{ background-position:left -24px; width:26%;}
.download_box a.type03{ background-position:left -44px; width:20%;}
.download_box a.type04{ background-position:left -66px; width:22%;}


/*** 레이아웃 반응형 ***/
@media all and (min-width:1px) and (max-width:768px){

#utilArea{ float:none; _width:auto; height:auto; _padding:16px 3%; _margin-top:15px;}

 }
 
@media all and (min-width:1px) and (max-width:480px){

.week_briefing_box > .week_ranking{ float:none; _width:auto;}
.week_rank_left{ border-right:none;_border-bottom:1px dashed #ccc; _padding-bottom:6px;margin-bottom:10px;}

.week_ranking .rank_left_list li{_margin:6px 2%;}
.week_ranking .rank_right_list li{_margin:6px 2%;}

 }
 
  
@media all and (min-width:769px) and (max-width:1000px){

.week_ranking li span.rank_ttl{ width:28%;}
}
 




/********* 오늘의예산현황 **********/
#revenueBox {width: calc(50% - 8px); _width: 50%; background-color: #fff; float:left; padding: 30px 32px 31px 39px; box-sizing: border-box;}
#expenditureBox {width: calc(50% - 8px); _width:50%; background-color: #fff; float:right; padding: 30px 32px 31px 39px; box-sizing: border-box;}
#fundsBox{ width:25%; float:right; margin-right:0;}

#revenueBox h4 {_background:#197cd1; background-repeat: no-repeat; background-position: left center; background-image: url('/images/finance/main/deco_grap1.png');}
#expenditureBox h4 {_background:#0a61ac; background-repeat: no-repeat; background-position: left center; background-image: url('/images/finance/main/deco_grap2.png');}
.today_box h4 {position: absolute; display: inline-block; color:#fff; margin:0; padding: 10px 0 11px 51px; _padding:10px 20px; font-size:20px; font-weight:normal; text-align:center;}
.today_box h4 img {display: block;}

#revenueBox .today_tax_box { border-radius:0 0 0 5px; _background:#fff url(images/finance/main/main_tab_arrow01.png) no-repeat center top;}
#expenditureBox .today_tax_box { border-radius:0 0 5px 0; border-left:none; _background:#fff url(images/finance/main/main_tab_arrow02.png) no-repeat center top;}
.today_tax_box{ _border-style: solid; border-width: 1px; border-color: #ddd #b3b3b3 #b3b3b3 #ddd; border-top:none; overflow:hidden; padding: 0; _padding:20px 14px;}
.today_tax_box .tax_graph_box{padding:15px 20px; position:relative;}
.today_tax_box .tax_graph_tab{ padding:15px 20px;}

.today_tax_info{ float:right; margin-bottom: 13px;}
.today_tax_info dt, .today_tax_info dd{ display:inline-block;height:25px; line-height:25px; font-size:15px;}
.today_tax_info dt {display: block; _padding-left:30px; _margin-right:12px; font-size: 15px; color: #525252; font-weight: 600; text-align: right;}
.today_tax_info dt span {font-size: 17px; color: #2c2c2c;}
.today_tax_info dd{ font-weight:bold; color: rgba(62,62,62,.9); _color:#333; font-size: 14px; letter-spacing: -.5px;}
.today_tax_info dt.total_title{ _background:url(images/finance/main/icon_today_tax.gif) no-repeat;}
.today_tax_info dt.tax_title{ _background:url(images/finance/main/icon_graph.gif) no-repeat left 1px; font-weight:bold; color:#000;}
.today_tax_info dd.tax_price{ color:#ff7200;}
.today_tax_info dt.taxicon01{ background-position:left top;}
.today_tax_info dt.taxicon02{ background-position:left bottom;}
.today_tax_info:after{content:"";clear:both;display:block;visibility:hidden}

.tax_graph_tab{}
.tax_graph_tab a{ display:inline-block; background:#fafafa; border:1px solid #d1d1d1; text-align:center; width:40%; padding:6px 0 4px 0;}
.tax_graph_tab a:first-child{ border-right:none; width:58.5%;}
.tax_graph_tab a.on{ background:#fff;}

.tax_graph_box .graph_title{ display:block; text-align:center; color:#333; font-size:13px;}
.tax_graph_box .graph_total{ font-size:13px; color:#0054FF; font-weight:bold; position:absolute; left:0; z-index:40; width:100%; text-align:center;}
#todayTaxArea{margin-bottom: 16px; _margin-bottom:30px; _background: #fff; border-radius:0 0 5px 5px; /*border-style: solid; border-width: 1px; border-color: #ddd #b3b3b3 #b3b3b3 #ddd; border-top:none;*/}
#todayTaxArea:after{content:"";clear:both;display:block;visibility:hidden}



/*** 레이아웃 반응형 ***/
 @media all and (min-width:1px) and (max-width:768px){

#revenueBox{ width:auto; float:none;}
#expenditureBox{ width:auto; float:none;}
.today_tax_info{ float:none; text-align: right; _text-align:center;}

#todayTaxArea{ margin-bottom:30px; background:none;border-radius:0 0 5px 5px;}
#revenueBox .today_tax_box{ border-radius:0 0 5px 5px; margin-bottom:10px;}
#expenditureBox .today_tax_box{ border-radius:0 0 5px 5px; _border-left: solid 1px #ddd;}

 }




/********* 예산분야 *********/
#budgetArea {background-color: #fff; _background:url(images/finance/main/bg_budget.gif) repeat left top; _border:1px solid #00afbf; _padding:16px 14px; _border-radius:5px; padding-bottom: 46px;}
#budgetArea:after{content:"";clear:both;display:block;visibility:hidden}
.part_graph_box{width: calc(50% - 5px); _width: 49.2%; float:left; padding-top: 31px; padding-right: 30px; padding-left: 38px; box-sizing: border-box;}
.part_graph_box .part_graph_title{ display:inline-block; _border-radius:5px 5px 0 0; _border:1px solid #abd5d9; border-bottom:none; background:#fff; padding: 0; _padding:8px 18px 0 18px;}
.part_graph_box h4 {position: relative; display:inline-block; color: #252525; _color:#555; background:url(images/finance/main/icon_data.gif) no-repeat left 5px; _padding-left:23px; margin:0; _font-size:1.07em; padding: 0; z-index: 1;}
.part_graph_box h4 img,
.part_graph_box h4 span {display: inline-block; vertical-align: bottom;}
.part_graph_box h4 span {font-size: 19px; margin: 0 7px 0 6px;}
.part_graph_box h4 span + img {transform: translate(0,-4px);}

.budget_graph_area, .budget_list_box{_height: 400px; _height:350px; _overflow:hidden; _border:1px solid #abd5d9; background:#fff; border-radius: 0; _border-radius:0 5px 5px 5px; margin-top:-1px;}
.budget_graph_area .m_category {width: calc(45.725646% - 15px);_width: 30%;_height:330px;border: 2px solid #dbdde3;_min-height: 330px;overflow-y: auto;_padding:10px 3%;margin: 0 0 0 35px;_float:right;_background:url(images/finance/main/bg_budget_cg.gif) repeat-y left top;box-sizing: border-box;border-radius: 4px;float: right;}
.budget_graph_area .budget_graph_box{width: calc(54.274353% - 20px); _width:60%; height:auto; padding: 0; _padding:16px 1%;  text-align:center; margin-top: 12px; box-sizing: border-box;}
.budget_graph_area {font-size: 0; margin-top: -10px;}
.budget_graph_area .m_category,
.budget_graph_area .budget_graph_box {display: inline-block; vertical-align: top;}

.budget_graph_area:after{content:"";clear:both;display:block;visibility:hidden}

/* 파이그래프 범주 */
.m_category ul {padding: 26px 25px 16px 13.100436%;}
.m_category li {_margin:4px 0; _font-size:0.78em; font-size: 14px; line-height: 1.25; font-size: 0;}
.m_category li a {vertical-align: middle; color: #252525; line-height: 1.571428; font-size: 14px;}
.m_category li span {display: inline-block; vertical-align: middle; line-height: 1.571428; font-size: 14px; color: #252525;}
.m_category li span.color_cg{width: 12px; _width:9px; height: 12px; _height:9px; margin-top: -2px; margin-right: 10px; _margin-right: 5px; border-radius: 50%;}
.m_category li span.type01 {background-color: #65cdd0; _background-color: #4a9af4;}
.m_category li span.type02 {background-color: #986ec8; _background-color: #f5655f;}
.m_category li span.type03 {background-color: #ff8c3c; _background-color: #bae45d;}
.m_category li span.type04 {background-color: #4090f2; _background-color: #a279cf;}
.m_category li span.type05 {background-color: #8fc2ea; _background-color: #67c8e5;}
.m_category li span.type06 {background-color: #ffd02e; _background-color: #ff9744;}
.m_category li span.type07 {background-color: #fe5a55; _background-color: #469bff;}
.m_category li span.type08 {background-color: #65cdd0; _background-color: #ff6182;}
.m_category li span.type09 {background-color: #ad9687; _background-color: #e3f454;}
.m_category li span.type10 {background-color: #b1e053; _background-color: #8279cf;}
.m_category li span.type11 {background-color: #ff8c3c; _background-color: #70d3d6;}
.m_category li span.type12{background-color: #ffad2c;}
.m_category li span.type13{background-color: #70b2e6;}
.m_category li span.type14{background-color: #bb67bb;}
.m_category li span.tar {width: calc(100% - 64px);}
.m_category li span.perc {width: 42px; color: rgba(37,37,37,.8); font-weight: 600;}



/* 세부사업현황 */
.detail_graph_box{width: calc(50% - 5px); _width: 49.2%; float:right; padding-right: 25px; box-sizing: border-box;}
.detail_graph_box .part_graph_title{ display:inline-block; border-radius:5px 5px 0 0; _border:1px solid #abd5d9; border-bottom:none; background:#fff; padding: 0 0 0 2PX; _padding:8px 18px 0 18px; margin-top: 37px; margin-bottom: 18px;}
.detail_graph_box h4{font-size: 18px; _font-size:14px; font-weight: bold; color: #252525; line-height:1; _font-weight:normal; margin:0; padding:0; _background:url(images/finance/main/icon_data_detail.gif) no-repeat left 4px; _padding-left:19px;}
.detail_graph_box h4 span{font-size: 18px; font-weight:bold; color: #252525; _color: #333;}
.budget_list_box{height: 295px; _height:326px; overflow: hidden; _overflow-x:hidden; _overflow-y: auto; padding: 0; _padding: 12px 14px; box-sizing: border-box;}
.budget_list_box li{ margin:1px 0; padding:0;}
.budget_list_box li > div{ background-color:#6497da; color:#fff; padding:10px 0;}
.budget_list_box li > div span{ display:block; margin:0 10px; word-break:keep-all; font-size:13px;}


/*** 레이아웃 반응형 ***/
@media all and (min-width:1px) and (max-width:768px){
.part_graph_box{ width:auto; float:none;margin-bottom:10px;}
.detail_graph_box{width:auto; float:none; }
 }
 
@media all and (min-width:1px) and (max-width:480px){

#budgetArea{ border-top-width:3px;}
.budget_graph_area{height:auto;}
.budget_graph_area .budget_graph_box{ float:none; width:auto;}
.part_graph_box{ width:auto; float:none; }
.budget_graph_area .m_category{ float:none; background:none; width:auto; _height:100px; border-top:1px solid #cfe9ea; background:#fdfdfd;}
.budget_list_box{height:250px;}

 }










@media only screen and (max-width: 1200px){
	.ct_wrp > h2 span {font-size: 15.68px; padding: 24px 146px 0 0; background-size: 138px auto;}
	.ct_wrp > h2 img {width: 257px;}
	.brief_wrap .brief_roll {margin: 0 15px;width: calc(100% - 140px);}
	.briefing_info {font-size: 14.88px;}
	.brief_wrap .brief_roll .title {margin-right: 70px;}
	.brief_wrap .brief_roll .roll {width: calc(50% - 140px);}
	.briefing_info {margin: 14px 0 60px;}
	#lineGraphArea h3 {top: -22px; left: 18px;}
	#taxArea {padding: 28px 30px 30px 160px; margin-bottom: 32px;}
	.grap_box {width: calc(50% - 20px);}
	.grap_box:first-of-type {margin-right: 32px;}
	.grap_box h4 {margin: 0 20px 4px 0;}
	#revenueBox,
	#expenditureBox {width: 100%; padding: 30px 104px 20px 129px;}
	#revenueBox {margin-bottom: 29px;}
	.part_graph_box {width: 44.680851%; padding-top: 34px; padding-right: 24px; padding-left: 9px;}
	.part_graph_box h4 {margin-left: 27px;}
	.detail_graph_box {float: right; width: 55.319148%;}
	.budget_graph_area .budget_graph_box {width: calc(100% - 204px);}
	.budget_graph_area .m_category {width: 184px; margin: 0 0 0 20px;}
	.m_category ul {padding: 11px 0 10px 17px;}
	.m_category li span {font-size: 12.5px;}
	.m_category li span.color_cg {width: 9px; height: 9px;}
	.jqplot-series-shadowCanvas {min-width: 164px !important;}
	.budget_list_box {height: 272px;}
	.budget_graph_area {margin-top: 19px;}
	.budget_graph_area .budget_graph_box {margin-top: -40px;}
	.detail_graph_box .part_graph_title {margin-bottom: 21px;}
	.today_tax_info {margin-right: 16px;}
	.today_tax_info dt span {font-size: 15.01px;}
}

@media only screen and (max-width: 999px){
	#financeMcnt {padding: 51px 30px 31px;}
	.briefing_info {font-size: 15px; margin: 20px 0 89px; letter-spacing: -.75px;}
	.brief_wrap .brief_roll {width: 100%;margin-right: 0;margin-left: 0;}
	.brief_wrap .brief_roll .title {margin-right: 50px; font-size: 17px;}
	.brief_wrap .brief_open {float: right; margin-top: 12px; margin-right: 22px;}
	.brief_wrap .brief_open span {font-size: 15px;}
	.brief_wrap .brief_open em {font-size: 16px; display: inline-block; margin-left: 5px; margin-top: 0;}
	.brief_wrap .brief_open a {padding: 12px 16px;}
	.brief_wrap .brief_roll {height: 81px;}
	.brief_wrap .brief_roll .title {padding: 25px 0;}
	.brief_wrap .brief_roll .title::after {bottom: -45px; left: -110px; transform: rotate(42.55deg);}
	.brief_wrap .brief_roll .roll {width: calc(50% - 130px);}
	.brief_wrap .brief_roll .roll .tit {width: 52px; height: 25px; line-height: 25px; margin-top: 26px; font-size: 14px;}
	.brief_wrap .brief_roll .list li {line-height: 77px;}
	#lineGraphArea h3 {top: -33px; left: 45px;}
	#taxArea {padding: 27px 71px 23px 209px; margin-bottom: 30px;}
	.grap_box {width: 100%;}
	.grap_box:first-of-type {margin-right: 0; margin-bottom: 28px;}
	.grap_box h4 {vertical-align: top; margin: 4px 30px 0 0;}
	.grap_list li div.grap_title {font-size: 14px;}
	.grap_list li div span.price_all {font-size: 13px; line-height: 26px;}
	.grap_list li div.grapbar {height: 26px; line-height: 26px;}
	.grap_list li div.grapbar_inn {height: 26px; line-height: 26px;}
	.grap_list li div.grapbar_inn span {line-height: 26px; font-size: 13px;}
	#revenueBox,
	#expenditureBox {padding: 30px 36px 20px 45px;}
	.today_tax_info {margin-right: 10px;}
	.today_tax_info dt {font-size: 14px;}
	.part_graph_box {width: 100%; float: none; padding-top: 0; padding-right: 0; padding-left: 0;}
	.part_graph_box h4 {margin-left: 45px;}
	.detail_graph_box {width: 100%; padding-right: 0; padding-left: 45px; float: none;}
	#budgetArea {padding-top: 51px; padding-right: 45px; padding-bottom: 34px; padding-left: 0;}
	.budget_graph_area {margin-top: 43px; padding-left: 25px;}
	.budget_graph_area .m_category {width: 399px; margin: 0 0 0 39px;}
	.budget_graph_area .budget_graph_box {width: calc(100% - 438px); margin-top: -60px;}
	.m_category ul {padding: 18px 0 11px 27px;}
	.m_category li {display: inline-block; width: 50%; margin-bottom: 2px;}
	.m_category li span.tar {width: calc(100% - 90px);}
	.detail_graph_box {position: relative; margin-top: -25px;}
	.detail_graph_box h4 {font-size: 17px;}
	.detail_graph_box h4 span {font-size: 17px;}
	.detail_graph_box .part_graph_title {margin-top: 4px;}
}

@media only screen and (max-width: 767px){
	#financeMcnt {padding: 18px 15px 21px;}
	.ct_wrp > h2 span {font-size: 11.9px; padding: 24px 92px 0 0; background-size: 84px auto;}
	.ct_wrp > h2 img {width: 195px;}
	.brief_wrap .brief_roll {height: auto; padding: 0 0 11px; border-radius: 4px;}
	.brief_wrap .brief_roll .title {display: block; padding: 6px 0; margin-right: 0; margin-bottom: 9px; text-align: center; background-color: #eff2f5; font-size: 15px; border-radius: 0 0 3px 3px;}
	.brief_wrap .brief_roll .title::after {display: none;}
	.brief_wrap .brief_roll .roll {width: calc(100% - 55px); height: 20px; padding-left: 23px; box-sizing: border-box;}
	.brief_wrap .brief_roll .roll .tit {width: 41px; height: 20px; line-height: 20px; margin-top: 0; font-size: 12px;}
	.brief_wrap .brief_roll .roll1 {margin-right: 0; margin-bottom: 5px;}
	.brief_wrap .brief_roll .list li {font-size: 13px; line-height: 20px;}
	.brief_wrap .brief_roll .list .num {margin-right: 3px;}
	.brief_wrap .control {top: auto; right: 20px; bottom: -8px;}
	.brief_wrap .brief_open {width: 100%; float: none;}
	#utilArea {width: 220px; padding: 0 15px 10px;}
	.week_briefing_box > .week_ranking {width: 100%;}
	.week_ranking li {font-size: 13px;}
	.week_briefing_box .briefing_title {font-size: 15px; margin: 14px 0;}
	.week_briefing_box .unit {font-size: 11px;}
	.week_ranking .ranking_title {padding: 3px 0; margin-bottom: 10px; font-size: 14px;}
	.brief_wrap .brief_open {border-radius: 4px;}
	.brief_wrap .brief_open a {font-size: 13px; padding: 10px 16px;}
	.brief_wrap .brief_open span {font-size: 13px;}
	.brief_wrap .brief_open em {font-size: 13px;}
	.briefing_info {font-size: 12px; margin: 11px 0 36px; letter-spacing: 0;}
	.briefing_info span {display: inline-block;}
	.briefing_info span em::after {bottom: -2px;}
	#lineGraphArea h3 {width: 177px; height: 39px; line-height: 39px; padding: 0; font-size: 15px; padding-left: 15px;}
	#lineGraphArea h3 span {display: inline-block; margin-left: 4px;}
    #taxArea {padding: 0;}
    .grap_box{float:none}
	.grap_box:first-of-type {margin-bottom: 25px;}
	.grap_box h4 {display: block; text-align: right; margin: 0;}
	.grap_box h4 img {display: inline-block; height: 17px;}
	.grap_list li div span.price_all {font-size: 12px;}
	.grap_list li div.grapbar_inn span {font-size: 12px;}
	.grap_list li div.grap_title {font-size: 13px;}
	#lineGraphArea {padding: 40px 15px 23px;}
	#lineGraphArea h3 {top: -15px; left: 15px;}
	#lineGraphArea .grap_list {width: 100%;}
	.today_box h4 {background-size: 24px auto; padding: 5px 0 6px 31px;}
	.today_box h4 img {height: 14px;}
	.today_tax_info dt span {font-size: 10px;}
	#revenueBox,
	#expenditureBox {padding: 10px;}
	#revenueBox {margin-bottom: 0;}
	.today_tax_info dt,
	.today_tax_info dd {display: block; font-size: 9px; height: auto; line-height: normal;}
	.today_tax_info dt.total_title {margin-top: 5px;}
	#budgetArea {padding-top: 18px; padding-right: 0;}
	.budget_graph_area {padding-left: 0; margin-top: -20px;}
	.detail_graph_box {margin-top: 0; padding-left: 0;}
	.budget_graph_area .m_category {margin: 0 auto;}
	.budget_graph_area .budget_graph_box {display: block; width: 100%; padding: 0 15px; margin: 0 auto;}
	.budget_graph_area .m_category {width: 100%;float: none;}
	.m_category ul {padding: 11px 0 3px 15px;}
	.m_category li span {font-size: 9px;}
	.m_category li span.color_cg {width: 7px; height: 7px; margin-right: 6px;}
	.m_category li span.perc {width: 35px;}
	.m_category li span.tar {width: calc(100% - 55px);}
	.budget_graph_area {padding: 0 15px;}
	.detail_graph_box {padding: 0 15px;}
	.detail_graph_box h4 {font-size: 12px;}
	.detail_graph_box h4 span {font-size: 12px;}
	.part_graph_box h4 {margin-left: 16px;}
	.part_graph_box h4 span {font-size: 10.49px;}
	.part_graph_box h4 img {width: 35px;}
	.part_graph_box h4 span + img {width: 18px;}
	.part_graph_box h4 span {margin: 0 2px 0 3px;}
	.detail_graph_box .part_graph_title {margin-bottom: 6px;}
	.brief_wrap .brief_open {margin-right: 0;}
}