@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 ul {	margin:0px; padding:0px; color:#888; font-size:11px; font-weight:normal; 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 .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-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:56px; height:56px; }
.view-head h1.view-subject { font-weight:bold; font-size:15pt !important; letter-spacing:-1px; line-height:1.4; margin:0px !important; padding:0px 0px 6px !important; }

/* 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 !important; letter-spacing:-1px; line-height:1.4; margin:0px; padding: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 { line-height:1.7 !important; }
ul.view-attach .cnt { font:normal 11px dotum; color:#ff6600; }
ul.view-attach .msg-po-down { font-size:12px; font-weight:normal; color:#333; }
ul.view-attach .msg-po-view { font-size:12px; font-weight:normal; color:#333; }
ul.view-attach .msg-choice { font-size:12px; font-weight:normal; color:#333; }
.view-content { clear:both; padding:20px 0px 20px 0px !important; overflow:hidden; line-height:1.8; word-break:break-all; font-family:Nanum Gothic;}
.view-content p { padding:0px; margin:0px; }
.view-content br { padding:0; margin:0; }
.view-content blockquote { font-size:12px; }
.view-content.m-view-content { font-size:14px; }
.view-content.m-view-content blockquote { font-size:14px; }
.view-tag {	padding:0px 10px 10px 0px !important; line-height:2.0; color:#FFF !important; }

.view-link { margin:10px; padding:7px 20px; background-color:#000; color:#FFF; }
.view-link { -moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; }
.view-link:hover { background-color:#F00; }

.view-tag a { padding:5px 10px !important; background-color:#EEE; border:1px solid #CCC !important; line-height:2.0 !important; }


.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;}

/* Lucky Point */
.view-lucky { font:normal 11px verdana; color:#333; margin:0px; padding:0px; padding-top:10px; text-align:center; }
.view-lucky-point { color:orangered; font-weight:bold; }