@charset "utf-8";

/* view document 
-------------------------------------------------------------------------------------------------------- */
.viewDocument {
	margin-bottom: 30px;
}
.boardRead {
	overflow: hidden;
	background: #fafafa;
	border: 1px solid #e1e1e1;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);	
}
.boardReadHeader {
	padding: 30px; 
	border-top: 1px solid #fff;
	border-bottom: 1px solid #e8e8e8;
}
.boardReadHeader .titleArea { 
	word-break:break-all; 
}
.boardReadHeader .titleArea .title { 
	font-size:18px; 
	line-height:150%; 
	font-weight:bold; 
	color:#333;
}
.boardReadHeader .titleArea .category {
	font-size: 14px;
	margin-bottom: 5px !important; 
	color: #2980b9;
}
.boardReadHeader .title_info {
	margin-top: 15px; 
	line-height: 30px;
	*zoom:1; 
	color: #777;
}
.boardReadHeader .title_info:after { 
	content:""; display:block; clear:both; 
}
.boardReadHeader .title_info .profile {
	width:30px;
	height:30px;
	margin-right: 5px;
	border:1px solid #e1e1e1;
}
.boardReadHeader .title_info span.info {
	display: inline;
	margin-left: 5px; 
	padding-left: 5px;
	border-left: 1px solid #e1e1e1; 
}
.boardReadHeader .title_info span.info:first-child {
	margin-left: 0;
	padding-left: 0;
	border-left: 0; 
}
.boardReadHeader .title_info span { 
	color: #777;
}
.boardReadHeader .title_info .author {
	display: inline-block;
	color: #777;
}
.boardReadHeader .title_info .count {
	display:inline;
	padding:0;
}
.boardReadHeader .title_info .count.b2 {
	margin-left: 5px;
	padding-left: 5px;
	border-left: 1px solid #e1e1e1; 
}
.boardReadHeader .title_info .count strong,
.boardReadHeader .title_info .count strong a {
	display:inline-block;
	font-weight:bold;
	color:#2980b9;
}

/* 확장 변수 출력 */
.extraVarsView { 
	width:100%; 
	border-collapse:collapse; 
	background-color: #fff;
}
.extraVarsView th,
.extraVarsView td { 
	padding:7px 15px;
	text-align: left; 
	border-bottom:1px solid #e8e8e8;
	color: #555;
}
.extraVarsView th {
	white-space: nowrap; 
	font-weight: bold; 
	border-right: 1px solid #e8e8e8;
}
.extraVarsView td {
	width:100%; 	
}
.extraVarsView td * { 
	vertical-align:middle; 
}
.extraVarsView td a {
	color: #555;
}

/* 동영상 이미지 자동 출력영역 */
.display_movie {
	background-color: #fff;
}
.display_movie img {
	vertical-align: top;
	max-width: 100%;
}

	/* 본문 */
.boardReadBody { 
	overflow: hidden;
	margin: 0; 
	padding: 30px; 
	font-size: 14px;
	background-color: #fff;
	border-bottom: 1px solid #e8e8e8;
}
.boardReadBody .xe_content,
.boardReadBody .rhymix_content {
	font-size: 14px;
	word-break: keep-all; 
	word-wrap: break-word;
}

	/* 비밀 글 */
.boardReadBody .secretMessage { 
	margin:0; 
	padding:0; 
	text-align: center;
}
.boardReadBody .secretMessage p { 
	margin:10px 0; 
	padding:0; 
}
.boardReadBody .secretMessage input[type="password"] {
	width:200px;	
	vertical-align:middle; 
	padding:8px 10px;
	color:#777;
	background: #fff;
	border: 1px solid #e1e1e1;
	box-shadow: inset 0 1px 3px rgba(0,0,0,.1);
	border-radius:3px;
}

.boardReadBody .btn_wrp {
	margin:10px 0;
	text-align:center;
}
 
/* (이 게시물을, 이 댓글을) */
.document_popup_menu {
	margin:10px 0;
	text-align:right; 
}
.comment_popup_menu { 
	text-align:left; 
}
.document_popup_menu a,
.comment_popup_menu a { 
	font-size:11px; 
	text-decoration:none;
	font-weight:normal; 
	color:#999;
}

/* 팝업 메뉴 */
#popup_menu_area { 
	margin:0;
	padding:0; 
	background:#f9f9f9; 
}
#popup_menu_area ul { 
	margin:0; 
	padding:8px;
	list-style:none; 
}
#popup_menu_area li a {
	color:#555;
}
#popup_menu_area li a:hover {
	color:#fff; 
}

