@charset "utf-8";

/* Common */
.chulsuk-book { display:inline-block; height:26px; line-height:20px; padding:4px 8px; margin-top:10px; }
.chulsuk-msg { border:1px solid #ddd; padding:10px; margin-top:8px; }
.chulsuk-notice .talk-bubble ul { list-style:none; margin:0px; padding:0px; line-height:24px; }

#fchulsuk .msg-content { display:table; width:100%; table-layout:fixed; }
#fchulsuk .msg-content .msg-cell { display:table-cell; padding:0px; text-align:center; vertical-align:middle; }
#fchulsuk .msg-content .msg-cell.msg-submit { width:80px; height:100%; background:#fafafa; border:1px solid #ccc; border-left:0px; cursor:pointer; }
#fchulsuk .anc-write { display:none; margin-top:4px; }
.chk-photo { color:#888; letter-spacing:-1px; text-align:left !important; background: none !important; padding:0px !important; margin: 15px 0px 0px !important; margin-right:15px !important; box-shadow:none !important; display:inline-block !important; height:14px; line-height:14px !important; }
.ko .chk-photo { font-size:12px !important; font-family:dotum !important; }
.chk-photo span { margin-left:4px; }
.chk-photo.active { color:orangered; }

.msg-icon a { display:inline-block; margin:8px; }
.msg-icon p { padding:6px 0px 0px; margin:0px; }

/* List */
.board-list .talk-bubble { padding:15px; }
.board-list .info { margin-bottom:8px; }
.board-list .talk { padding:10px; border:1px solid #eee; background:#fff; }
.board-list .sp { display:inline; margin-right:30px; }
.board-list .list-none { padding:30px 0px; }

@media all and (max-width:460px) {
	.responsive .msg-btn .pull-left,
	.responsive .msg-btn .pull-right { float:none !important; }
	.responsive .board-list .sp { margin-right:10px; }
	.responsive .board-list .sp-none { display:none; }
}

	/* 색상 변경 시작 */
	.board-list .table-bordered {
		border: 1px solid #333;
		height: 700px;
	}
	.board-list .table-bordered > thead > tr > th,
	.board-list .table-bordered > tbody > tr > th,
	.board-list .table-bordered > tfoot > tr > th,
	.board-list .table-bordered > thead > tr > td,
	.board-list .table-bordered > tbody > tr > td,
	.board-list .table-bordered > tfoot > tr > td {
		border: 1px solid #333;
		font-size:13px;
	}
	.board-list .table-bordered > thead > tr > th,
	.board-list .table-bordered > thead > tr > td {
		border-bottom-width: 1px;
	}

	.board-list .table-responsive .table > thead > tr > th {
		background-color: #0d0d0d;
		padding: 20px;
	}

	.board-list .table-responsive .table > tbody > tr > td.active {
		background-color: #FED200; 
		/*opacity:0.2;*/
	}
	.board-list .table-responsive .table > tbody > tr > td.active a {
		color:#000 !important;
	}


	.board-list .list-wrap .btn-sm {
		padding:10px 20px;
	}


	.form-inline .form-control.input-lg {
		font-size: 12px;
	}
	.form-inline .form-control {
	  background-color: #1a1a1a !important;
	  border-color: #333 !important;
	  color: #fff !important;
	}
	.form-inline .input-group-btn .btn {
	  bbackground-color: #262626 !important;
	  border-color: #333 !important;
	  color: #fff !important;
	}
	.form-inline .input-group-addon {
	  background-color: #1a1a1a !important;
	  border-color: #333 !important;
	  color: #fff !important;
	}





	/* Talk Boxs ------------------------------------------------------ */
	.talk-bubble {
		background: #333 !important;
		border: 1px solid #333;
	}
	.talk-bubble:after {
		border-color: rgba(245, 245, 245, 0);
		border-width: 0px;
	}
	.talk-bubble:before {
		border-color: rgba(238, 238, 238, 0);
		border-width: 0px;
	}


	.talk-box-wrap .control-label { line-height:35px; }
	.talk-box-wrap .form-control, .talk-box-wrap .well, .talk-box-wrap {
	  background-color: #1a1a1a !important;
	  border-color: #333 !important;
	  color: #fff !important;
	}
	.msg-submit {
	  background-color: #faca08 !important;
	  border-color: #333 !important;
	  color: #fff !important;
	}
	.talk-box-wrap .input-group-addon {
	  background-color: #2e323c !important;
	  border-color: #333 !important;
	  color: #fff !important;
	}

	.board-list .talk { padding:10px; border:1px solid #333; background:#1a1a1a; }

	.list-page .pagination li a { color:#fff !important;background:#1a1a1a !important; border-color:#333 !important; padding:10px 15px; }
	.list-page .pagination li.active a { color:#fff !important; background:#faca08 !important; border-color:#333 !important; }
	/* 색상 변경 끝 */