@charset "utf-8";
/* 주민참여예산제 */
#info-container .info .sub-gnb .subject .ico-area img { margin-top: 9px; }

/* 소개 */
#info-container .info .sub-info-content-wrap .sub-info-content .content-area .content-box .intro { height: 365px; background: url(../../img/subCommon/intro_bg.png); padding: 20px 0; }
#info-container .info .sub-info-content-wrap .sub-info-content .content-area .content-box .intro .intro-box { background: rgba(255,255,255,0.65); border: 3px solid #52a2e4; min-height: 300px; text-align: center; padding: 60px 30px; }
#info-container .info .sub-info-content-wrap .sub-info-content .content-area .content-box .intro .intro-box h5 { font-size: 3rem; line-height: 4rem; }
#info-container .info .sub-info-content-wrap .sub-info-content .content-area .content-box .intro .intro-box h5 .imp { color: #52a2e4; }
#info-container .info .sub-info-content-wrap .sub-info-content .content-area .content-box .intro .intro-box p { font-size: 1.5rem; color: #666; line-height: 2.5rem; margin-top: 30px; }

#info-container .info .sub-info-content-wrap .sub-info-content .content-area .content-box .operational-status table tbody tr td:nth-child(2) { text-align: left; }
#info-container .info .sub-info-content-wrap .sub-info-content .content-area .content-box .budget-scale .m-table { display: none; }

#info-container .info .sub-info-content-wrap .sub-info-content .content-area .content-box .list { padding-bottom: 30px; }
#info-container .info .sub-info-content-wrap .sub-info-content .content-area .content-box .list li { font-size: 1.4rem; font-weight: bold; display: block; margin-bottom: 10px; position: relative; padding-left: 25px; line-height: 18px; }
#info-container .info .sub-info-content-wrap .sub-info-content .content-area .content-box .list li:last-child { margin-bottom: 0; }
#info-container .info .sub-info-content-wrap .sub-info-content .content-area .content-box .list li:before { background: url(../../img/sub/budgetSystem/check_ico.png); width: 18px; height: 18px; position: absolute; content: ''; top: 0; left: 0; background-size: 18px 18px; }

#info-container .info .sub-info-content-wrap .sub-info-content .content-area .content-box .origin .brazil { overflow: hidden; position: relative; min-height: 400px; }
#info-container .info .sub-info-content-wrap .sub-info-content .content-area .content-box .origin .brazil .exp-area { float: left; width: 65%; font-size: 1.4rem; line-height: 23px; border-top: 3px solid #52a2e4; padding: 15px; }
#info-container .info .sub-info-content-wrap .sub-info-content .content-area .content-box .origin .brazil .img-area { position: absolute; width: 30%; top: 0; right: 0; }
#info-container .info .sub-info-content-wrap .sub-info-content .content-area .content-box .origin .brazil .img-area .img-box { display: inline-block; float: right; width: 95%; padding-bottom: 20px; padding-right: 20px; }
#info-container .info .sub-info-content-wrap .sub-info-content .content-area .content-box .origin .brazil .img-area .img-box>div { width: 100%; float: right; }
#info-container .info .sub-info-content-wrap .sub-info-content .content-area .content-box .origin .brazil .img-area .img-box>div img { width: 100%; }
#info-container .info .sub-info-content-wrap .sub-info-content .content-area .content-box .origin .brazil .img-area .img-box>div { position: relative; }
#info-container .info .sub-info-content-wrap .sub-info-content .content-area .content-box .origin .brazil .img-area .img-box>div:after { position: absolute; width: 100%; height: 100%; z-index: -1; background: -webkit-gradient(linear, left top, right bottom, color-stop(0, #8c9bff), color-stop(1, #52a2e4)); background: -moz-linear-gradient(-45deg, #8c9bff 0%, #52a2e4 100%); background: -webkit-linear-gradient(-45deg,  #8c9bff 0%, #52a2e4 100%); background: -o-linear-gradient(-45deg,  #8c9bff 0%, #52a2e4 100%); background: -ms-linear-gradient(-45deg,  #8c9bff 0%, #52a2e4 100%); background: linear-gradient(-45deg,  #8c9bff 0%, #52a2e4 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8c9bff', endColorstr='#52a2e4', gradientType=1); content: ''; top: 20px; left: 20px; }