.boardReadFooter {
	padding: 30px;
	border-bottom: 1px solid #e8e8e8;
}

	/* 서명 */
.memberSignature { 
	padding: 30px;
	border-bottom: 1px solid #e8e8e8; 
	background: #fff;
}
.memberSignature .profile { 
	margin:0 20px 0 0;
	border:1px solid #e1e1e1;
}
.memberSignature .profile_text { 
	overflow:hidden;
	margin:0;
	color:#555;
}

	/* SNS */
#xet-sns-share {
	display: none;
	z-index: 9000;
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: 0;
	padding: 10px;
	text-align: center;
	background-color: rgba(0,0,0,.8);
}
#xet-sns-share.active {
	display: block;
}
#xet-sns-share > .xet-sns-box {
	max-width: 100%;
	width: 480px;
	margin: 180px auto 0;
	padding: 0;
	background: #fff;
}
.xet-sns-box .sns-box-header {
	padding: 10px;
	font-size: 14px;
	background-color: #fafafa;
	border-bottom: 1px solid #e8e8e8;
	color: #555;
}
#xet-sns-share-close {
	float: right;
	font-size: 18px;
	background: none;
}
.xet-sns-box .sns-box-body {
	padding: 15px;
	background-color: #fff;
}


	/* 첨부파일 (본문,댓글) */
.attachedFile { 
	position:relative;
	overflow:hidden; 
	margin: 0;
	padding: 0; 
	clear:both; 
}
.attachedFile dt img { 
	margin:0; 
	padding:0; 
	vertical-align:top;
}
.attachedFile dt .fileToggle { 
	border:0; 
	margin:0; 
	padding:0; 
	overflow:visible;
	cursor:pointer; 
	font-size:12px; 
	vertical-align:top;
	background:none;
	color:#555;
}
.attachedFile dd { 
	position:relative;
	display:none; 
	margin:5px 10px 5px 0; 
}
.attachedFile.open dd {
	display:block; 
}
.attachedFile dt > i { 
	margin-right: 5px;
}
.attachedFile ul.files { 
	position:relative; 
	margin:0; 
	padding:0; 
	clear:both;
	list-style:none; 
	text-align:left; 
}
.attachedFile ul.files * { 
	display:inline-block;
	*display:inline; 
	padding:0;
	margin:0; 
	font-size:11px; 
}
.attachedFile ul.files li { 
	position:relative; 
	margin:0 10px 0 0;
}
.attachedFile ul.files a { 
	position:relative; 
	*zoom:1; 
	text-decoration:none !important; 
	padding-left:15px; 
	background:url(../img/common/iconFile.gif) no-repeat left center; 
	color:#555;
}
.attachedFile ul.files a .bubble {
	display:none; 
	z-index:100; 
	position:absolute;
	top:-20px; 
	left:0; 
	padding:2px 5px;
	white-space:nowrap; 
	border:1px solid #e1e1e1; 
	background:#f5f5f5;
}
.attachedFile ul.files a:hover .bubble,
.attachedFile ul.files a:active .bubble,
.attachedFile ul.files a:focus .bubble { 
	display:block; 
	color:#ff9900; 
}

	
	/* 태그 */
.boardReadFooter .tag { 
	margin: 0;
	padding: 0; 
	clear: both; 
}
.boardReadFooter .tag * { 
	display:inline; 
	margin:0; 
	padding:0; 
	vertical-align:middle;
}
.boardReadFooter .tag dt { 
	margin-right: 5px; 
}
.boardReadFooter .tag dd { 
	margin-right: 5px; 
}
.boardReadFooter .tag dd a { 
	font-size: 11px;
	color:#555;
}
	/* 엮인글 */
.boardReadFooter .trackbackURL { 
	margin: 0;
	padding: 0; 
	clear: both; 
}
.boardReadFooter .trackbackURL * { 
	display:inline; 
	margin:0;
	padding:0;
}
.boardReadFooter .trackbackURL dt { 
	margin-right:5px; 
}
.boardReadFooter .trackbackURL dd { 
	text-decoration:none;
}
.boardReadFooter .trackbackURL a { 
	text-decoration:none;
	color:#999;
}

	/* 이전글, 다음글 */
.boardRead .prev-next {
	padding: 30px;
	background-color: #fff;
}
.boardRead .prev-next ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.boardRead .prev-next li {
	display: block;
	margin: 0;
	padding: 0;
	font-size: 14px;
}
.boardRead .prev-next li strong {
	display: inline-block;
	font-weight: bold;
	margin-right: 5px;
}
.boardRead .prev-next li a {
	font-size: 14px;
	color: #555;
}
.boardRead .prev-next li a:hover {
	color: #000;
}
.boardRead .prev-next li.prev {
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #e8e8e8;
}
.boardRead .prev-next li.nomore {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: 0;
}



