@charset "utf-8";

/* View CSS */
.view-head-wrap { padding:0px 10px 10px; border-bottom:1px solid #ddd; }
.view-head-line { clear:both; height:10px; font:1px; }
.view-head { position: relative; }
.view-head ul { margin:0px; padding:0px; color:#888; font:normal 11px dotum; letter-spacing:-1px; list-style:none; }
.view-head ul.view-info { position: absolute; left: 152px; top: 165px; }
.view-head ul.view-btn  { position: absolute; top: 162px; right: 0px; }
.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.view-btn li { background-image: none !important; padding-left: 3px !important; padding-right: 3px !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 { color:#333; background:none !important; padding:0px !important; height: 24px; line-height: 24px !important; margin-top: 13px !important; }
.view-head .xp-icon { font-weight:bold; }
.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; }
.view-head .view_level_info { margin-top: 24px; }
.view-mobile-icon { color:#aaa; font-size:14px;}

/* PC */
.view-head-wrap .emo { float:left; padding:0px 12px 0px 0px; }
.view-head-wrap .emo img { border:4px solid #eee; display:block; width:150px; height:150px; }
.view-head h1.view-subject { font-weight:bold; font-size:15pt; font-family:'Nanum Gothic', dotum; letter-spacing:-1px; line-height:1.4; margin:0px; padding:7px 0px; }

/* Mobile */
.view-head-wrap .m-emo { float:left; padding:0px 10px 0px 0px; }
.view-head-wrap .m-icon { font:normal 11px dotum; padding-left:11px !important; }
.view-head-wrap .m-emo img { border:3px solid #eee; display:block; width:40px; height:40px; }
.view-head h1.m-view-subject { font-weight:bold; font-size:13pt; font-family:'Nanum Gothic', dotum; letter-spacing:-1px; line-height:1.4; margin:0px; padding:2px 0px 0px; }
.view-head .m-view-info li { font-size:11px }

ul.view-attach { color:#888 !important; list-style:disc !important; padding:10px 30px; margin:0px; background:#fafafa; }
ul.view-attach a { color:#888; text-decoration:none; }
ul.view-attach a:hover { color:orangered; text-decoration:none; }
ul.view-attach li { font:normal 12px dotum !important; line-height:1.7 !important; }
ul.view-attach .cnt { font:normal 11px dotum; color:#ff6600; }
ul.view-attach .msg-po-down { font:normal 12px dotum; color:#333; }
ul.view-attach .msg-po-view { font:normal 12px dotum; color:#333; }
ul.view-attach .msg-choice { font:normal 12px dotum; color:#333; }
.view-content { clear:both; padding:15px 10px !important; overflow:hidden; line-height:1.8; word-break:break-all; }
.view-content p { padding:0px; margin:0px; }
.view-content 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:10px 10px 0px; 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:10px; }

/* Daum View */
#as-view .daum-view { margin:15px 0px; text-align:center; }
#as-view .view-like { padding:10px 10px 5px; margin:0px 0px 10px; text-align:center; background:#fafafa; border:1px solid #ddd; }

/* CCL */
.view-ccl {	border:1px solid #ddd; background:#fafafa; margin:10px 0px; padding:10px; line-height:1.7; }
.view-ccl img {	text-align:right: border:0px; margin-right:6px; vertical-align:middle;}

.head-div { height: 2px; }
.view-head-line { display: none; }