#info-container .info .sub-info-content-wrap .sub-info-content .content-area .content-box .origin .brazil .kr { float: left; width: 65%; padding: 15px 15px 30px; border-bottom: 1px solid #dcdcdc; }
#info-container .info .sub-info-content-wrap .sub-info-content .content-area .content-box .origin .brazil .kr h5 { font-size: 1.5rem; font-weight: bold; color: #52a2e4; }
#info-container .info .sub-info-content-wrap .sub-info-content .content-area .content-box .origin .brazil .kr ul li { font-size: 1.4rem; margin-top: 10px; line-height: 20px; }
#info-container .info .sub-info-content-wrap .sub-info-content .content-area .content-box .origin .brazil .kr ul li .date { font-weight: bold; display: block; margin-bottom: 5px; }

#info-container .info .sub-info-content-wrap .sub-info-content .content-area .sh-operation { margin-top: 40px; }
#info-container .info .sub-info-content-wrap .sub-info-content .content-area .content-box .sh .exp-area { font-size: 1.4rem; line-height: 23px; }
#info-container .info .sub-info-content-wrap .sub-info-content .content-area .content-box .sh .detail-area { border-top: 2px solid #52a2e4; margin-top: 20px; padding: 30px 20px; }
#info-container .info .sub-info-content-wrap .sub-info-content .content-area .content-box .sh .detail-area .content { padding-bottom: 50px; }
#info-container .info .sub-info-content-wrap .sub-info-content .content-area .content-box .sh .detail-area .content h5 { font-size: 1.5rem; margin-bottom: 15px; font-weight: bold; }
#info-container .info .sub-info-content-wrap .sub-info-content .content-area .content-box .sh .detail-area .content table { border-top: 2px solid #52a2e4; width: 100%; font-size: 1.4rem; }
#info-container .info .sub-info-content-wrap .sub-info-content .content-area .content-box .sh .detail-area .content table tbody tr { border-bottom: 1px solid #dcdcdc; }
#info-container .info .sub-info-content-wrap .sub-info-content .content-area .content-box .sh .detail-area .content table tbody tr.tr-title th { font-size: 1.6rem; color: #135c99; }
#info-container .info .sub-info-content-wrap .sub-info-content .content-area .content-box .sh .detail-area .content table tbody tr.bg-green th { background: #fff7d9; color: #953800; font-weight: 900; }
#info-container .info .sub-info-content-wrap .sub-info-content .content-area .content-box .sh .detail-area .content table tbody tr th { padding: 15px 10px; text-align: center; background: #f1f3f8; font-weight: bold; border-right: 1px solid #dcdcdc; }
#info-container .info .sub-info-content-wrap .sub-info-content .content-area .content-box .sh .detail-area .content table tbody tr th:last-child { border-right: none; }
#info-container .info .sub-info-content-wrap .sub-info-content .content-area .content-box .sh .detail-area .content table tbody tr td { padding: 10px 3px; text-align: center; border-right: 1px solid #dcdcdc; vertical-align: middle; }
#info-container .info .sub-info-content-wrap .sub-info-content .content-area .content-box .sh .detail-area .content table tbody tr td:last-child { border-right: none; }
#info-container .info .sub-info-content-wrap .sub-info-content .content-area .content-box .sh .detail-area .content table tbody tr td:first-child { background: #f8f8f8; font-weight: bold; }
#info-container .info .sub-info-content-wrap .sub-info-content .content-area .content-box .sh .detail-area .content table tbody tr td.bg-none { background: #fff; font-weight: 400 ;}
#info-container .info .sub-info-content-wrap .sub-info-content .content-area .content-box .sh .detail-area .content table .txt-right { text-align: right; }
#info-container .info .sub-info-content-wrap .sub-info-content .content-area .content-box .sh .detail-area .content .img-area { margin-top: 30px; padding: 0 20px; }
#info-container .info .sub-info-content-wrap .sub-info-content .content-area .content-box .sh .detail-area .content .img-area img { width: 100%; display: inline-block; }
#info-container .info .sub-info-content-wrap .sub-info-content .content-area .content-box .sh .detail-area .content .img-area .m-img { display: none; }

