@charset "utf-8";

@import url("../app/Font-Awesome/css/font-awesome.min.css");
@import url("../app/fancyBox2/source/jquery.fancybox.css?v=2.1.5");

/* Common CSS */
.mbLayer { border-collapse:collapse; margin:0px; border-top:4px solid #000; border-bottom:4px solid #000; }
.mbLayer td { background:#000; padding:4px 10px; letter-spacing:-1px; }
.mbLayer td a { color:#fff !important; white-space:nowrap; }
.mbLayer td i { margin-right:8px; }
img { border:0px; }
.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;width:1px !important;height:1px !important;font-size:0 !important;line-height:0 !important;overflow:hidden}
.clear { width: 100%; height: 0px; overflow: hidden; clear: both; }
.none { display:none; }
.right { float:right; }
.left { float:left; }
.br { clear:both; height:6px; padding:0px; margin:0px; }
.img-space, .img-space img { text-align:center; border:0px; }
.xp-icon { font-size:10px; font-family:verdana; letter-spacing:-1px; }
.wr-t { width:40px; }
.wr-s {	width:80px; }
.wr-m {	width:120px; }
.wr-l {	width:72%; min-width:240px; }
.wr-max { width:98%; }
.no-wrap { display:block; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; }
#loading-icon {	position:fixed; top:50%; left:50%; margin-top:-40px; margin-left:-40px;text-align:center; background: rgb(255, 255, 255); padding:15px; border:1px solid #ddd; border-radius: 10px; z-index: 100; -webkit-border-radius: 10px; -moz-border-radius: 10px;}

/* Tack Style */
.tack-blue, .tack-green, .tack-red { display:inline-block; cursor:pointer; padding:4px 12px 4px 15px; font-size:12px; color:#fff; text-decoration:none; }
.tack-blue { background:url('../img/tack_blue.gif') no-repeat left center; }
.tack-green { background:url('../img/tack_green.gif') no-repeat left center; }
.tack-red { background:url('../img/tack_red.gif') no-repeat left center; }
.tack-blue-r, .tack-green-r, .tack-red-r { display:inline-block; cursor:pointer; padding:4px 15px 4px 12px; font-size:12px; color:#fff; text-decoration:none; }
.tack-blue-r { background:url('../img/tack_blue_r.gif') no-repeat right center; }
.tack-green-r { background:url('../img/tack_green_r.gif') no-repeat right center; }
.tack-red-r { background:url('../img/tack_red_r.gif') no-repeat right center; }

/* Icon */
.good-icon { letter-spacing:0px; padding-left:14px; background: url('../img/icon_good.gif') no-repeat left top; color:#f4695b; font-weight:normal; }
.nogood-icon { letter-spacing:0px; padding-left:14px; background: url('../img/icon_nogood.gif') no-repeat left top; color:#29abf2; font-weight:normal; }
.cmt-icon {	letter-spacing:0px; padding-left:14px; background: url('../img/icon_cmt.gif') no-repeat left top; color:#888; font-weight:normal; }
.hit-icon {	letter-spacing:0px; padding-left:14px; background: url('../img/icon_hit.gif') no-repeat left top; color:#888; font-weight:normal; }
.lock-icon { padding-left:14px; background: url('../img/icon_blind.gif') no-repeat left top; font-weight:normal; }
.shingo-icon { padding-left:14px; background: url('../img/icon_shingo.gif') no-repeat left top; font-weight:normal; }

/* SNS */
ul.send_sns { float:right; margin:0px; padding:0px; list-style:none; }
ul.send_sns img { border:0px; }
ul.send_sns li{	float:right; padding:0px; margin:0px; }
ul.send_sns:after {	height: 0px; clear: both; display: block; visibility: hidden; content: ""; }
.sns_w70 { width:70px; margin:5px; border:0px; cursor:pointer; }

/* Button */
.good-btn, .nogood-btn { width:64px; height:20px; padding-right:10px; font:bold 11px verdana; text-align:right; letter-spacing:0px; line-height:19px; cursor:pointer; }
.good-btn {	background: url('../img/btn_good.gif') no-repeat left center; color:#f4695b; }
.nogood-btn { background: url('../img/btn_nogood.gif') no-repeat left center; color:#888; }

/* Image Resezing */
.attach-img { display:block; text-align:center; }
.attach-img .aimg, .attach-img .mimg { margin:0px auto; display:block; }
img.aimg { cursor:pointer; }
img.mimg { max-width:98%; height:auto; }

/* Delete Code */
.thumb { position:relative; margin:0px auto; text-align:left; cursor:pointer; overflow:hidden; }
.thumb img { border:0px; display:block; }
.thumb-icon { top:0px; left:0px; position:absolute; width:100%; height:100%; display:block; }
.thumb-no-black { background:#444444 url('../img/no_thumb.png') no-repeat center center; }
.thumb-no-white { background:#f5f5f5 url('../img/no_thumb.png') no-repeat center center; }
.thumb-new-l { background: url('../img/thumb_new_l.png') no-repeat top left; }
.thumb-new-m { background: url('../img/thumb_new_m.png') no-repeat top left; }
.thumb-new-s { background: url('../img/thumb_new_s.png') no-repeat top left; }
.thumb-hot-l { background: url('../img/thumb_hot_l.png') no-repeat top left; }
.thumb-hot-m { background: url('../img/thumb_hot_m.png') no-repeat top left; }
.thumb-hot-s { background: url('../img/thumb_hot_s.png') no-repeat top left; }
.thumb-video-l { background: url('../img/thumb_video_l.png') no-repeat top left; }
.thumb-video-m { background: url('../img/thumb_video_m.png') no-repeat top left; }
.thumb-video-s { background: url('../img/thumb_video_s.png') no-repeat top left; }

/* Bar CSS */
ul.bar11 { margin:0px; padding:0px; color:#888; font-weight:normal; font-size:11px; letter-spacing:-1px; list-style:none; }
ul.bar11 li{ float:left; position:relative; padding:0px 9px 0px 10px !important; margin:0px; background:url('../img/bar11.gif') no-repeat 0px 1px !important; line-height:11px !important; border:0px !important; }
ul.bar11 li a {	color:#888888; text-decoration:none; }
ul.bar11 li a:hover { color:orangered; text-decoration:none; }
ul.bar11 li.first{ padding:0px 9px 0px 0px !important; background:none !important; }
ul.bar11 li.last{ padding:0px 0px 0px 10px !important; }
ul.bar11:after { height: 0px; clear: both; display: block; visibility: hidden; content: ""; }
ul.bar11c {	margin:0px; padding:0px; color:#888; font-weight:normal; font-size:11px; letter-spacing:-1px; list-style:none; }
ul.bar11c li { display:inline; position:relative; padding:0px 9px 0px 10px !important; margin:0px; background:url('../img/bar11.gif') no-repeat 0px 1px !important; line-height:11px !important; border:0px !important; }
ul.bar11c li a { color:#888888; text-decoration:none; }
ul.bar11c li a:hover { color:orangered; text-decoration:none; }
ul.bar11c li.first{	padding:0px 9px 0px 0px !important; background:none !important; }
ul.bar11c li.last{ padding:0px 0px 0px 10px !important; }
ul.bar11c:after { height: 0px; clear: both; display: block; visibility: hidden; content: ""; }
ul.bar11 span.cnt, ul.bar11c span.cnt {	letter-spacing:0px; font-weight:normal; }

/* Star CSS */
.star-l { width:100px; vertical-align:middle; text-align:left !important; display:inline-block; overflow:hidden; height:25px; background:transparent url('../img/star/star_mask_l.png') no-repeat;}
.star-l span { float:left; display:inline-block; overflow:hidden; height:25px; font-size:0; line-height:0; text-indent:-100px; *text-indent:0; vertical-align:top; }
.star-l span.gold { background:transparent url('../img/star/star_gold_l.png') no-repeat; }
.star-l span.red { background:transparent url('../img/star/star_red_l.png') no-repeat; }
.star-l span.blue { background:transparent url('../img/star/star_blue_l.png') no-repeat; }
.star-l span.green { background:transparent url('../img/star/star_green_l.png') no-repeat; }
.star-l span.orange { background:transparent url('../img/star/star_orange_l.png') no-repeat; }
.star-l span.violet { background:transparent url('../img/star/star_violet_l.png') no-repeat; }

.star-m { width:70px; vertical-align:middle; text-align:left !important; display:inline-block; overflow:hidden; height:12px; background:transparent url('../img/star/star_mask_m.png') no-repeat; }
.star-m span{ float:left; display:inline-block; overflow:hidden; height:12px; font-size:0; line-height:0; text-indent:-100px; *text-indent:0; vertical-align:top; }
.star-m span.gold { background:transparent url('../img/star/star_gold_m.png') no-repeat; }
.star-m span.red { background:transparent url('../img/star/star_red_m.png') no-repeat; }
.star-m span.blue { background:transparent url('../img/star/star_blue_m.png') no-repeat; }
.star-m span.green { background:transparent url('../img/star/star_green_m.png') no-repeat; }
.star-m span.orange { background:transparent url('../img/star/star_orange_m.png') no-repeat; }
.star-m span.violet { background:transparent url('../img/star/star_violet_m.png') no-repeat; }

.star-s { width:55px; vertical-align:middle; text-align:left !important; display:inline-block; overflow:hidden; height:10px; background:transparent url('../img/star/star_mask_s.png') no-repeat; }
.star-s span{ float:left; display:inline-block; overflow:hidden; height:10px; font-size:0; line-height:0; text-indent:-100px; *text-indent:0; vertical-align:top; }
.star-s span.gold { background:transparent url('../img/star/star_gold_s.png') no-repeat; }
.star-s span.red { background:transparent url('../img/star/star_red_s.png') no-repeat; }
.star-s span.blue { background:transparent url('../img/star/star_blue_s.png') no-repeat; }
.star-s span.green { background:transparent url('../img/star/star_green_s.png') no-repeat; }
.star-s span.orange { background:transparent url('../img/star/star_orange_s.png') no-repeat; }
.star-s span.violet { background:transparent url('../img/star/star_violet_s.png') no-repeat; }

/* Auto Size CSS */
.auto-size { position:relative; height: 0; padding-bottom: 56.25%; overflow: hidden; }
.auto-size iframe, .auto-size object, .auto-size embed .auto-size img { position: absolute;	top: 0;	left: 0; width: 100%; height:100%; }

/* Member Photo */
.my-photo { cursor:pointer; }

/* Linked iFrame */
#LinkedFrame { border:0px; overflow:none; }

/* Capcha */
.captcha_msg { display:block; padding:2px 0px 4px; }
#kcaptcha_image { float:left; border:0px !important; margin-right:6px; }
#captcha img { border:1px solid #ddd !important; border-right:0 !important; }
#captcha_mp3 img { border:1px solid #ddd !important; border-left:0 !important; border-right:0 !important; background:#494949; }
#mp3_embed { position:absolute; top:0; left:0; width:1px; height:1px; overflow:hidden; } /* 익스 8 이하에서 음성캡챠 실행 스타일 */
#captcha_key { margin-left:6px !important; }
