@charset "utf-8";

/* 게시판공통 */
#board-wrap input, #board-wrap textarea, #board-wrap select, #board-wrap button, #board-wrap table {font-size:14px; line-height:1.5em}
#board-wrap {position:relative; margin-bottom:10px; word-wrap:normal;} 
#board-wrap input[type=submit], #board-wrap select, #board-wrap button {cursor:pointer;}
#board-wrap textarea.textarea {border:1px solid #ddd; background:#f8f8f8}
#board-wrap .no-data {height:90px; text-align:center; padding-top:150px; font-size:15px; color:#555; display:block; background:url('/images/org/web/yeyak/board/ico_nodata.png') no-repeat center 70px}
#board-wrap tr:hover td.noData { background-color:transparent}
.board-list-wrap {border-top:2px solid #2b405b; width:100%;}
.btn-wrap {padding:30px 0; text-align:center;}
.nec { background:url('/images/org/web/yeyak/board/ico_nec.png') no-repeat 0 3px; padding:0 0 0 15px}

/* 일반게시판 로케이션 및 검색 */
.board-search-wrap {overflow:hidden; margin-bottom:15px; font-size:14px;}
.board-search-wrap .board-total {float:left; line-height:28px; padding-top:5px;}
.board-search-wrap .board-total .total { background:url('/images/org/web/yeyak/board/ico_total.gif') no-repeat 0 4px; font-weight:bold; color:#555; padding:0 0 5px 20px;}
.board-search-wrap .board-total .total em {font-weight:normal;}
.board-search-wrap .board-total .page {padding-left:5px;}
.board-search-wrap .board-total .page em {color:#3168b2; font-weight:bold}
.board-search-wrap .board-search {float:right; position:relative;}
.board-search-wrap .board-search input.text { font-size:13px !important; vertical-align:top; padding:0 4px; width:190px; height:30px; line-height:30px; background:#fff; border:1px solid #d2d2d2;}
.board-search-wrap select { font-size:13px !important; border:1px solid #ddd; min-width:80px; height:32px; line-height:32px; vertical-align:top; background:#f8f8f8;}
.board-search-wrap .btn-srh {width:41px; height:32px; background:#f9f9f9 url('/images/org/web/yeyak/board/btn_srh.gif') no-repeat center center; border:1px solid #d2d2d2; border-left:0; vertical-align:top}
.board-search-wrap .btn-srh span {width:1px; height:1px; overflow:hidden; position:absolute; top:0; left:0;}

/* 페이징 */
.board-list-paging {margin-top:20px; text-align:center; clear:both; width:100%; font-size:12px;}
.pagelist {position:relative;}
.pagelist * {vertical-align:middle}
.pagelist a span {color:#777; cursor:pointer; display:block; width:30px; height:28px; line-height:26px; border:1px solid #e2e2e2}
.pagelist strong, .pagelist a, 
.pagelist .firstpage1, .pagelist .prevblock1, .pagelist .nextblock1, .pagelist .lastpage1 {display:inline-block; margin:0 0 4px; background:#fff;}
.pagelist strong span, .pagelist a:hover span, .pagelist a:focus span, .pagelist a:active span {color:#fff !important; border:1px solid #1e64ba; width:30px; height:28px; line-height:26px; display:block; background:#1e64ba}
.pagelist .firstpage span, .pagelist .lastpage span, .pagelist .firstpage1 span, .pagelist .lastpage1 span,
.pagelist .prevblock span, .pagelist .nextblock span, .pagelist .prevblock1 span, .pagelist .nextblock1 span { padding:0; font-size:0; line-height:0; text-indent:-9999em; background:none !important; display:block; width:29px; height:28px; border:1px solid #e2e2e2 !important;}
.pagelist .firstpage:hover span, .pagelist .firstpage:focus span, .pagelist .firstpage:active span,
.pagelist .lastpage:hover span, .pagelist .lastpage:focus span, .pagelist .lastpage:active span,
.pagelist .firstpage1:hover span, .pagelist .firstpage1:focus span, .pagelist .firstpage1:active span, 
.pagelist .lastpage1:hover span, .pagelist .lastpage1:focus span, .pagelist .lastpage1:active span, 
.pagelist .prevblock:hover span, .pagelist .prevblock:focus span, .pagelist .prevblock:active span, 
.pagelist .nextblock:hover span, .pagelist .nextblock:focus span, .pagelist .nextblock:active span, 
.pagelist .prevblock1:hover span, .pagelist .prevblock1:focus span, .pagelist .prevblock1:active span, 
.pagelist .nextblock1:hover span {width:29px; height:28px; border:1px solid #e2e2e2 !important}
.pagelist .firstpage , .pagelist .lastpage , .pagelist .firstpage1 , .pagelist .lastpage1, 
.pagelist .prevblock , .pagelist .nextblock , .pagelist .prevblock1 , .pagelist .nextblock1{ display:inline-block; background:url('/images/org/web/yeyak/board/btn_page.gif') no-repeat; overflow:hidden;}
/*비활성*/
.pagelist .firstpage1 {background-position:-1px -65px}
.pagelist .prevblock1 {background-position:-32px -65px}
.pagelist .nextblock1 {background-position:-63px -65px}
.pagelist .lastpage1 {background-position:-94px -65px}
/*활성*/
.pagelist .firstpage {background-position:-1px -1px}
.pagelist .prevblock {background-position:-32px -1px}
.pagelist .nextblock {background-position:-63px -1px}
.pagelist .lastpage {background-position:-94px -1px}

/* 일반게시판 리스트 */
.board-list-table {width:100%; text-align:center; table-layout:fixed}
.board-list-table th {border:1px solid #ccc; border-right:0; border-bottom:1px solid #2b405b; border-top:0; background:#f8f8f8; padding:10px 0 11px; color:#222;}
.board-list-table th:first-child {border-left:0}
.board-list-table tr:hover td {background-color:#fcfcfc;}
.board-list-table td {border:1px solid #ccc; border-right:0; padding:9px 3px; font-size:13.5px;}
.board-list-table td:first-child {border-left:0}
.board-list-table td .stitle {display:block; width:100%; float:left;}
.board-list-table td .stitle .isFileIcon, .board-list-table td .stitle .new, .board-list-table .secret{vertical-align:middle; margin-left:4px}
.board-list-table td .stitle a {display:inline-block; width:auto; max-width:83%; color:#444; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; vertical-align:top;}
/* col 사이즈 지정 */
.board-list-table .num {width:7%; text-align:center; letter-spacing:0}
.board-list-table .subject {width:auto; text-align:left; padding-left:2%; padding-right:2%;}
.board-list-table .writer {width:15%; word-wrap:break-word;}
.board-list-table .date {width:14%; letter-spacing:0}
.board-list-table .cnt {width:8%; letter-spacing:0}
.board-list-table .down {width:8%;}
.board-list-table .company {width:10%;}
.board-list-table .year {width:8%; text-align:center;}
.board-list-table .photo {width:20%;}

/* 버튼 */
.board-list-btns, .board-write-btns, .board-view-btns {width:100%; margin:16px 0; text-align:right}
input.bw-btn, input.bp-btn, button.bw-btn, button.bp-btn {padding:0 20px; height:41px; cursor:pointer; border:0}
.bw-btn, .bg-btn, .bp-btn {display:inline-block; font-size:13px; vertical-align:middle}
.bw-btn, a.bw-btn {background:#fff; border:1px solid #aaa; color:#444;}
a.bw-btn span {display:block; padding:12px 20px 14px; line-height:1; color:#444;}
.bp-btn, a.bp-btn {background:#005fca; color:#fff; border:1px solid ##005fca; font-weight:bold}
.bg-btn, a.bg-btn {background:#2b405b; color:#fff; border:1px solid #2b405b}
a.bp-btn span,  a.bg-btn span{display:block; padding:12px 20px 14px; line-height:1}

/* 게시판 글쓰기 */
.board-write-tbl {table-layout:fixed; width:100%; border-top:2px solid #696c75; text-align:center; color:#666}
.board-write-tbl tbody th {padding:8px 10px 8px 15px; height:19px; border-bottom:1px solid #ddd; border-right:1px solid #bac2ca; color:#666; text-align:left; width:20%; background:#f8f8f8}
.board-write-tbl th label {padding:0 18px 0 10px; position:relative;}
.board-write-tbl th label .nec {background:url('/images/org/web/yeyak/board/ico_nec.png') no-repeat 0 3px; text-indent:-9999px; display:block; position:absolute; top:0; right:-14px; width:9px; height:15px;}
.board-write-tbl tbody td {border-bottom:1px solid #ddd; padding:10px 10px 10px 15px; width:80%; border-right:1px solid #bac2ca; text-align:left}
.board-write-tbl tbody td.textbox{ padding:10px 0 10px 10px;}
 tbody td.textbox textarea {line-height:1.4; border:1px solid #ddd; padding:2px 5px; overflow:hidden; overflow-y:scroll}
.board-write-tbl input.text {vertical-align:middle; height:28px; line-height:25px; background:#f8f8f8; border:1px solid #e4e4e4; border-top:1px solid #cbcbcb; border-left:1px solid #cbcbcb;}
.board-write-tbl td label {padding-left:8px;}
.board-write-tbl td select {height:32px; line-height:32px; border:1px solid #ddd; min-width:100px; vertical-align:middle;}
.board-write-tbl input[type="radio"], .board-write-tbl input[type="checkbox"] {vertical-align:middle;}
.board-write-tbl th:last-child, .board-write-tbl td:last-child {border-right:0;}
.board-write-tbl .mfu-top {display:block; position:relative; width:100%; overflow:hidden}
.board-write-tbl .mfu-top .fsize {float:right; font-size:11px; color:#999}
.board-write-tbl .mfu-top .btns {float:left}
.board-write-tbl .mfu-top .btns * {vertical-align:bottom;}
.board-write-tbl input.bsw-btn {padding:0 9px; height:30px; cursor:pointer;}
.board-write-tbl input[type='file'] {border:0; padding:0; margin:0; height:auto;}
.board-write-tbl .bsw-btn, a.bsw-btn {background:#fff; border:1px solid #aaa; color:#777}

/* 게시판 글쓰기 - 파일첨부 */
.file-item {position:relative; display:block; border:1px solid #ddd; padding:2px 4px 2px 60px; height:44px; margin:4px 0 0; line-height:1.4em; background:#f9f9f9;}
.file-item:hover {background:#f7fdff;}
.file-item .progressBar-wrap {display:block; height:20px; position:absolute; right:5px; top:20px}
.file-item .progressBar-wrap .bsw-btn { font-size:12px !important; padding:2px 6px}
.file-item .isFileTypeIcon {display:block; width:40px; height:40px; position:absolute; left:5px; top:4px; background:#eaeaea; text-align:center; line-height:38px}
.file-item .isFileName {display:block; max-width:65%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:12px; text-align:left}
.file-item .isFileSize {display:block; position:absolute; right:5px; top:3px; width:120px; font-size:11px; color:#999; text-align:right}
.file-item .isProgress {display:block; font-size:11px; max-width:50%; text-align:left}

/* 일반게시판 뷰 */
.board-view-head {position:relative; border-top:2px solid #696c75; border-bottom:0;}
.board-view-head .board-view-title {position:relative; width:100%; background:#f9f9f9;}
.board-view-head .vtitle {text-align:left; color:#333; font-weight:bold; font-size:15px; padding:18px 25px; width:64%; word-break:break-all}
.board-view-head .vtitle-winfo {position:absolute; top:18px; right:24px; font-size:14px; color:#666;}
.board-view-head .vtitle-winfo span {background:url('/images/org/web/yeyak/board/vbar.gif') no-repeat 0 6px; padding-left:10px; margin-left:8px;}
.board-view-head .vtitle-winfo span:first-child {background:0; margin:0; padding:0;}
.board-view-head .board-view-winfo {border-top:1px solid #999;}
.board-view-head .board-view-winfo > div:first-child, .board-view-head .board-view-winfo.bodt {border-top:0;}
.board-view-winfo {width:100%; position:relative; padding:0; overflow:hidden; border-bottom:1px solid #999; font-size:14px;}
.board-view-winfo span {background:#fff;}
.board-view-winfo .ilbl { display:block; float:left; line-height:1.6em; font-weight:bold; color:#666; text-align:center; padding:15px 0; width:130px}
.board-view-winfo .txt {display:inline-block; background:#fff; margin-right:10px; padding:15px 0 15px 28px; line-height:1.5em; min-height:24px; border-left:1px solid #e6e6e6}

/*파일 다운로드 리스트*/
.board-view-filelist {display:block; width:auto; min-height:29px; padding:13px 0 13px 28px; float:left; overflow:hidden; border-left:1px solid #e6e6e6;}
.board-view-filelist li {margin:2px 0; font-size:13px; line-height:1.6em;}
.board-view-filelist li a { color:#666;}
.board-view-filelist li img {margin-right:8px;}

/*내용*/
.board-view-cont {display:block; position:relative; overflow-x:hidden ;padding:30px 20px 0; margin:0; border-bottom:1px solid #bac2ca; word-break:break-all} /* width값 입력시 padding, margin값 체크바람*/
.board-view-files {display:block;position:relative;width:100%;overflow-x:hidden;text-align:center;}
.board-view-contents {display:block; position:relative; line-height:1.5em; font-size:14px; letter-spacing:-0.5px; color:#666; margin:0 0 30px; min-height:200px; overflow:hidden;}
.board-view-cnotents #boardContents img {max-width:99%;}
.board-view-cont table caption {width:1px;height:1px;overflow:hidden;position:absolute;top:0;left:0;}
.board-view-cont img {max-width:100%;}

/* 이전글 다음글 */
.BD_listNavi { clear:both; overflow:hidden; margin:20px 0; border:1px solid #999; border-left:0; border-right:0;  }
.BD_listNavi li { overflow:hidden; }
.BD_listNavi li a { display:block; color:#666; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; padding:15px 20px; background:url('/images/org/web/yeyak/board/bgPrevList.gif') no-repeat 20px center;}
.BD_listNavi li.next { border-top:1px solid #d7d7d7; }
.BD_listNavi li.next a { background:url('/images/org/web/yeyak/board/bgNextList.gif') no-repeat 20px center;}
.BD_listNavi li a strong { display:inline-block; padding:0 20px;}
.BD_listNavi li a span { display:inline-block; padding-left:20px; }

/* 공통 댓글 */
.BD_replyWrap { position:relative; margin-top:40px;}
.BD_boxReply { overflow:hidden; border:1px solid #b3bcc4; box-sizing:border-box; color:#707070; }
.BD_boxReply textarea {padding:8px; border:1px solid #abadb3; background:#fff; }
.BD_reply-head { overflow:hidden; padding:20px; color:#444}
.BD_reply-head .info { overflow:hidden; }
.BD_reply-head .info span { float:left; display:block; font-size:13px; }
.BD_reply-head .info strong { margin-left:3px; color:#0072e6; line-height:160%; }
.BD_reply-head .info span.warning { float:right; letter-spacing:-1px}

.BD_reply-head .write {position:relative;  overflow:hidden; }
.BD_reply-head .write textarea {width:84%; height:52px; }
.BD_reply-head .write button {position:absolute; right:0; top:0; width:13%; height:70px; display:block; overflow:hidden; text-align:center; color:#fff; font-size:14px; background:#0072e6; }
.BD_reply-head p { margin-top:10px; }
.BD_reply-head  p strong { margin:0 3px 0 0; color:#0072e6;  }
.BD_reply-body { overflow:hidden; padding:0 20px; border-top:1px dashed #cfd0d0; background:#f7f7f7;  }
.BD_reply-body ul li { font-size:14px; position:relative; overflow:hidden; padding:15px 0; border-top:1px solid #cfd0d0; }
.BD_reply-body ul li:first-child { border-top:0; }
.BD_reply-body ul li .user a { color:#222; font-weight:bold}
.BD_reply-body ul li .user span { margin-left:11px; padding-left:15px; background:url('/images/org/web/yeyak/board/bgReplyInfo.gif') 0 center no-repeat; }
.BD_reply-body ul li div { padding-top:10px}

.BD_reply-body ul li div p { width:80%; padding:0; line-height:160%; float:left;}
.BD_reply-body ul li div .btn {width:13%; height:50px; float:right; overflow:hidden; text-align:center; color:#fff; font-size:14px; background:#394b61;  }
.BD_reply-body ul li div textarea {width:84%; height:32px; float:left;}
.BD_reply-body .btnMore { margin-top:10px; background:url('/images/org/web/yeyak/board/bgReplyMore.gif') center 0 no-repeat; }
.BD_reply-body .btnMore a { display:block; line-height:50px; color:#333; text-align:center; }
.BD_reply-body .btnMore a img { margin-left:10px; }
.BD_reply-btn { position:absolute; right:20px; top:0; height:20px; margin-top:0; padding-top:0; color:#666;}
.BD_reply-btn button { margin-left:4px; font-size:13px !important;}
.BD_reply-btn .delete { padding-left:10px; background:url('/images/org/web/yeyak/board/bgReplyBtn.gif') 0 center no-repeat; }
.BD_reply-btn .cancel { color:#666;}
.BD_noReply {text-align:center; padding:20px 10px 20px}


@media screen and (max-width:800px) {	

	/* 일반게시판 로케이션 및 검색 */
	.board-search-wrap .board-total, .board-search-wrap .board-search {float:none;}
	.board-search-wrap .board-search {margin-top:5px;}
	
	/* 일반게시판 리스트 */
	.board-list-table thead {position:absolute; top:0; left:0; width:1px; height:1px; overflow:hidden}
	.board-list-table th, .board-list-table td {border:0;}
	.board-list-table tbody tr {position:relative; overflow:hidden; display:block; width:100%; border-bottom:1px solid #ddd; float:left;}
	.board-list-table tr:hover td {background-color:transparent;}
	.board-list-table td {display:block; min-height:25px;}
	.board-list-table td .stitle a {max-width:88%;}
	.board-list-table .num {display:none; float:left; padding-bottom:0;}
	.board-list-table .subject {width:92%; float:left; padding-bottom:0; padding-right:0;}
	.board-list-table .writer, .board-list-table .date, .board-list-table .cnt, 
	.board-list-table .down, .board-list-table .company {float:left; width:auto; padding:5px 2% 10px; background:url('/images/org/com/board/vbar.gif') no-repeat 0 12px;}
	.board-list-table .down { display:none}
	.board-list-table td:first-child + td + td {background:none; padding-left:2%;}
	.board-list-table .noData {float:left; width:100%; display:block; text-align:center; border-left:0; border-right:0;}
	
	/* 게시판 글쓰기 */
	.board-write-tbl tbody th {width:35%}
	.board-write-tbl tbody td {width:65%}	
	
	/* 공통 댓글 */ 
	.BD_reply-head .write textarea {width:70%; height:70px;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
	.BD_reply-head .write button {width:28%;}
	.BD_reply-body ul li div .btn {width:28%;}
	.BD_reply-body ul li div textarea {width:70%; height:50px;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }

}

@media screen and (max-width:640px) {
	
	/* 일반게시판 리스트 */
	.board-list-table .num {width:10%;}
	.board-list-table .subject {width:88%;}
	
	/* 게시판 글쓰기 */
	.board-write-tbl {table-layout:auto; width:100%; clear:both; border-left:1px solid #ddd; border-right:1px solid #ddd}
	.board-write-tbl tr {display:block; width:100%; overflow:hidden; border-bottom:1px solid #ddd}
	.board-write-tbl tbody {width:100%}
	.board-write-tbl tbody th, .board-write-tbl tbody td {float:none; display:block; width:100%; height:auto; border:0; box-sizing:border-box}
	.board-write-tbl tbody th {padding:12px 15px 12px 5px;}
	.board-write-tbl tbody td {text-align:left;}
	.board-write-tbl tbody td.textbox{ padding:12px 15px;}
	
	/* 일반게시판 뷰 */
	.board-view-head .vtitle {width:100%; padding:15px 20px; box-sizing:border-box; }
	.board-view-head .vtitle-winfo {position:relative; top:auto; right:auto; padding:0 20px 10px;}
	.board-view-winfo .ilbl, .board-view-winfo .txt {display:block;}
	.board-view-winfo .ilbl {padding-bottom:0; width:100%; text-align:left; padding-left:20px; box-sizing:border-box;}
	.board-view-winfo .txt {border-left:0; margin:0; padding:10px 20px 10px 20px; box-sizing:border-box;}
	.board-view-filelist, .board-view-linklist {border-left:0; padding:5px 0 10px 15px; display:block;}

	
}

@media screen and (max-width:480px) {

	/* 일반게시판 리스트 */
	.board-list-table .num {width:13%;}
	.board-list-table .subject {width:86%;}
	.board-list-table td .stitle a {max-width:83%;}
	
	/* 게시판 글쓰기 */
	#board-wrap > p.ar{ text-align:left !important; font-size:13px}
	
	/* 일반게시판 뷰 */
	.board-view-cont {padding:20px 10px 0;}
	
}

@media screen and (max-width:440px) {
	
	/* 일반게시판 로케이션 및 검색 */
	.board-search-wrap .board-search input.text {width:150px;}
	

}

@media screen and (max-width:380px) {


}