@media all and (max-width:650px)
{
	#info-container .info .sub-info-content-wrap .sub-info-content .content-area .content-box .intro .intro-box h5 { font-size: 2.1rem; line-height: 3rem; }
	#info-container .info .sub-info-content-wrap .sub-info-content .content-area .content-box .sh .detail-area { padding: 20px 0; }  
	#info-container .info .sub-info-content-wrap .sub-info-content .content-area .content-box .sh .detail-area .content .img-area { margin-top: 20px; margin-bottom: 20px; padding: 0; }
	#info-container .info .sub-info-content-wrap .sub-info-content .content-area .content-box .sh .detail-area .content .img-area .pc-img { display: none; }
	#info-container .info .sub-info-content-wrap .sub-info-content .content-area .content-box .sh .detail-area .content .img-area .m-img { display: block; }
	
	#info-container .info .sub-info-content-wrap .sub-info-content .content-area .content-box .origin .brazil .exp-area { float: none; width: 100%; padding-left: 0; padding-right: 0; }
	#info-container .info .sub-info-content-wrap .sub-info-content .content-area .content-box .origin .brazil .img-area { width: 100%; height: 100px; top: 3px; }
	#info-container .info .sub-info-content-wrap .sub-info-content .content-area .content-box .origin .brazil .img-area .img-box { display: none; }
	#info-container .info .sub-info-content-wrap .sub-info-content .content-area .content-box .origin .brazil .kr { float: none; width: 100%; display: block; padding-left: 0; }
}

/* 사업현황 */
#info-container .info .sub-info-content-wrap .sub-info-content .content-area .content-box .card-list { padding-bottom: 50px; }
#info-container .info .sub-info-content-wrap .sub-info-content .content-area .content-box .card-list ul { overflow: hidden; }
#info-container .info .sub-info-content-wrap .sub-info-content .content-area .content-box .card-list ul li { width: 48.5%; float: left; height: 325px; margin-bottom: 25px; overflow: hidden; }
#info-container .info .sub-info-content-wrap .sub-info-content .content-area .content-box .card-list ul li:nth-child(2n) { float: right; }
#info-container .info .sub-info-content-wrap .sub-info-content .content-area .content-box .card-list ul li a { display: block; width: 100%; height: 100%; border: 1px solid #dcdcdc; border-radius: 5px; overflow: hidden; }
#info-container .info .sub-info-content-wrap .sub-info-content .content-area .content-box .card-list ul li a .preview-img-area { height: 180px; background: #f8f8f8; border-bottom: 1px solid #dcdcdc; overflow: hidden; border-top-left-radius: 4px; border-top-right-radius: 4px; }
#info-container .info .sub-info-content-wrap .sub-info-content .content-area .content-box .card-list ul li a .preview-img-area img { width: 101%; height: auto; transition: all 0.2s ease-out; transform: scale3d(1,1,1) rotate3d(0,0,0,0.01deg); -webkit-transform:scale3d(1,1,1) rotate3d(0,0,0,0.01deg); -moz-transform:scale3d(1,1,1) rotate3d(0,0,0,0.01deg); transform-origin:50%; -webkit-transform-origin:50%; min-height: 100%; }
#info-container .info .sub-info-content-wrap .sub-info-content .content-area .content-box .card-list ul li a:hover .preview-img-area img { transform:scale3d(1.05,1.05,1) rotate3d(0,0,0,0.01deg); -webkit-transform:scale3d(1.05,1.05,1) rotate3d(0,0,0,0.01deg);
  -moz-transform:scale3d(1.05,1.05,1) rotate3d(0,0,0,0.01deg); }
