@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: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 .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; font-family:"Nanum Gothic"; 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"; 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;}

/* View Maker Site PC */
.view-maker-site { margin:10px 0px 30px; -webkit-box-shadow: 0 0px 5px 0 rgba(0, 0, 0, 0.20); -moz-box-shadow: 0 0px 5px 0 rgba(0, 0, 0, 0.20); box-shadow: 0 0px 5px 0 rgba(0, 0, 0, 0.20); display:block; }
.view-maker-site-msg { padding:15px; color:#fff; text-overflow:ellipsis; word-wrap:normal; white-space:nowrap; overflow:hidden; border-left:10px solid #54545a;
	background:#212121;
	background:-moz-linear-gradient(top,#383838 0%,#383838 44%,#212121 100%);
	background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#383838),color-stop(44%,#383838),color-stop(100%,#212121));
	background:-webkit-linear-gradient(top,#383838 0%,#383838 44%,#212121 100%);
	background:-o-linear-gradient(top,#383838 0%,#383838 44%,#212121 100%);
	background:-ms-linear-gradient(top,#383838 0%,#383838 44%,#212121 100%);
	background:linear-gradient(top,#383838 0%,#383838 44%,#212121 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#383838',endColorstr='#212121',GradientType=0 );
}
.view-maker-info-wrap { min-height:120px; border:1px solid #aaa; border-top:0px; background:#eaeaea; }
.view-maker-site-info { float:left; }
.view-maker-site-info i { margin-left:12px; }
.view-maker-site-info-photo { margin:15px; float:left; padding:5px; border:1px solid #aaa; background:#fff; -webkit-box-shadow: 0 0px 5px 0 rgba(0, 0, 0, 0.20); -moz-box-shadow: 0 0px 5px 0 rgba(0, 0, 0, 0.20); box-shadow: 0 0px 5px 0 rgba(0, 0, 0, 0.20); }
.view-maker-site-info-info { font-weight:bold; color:#000; text-shadow: 0px 1px 0px white; font-size:13px; float:left; line-height:30px; margin-top:15px; }
.view-maker-site-info-hp { font-weight:bold; color:#000; text-shadow: 0px 1px 0px white; font-size:13px; line-height:30px; display:block; text-overflow:ellipsis; word-wrap:normal; white-space:nowrap; overflow:hidden; width:450px; }
.view-maker-site-info .member, .view-maker-site-info .guest, .view-maker-site-info .sv_member, .view-maker-site-info .sv_guest { font-weight:bold; color:#000; text-shadow: 0px 1px 0px white; }
.view-maker-user-profile { float:right; display:block; text-overflow:ellipsis; overflow:auto; width:270px; height:70px; padding:10px 10px 0px; margin:15px 15px 15px 0px; border:5px solid #fff; line-height:22px; color:#000;
	background:#e0e0e0;
	-webkit-box-shadow: 0 0px 5px 0 rgba(0, 0, 0, 0.50); 
	-moz-box-shadow: 0 0px 5px 0 rgba(0, 0, 0, 0.50); 
	box-shadow: 0 0px 5px 0 rgba(0, 0, 0, 0.50); 
	text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.50); 
}
.view-maker-user-profile span { font-size:14px; font-family:"Helvetica"; color:#000; font-weight:bold !important; text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.40); line-height:23px; }

/* View Maker Site Mobile */
.mview-maker-site { margin:10px 0px 30px; border:1px solid #000; -webkit-box-shadow: 0 0px 5px 0 rgba(0, 0, 0, 0.20); -moz-box-shadow: 0 0px 5px 0 rgba(0, 0, 0, 0.20); box-shadow: 0 0px 5px 0 rgba(0, 0, 0, 0.20); }
.mview-maker-site-msg { padding:15px; color:#fff;
	background:#212121;
	background:-moz-linear-gradient(top,#383838 0%,#383838 44%,#212121 100%);
	background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#383838),color-stop(44%,#383838),color-stop(100%,#212121));
	background:-webkit-linear-gradient(top,#383838 0%,#383838 44%,#212121 100%);
	background:-o-linear-gradient(top,#383838 0%,#383838 44%,#212121 100%);
	background:-ms-linear-gradient(top,#383838 0%,#383838 44%,#212121 100%);
	background:linear-gradient(top,#383838 0%,#383838 44%,#212121 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#383838',endColorstr='#212121',GradientType=0 );
}
.mview-maker-site-info { margin:15px; display:inline-block; }
.mview-maker-site-info i {}
.mview-maker-site-info-info { font-weight:bold; color:#000; text-shadow: 0px 1px 0px white; font-size:14px; float:left; line-height:25px; display:block;  }
.mview-maker-site-info-info span.maker-site { display:block; text-overflow:ellipsis; overflow:hidden; margin-right:15px; } 
.mview-maker-site-info .member, .view-maker-site-info .guest, .view-maker-site-info .sv_member, .view-maker-site-info .sv_guest { font-weight:bold; color:#000; text-shadow: 0px 1px 0px white; }