﻿/* View CSS */
.hd_line {
	clear:both; height:10px; font:1px;
}
.view_head {
	padding:0px 10px 10px; border-bottom:1px solid #ddd;
}
.view_head h2 {
	display:none;
}
/* PC */
.view_head .emo {
	float:left; padding:0px 12px 0px 0px;
}
.view_head .emo img {
	border:4px solid #eee; display:block; width:56px; height:56px;
}
.view_head h1.v_subject {
	font:bold 15pt dotum; letter-spacing:-1px; line-height:1.4; margin:0px; padding:7px 0px;
}

/* Mobile */
.view_head .m_emo {
	float:left; padding:0px 10px 0px 0px;
}
.view_head .m_icon {
	font:normal 11px dotum; padding-left:11px !important;
}
.view_head .m_emo img {
	border:3px solid #eee; display:block; width:40px; height:40px;
}
.view_head h1.m_v_subject {
	font:bold 13pt dotum; letter-spacing:-1px; line-height:1.4; margin:0px; padding:2px 0px 0px;
}

/* Common */
.view_subject {
	float:left;
}
.view_head ul {
	margin:0px; padding:0px; color:#888; font:normal 11px dotum; letter-spacing:-1px; list-style:none;
}
.view_head ul li {
	float:right; display:inline; padding:0px 10px 0px 9px !important; margin:6px 0px 0px !important; background:url('./img/view_bar.gif') no-repeat 0px 1px !important; line-height:11px !important;
}
.view_head ul li a {
	color:#888; text-decoration:none;
}
.view_head ul li a:hover {
	color:orangered; text-decoration:none;
}
.view_head ul li.last{
	background:none !important;
}
.view_head .name {
	float:left; color:#333; background:none !important; padding:0px !important;
}
.view_head .member, .view_head .guest, .view_head .sv_member, .view_head .sv_guest {
	font-weight:bold !important; font-size:12px; color:#333 !important;
}
.view_head .cnt {
	letter-spacing:0;
}
ul.attach {
	color:#888 !important; list-style:disc !important; padding:10px 30px; margin:0px; background:#fafafa;
}
ul.attach a {
	color:#888; text-decoration:none;
}
ul.attach a:hover {
	color:orangered; text-decoration:none;
}
ul.attach li {
	font:normal 12px dotum !important; line-height:1.7 !important;
}
ul.attach .cnt {
	font:normal 11px dotum; color:#ff6600;
}
ul.attach .msg_po_down {
	font:normal 12px dotum; color:#333;
}
ul.attach .msg_po_view {
	font:normal 12px dotum; color:#333;
}
ul.attach .msg_choice {
	font:normal 12px dotum; color:#333;
}
.viewContents { 
	clear:both; padding:15px 10px !important; overflow:hidden; line-height:1.8; word-break:break-all;
}
.viewContents p { 
	padding:0px; margin:0px;
}
.viewContents br { 
	padding:0; margin:0;
}
.view_tag {
	padding:0px 10px 10px; line-height:1.7;
}
.view_opt_tbl {
	width:100%; padding:0px; margin:0px; border:0px;
}
.view_opt_tbl td {
	padding:0px;
}
.view_opt {
	padding:0px 10px; margin:0px; list-style:none; float:left; display:inline;
}
.view_opt li {
	padding:0px; margin:0px; padding-bottom:10px; list-style:none; float:left; display:inline;
}
.view_opt img{
	border:0px; vertical-align:middle; margin-right:5px;
}
.view_opt span{
	color:#787878; padding-right:15px;
}
.view_sns {
	padding:0px 10px 10px;
}
.view_sns img {
	margin-top:10px
}

/* Daum View */
#bo_v_atc .daum-view {
	margin:15px 0px; text-align:center;
}

.view-like {
	padding:10px 10px 5px; margin:0px 0px 10px; text-align:center; background:#fafafa; border:1px solid #ddd;
}