#info-container .info .sub-info-content-wrap .sub-info-content .content-area .content-box .card-list ul li a .txt-area { height: 143px; padding: 20px; }
#info-container .info .sub-info-content-wrap .sub-info-content .content-area .content-box .card-list ul li a .txt-area .status { height: 26px; display: block; width: 70px; text-align: center; line-height: 26px; border-radius: 13px; color: #fff; font-size: 1.2rem; font-weight: bold; }
#info-container .info .sub-info-content-wrap .sub-info-content .content-area .content-box .card-list ul li a .txt-area .status-02 { background: #39c979; }
#info-container .info .sub-info-content-wrap .sub-info-content .content-area .content-box .card-list ul li a .txt-area .status-03 { background: #52a2e4; }
#info-container .info .sub-info-content-wrap .sub-info-content .content-area .content-box .card-list ul li a .txt-area h5 { font-size: 2rem; margin: 15px 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#info-container .info .sub-info-content-wrap .sub-info-content .content-area .content-box .card-list ul li a .txt-area .detail { height: 20px; }
#info-container .info .sub-info-content-wrap .sub-info-content .content-area .content-box .card-list ul li a .txt-area .detail .budget { font-size: 1.4rem; color: #999; float: left; }
#info-container .info .sub-info-content-wrap .sub-info-content .content-area .content-box .card-list ul li a .txt-area .detail .budget span { margin-left: 8px; }
#info-container .info .sub-info-content-wrap .sub-info-content .content-area .content-box .card-list ul li a .txt-area .detail .view { float: right; font-size: 1.4rem; color: #999; }
#info-container .info .sub-info-content-wrap .sub-info-content .content-area .content-box .card-list ul li a .txt-area .detail .view .ico { display: inline-block; width: 18px; height: 12px; margin-right: 5px; margin-top: 2px; }
#info-container .info .sub-info-content-wrap .sub-info-content .content-area .content-box .card-list ul li a .txt-area .detail .view .ico img { width: 18px; height: 12px; }

/* 주민참여위원회 */



@media all and (min-width:900px) and (max-width:1199px)
{
	#info-container .info .sub-info-content-wrap .sub-info-content .content-area .content-box .card-list ul li { width: 31%; margin-right: 3.5%; }
	#info-container .info .sub-info-content-wrap .sub-info-content .content-area .content-box .card-list ul li:nth-child(2n) { float: left; }
	#info-container .info .sub-info-content-wrap .sub-info-content .content-area .content-box .card-list ul li:nth-child(3n) { margin-right: 0; }
}
@media all and (max-width:699px)
{
	#info-container .info .sub-info-content-wrap .sub-info-content .content-area .content-box .intro { height: auto; overflow: hidden; }
}
@media all and (max-width:599px)
{
	#info-container .info .sub-info-content-wrap .sub-info-content .content-area .content-box .search-area .btn-area { height: 30px; }
	#info-container .info .sub-info-content-wrap .sub-info-content .content-area .content-box .search-area .btn-area a { height: 30px; line-height: 30px; }
	
	#info-container .info .sub-info-content-wrap .sub-info-content .content-area .content-box .card-list ul li { width: 100%; }
	#info-container .info .sub-info-content-wrap .sub-info-content .content-area .content-box .card-list ul li a .txt-area { padding: 15px; height: 110px; }
	#info-container .info .sub-info-content-wrap .sub-info-content .content-area .content-box .card-list ul li a .txt-area .status { line-height: 20px; height: 20px; width: 55px; }
	#info-container .info .sub-info-content-wrap .sub-info-content .content-area .content-box .card-list ul li a .txt-area h5 { margin: 10px 0; }
	
	#info-container .info .sub-info-content-wrap .sub-info-content .content-area .content-box .card-list ul li { height: 260px; }
	#info-container .info .sub-info-content-wrap .sub-info-content .content-area .content-box .card-list ul li a .preview-img-area { height: 150px; }
}
@media all and (max-width:499px)
{
	#info-container .info .sub-info-content-wrap .sub-info-content .content-area .content-box .intro .intro-box { padding: 30px 15px; }
	
	#info-container .info .sub-info-content-wrap .sub-info-content .content-area .content-box .budget-scale .m-table { display: block; }
	#info-container .info .sub-info-content-wrap .sub-info-content .content-area .content-box .budget-scale .pc-table { display: none; }
	#info-container .info .sub-info-content-wrap .sub-info-content .content-area .content-box .table-area .dh-table tbody tr td { padding: 15px; }
}