.viewDocument .boardNavigation {
	border: 0;
}

/* comment form */
.commentEditor {
	margin-top: 15px;
}

	
	/* colorset - board_dark */
	#xet_board.black .boardRead { 
		background: #1b1b1b;
		border-color: #333;
	}
	#xet_board.black .boardReadHeader {
		border-top-color: #111;
		border-bottom-color: #333;
	}
	#xet_board.black .boardReadHeader .titleArea .title { 
		color:#fff;
	}
	#xet_board.black .boardReadHeader .title_info {
		color:#aaa;
	}
	#xet_board.black .boardReadHeader .title_info .profile {
		border-color:#333; 
	}
	#xet_board.black .boardReadHeader .title_info span.info,
	#xet_board.black .boardReadHeader .title_info .count.b2 {
		border-color:#3b3b3b; 
	}
	#xet_board.black .boardReadHeader .title_info span { 
		color:#ccc;
	}
	#xet_board.black .boardReadHeader .title_info .author {
		color:#ccc;
	}	

	#xet_board.black .extraVarsView { 
		background-color: #000;
	}
	#xet_board.black .extraVarsView th,
	#xet_board.black .extraVarsView td { 
		border-color: #333;
		color: #ccc;
	}
	#xet_board.black .extraVarsView th {
		border-color: #333;
	}
	#xet_board.black .extraVarsView td a {
		color: #ccc;
	}
	#xet_board.black .display_movie,
	#xet_board.black .boardReadBody { 
		background-color: #000;
		border-color: #333;
	}
	#xet_board.black .boardReadBody .secretMessage input[type="password"] {
		background-color: #000;
		border-color: #333;
		color: #ccc;
	}
	#xet_board.black .boardReadFooter { 
		border-color: #333; 
	}
	#xet_board.black .memberSignature { 
		border-color: #333; 
		background: #000;
	}
	#xet_board.black .memberSignature .profile { 
		border-color: #333;
	}
	#xet_board.black .memberSignature .profile_text { 
		color: #ccc;
	}
	#xet_board.black .attachedFile dt .fileToggle { 
		color:#ccc;
	}
	#xet_board.black .boardReadFooter .tag dd a { 
		color:#ccc;
	}
	#xet_board.black .boardRead .prev-next {
		background: #000;
		border-color: #333;
	}
	#xet_board.black .boardRead .prev-next li.prev {
		border-color: #333;
	}
	#xet_board.black .boardRead .prev-next li a {
		color: #ccc;
	}
	


@media (max-width: 767px) {
	.boardRead {
		border: 0;
		background: none;
		box-shadow: none;
	}
	.boardReadHeader {
		padding: 0;
		border-top: 0;
	}
	.boardReadHeader .title_info {
		padding: 10px 0;
		margin-top: 0;
	}
	.boardReadHeader .title_info span.info:first-child {
		display: block;
	}
	.boardReadHeader .title_info span.info {
		padding: 0 5px 0 0;
		margin: 0 5px 0 0;
		border-left: 0;
	}
	.boardReadHeader .title_info .float_right {
		float: left;
	}
	.boardReadBody {
		padding: 15px 0;
		background: none;
	}
	.extraVarsView {
		background: none;
	}
	.memberSignature {
		padding: 15px 0;
		background: none;
	}
	.boardReadFooter {
		padding: 15px 0;
	}
	.boardRead .prev-next {
		padding: 15px 0;
		background: none;
		border-bottom: 1px solid #e8e8e8;
	}
	
	/* colorset - board_dark */
	#xet_board.black .boardRead { 
		background: none;
	}
	#xet_board.black .extraVarsView { 
		background: none;
	}
	#xet_board.black .display_movie,
	#xet_board.black .boardReadBody { 
		background: none;
	}
	#xet_board.black .boardReadBody .secretMessage input[type="password"] {
		background: none;
	}
	#xet_board.black .memberSignature { 
		background: none;
	}
	#xet_board.black .boardRead .prev-next {
		background: none;
		border-color: #333;
	}
}

/* Popup View */
body.popup-body {
	margin: 0 auto;
	padding: 15px 0 15px;
	background: transparent;
	-ms-overflow-style: none;
}
body.popup-body .viewDocument {		
	max-width: 1400px;
	margin: 0 auto;		
}
@media (min-width: 992px) {	
	
}