/* common */
h2{display: block; font-size: 24px; font-weight: 600; color:#0d2a5f; margin-bottom: 10px;}
h3{display: block; font-size:32px; color:#144aaa; border-bottom:2px solid #144aaa;}
.h4Box{position: relative; padding:10px 0; margin-bottom: 20px;}
.h4Box select{position: absolute; right: 0; top: 0; width:100px;}
h4{display:block; font-size:20px; padding:0 0 6px 20px; background: url(../image/sub/h4Icon.png)no-repeat left top 5px; color:#0d2a5f;  position: relative; font-weight:600;}
h4.line{border-bottom:1px solid #575757; margin-bottom: 30px;}
h4 .h4SubTxt{position:absolute; right:0; top:5px;; font-size:16px; color:#272727; font-weight: 500;}
h4 .h4SubTxt span{color:#E4032E;}
.h4Content{margin-bottom:30px;}
.requried{color:#E4032E;}

/* 슬라이드 기본 */
.swiper-wrapper{position:static !important;}

/* 서브컨텐츠 */
#Content .searchBox{display:flex; padding:20px; background: #f5f6f8; justify-content: space-between; margin-bottom:30px;}
#Content .searchBox.center{justify-content: center;}
#Content .searchBox input.useDatepicker{background-color:#fff; width:220px !important;}
#Content .searchBox input.useDatepicker.small{width:160px !important;}
#Content .searchBox input[type="text"]{width: 360px;}
#Content .searchBox .left span{padding:0 5px;}
#Content .searchBox select{background-color:#fff; width: 160px;}
#Content .searchBox .btnSearch{width:80px; height:40px; text-align:center; background:#144aaa; color:#fff; border-radius: 3px;}
#Content .searchBox .refresh{width:70px; height: 40px; background:#fff url(../image/sub/refreshIcon.png)no-repeat center; border:1px solid #A2ACBD; border-radius: 3px; box-sizing: border-box; margin-left: 5px;}


/* 게시판세부사항 */
.listNum{display: flex; justify-content: space-between; align-items: center; font-size: 18px; margin-bottom: 5px;}
.listNum strong.cost{font-size: 20px; color:#144aaa;}
.listNum strong.cost span{font-weight: 600;}
.listNum select{width: 170px;;}
.viewContent{margin-bottom:15px; border:1px solid #ddd; min-height:200px; padding:30px; border-top: none;}
.viewContent.hasBt{border:1px solid #ddd;}

/* 사업제안 */
.grayBox{background:#f5f6f8; border-top:1px solid #575757; padding:28px 25px; box-sizing: border-box;}
.grayBox p{line-height:170%;}
.agreeCon{margin-top:10px;}
.agreeCon input[type='checkbox']{margin-top: 2px}

/* 사이트맵 */
.grayBox.siteMap{border-top:none}
.grayBox.siteMap > ul{display: flex; flex-wrap: wrap;}
.grayBox.siteMap > ul > li{width: 25%; box-sizing: border-box; padding: 0 15px; margin-bottom: 10px;}
.grayBox.siteMap > ul > li strong{display: block; font-size: 20px; color: #0d2a5f; padding-bottom: 15px; border-bottom: 1px solid #575757;}
.grayBox.siteMap > ul > li ul{padding: 20px 0;}
.grayBox.siteMap > ul > li ul li{padding-left:12px; position: relative;}
.grayBox.siteMap > ul > li ul li + li{margin-top: 10px;}
.grayBox.siteMap > ul > li ul li::before{content: ''; position: absolute; left:0; top:10px; background: #7D7D7D; width: 3px; height: 3px;}

/* QnA */
.qnaBox{border-top:1px solid #575757; margin-bottom:20px;}
.qnaBox > ul > li div{display:flex; align-items: center; border-bottom:1px solid #ddd;}
.qnaBox > ul > li div img{padding: 15px 50px 15px 15px;}
.qnaBox > ul > li div img.on{display:none;}
.qnaBox > ul > li div a{display:block; width:100%; background:url(../image/sub/arrowOff.png)no-repeat right 20px center;}
.qnaBox > ul > li.active div{border-bottom:none;}
.qnaBox > ul > li.active img.off{display:none;}
.qnaBox > ul > li.active img.on{display:block;}
.qnaBox > ul > li.active a{color:#144aaa; background-image:url(../image/sub/arrowOn.png)}
.qnaBox ul.answer{display:none;}
.qnaBox ul.answer li{display: flex; align-items: center; background-color: #F1F8FB; border-bottom:1px solid #ddd;}
.qnaBox ul.answer li img{padding: 15px 50px 15px 25px;}
.qnaBox ul.answer li p{color:#144aaa;}

/* 정기사업안내 */
.businessTop{background:#F1F8FB url(../image/sub/businessTopImg.png)no-repeat right 40px bottom; padding:90px 0 150px 80px;}
.businessTop strong{display: block; font-size: 32px; color: #144aaa; font-weight: 600; padding-bottom: 30px;}
.businessTop p{display: block; color: #144aaa; font-size: 20px; line-height: 150%;}

.resultList{position: relative;}
.resultList select{position:absolute; right:0; top:5px; width:100px;}
.resultList ul{display: flex; padding-bottom: 30px; margin: 0 -15px;}
.resultList ul li{padding:0 15px; box-sizing: border-box; width:25%; position: relative;}
.resultList ul li:after{content: ''; background: url(../image/sub/resultList_arrow.png)no-repeat center;position: absolute; right: -10px; top:50%; transform: translateY(-50%); width: 17px; height: 29px;}
.resultList ul li:last-child:after{display: none;}
.resultList ul li div{background-color: #F2F2F2 !important; border-radius: 10px; box-sizing: border-box; padding:20px; text-align: center; border: 1px solid #ddd;  height: 160px; box-shadow: 2px 8px 10px rgb(0 0 0 / 5%);}
.resultList ul li.on div{background-color: #DBEDFF !important;}
.resultList ul li.item01 div{background:url(../image/sub/resultList_01.png)no-repeat left 20px center;}
.resultList ul li.item02 div{background:url(../image/sub/resultList_02.png)no-repeat left 20px center;}
.resultList ul li.item03 div{background:url(../image/sub/resultList_03.png)no-repeat left 20px center;}
.resultList ul li.item04 div{background:url(../image/sub/resultList_04.png)no-repeat left 20px center;}

.resultList ul li.off strong{color:#272727;}
.resultList ul li div > span{display:block;  font-size: 22px; text-align: left; padding:10px 0 0 85px;}
.resultList ul li strong{display:block; text-align: left; padding-left:85px; font-size:40px; color:#144AAA; font-weight: 600;}
.resultList ul li strong span{font-size:30px; font-weight: 500;}


/* listType */
.listCon > li{display:block;position:relative; color:#464646;line-height:150%;}
.listCon > li:after{display:block;content:'';clear:both;}
.listCon.dot > li{padding:2px 0 2px 10px;}
.listCon.dot > li:before{display:block;content:'';position:absolute;top:12px;left:0;width:3px;height:3px;background-color:#484848;}
.listCon.minus > li{padding-left:10px;}
.listCon.minus > li:before{display:block;content:'';position:absolute;left:0;top:12px;width:5px;height:1px;background:#464646;}
.listCon.circle > li{padding-left:20px;}
.listCon.circle > li:before{content:''; position:absolute; width:14px; height:14px; border:1px solid #272727; border-radius: 50%; left:0; top:5px;}

/* txtType */
.subText{color:#144aaa; line-height: 150%;}

/* progressBar */
.voteResult{margin-top:-20px;}
.voteResult ul li{display:flex; border-bottom:1px solid #ddd;}
.voteResult ul li strong{display: flex; justify-content: center; align-items: center; width:300px; text-align: center; background:#f5f6f8; line-height: 160%;}
.voteResult ul li > div{display:flex; align-items: center; justify-content: space-between; padding:15px 20px; box-sizing: border-box; width: 100%;}
.voteResult ul li > div.flexNone{display:block;}
.voteResult ul li > div.flexNone > div{margin-top:20px;}
.voteResult ul li > div.blue > span{color:#2082B9;}
.voteResult ul li > div.yellow > span{color:#BEA000;}
.progress {width: 100px; height: 100%;}
.progress-wrap {background: #F5F6F8;  position: relative; border-radius: 20px;}
.progress-wrap > span{position:absolute; right:20px; top:50%; transform:translateY(-50%); color:#6C6C6C !important; z-index: 1; }
.progress-bar {background: #79CAF8; left: 0; position: absolute; top: 0;width: 0%; border-radius: 20px;}
.progress-bar > span{display:flex; align-items: center; justify-content: center; position:absolute; left:50%; transform:translateX(-50%); border-radius: 10px; font-size:10px; color:#6C6C6C; background:#fff; min-width: 80px; top:-25px; padding: 5px 10px; box-sizing: border-box; max-height: 23px;}
.voteResult ul li > div.blue .progress-bar > span{ border:1px solid #3AA0D9;}
.voteResult ul li > div.yellow .progress-bar > span{border: 1px solid #D2B51B;}
.voteResult ul li > div .progress-bar > span:after{content:''; position:absolute; left:50%; transform: translateX(-50%);  bottom:-3px; width:5px; height:3px;}
.voteResult ul li > div.blue .progress-bar > span:after{background: url(../image/sub/blueProgressBarTop.png);}
.voteResult ul li > div.yellow .progress-bar > span:after{background: url(../image/sub/yellowProgressBarTop.png);}
.voteResult .formBox{display: flex; justify-content: space-between; align-items: center;}
.voteResult .formBox .resultBtn{background:#e2e2e2;; height:42px; line-height:42px; width:80px; text-align: center; border-radius: 3px;}
.voteResult .formBox .resultBtn.type2{background:#144AAA; color:#fff;}
.voteResult .formBox div input{margin-left: 20px;}


/* 주석설명 */
.remarkBox{padding:50px 100px; text-align: center; background-color: #ddd; margin:30px 0;}

/* add_css */
.line-box{padding:30px; border: 1px solid #DDDDDD;}

.searchBox2{padding: 20px; background: #F5F6F8; margin-bottom: 35px;}
.searchBox2 select{width: 100%; max-width: 145px; background-color: #fff;}
.searchBox2 table{width: 100%;}
.searchBox2 table td{padding: 5px;}
.searchBox2 input[type='text']{width: 100%;}
.searchBox2 .searchBtn{display: flex;}
.searchBox2 .searchBtn a{display: inline-block; width: 50%; height: 40px; line-height:40px; text-align: center; margin: 0 4px; border-radius: 4px;}
.searchBox2 .searchBtn a.reset{background:#fff url(../image/sub/reset.png)no-repeat center; text-indent: -9999px; border: 1px solid #A2ACBD;}
.searchBox2 .searchBtn a.submit{background:#144AAA; color:#fff;}

.table-flex{display: flex; justify-content: space-between;}
.table-flex input{width: 110px;}
.table-bottom-txt{padding-top: 5px; color:#6C6C6C;}
.table-search{display: inline-block; text-indent: -9999px; width: 40px; height: 40px; background: #144AAA url(../image/sub/table-search.png)no-repeat center; border-radius: 4px;}
.table-close{display: inline-block; text-indent: -9999px; width: 40px; height: 40px; background: #E2E2E2 url(../image/sub/table_ex.png)no-repeat center; border-radius: 4px;}

.check-blue-box{display: flex; margin-top: 20px; padding: 20px; background: #F1F8FB; justify-content:space-between;}
.check-blue-box #disagree{margin-left:10px}

.notice-wrap li{color:#144AAA; line-height: 150%;}

.db-table > div{display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px;}
.db-table > div a{display: inline-block; padding: 0 20px; border-radius: 4px; height: 40px; line-height: 40px;}
.db-table > div a.add-table{margin-left: 5px; background: #144AAA; color:#fff;}
.db-table > div a.remove-table{background:#E2E2E2; color:#272727;}
.db-table table thead tr{text-align: center; background: #F1F8FB; border-top: 1px solid #D8E4EA;}
.db-table table td{border-left:1px solid #D8E4EA; border-bottom:1px solid #D8E4EA; text-align: center;}
.db-table table td:first-child{border-left: 0;}

.view-control table{border-top:1px solid #DDDDDD; margin-top: 30px;}
.view-control table td{border-bottom: 1px solid #ddd; padding: 15px 10px; margin: 5px 0; position: relative}
.view-control table td:first-child:after{content: ''; position: absolute; right:8px; top:50%; transform:translateY(-50%); width:1px; height: 28px; background:#DEDEDE;}
.view-control table td img{padding-left: 10px; vertical-align: middle;}

.subContent .inner .tableBox:first-child strong.title{padding-top: 0;}

.sbtn{display:inline-block !important; border-radius: 4px; font-size: 16px; padding: 6px 12px; box-sizing: border-box;}
.sbtn.main{color:#fff !important; background: #144AAA;}
.sbtn.gray{color:#272727 !important; background: #E2E2E2;}

.gender span{padding-right: 15px;}

.vote-wrap{display: flex; flex-direction: column; justify-content: center; margin-bottom: 30px; height:260px; padding: 40px 70px; box-sizing: border-box; background:#F1F8FB url(../image/sub/vote-bg.png)no-repeat right 80px bottom 20px; background-size: 360px;}
.vote-wrap em{display: block; font-size: 20px; padding-bottom: 20px; box-sizing: border-box;}
.vote-wrap strong{font-size: 32px; font-weight: 600;}
.vote-wrap strong span{font-size: 38px;}

.gray-box{padding: 30px; background: #F5F6F8; margin-bottom: 40px;}
.gray-box > strong.title{display: block; padding-bottom: 15px; font-size: 20px;}
.gray-box .white-box{padding:20px 30px; background: #fff; border-radius: 4px; margin-bottom: 30px; max-height: 139px; overflow-y: auto;}
.gray-box .white-box:last-child{margin-bottom: 0;}
.gray-box .white-box ul li{display: flex; padding: 20px 0; justify-content: flex-start; align-items: flex-start; border-bottom:1px dashed #DDDDDD;}
.gray-box .white-box ul li:first-child{padding-top: 0;}
.gray-box .white-box ul li:last-child{border-bottom:0; padding-bottom: 0;}
.gray-box .white-box ul li input[type='checkbox']{margin-top: 3px;}
.gray-box .white-box ul li div{padding-left: 10px;}
.gray-box .white-box ul li div strong{ display: block; padding-bottom: 5px;}
.gray-box .white-box ul li div span{color:#6C6C6C;}
.gray-box p{color:#6C6C6C}

.push-pw{padding: 20px 30px; box-sizing: border-box;}
.push-pw p{font-size: 20px; padding-bottom: 30px;}
.push-pw input[type='password']{height: 56px; line-height: 56px; margin-bottom: 30px;}

.privacy-wrap{border-top: 1px solid #575757; background: #F5F6F8; padding: 30px 30px 20px 30px;}
.privacy-wrap ul{display: flex; flex-wrap: wrap; margin: 0 -10px;}
.privacy-wrap ul li{width: 50%; margin-bottom: 10px; padding: 0 10px; box-sizing: border-box; width: 50%;}
.privacy-wrap ul li a{display: block; padding:15px; border-radius:4px ; border: 1px solid #DDDDDD; background: #fff;}
.privacy-wrap ul li a b{display: inline-block; width: 68px; }

.privacy-wrap1{background: #F1F8FB; padding: 50px; margin: 30px 0;}
.privacy-wrap1 > strong{display: block; color:#225BA1;  font-size: 18px; text-align: center;}
.privacy-wrap1 > ul{display: flex; flex-wrap: wrap; margin: 0 -10px;}
.privacy-wrap1 > ul > li{padding: 0 10px; margin-top: 20px; box-sizing: border-box; width: 33.33%;}
.privacy-wrap1 > ul > li div{height: 100%; background: #fff; border: 1px solid #CCCCCC; padding: 30px;}
.privacy-wrap1 > ul > li div em{display: block; text-align: center; font-size: 18px;}
.privacy-wrap1 > ul > li div img{display: block; margin: 0 auto; padding: 20px 0;}
.privacy-wrap1 > ul > li div ul li span{display: block; padding-top: 5px; font-size: 14px;}

.privacy-list{padding: 30px 0;}
.privacy-list > ul > li{padding:30px 0 30px 60px; border-bottom: 1px solid #DDDDDD; background-repeat: no-repeat; background-position: left top 30px;}
.privacy-list > ul > li.item1{background-image: url(../image/sub/label1.png);}
.privacy-list > ul > li.item2{background-image: url(../image/sub/label2.png);}
.privacy-list > ul > li.item3{background-image: url(../image/sub/label3.png);}
.privacy-list > ul > li.item4{background-image: url(../image/sub/label4.png);}
.privacy-list > ul > li.item5{background-image: url(../image/sub/label5.png);}
.privacy-list > ul > li.item6{background-image: url(../image/sub/label6.png);}
.privacy-list > ul > li.item7{background-image: url(../image/sub/label7.png);}
.privacy-list > ul > li.item8{background-image: url(../image/sub/label8.png);}
.privacy-list > ul > li.item9{background-image: url(../image/sub/label9.png);}
.privacy-list > ul > li.item10{background-image: url(../image/sub/label10.png);}
.privacy-list > ul > li.item11{background-image: url(../image/sub/label11.png);}
.privacy-list > ul > li.item12{background-image: url(../image/sub/label12.png);}
.privacy-list > ul > li.item13{background-image: url(../image/sub/label13.png);}
.privacy-list > ul > li.item14{background-image: url(../image/sub/label14.png);}
.privacy-list > ul > li.item15{background-image: url(../image/sub/label15.png);}
.privacy-list > ul > li.item16{background-image: url(../images/sub/label16.png);}
.privacy-list > ul > li > strong{display: block; font-size: 20px; padding: 10px 0 15px 0;}

ol.circle-num ul,ol.circle-num ol{margin-top: 5px;}
ol.circle-num > li{padding-left: 20px; position: relative; word-break: break-all; line-height: 160%;}
ol.circle-num > li + li{margin-top: 5px;}
ol.circle-num > li:before{content: ''; position: absolute; left:0; top: 0;}
ol.circle-num > li:nth-child(1):before{content: '① ';}
ol.circle-num > li:nth-child(2):before{content: '② ';}
ol.circle-num > li:nth-child(3):before{content: '③ ';}
ol.circle-num > li:nth-child(4):before{content: '④ ';}
ol.circle-num > li:nth-child(5):before{content: '⑤ ';}
ol.circle-num > li:nth-child(6):before{content: '⑥ ';}
ol.circle-num .tableBox{margin-bottom: 0; margin-top: 10px;}
ol.sub-num > li{padding-left: 20px; position: relative; word-break: break-all; color:#6C6C6C; line-height: 160%;}
ol.sub-num > li + li{margin-top:3px;}
ol.sub-num > li:before{content: ''; position: absolute; left:0; top: 0;}
ol.sub-num > li:nth-child(1):before{content: '1. ';}
ol.sub-num > li:nth-child(2):before{content: '2. ';}
ol.sub-num > li:nth-child(3):before{content: '3. ';}
ol.sub-num > li:nth-child(4):before{content: '4. ';}
ol.sub-num > li:nth-child(5):before{content: '5. ';}
ol.sub-num > li:nth-child(6):before{content: '6. ';}
ol.sub-num > li .listCon li{color:#6C6C6C; font-size: 14px;}

.info-wrap{display: flex; justify-content: center; flex-direction: column; margin-bottom: 30px; padding: 50px; box-sizing: border-box; height: 300px; background:#F1F8FB url(../image/sub/intro_bg.png) no-repeat right 80px bottom; background-size: auto 250px;}
.info-wrap strong{display: block; padding-bottom: 20px; font-size: 32px; font-weight: 600; color:#144AAA;}
.info-wrap p{font-size: 20px; line-height: 160%; color:#144AAA;}

.content-wrap{border-top:1px solid #575757; background-color: #F5F6F8; padding: 20px; margin-bottom: 30px;}
.content-wrap p{line-height: 160%;}

.flex-center{display: flex; align-items: center;}

.guide-wrap{margin-bottom: 30px; background: #F1F8FB; padding: 30px;}
.guide-wrap strong{display: block; color:#144AAA; padding: 0 0 10px 20px; font-size: 20px; font-weight: 600; background:url(../image/main/notice.png)no-repeat left top 8px;}
.guide-wrap p{color:#144AAA;}


::-webkit-scrollbar {-webkit-appearance: none; overflow-y:auto; width:6px; height:5px;}
::-webkit-scrollbar-thumb {background-color:#aaa;border-radius: 10px;border:none;}
::-webkit-scrollbar-track {border-radius: 10px; background-color: #eee;}



/* ======================================== respond ======================================== */

@media all and (max-width:1200px) {

	/* 게시판 */
	#Content .searchBox{flex-wrap:wrap; margin-bottom: 20px; padding:15px;}
	#Content .searchBox .left{margin-bottom:5px;}

	/* paging */
	.paging .viewNum{display: none;}

	/* result */
	.resultList ul li{width: auto; padding: 20px;}

	/* vote */
	.voteResult .formBox{flex-wrap: wrap;}
	.voteResult ul li > div.flexNone > div > div{margin-bottom: 5px;}

	/* 2023 */
	.searchBox2 table,
	.searchBox2 table tbody,
	.searchBox2 table tr,
	.searchBox2 table td{display: inline-block;}
	.searchBox2 select{max-width: inherit; width: 80px;}
	.searchBox2 .searchBtn{width: 120px;}

}

@media all and (max-width:960px) {
	/* vote */
	.voteResult ul li{flex-wrap: wrap;}
	.voteResult ul li strong{width: 100%; padding: 10px 0;}
	.voteResult ul li > div{padding:10px 15px;}
	.voteResult ul li > div > span{min-width: 90px;}

	.tableBox{margin-bottom: 25px;}
}

@media all and (max-width:768px){

	/* 게시판 */
	#Content .searchBox .left,
	#Content .searchBox .right{width: 100% !important;}
	#Content .searchBox .right input[type='text']{width:calc(100% - 190px) !important;}
	#Content .searchBox select{width:100px;}
	#Content .searchBox input.useDatepicker{width:calc(50% - 13px) !important;}

	/* tabBar */
	.tabBar{overflow: auto; height: auto; margin-bottom: 20px;}
	.tabBar > li{width: 33.3333% !important; margin-bottom: 5px;;}
	.tabBar > li > a{height: 40px; line-height: 40px;}

	/* business */
	.businessTop{background-size: auto 80%; padding:30px 15px;}

	.grayBox.siteMap > ul > li{width: 50%;}
	.grayBox.siteMap > ul > li strong{font-size: 18px; padding-bottom: 10px;}
	.grayBox.siteMap > ul > li ul{padding: 10px 0;}
}

@media all and (max-width:640px){

	h4{font-size: 18px; padding:0  0 4px 20px;}
	h4.line{margin-bottom: 15px;}

	.h4Box select{width: 65px;}
	.m100p{width: 100% !important;}
	.mobileM5{margin-bottom: 5px;;}

	.grayBox{padding:15px 10px;}
	.grayBox p{font-size:15px;}

	h4 .h4SubTxt{display:none;}

	#Content .searchBox input[type="text"]{min-width:150px; width: auto;}

	/* table - view */
	.tableBox.view table,
	.tableBox.view table thead,
	.tableBox.view table tbody,
	.tableBox.view table tr,
	.tableBox.view table th,
	.tableBox.view table td{ display:block; }
	.keep table{display: table !important;}
	.keep table tr{display: table-row!important;}
	.keep table thead,
	.keep table tbody{display: table-row-group!important;}
	.keep table th,
	.keep table td{display: table-cell !important; font-size: 14px;}
	.tableBox.view tbody th,
	.tableBox.view tbody td{ padding:4px 8px; }
	.tableBox.view tbody tr td .blueTxt{display: block;}
	.tableBox.view tbody tr th {font-size:16px; text-align: left;}
	.tableBox.view tbody tr th br{display: none;}
	.tableBox.view.view_control td,
	.tableBox.view.view_control th{ padding:4px 8px; }
	.tableBox.view.view_control th::after{ display:none; }
	.tableBox.view tbody td .file_list > li{ width:100%; }
	.tableBox.view table td .fileMb li{padding:0 7px;}
	.tableBox.view > strong{padding:10px 0 5px 0; font-size:17px;}
	.tableBox.view table td .fileMb{float: inherit;}
	.viewContent{margin:10px 0; padding:10px; border-top:1px solid #ddd}
	.view-control table td{padding: 5px; font-size: 14px;}
	.view-control table td img{padding-left: 5px;}

	.tableBox.view table th, .tableBox.view table td{padding: 5px; word-break: break-all;}

	/* table - write */
	.tableBox.write table,
	.tableBox.write table thead,
	.tableBox.write table tbody,
	.tableBox.write table tr,
	.tableBox.write table th,
	.tableBox.write table td{ display:block; }
	.tableBox.write tbody th,
	.tableBox.write tbody td{ padding:4px 8px; }
	.tableBox.write.view_control td,
	.tableBox.write.view_control th{ padding:4px 8px; }
	.tableBox.write table tbody th{text-align:left; padding:5px;}
	.tableBox.write table tbody td{padding:5px;}
	.tableBox.write.view_control th::after{ display:none; }
	.tableBox.write tbody td .file_list > li{ width:100%; }
	.filebox label{margin-left:5px;}

	/* table - list */
	.tableBox.list table,
	.tableBox.list table thead,
	.tableBox.list table tbody,
	.tableBox.list table tr,
	.tableBox.list table th,
	.tableBox.list table td{ display:block; }
	.tableBox.list table thead{ display:none; }
	.tableBox.list tbody th,
	.tableBox.list tbody td{ padding:4px 8px; }
	.tableBox.list tbody th{text-align: left;}
	.tableBox.list table tbody tr{ padding:0px; border-bottom:1px solid #ddd; }
	.tableBox.list table tbody td{display: flex; align-items: baseline; margin-bottom:5px; padding:5px 0; text-align:left; border-bottom:0px none; font-size: 14px;}
	.tableBox.list table tbody td span.m_before{display: flex; flex-shrink: 0; padding-right:10px}
	.tableBox.list table tbody td.hasFile.alignCenter{text-align: left !important;}
	.tableBox.list table tbody td:last-child{ margin-bottom:0; }
	.tableBox.list table tbody td > a{ display:inline; white-space: normal; }
	.tableBox.list.over_hidden table{ width:100% !important; }
	.tableBox.list table tr:hover td, .tableBox.list table tr td.active{background: #fff; color:#272727;}
	.tableBox.list table tr:hover .hasFile img:last-child{display: none !important;}
	.tableBox.list table tbody th{text-align:left;}

	/* table - info */
	.tableBox.info thead th,
	.tableBox.info tbody th{ padding:3px; }
	.tableBox.info tbody td{ padding:3px; word-break:break-all; }

	/* form */
	.flexform{flex-wrap:wrap;}
	.flexform select{margin-bottom: 5px; width: 100%; margin-right: 0;}
	.tableRequire.left{font-size: 17px;}
	.listNum strong.cost{font-size: 16px; text-align: right;}
	.listNum p,
	.subText{font-size: 14px;}
	.checkBox label{min-width: 60px;}
	.percentForm, .twoTxtForm,
	.percentForm input, .twoTxtForm input{width: 100%;}

	/* QnA */
	.qnaBox > ul > li div img,
	.qnaBox ul.answer li img{padding:8px 20px 8px 10px;}

	/* paging */
	.paging{margin: 15px 0;}
	.paging a.num{margin:0 6px;}

	/* btn */
	.btnWrap{padding:15px 0 20px 0;}
	.btnWrap .btn{width:auto !important; height: auto !important; line-height: inherit !important; padding: 10px 15px !important; font-size: 15px;}
	.btnWrap .btn.orange{width: auto;}

	/* business */
	.businessTop{background-size: auto 60%; padding:30px 15px; background-position: right 5px bottom !important;}
	.businessTop strong{font-size: 24px; padding-bottom: 15px;;}
	.businessTop p{font-size: 16px;}

	/* result */
	.resultList ul{flex-wrap: wrap; padding: 50px 0 20px 0;}
	.resultList ul li{width: 100%; margin-right: 0; padding: 10px; display: flex; align-items: center; height: auto; margin-bottom: 5px;;}
	.resultList ul li > span{font-size: 20px; padding-bottom: 0; padding-right: 20px;}
	.resultList ul li strong{font-size: 24px;}
	.resultList ul li strong span{font-size: 22px;}

	/* vote */
	.voteResult ul li > div.flexNone > div > div{width: 100%;}
	.voteResult ul li > div.flexNone > div > div label{display: block; margin-bottom: 5px;}
	.voteResult .formBox div{width: 100%;}
	.voteResult .formBox div input{margin-left: 0; width: 100% !important;}
	.voteResult .formBox .resultBtn{margin-top: 5px; float: right;}
	.voteResult .formBox input,
	.voteResult .formBox select{width: 100% !important; margin-bottom: 5px !important;}

	/* btn  */
	.sbtn{font-size: 14px; padding: 5px;}

}

@media all and (max-width:440px){
	#Content .searchBox select,
	#Content .searchBox input,
	#Content .searchBox .right input[type='text']{width: 100% !important; margin-right:0 !important; margin-bottom: 5px !important;}
	#Content .searchBox .btnSearch{width: 100% !important;}
	#Content .searchBox input.useDatepicker.small{width:calc(50% - 12px) !important; min-width: auto !important;}
	#Content .searchBox .refresh{float: right; margin-top: 5px;}
}

/* error */
.error-wrap{display: flex; flex-direction: column; color: #272727; padding:100px 50px; background: url(../../images/error_icon.png)no-repeat right 30px center;}
.error-wrap strong{font-size: 46px; font-weight: 700;}
.error-wrap p{display: block; padding:30px 0  20px 0; font-size: 18px; font-weight: 600;}
.error-wrap span{font-size: 15px; line-height: 200%;}
.error-wrap .error-btn{display: flex; padding-top: 20px;}
.error-wrap .error-btn button,
.error-wrap .error-btn a{display: flex; margin-right:15px; height: 40px; align-items: center; justify-content: center; font-size: 15px; box-sizing: border-box; padding: 10px 25px; color:#0056a2; border: 1px solid #0056a2; border-radius: 20px;}
.error-wrap .error-btn button:hover,
.error-wrap .error-btn a:hover{background:#0056a2; color:#fff;}