.ico-board:before { 
	content: '';
	background: url(/img/icons1.png) no-repeat -590px -500px; 
	width: 38px; 
	height: 38px; 
	position: absolute; 
	top: -9px; 
	left: 0px; 
}
.ico-board-write:before { 
	content: '';
	background: url(/img/icons1.png) no-repeat -590px -500px; 
	width: 38px; 
	height: 38px; 
	position: absolute; 
	top: -9px; 
	left: 0px; 
} 

.notice .ico-board:before { background-position: -818px -498px; width: 40px; height: 40px; } 
.event .ico-board:before { background-position: -961px -502px; width: 40px; height: 36px; }
.orderplan .ico-board:before { background-position: -868px -498px; width: 40px; height: 40px; }
.news .ico-board:before { background-position: -918px -498px; width: 40px; height: 40px; }
.free .ico-board:before { background-position: -772px -501px; width: 36px; height: 37px; }
.job .ico-board:before { background-position: -448px -502px; width: 33px; height: 36px; }
.faq .ico-board:before { background-position: -672px -498px; width: 40px; height: 40px; }
.qna .ico-board:before { background-position: -722px -498px; width: 40px; height: 40px; }

.notice .ico-board-write:before { background-position: -818px -498px; width: 40px; height: 40px; }
.event .ico-board-write:before { background-position: -963px -502px; width: 37px; height: 36px; }
.orderplan .ico-board-write:before { background-position: -868px -498px; width: 40px; height: 40px; }
.news .ico-board-write:before { background-position: -918px -498px; width: 40px; height: 40px; }
.free .ico-board-write:before { background-position: -772px -501px; width: 36px; height: 37px; }
.job .ico-board-write:before { background-position: -448px -502px; width: 33px; height: 36px; }
.faq .ico-board-write:before { background-position: -672px -498px; width: 40px; height: 40px; }
.qna .ico-board-write:before { background-position: -722px -498px; width: 40px; height: 40px; }

.board { 
	float: left;
	width: 100%; 
	position: relative; 
}

.board .ellipsis { width: auto; } 

.board .tabs { float: left; width: 100%; }
.board .tabs .btns { font-size: 15px; }
.board .tabs .btns li { padding: 8px 30px; text-align: center; }

.icon-notice {
	content: '';
	display: inline-block; 
	background: url(/img/icons1.png) no-repeat -371px -376px; 
	width: 40px; 
	height: 16px;
	position: relative;
	top: 3px; 
	margin-right: 7px; 
	float: left; 
}

.board #article-list { float: left; display: inline-block; width: 100%; }
.board #article-list .empty {
	text-align: center; 
	padding: 70px 0; 
    border-bottom: solid 2px #589DDA;
}

.board .caution {
	background: #E2F4DB;
	padding: 13px 20px;
	border-radius: 5px;
	line-height: 160%;
	margin-bottom: 25px;
}

.board input[type=text], 
.board select { height: 45px; font-size: 15px; padding-left: 10px; } 

/* --------------------------------------------------------------------------
	팝업
-------------------------------------------------------------------------- */ 

.board-popup { padding: 25px; }
.board-popup h1 { padding-left: 52px; display: inline-block; margin-top: 10px; padding-bottom: 40px; }
.board-popup h1 i.icons1 { position: absolute; left: 0px; }
.board-popup .board.view { margin-bottom: 50px; } 

/* --------------------------------------------------------------------------
	목록
-------------------------------------------------------------------------- */ 

.box.loading .tbl-board-list tr:not(.loading) { display: none; }
.box:not(.loading) .tbl-board-list tr.loading td { display: none; }
.box.loading #btn-more { display: none; }

.bt-banners { float: left; width: 100%; margin-top: 20px; text-align: center; }
.bt-banners ins { margin: 0 auto; }

.tbl-board-list {
	float: left; 
	width: 100%;	
	font-size: 15px; 
	border-top: solid 2px #589DDA; 
}
.bold-bh-bar + .tbl-board-list { border-top: 0; }
.bold-bh-bar + div .tbl-board-list { border-top: 0; }

