/*
?v=2
*/
.article-container .pagetitle .write-btn {
	position: absolute; top: -3px; right: 0;
}

.article-container .details:after { content: ''; display: block; clear: both; }
.article-container .details {
	margin: 10px 0 0;
	border: 1px solid #d1d1d1;
	background-color: #fff;
}

.article-container .details .details-head:after { content: ''; display: block; clear: both; }
.article-container .details .details-head {
	padding: 25px;
	border-bottom: 1px dashed #d1d1d1;
    background-color: #fbfbfb;
}
.article-container .details .details-head > .details-title {
	float: left;
	font-size: 15px;
}
.article-container .details .details-head > .details-info {
	float: right;
}
.article-container .details .details-head > .details-info > ul:after { content: ''; display: block; clear: both; }
.article-container .details .details-head > .details-info > ul li,
.article-container .details .details-head > .details-info > ul li * {
	font-family: tahoma; font-size: 10px; font-weight: 600; letter-spacing: 0px;
}
.article-container .details .details-head > .details-info > ul li {
	float: left; margin: 0 10px 0 0;
}
.article-container .details .details-head > .details-info > ul li:last-child { margin: 0; }
.article-container .details .details-head > .details-info > ul li:before {
	content: ''; display: inline-block; position: relative; top: 4px;
	width: 16px; height: 16px; margin: 0 5px 0 0;
	background-image: url(/resource/images/misc/sprites_o.png?v=2);
}

.article-container .details .details-head > .details-info > ul li.views:before { background-position: -112px -175px; }
.article-container .details .details-head > .details-info > ul li.likes:before { background-position: -128px -175px; }
.article-container .details .details-head > .details-info > ul li.declaration:before { background-position: -144px -159px; }
.article-container .details .details-head > .details-info > ul li.declaration { color: #e62626; }
.article-container .details .details-head > .details-info > ul li.datetime:before { width: 0; margin: 0; background-image: none; }
.article-container .details .details-head > .details-info > ul li.datetime { font-weight: 500; }

.article-container .details .details-head > .details-info > ul li.declaration-btn:before { width: 0; margin: 0; background-image: none; }
.article-container .details .details-head > .details-info > ul li.declaration-btn a {
	font-family: gulim; font-size: 12px; font-weight: 500; color: #e62626; letter-spacing: -1px;
}


.article-container .details .details-body {
	padding: 25px;
    background-color: #fff; border-bottom: 1px dashed #d1d1d1;
}
.article-container .details .details-body * { font-size: 15px; }
.article-container .details .details-body img,
.article-container .details .details-body iframe { max-width: 100%; }
.article-container .details .writer-info:after { content: ''; display: block; clear: both; }
.article-container .details .writer-info {
	position: relative; padding: 19px 25px;
    border-bottom: 1px dashed #d1d1d1; background-color: #fbfbfb;
}
.article-container .details .writer-info .writer-img {
	float: left; width: 32px; height: 32px; margin: 0 8px 0 0;
	border-radius: 5px; overflow: hidden;
}
.article-container .details .writer-info .writer-img img { width: 100%; height: 100%; }
.article-container .details .writer-info .writer-info-division {
	float: left; position: relative; top: 8px;
}
.article-container .details .writer-info .writer-info-division .ano-user-click { font-size: 13px; }
.article-container .details .writer-info .writer-info-division .ano-user-click .ano-user { left: -50%; }

.article-container .details .writer-info .writer-board-more {
	position: absolute; top: 0; right: 0; padding: 29px 25px 28px;
	font-family: gulim; font-size: 12px; color: #999; letter-spacing: -1px;
}
.article-container .details .writer-info .writer-board-more:hover { color: #e62626; }



.article-container .details .writer-writelist {
    padding: 10px 25px; background-color: #fff;
}
.article-container .details .writer-writelist ul:after { content: ''; display: block; clear: both; }
.article-container .details .writer-writelist ul li {
	float: left; width: 50%;
}
.article-container .details .writer-writelist ul li a {
    display: block; padding: 4px 0; font-size: 13px;
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.article-container .details .writer-writelist ul li a:hover {
    color: var(--point-main);
}
.article-container .details .writer-writelist ul li a img {
    position: relative; top: 4px;
    width: 15px; height: 15px; margin: 0 10px 0 0;
}

.article-container .proc-btns:after { content: ''; display: block; clear: both; }
.article-container .proc-btns {
	margin: 20px 0 0;
}
.article-container .proc-btns .btn-warning {
	float: left;
}
.article-container .proc-btns .btn-danger {
	float: right;
}