@charset "utf-8";

.page_write input[type="submit"]{ height: 38px; line-height: 38px; font-size: 16px; }
.page_write input[type="text"],
.page_write input[type="password"]{ height: 38px; line-height: 38px; font-size: 16px; border: 1px solid #ccc; text-indent: 10px; }
.page_write input[type="checkbox"]{ width: 17px; height: 17px; -webkit-appearance: checkbox; cursor: pointer; }
.page_write select{ padding: 0 0 0 5px; min-width: 100px; width:226px; height: 38px; line-height: 38px; font-size: 16px; background: url(../img/selecticon.png) center right 8px no-repeat; }
.page_write label{ font-size: 16px; }

.boardtopbox{ float: left; margin: 0 auto; width: 100%; font-family: "Noto Sans KR", "돋움", dotum, sans-serif; }
.labelhidden{ display: none; }

.pagination			{ position: inherit; float: left; margin: 30px 0; width: 100%; text-align: center; font-family: 'Nanum Gothic', sans-serif; }
.pagination a		{ display: inline-block; margin: 0 -0.5px; width: 40px; height: 40px; line-height: 40px; color: #666; font-size: 13px; text-align: center; vertical-align: middle; border: 1px solid #ccc; }
.pagination a:hover	{ color: #f011de; border: 1px solid #a8a8a8; border-radius: 2.5px; }
.pagination span	{ display: inline-block; margin: 0 -0.5px; width: 40px; height: 40px; line-height: 40px; color: #fff; font-size: 13px; text-align: center; vertical-align: middle; font-weight: bold; border: 1px solid #464e6b; background: #464e6b; }
.pagination .first	{ font-size: 0px; background: url(../img/pagination_01.png) no-repeat center; }
.pagination .prev	{ font-size: 0px; background: url(../img/pagination_02.png) no-repeat center; }
.pagination .last	{ font-size: 0px; background: url(../img/pagination_04.png) no-repeat center; }
.pagination .next	{ font-size: 0px; background: url(../img/pagination_03.png) no-repeat center; }

.page_write					{ position:relative; float:left; width: 100%; border-top:1px solid #393939; margin-bottom: 20px; }
.page_write input[type="checkbox"]{ margin-left: 5px; }
.page_write .subject		{ display: inline-block; width: 100%; padding: 15px 0; border-bottom: 1px solid #dfdfdf; }
.page_write .subject .label	{ float: left; margin-right: 5px; width: 10%; height: 38px; line-height: 38px; text-align: center; border: 1px solid #e0e0e0; background: #f5f5f5; }
.page_write .subject input[type="text"]	{ float: left; width: 88.3%; }
.page_write .noticheck		{ float: left; width: 100%; }
.page_write .noticheck p	{ float: right; padding: 15px; }
.page_write select{ border: 1px solid #ccc; cursor: pointer; }

.page_write .nomember		{ position: relative; float: left; width: 100%; padding: 10px 0 10px 0; }
.page_write .nomember p		{ float: left; }
.page_write .nomember label	{ float: left; margin-right: 10px; padding: 0 0 0 8px; line-height: 38px; font-weight: 500; }
.page_write .nomember input	{ width: 100px; border: 1px solid #a9a9a9; vertical-align: middle; }
.page_write .nomember strong{ display: inline-block; margin-right: 2px; padding: 0 8px; line-height: 38px; font-size: 16px; letter-spacing: 1px; background: #fad2d2; border: 1px solid #b99b9b; vertical-align: middle; }
.page_write .nomember p.inname input{ border: 1px solid #eaeaea; }

/* 파일첨부 */
.thume						{ position:relative; width:100%; background-color:#F7F8F9; border-top:2px solid #F2F4F5; border-bottom:2px solid #F2F4F5;}
.guide						{ position:relative; float:left; padding:0 15px 10px 15px; font-size:13px; padding-left: 25px; text-indent: -8px; }
.insert						{ margin:20px;}
.insert ul					{ float:left; width:100%; margin-bottom:10px;}
.insert ul li				{ margin-bottom:5px; width:50%; float:left;}
.insert ul li span{ display: inline-block; font-size: 80%; color: #7000ff; }
.insert input[type="file"]	{ position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0,0,0,0);border: 0;}
.insert label				{ display: inline-block; width: 23%; line-height: 38px; text-align: center; color: #999; font-size: 100%; letter-spacing: 0; vertical-align: middle; color: #fff; background-color: #555; border-color: #444; border-radius: .25em; cursor: pointer; }
.insert label:hover{ background-color: #000000; }
.insert .upload-name		{ display: inline-block; width: 70%; height: 36px; line-height: 36px; font-size: inherit;font-family: inherit; vertical-align: middle; background-color: #fff; border: 1px solid #b1b1b1; border-bottom-color: #d8d8d8; border-radius: .25em; -webkit-appearance: none;-moz-appearance: none; appearance: none; }

/* tender write */
.page_write .tender_date{ float: left; display: inline-block; width: 50%; padding: 15px 0; border-bottom: 1px solid #dfdfdf; }
.page_write .tender_date .label{ float: left; margin-right: 5px; width: 20%; height: 38px; line-height: 38px; text-align: center; border: 1px solid #e0e0e0; background: #f5f5f5; }
.page_write .tender_date label:last-child{ float: none; background: none; border: 0; vertical-align: middle; }
.page_write .tender_date input{ width: 225px; font-size: 16px; }
.page_write .tender_date input[type="checkbox"]{ width: 17px; height: 17px; }

.page_write .nobb{ padding: 3px 0; border-bottom: 0; }
.page_write .nobc{ padding: 3px 0 9px; border-bottom: 0; }
.page_write .harf input{ width: 463px; }
.page_write .pt1{ padding-top: 15px; }
.page_write .bb1{ padding-bottom: 15px; border-bottom: 1px solid #dfdfdf; }
.notb{ padding-top: 15px; border-top: 0; }
.notb .subject span{ float: right; padding-top: 3px; width: 89.3%; text-align: left; }

/* 버튼 */
.btnbox{ float: left; width: 100%; text-align: center; margin: 20px 0; }
.btnbox input[type="submit"]{ height: 38px; font-size: 14px; font-family: 'Nanum Gothic', sans-serif; }
.btn{ display: inline-block; vertical-align: top; padding: 0 25px; height: 30px; line-height: 30px; text-align: center; font-size: 14px; letter-spacing: 0; border: 1px solid transparent; }
.btn-default		{ color: #333; border: 1px solid #dfdfdf; border-bottom: 1px solid #c4c4c4; background: #fff; }
.btn-default:hover	{ color: #333; font-weight: 400; background: linear-gradient(#ffffff, #f5f5f5); }
.btn_apply			{ color: #fff; border: 1px solid #141414; border-bottom: 1px solid #000000; background: #141414; }
.btn_apply:hover	{ color: #fff; font-weight: 400; border: 1px solid #414141; border-bottom: 1px solid #000000; background: #414141; }
.btn-enter{ color: #fff; background: #464e6b; border: 1px solid #036; }
.btn-enter:hover{ color: #fff; background: #000000; }
.btn-basic{ color: #fff; background: #666;border: 1px solid #555; }
.btn-basic:hover{ color: #fff; }
.btn-red{color: #fff; background: #F33; border: 1px solid #F00; }
.btn-red:hover{ color: #fff; }
.btn-right{ padding-left: 15px; padding-right: 15px; float: right; font-weight: normal; margin-bottom: 5px; }
.btnbox span input{ cursor: pointer; }
.btn_basic1{ float: left; width: auto; text-align: left; }
.btn_basic2{ float: right; width: auto; text-align: right; }

/* ask */
.askbox{ margin-top: 40px; width: 100%; text-align: center; }
.askbox p{ display: inline-block; margin: 0 auto; width: auto; padding: 40px; font-size: 20px; font-weight: 700; border: 1px solid #ccc; }
.askbox div{ width: 100%; padding: 40px 0 80px; }

/* write * update 
.listbtn input[type="submit"]  { width: 80px; height: 30px; border:0; line-height: 30px; text-align: center; background: #282828; color: rgb(255,255,255); display: block; text-align: center; display: inline-block; font-size: 14px;}
#write .viewinfo .view-detail { width:100%;}
#write input[type="text"] { border: 1px solid #c9c9c9; height: 30px; width: 670px; box-sizing: border-box; line-height: 30px; margin-right: 10px}
#write select { border: 1px solid #c9c9c9; height: 30px; width:auto; box-sizing: border-box; padding:0 10px 0 5px; line-height: 30px; margin-right: 10px}
#write .viewinfo .searchresultbox .checkBtn { width:auto; }
*/

/* view */
.slide_layer{text-align:center;}
.viewinfo .slide_layer>img {width:auto; max-width:730px; height:442px;}
.viewinfo .view-img .leftarr, .viewinfo .view-img .rightarr { z-index:11}






.searchmenu ul{overflow:hidden; margin-top:50px; margin-bottom:50px;}
.searchmenu ul li:first-child{width:233px}
.searchmenu ul li{float:left; width:310px; line-height:50px; line-height:50px; text-align:center; border:1px solid #dcdcdc; color:rgb(0,0,0); font-size:18px; cursor:pointer; margin-right:5px; background:#f3f3f3}
.searchmenu ul li:last-child{margin-right:0;}
.searchmenu ul li.on, .searchmenu ul li:hover{background:#0072ee; color:rgb(255,255,255); border:1px solid #0072ee;}

.searchbox{ border:1px solid #dddddd; border-top:2px solid #434040; padding:30px 50px 15px 65px; box-sizing:border-box; font-size:16px;}
.searchbox .search-1{overflow:hidden; margin-bottom:10px;}
.searchbox .search-1 .searchboxtitle{float:left; font-size:20px; width:100px; height:40px; line-height:40px; font-weight:600;}
.searchbox .search-1 .select_boxs select{border:1px solid #c9c9c9; height:40px; width:120px; line-height:40px; font-size:16px; margin-right:5px; position:relative; }
.searchbox .search-1 .select_boxs select::-ms-expand { display:block;}

.searchbox .search-1  input{border:1px solid #c9c9c9; height:40px; width:670px; box-sizing:border-box; line-height:40px; margin-right:10px;}
.searchbox .search-1 .seimg{width:130px; height:40px; line-height:40px; color:#fff; background:#282828; text-align:center; display:inline-block; cursor:pointer}
.searchbox .search-2{overflow:hidden;}
.searchbox .search-2 .searchtag{padding-left:230px; float:left; width:680px;}
.searchbox .search-2 .searchtag span{padding-right:10px;}
.searchbox .search-2 .searchtagbtn{ float: left; box-sizing: border-box; padding-left: 20px; width: 130px; height: 38px; line-height: 36px; font-size: 14px; background: url(../img/search_plus.png) no-repeat 110px center; border: 1px solid #b4b4b4; cursor: pointer; }
.searchbox .search-2 .searchtagbtn:hover{ color: #2372bb; border: 1px solid #2372bb; }

.searchresult input[type="checkbox"] + label span{ position: relative; display: inline-block; top: -1px; width: 17px; height: 17px; margin: 0 6px 0 0; vertical-align: middle; background: url(../img/view_check_off.png) no-repeat; background-size: 17px; cursor: pointer; }
.searchresult input[type="checkbox"]:checked + label span {    background:url(../img/check_bt_on.gif) no-repeat; background-size:17px}
.searchresult input[type="checkbox"]:checked + label{color:rgb(51,51,51);}
.searchresult input[type="checkbox"]{display:none;}
.searchresult{border:1px solid #dddddd; background:#fafafa; padding:30px 50px 25px 65px; margin-top:4px; overflow:hidden;}
.off { display:none;}
.searchresult .searchresultbox{ font-size:16px; height:40px; line-height:40px;}
.searchresult .searchresultbox .searchresult-title{ float: left; margin-right:2px; margin-right: 10px; width: 130px; font-size: 15px; color: #565555; border-bottom:1px solid #bdbdbd; }
.searchresult .searchresultbox .searchresult-title span{ display: block; padding: 0 10px 0 5px; text-align-last: justify; font-weight: 500; word-spacing: -1px; }
.searchresult .searchresultbox .checkBtn{float:left; border-bottom:1px solid #e5e5e5; width:913px; }
.searchresult .searchresultbox .checkBtn>span{ display: inline-block; padding-right: 7px; width: auto; min-width: 80px; }
.searchresult .searchresultbox .checkBtn strong{font-weight:normal; color:#4c4c4c; font-size:14px;}

.searchmenu ul li a {display:block}
.searchbox .search-1 .seimg input[type="submit"] { border:0; width: 130px; height: 40px; line-height: 40px; color: #fff; background: #282828; text-align: center; display: inline-block; cursor: pointer;}
.list-contents .del {text-decoration: line-through; color: #eee}
.list-contents .listboxw .listbox img {width:285px; height:173px; }
.list-table .listboxdetail .listboximg img {width:194px; height:117px;}
.listbox-page ul li a { display:block; width:100%; height:100%;}
.listbox-page ul li.prev a, .listbox-page ul li.next a {display:block; text-indent: -1000px; overflow: hidden}
.searchbox .search-1 .seimg{ line-height: unset; }

.searchbox .search-1 .select_boxs{ position: relative; }
.searchbox .search-1 .select_boxs:after{ content:''; position: absolute; top: 50%; right: 20px; width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 5px solid #9c9c9c; }
.searchbox .search-1 .select_boxs select{ padding-left:10px; vertical-align: middle; }
select{ cursor: pointer; outline: none; }
input{ cursor: pointer; outline: none; }
button{ cursor: pointer; outline: none; }
.searchbox .search-1 .seimg input[type="submit"]{ font-size: 16px !important; background: none !important; }
.searchbox .search-1 .seimg:hover{ background: #0b3975; }

.list-contents{float:right; width:100%; font-size:14px; margin-top:50px;}
.list-contents .list-total{border-bottom:1px solid #333; padding-bottom:3px; margin-bottom:65px; overflow:hidden}
.list-contents .list-total-cnt{float:left;}
.list-contents .list-total-view{float:right; margin-bottom:7px}
.list-contents .list-total-view  li{float:left; margin-left:10px; position:relative; padding-left:10px; cursor:pointer}
.list-contents .list-total-view li::before {  display: block;   position: absolute;   top: 10px;   left:0px;   width: 1px;   height: 14px;   border-left: 1px solid #e7e7e7;   content: '';}
.list-contents .list-total-view  li.view1::before{border:none;}
.list-contents .listboxw{ overflow:hidden;}
.list-contents .listboxw .listbox{ float: left; margin-bottom: 40px; margin-right:10px; width: 283px; min-height: 361px; border: 1px solid #d8d8d8; }
.list-contents .listboxw .listbox:nth-child(4n){margin-right:0;}
.list-contents  .listbox-img{position:relative;}
.list-contents  .listbox-txt{position:absolute; height:40px; line-height:40px; background:rgba(0,0,0,0.5); width:100%; bottom:0; text-align:center; color:rgb(255,255,255); font-size:18px}
.list-contents .listbox-subt{padding-left:18px; box-sizing:border-box; letter-spacing:0}
.list-contents .listbox-subt li{background:url(../img/dot-gray.png) no-repeat left center; padding-left:15px; margin-bottom:3px; overflow:hidden; }
.list-contents .listbox-stitle{text-align:center; font-size:18px; padding:12px 0 20px; }
.list-contents .listbox-stitle span{border-bottom:1px solid rgb(204,204,204); display:inline-block; text-align:center;}
.list-contents  .listbox-more a{display:block; width:85px; height:27px; line-height:27px; background: url(../img/detaildot.png) #000000 no-repeat 78px center; color:rgb(255,255,255); margin-top:10px; margin-left:auto; margin-right:auto; padding-left:18px; font-size:12px;  letter-spacing:0}
.list-contents  .listbox-more a:hover{ background: url(../img/detaildot.png) #0b3975 no-repeat 80px center; }
.listbox-page ul {  overflow: hidden;    width: 100%;   text-align:center;  padding:0; margin-top:100px; margin-bottom:130px}
.listbox-page ul li { float:none;    text-align: center;    line-height:normal;    margin-right: 5px;    font-size: 16px;    color: #9a9899;    width: 40px; height: 40px;      cursor: pointer;    display:inline-block; margin:0 auto; line-height:40px; vertical-align:middle; border:1px solid #d5d5d5; }
.listbox-page ul li.on{ color:#0f2dc4; border:1px solid #0f2dc4}
.listbox-page ul li.prev{background:url(../img/b_prev.jpg) no-repeat center center; border:1px solid #d7d7d7; margin-right:30px }
.listbox-page ul li.next{background:url(../img/b_next.jpg) no-repeat center center; border:1px solid #d7d7d7;  margin-left:30px}

.list-table{display:none;}
.list-table .listboxdetail{overflow:hidden; border-bottom:1px solid #c9c9c9; margin-bottom:30px;  padding-bottom:30px;}
.list-table .listboxdetail:first-child{border-top:1px solid #c9c9c9;padding-top:30px;}
.list-table .listboxdetail .listboximg{float:left; width:195px; margin-right:15px;}
.list-table .listboxdetail .listboxtxt{float:left; width:820px;  padding-right:90px; box-sizing:border-box; letter-spacing:0px; }
.list-table .listboxdetail .listboxtxt .listboxtxt-1{font-size:24px; margin-bottom:15px; letter-spacing:-1px; }
.list-table .listboxdetail .listboxtxt .listboxtxt-2{font-size:13px; color:#5c5c5c; margin-bottom:10px;}
.list-table .listboxdetail .listboxtxt .listboxtxt-3{font-size:12px;}
.list-table .listboxdetail .listboxtxt .listboxtxt-3 span{padding-right:20px;}
.list-table .listboxdetail .listBplus{float:left; width:80px; text-align:center; padding-top:10px;}
.list-table .listboxdetail .listBplus .listBplus-1{margin-bottom:15px;}


/*view*/
.viewinfo{/*overflow:hidden;*/ margin-bottom:60px; color:#5c5c5c}
.viewinfo .view-img{float:left; width:709px; height:442px; position:relative}
.viewinfo .view-img .leftarr{position:absolute; top:190px; left:50px;}
.viewinfo .view-img .rightarr{position:absolute; top:190px; right:50px;}
.viewinfo .view-detail{float:right; width:460px;;box-sizing:border-box;  color:#5c5c5c; position:relative; letter-spacing:0px; font-size:15px;}
.viewinfo .view-detail .view-title{ font-size:23px; font-weight:bold; margin-bottom:10px; color:#0950a8; padding-bottom:10px; border-bottom:1px solid #bdbdbd}
.viewinfo .searchresultbox{padding-top:15px; height:38px; line-height:38px;}
.viewinfo .searchresultbox .checkBtn{float:left; border-bottom:1px solid #e5e5e5; width:350px; min-height:38px; }
.viewinfo .searchresultbox .searchresult-title{float:left; width:100px; border-bottom:1px solid #bdbdbd; margin-right:2px;   color:#565555}
.viewinfo .searchresultbox .checkBtn strong{font-weight:normal; color:#4c4c4c;}
.detail-v { margin-bottom:30px; margin-top:30px;}
.detail-v:first-child{margin-top:0;}
.detail-v > span{display:inline-block; height:40px; line-height:40px;}
.detail-v  .detail-v-title{float:left; border-bottom:1px solid #bdbdbd; width:110px; margin-right:5px; font-size:20px;}
.detail-v  .detial-v-line{border-bottom:1px solid #e5e5e5;width:1075px;}
.detail-t{font-size:15px; line-height:190%; color:#5c5c5c; padding:0 30px;  }
.detail-t p{margin-bottom:20px;}
.detail-taglist{ padding:0 30px;  }
.detail-taglist ul li{float:left; width:auto; padding:1px 20px; border:1px solid #b4b4b4; margin-right:10px; margin-bottom:8px; text-align:center; font-size:16px;}
.detail-h {font-size:16px; background:url(../img/subhome.png) no-repeat left  center; padding-left:20px; margin:0 30px 50px}
.detail-h a{color:rgb(0,0,0);}
.listbtn {text-align:right; margin-bottom:40px;}
.listbtn a{width:80px; height:30px; line-height:30px; text-align:center; background:#282828; color:rgb(255,255,255); display:block; text-align:center; display:inline-block; font-size:14px;}


@media only all and (max-width:1024px){
	.searchbox{ padding: 20px 15px 10px 15px;; font-size: 14px; }
	.searchbox .search-1 .searchboxtitle{ width: 100%; font-size: 18px; }
	.searchbox .search-1 .select_boxs select{ width: 24%; margin-right: 1px; }
	.searchbox .search-1 input{ width: 75%; margin-right: 0; }
	.searchbox .search-1 .seimg{ margin-top: 1px; width: 99.9%; }
	.searchbox .search-1 .seimg input[type="submit"] { width: 100%; }
	.searchbox .search-2 .searchtag{ padding: 0 0 10px; width: 100%; }
	.searchresult{ padding: 15px 20px 15px 20px; }
	.searchresult .searchresultbox .searchresult-title{ width: 100%; }
	.searchresult .searchresultbox .checkBtn{ padding: 5px 0 10px; width: 100%; border-bottom: 0; }
	.searchresult .searchresultbox{ height: 30px; line-height: 30px; }
	.list-contents .listboxw .listbox{ margin-right: 0; width: 99.6%; height: auto; }
	.list-contents .listboxw .listbox img { width: 100%; height: auto; }
	.viewinfo .view-img{ width: 100%; height: auto; }
	.viewinfo .view-img .leftarr{ display: none; }
	.viewinfo .view-img .rightarr{ display: none; }
	.viewinfo .view-detail{ float: none; width: 100%; }
	.detail-v  .detial-v-line{ width: 100%; }
	.slide_layer img{ width: 100% !important; max-width: 100% !important; height: auto !important; }
	.viewinfo .view-detail .view-title{ float: left; padding: 20px 0 15px; width: 100%; text-align: center; }
	.viewinfo .searchresultbox{ float: left; width: 100%; }
	.viewinfo .searchresultbox .checkBtn{ width: 67%; }
	.viewinfo .searchresultbox .searchresult-title{ width: 32%; }

	/* 페이지 */
	.pagination a{ width: 20px; line-height: 20px; height: 20px; font-size: 90%; }
	.pagination span{ width: 20px; line-height: 20px; height: 20px; font-size: 90%; }
	.pagination .first{ background-size: 50% 50%; }
	.pagination .prev{ background-size: 50% 50%; }
	.pagination .last{ background-size: 50% 50%; }
	.pagination .next{ background-size: 50% 50%; }

}