.tbl-board-list tr:last-child td { border-bottom: solid 2px #589DDA; }
.tbl-board-list td { 	position: relative; }
.tbl-board-list tr.notice .item { font-weight: 600; color: #144CB2; }
.tbl-board-list tr.notice .item a { color: #144CB2; }

.news .tbl-board-list tr:hover td .item:before { opacity: 1; }
.tbl-board-list td .item { 
	color: #111; 
	text-decoration: none;	
	float: left; 
	display: block;
	position: relative;
	width: 100%;	
	padding: 12px 13px;
	padding-left: 35px;	
	border-top: dashed 1px #ccc;
}
.tbl-board-list td .item.new:before {
	background: url(/img/icons1.png) no-repeat -210px -319px;
	display: inline-block;
	width: 11px;
	height: 11px;
	margin-left: 0px; 
	position: absolute; 
	top: 18px; 
	opacity: 1; 
}
.tbl-board-list tr:first-child td .item { border-top: none; }
.tbl-board-list td .item:before {
	content: '';
	display: inline-block; 
	background: url(/img/icons1.png) no-repeat -279px -14px; 
	width: 6px; 
	height: 9px; 
	position: absolute; 
	top: 18px; 
	left: 15px; 
	opacity: 0.1; 	
}
.tbl-board-list tr td .item span.subject .comment-cnt { margin-left: 10px; color: #ee0000; font-size: 14px; font-family: Arial; }
.tbl-board-list tr td .item span.subject .ellipsis { max-width: 550px; position: relative; }

.board.news .tbl-board-list td .item span.subject .tx { max-width: 800px; }
.board.news .tbl-board-list tr td .item span.subject .ellipsis { max-width: 800px; }


.tbl-board-list tr td .item span.subject .ellipsis.new { padding-left: 20px; } 
.tbl-board-list tr td .item span.subject .ellipsis.new:before {
	content: '';
	display: inline-block; 
	background: url(/img/icons1.png) no-repeat -210px -319px; 
	width: 11px;
    height: 11px;
	position: absolute; 
	top: 5px; 
	left: 0px; 
}

.tbl-board-list span.hl {
	font-weight: bold;
    background: #fefec2;
}

.tbl-board-list tr:not(.notice) td .item span.subject a { color: #111; } 
.tbl-board-list tr:not(.notice) td .item.done span.subject a { color: #999; } 
.tbl-board-list td .item .writer { display: inline-block; position: absolute; right: 110px; width: 170px; text-align: center; } 
.tbl-board-list td .item .writer .status { position: absolute; left: 0px; margin-top: -3px; } 
.tbl-board-list td .item .writer .status.complete { 
	display: inline-block; 
	background: #47b6bb; 
	color: #fff; 
	padding: 3px 8px; 
	border-radius: 3px; 
	font-size: 13px; 
}
.tbl-board-list td .item span.dt { display: inline-block; float: right; color: #777; } 
.tbl-board-list td .item span.subject { float: left; }
.tbl-board-list td .item span.subject span.cate { display: inline-block; float: left; margin-right: 13px; color: #73A51D; font-size: 14px; }
.tbl-board-list td .item span.subject span.temp { display: inline-block; float: left; margin-right: 13px; color: red; font-size: 14px; }
.tbl-board-list td .item span.subject .tx { display: inline-block; float: left; max-width: 600px; }

.tbl-board-list td.empty { text-align: center; padding: 150px 0; font-size: 18px; }

.tbl-board-list tr:not(.linkonly) td .item { }
.tbl-board-list tr:not(.linkonly) td .item.done  { color: #999; }
.tbl-board-list td .item:hover { background: #f7f7f7; }
.tbl-board-list tr:hover .item:before { opacity: 1; }
.tbl-board-list tr .item:before { 
	content: '';
	display: inline-block; 
	background: url(/img/icons1.png) no-repeat -279px -14px; 
	width: 6px; 
	height: 9px; 
	position: absolute; 
	top: 18px; 
	left: 10px; 
	opacity: 0.1; 	
}

.todo .tbl-board-list tr:not(.notice) td .item.done span.subject a { text-decoration: line-through; } 

/* --------------------------------------------------------------------------
	더보기
-------------------------------------------------------------------------- */ 

#btn-more {
	display: block;
	float: left; 
	width: 100%; 
	text-align: center;
	padding: 30px 0;
	color: #111;
	border-bottom: solid 2px #589DDA;
	margin-bottom: 10px;
	position: relative;
}
#btn-more .tx:after {
	content: ''; 
	display: inline-block; 
	background: url(/img/icons1.png) no-repeat -398px -114px; 
	width: 11px; 
	height: 7px; 
	position: relative; 
	top: 0px; 
	margin-left: 8px; 
}
#btn-more img { display: none; }
#btn-more.loading .tx { display: none; }
#btn-more.loading img { display: inline; }


/* --------------------------------------------------------------------------
	검색
-------------------------------------------------------------------------- */ 

.board #f-search { 
	display: block;
	float: left;
	width: 100%;
	position: relative; 
	
} 

#f-search h1 { top: 0px; }
#f-search .month { margin-left: 10px; }
#f-search .month .flat-button { font-size: 14px; width: 60px; padding: 0; margin-left: -1px; }
#f-search .month .flat-button .num { font-family: Arial; font-size: 15px; margin-left: 3px; display: inline-block; }
#f-search .month .flat-button:hover + .flat-button { border-left: solid 1px #777; } 

.board #f-search .search-box { position: relative; display: inline-block; }
.board #f-search .search-btn { position: absolute; top: 11px; right: 10px; }
.board #f-search .ico-search { background-position: -109px -54px; width: 20px; height: 20px; }
.board #f-search select[name=std] { width: 130px; margin-right: 10px; } 
.board #f-search input[name=stx] { width: 250px; padding-right: 40px; }
.board #f-search .flat-button { height: 45px; min-width: 50px; padding: 6px 25px 0 25px; font-size: 15px; border-radius: 3px; text-decoration: none; margin-left: 10px; }

/* --------------------------------------------------------------------------
	내용
-------------------------------------------------------------------------- */ 


.board.view { 
	font-size: 15px; 	 
} 

.board.view h1 { } 

.tbl-board-view {
	width: 100%;
	border-top: solid 1px #ccc; 
	border-right: solid 1px #ccc;
}

.tbl-board-view th {	
	border-left: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
	font-weight: normal;
    background: #f5f5f5;
}

.tbl-board-view td {
	padding: 12px 13px; 
	line-height: 130%; 
	border-left: solid 1px #ccc; 
    border-bottom: solid 1px #ccc; 
	position: relative; 
	text-align: center; 
} 
.tbl-board-view td.writer { text-align: left; }
.tbl-board-view td.cate1 { text-align: left; }
.tbl-board-view td.subject { text-align: left; }
.tbl-board-view td.refer { text-align: left; }
.tbl-board-view td.attach { text-align: left; line-height: 22px; }
.tbl-board-view .file:before { top: 1px; }

.tbl-board-view td .cate { 
	display: inline-block;
    float: left;
    margin-right: 10px;
    color: #73A51D;
    font-size: 14px;
}

.board.view .body { padding: 50px 20px 30px; 20px; line-height: 25px; }
.board.view .body.no-text { padding-left: 0; } 
.board.view .body .txt { padding-bottom: 120px; }
.board.view.noreply .body { border-bottom: solid 1px #ccc; }


.board.view .btns { margin: 30px 0; padding: 0 15px; text-align: center; }
.board.view .btns .dot { margin-left: 3px; margin-right: 3px;  }
.board.view .btns .right { float: right; }
.board.view .btns .flat-button:first-child { margin-left: 0; }
.board.view .btns .flat-button { margin-left: 15px; } 

/* --------------------------------------------------------------------------
	댓글
-------------------------------------------------------------------------- */ 

.comment .list {
	padding: 5px 15px; 
	margin: 15px 0;
	background: #f5f5f5; 
}

.tbl-board-comment { width: 100%; }
.tbl-board-comment td { padding: 10px 0; position: relative; }

.tbl-board-comment tr.comment-item td { padding: 5px 0; }

.tbl-board-comment .pic { }
.tbl-board-comment .pic i { vertical-align: top; border-radius: 50%; -webkit-border-radius: 50%; }
.tbl-board-comment .pic img { width: 40px; height: 40px; border-radius: 50%; -webkit-border-radius: 50%; }

.tbl-board-comment .pic .user-pic { 
	width: 40px; 
	height: 40px; 
	border-radius: 50%; 
	-webkit-border-radius: 50%; 
	position: relative;
	overflow: hidden;
	zoom: 0.8; 
} 

.tbl-board-comment input[name=comment] { 
	height: 45px; 
	min-height: 45px; 
	width: 800px; 
	resize: vertical;
}
.tbl-board-comment .uibutton {
	top: -2px;
}

.tbl-board-comment .writer { 
	font-weight: bold; 
	margin-right: 10px;
	vertical-align: top; 
}

.tbl-board-comment .tx { 
	display: inline-block; 
	width: 780px; 
	line-height: 25px;
	vertical-align: top; 
	word-wrap: break-word; 
	padding-left: 15px; 
	text-indent: -20px; 
}
.tbl-board-comment .dt {
	color: #999; 
	margin-left: 5px;
	font-size: 13px;
}

.tbl-board-comment tr:last-child td { border-bottom: 0; }

.tbl-board-comment tr.write .flat-button { 
	height: 43px; 
	font-size: 15px; 
	border-radius: 3px;
	-webkit-border-radius: 3px;
	margin-top: 1px;
	margin-left: 10px;
}

.box:not(.loading) .tbl-board-comment tr.loading td { display: table-cell; }
.tbl-board-comment tr.write img.loading { margin-top: 13px; margin-left: 10px; } 
.tbl-board-comment tr:not(.loading) img.loading { display: none; } 
.tbl-board-comment tr.loading .flat-button { display: none; } 

.tbl-board-comment tr:hover .btn-delete { display: inline-block; }
.tbl-board-comment .btn-delete { display: none; font-size: 13px; margin-left: 20px; }


/* --------------------------------------------------------------------------
	답변
-------------------------------------------------------------------------- */ 

.board.view .replies {  }
.board.view .replies .reply { background: #f5f5f5; padding: 20px 25px 50px 25px; min-height: 100px; } 
.board.view .replies .reg_time { color: #154DC7; margin-bottom: 10px; font-size: 14px; } 

/* --------------------------------------------------------------------------
	글쓰기
-------------------------------------------------------------------------- */ 

#f-write { font-size: 15px; } 
#f-write .cont { margin-bottom: 0; } 
#f-write .cont li { } 
#f-write .cont li.origin { margin-top: 20px; }
#f-write .cont li:after { content: ''; display: table; clear: both; }
#f-write .cont span.caption { 
	float: left;
	background: #f5f5f5; 
	text-align: center;
	min-width: 130px;
	height: 45px; 
	display: inline-block; 
	vertical-align: top; 
	padding: 10px 25px; 
	margin-right: 0px; 
	margin-bottom: 15px; 
	border-top: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	border-left: solid 1px #ccc;
	font-weight: 600; 
}
#f-write .cont input[type=text], 
#f-write .cont select { float: left; height: 45px; font-size: 15px; padding-left: 10px; display: inline-block; margin-bottom: 15px; } 
#f-write .cont select[name=cate] { width: 230px; margin-right: 16px; } 
#f-write .cont input[type=file] { font-size: 15px; } 
#f-write .cont input[name=subject] { padding-left: 15px; } 
#f-write .cont select[name=bidkey] { padding-left: 15px; } 
#f-write .cont input.time { text-align: center; width: 170px; } 
#f-write .cont.tags li { padding-bottom: 0; }
#f-write .cont.tags span.caption { border-top: none; }
#f-write .cont.tags input { border-top: none; }
#f-write textarea { 
	width: 100%; 
	height: 510px; 
	font-size: 15px; 
	vertical-align: top; 
	padding: 12px 15px; 
	resize: vertical; 
	outline: none; 
}
#f-write .origin input[type=text] { width: 100%; height: 45px; font-size: 15px; padding-left: 15px; } 
#f-write .origin:not(.linkonly) input[type=text] { border-top: none; } 

#f-write .tabs ul { margin-bottom: 0; } 
#f-write .panel { border-radius: 0; } 
#f-write .note-editor.note-frame { border: solid 1px #ccc; } 

#f-write .parent-body { 
	padding: 25px 25px 50px 25px; 
	background: #f5f5f5; 
	min-height: 100px; 
	margin-bottom: 15px; 
}

#f-write .reply-msg { 
	padding: 25px 25px 50px 25px; 
	background: #f5f5f5; 
	min-height: 100px; 
	margin-bottom: 15px; 
}
#f-write .reg_time { font-size: 14px; color: #154DC7; margin-bottom: 10px; }
#f-write .html-editor { min-height: 547px; }
#f-write .html-editor textarea { display: none; }

#f-write .btns { text-align: center; margin-bottom: 70px; padding-top: 30px; }
#f-write .btns .flat-button:first-child { margin-left: 0; }
#f-write .btns .flat-button { margin-left: 20px; }



/* --------------------------------------------------------------------------
	파일첨부
-------------------------------------------------------------------------- */ 

.comm-bd .board-write h1 { margin-top: 10px; margin-bottom: 30px; padding-left: 52px; }
.board-write .file-attach { display: inline-block; margin-top: 20px; }
.board-write #attachments .file-info { padding-bottom: 5px; position: relative; }
.board-write #attachments .file-info .file:before { top: 2px; }
.board-write #attachments .file-info:last-child { margin-bottom: 10px; }
.board-write #attachments .file-info .icon-delete-file { cursor: pointer; margin-left: 7px; position: relative; top: 2px; }
.board-write #attach1 { display: none; }

/* 목록이미지 */
.board-write #list-image { display: none; }
.board-write .image-upload label { display: inline-block; cursor: pointer; margin-left: 15px; margin-bottom: 15px; }
.board-write .image-upload label.uibutton { padding-left: 15px; padding-right: 15px; margin-top: 7px; }
.board-write .image-upload .list-img-preview { display: inline-block; }

/* 팝업이미지 */
.board-write #popup-image { display: none; }
.board-write .popup-img-preview { display: inline-block; }

.board-write .link-desc { 
	display: inline-block;
	width: 100%; 
	margin-bottom: 15px; 
	background: #f5f5f5; 
	padding: 15px 25px 15px 40px; 
	list-style-type: disc; 
}

.board-write .icon-delete-file { background-position: -245px -68px; width: 12px; height: 12px; }
.board-write .btn-file-attach { padding: 7px 20px; font-size: 15px; margin-right: 10px; }
.board-write .icon-file-attach { 
	background-position: -8px -57px; 
	width: 12px; 
	height: 12px; 
	margin-right: 7px; 
}
.board-write .bidNtceNo { display: none; } 


/* --------------------------------------------------------------------------
	이벤트 게시판
-------------------------------------------------------------------------- */ 

.event-item { 
	position: relative;
	display: inline-block; 
	padding: 15px; 
	width: 500px;
	height: 252px;
}
.event-item a { color: #111; text-decoration: none; }
.event-item a img:hover { opacity: 0.8; }

.event-item .popup-image { height: 180px; overflow: hidden; }
.event-item .list-image { height: 180px; overflow: hidden; }

.event-item .event-info { 
//	border: solid 1px #ccc; 
	background: #f5f5f5; 
	border-top: 0; 
	padding: 10px 15px; 
}

.tbl-event-list tr:first-child td { padding-top: 15px; }
.tbl-event-list tr:last-child td { padding-bottom: 15px; }
.tbl-event-list tr:last-child td { border-bottom: 0; }

.event-item:hover .btn-admin { display: inline-block; }
.event-item .btn-admin { 
	display: none; 
	position: absolute;
	top: 15px;
	right: 15px; 
}
.event-item .btn-admin a:hover { opacity: 1; }
.event-item .btn-admin a:first-child { margin-left: 0; }
.event-item .btn-admin a { 
	display: inline-block; 
	float: left;
	padding: 5px 10px; 
	background: #000; 	
	color: #fff;
	text-align: center;		
	opacity: 0.3; 
}

.event-item .status { float: right; }
.event-item .status .dot:last-child { margin-right: 10px; }
.event-item .status .dot.closed { background: #999; }
.event-item .status .dot { 
	display: inline-block; 
	background: #8fc31f; 
	width: 10px;
	height: 10px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	float: left;
	margin-top: 7px; 
	margin-right: 7px; 
}

.event-view .btns { 
	display: inline-block;
	width: 100%;
	margin: 70px 0; 
	text-align: center; 
}

.tbl-event-list td.empty { text-align: center; }

/* --------------------------------------------------------------------------
	공지목록
-------------------------------------------------------------------------- */ 

.tbl-notice-list tr:last-child td { border-bottom: dashed 1px #ccc; }
.tbl-notice-list tr:hover td { background: #fff; }
.tbl-notice-list td .item .instt { 
	display: inline-block; 
	float: left; 
	width: 160px; 
	margin-right: 15px;	 
}

.tbl-notice-list td { padding: 0; } 
.tbl-notice-list tr:hover td .item .btn-edit { display: inherit; }
.tbl-notice-list td .item .btn-edit { 
	position: absolute;
	right: 110px;
	z-index: 1;
	display: none; 
}

.tbl-notice-list td .item a.subject { 
	display: inline-block; 
	float: left; 
	position: relative; 
	max-width: 540px;
	color: #111; 
}
.tbl-notice-list td .item a.subject .ellipsis { width: 100%; } 
.tbl-notice-list tr.notice td { color: #111; } 
.tbl-notice-list tr.notice .item { color: #111; } 
.tbl-notice-list tr.notice .item span.instt { color: #144CB2; } 
.tbl-notice-list tr.notice .item span.dt { color: #144CB2; } 
.tbl-notice-list tr.notice .item span.subject { color: #144CB2; }

/* --------------------------------------------------------------------------
	입찰교육 동영상
-------------------------------------------------------------------------- */ 

.board.edu .tbl-board-list td { 
	background: #F9F9F9; 
	vertical-align: top; 
	padding: 0 0 20px 20px;
}

.board.edu .tbl-board-list tr:first-child > td { padding-top: 20px; } 
.board.edu .tbl-board-list tr > td:last-child { padding-right: 20px; }