@charset "utf-8";

/* Common */
.bl-wrap { overflow:hidden; }
.bl-wrap ul { list-style:none; padding:0px; margin:0px; }
.bl-wrap h2 { display:block; font-family: 'dotum', cursive; line-height:1.5; padding:10px 0px; letter-spacing:-1px; }
.bl-wrap h2 a { color:#000; }
.bl-wrap h2 a:hover { color:crimson; }
.bl-wrap input { display:inline !important; vertical-align:middle; margin-right:8px; }
.bl-wrap .bl-subject { display:block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.bl-wrap .bl-comment { display:inline-block; float:right; padding:6px 8px 0px; font-size:0.75em; color:orangered !important; }
.bl-wrap .bl-container { overflow: hidden; }
.bl-wrap .bl-item-wrap { overflow: hidden; border-bottom:1px solid #ddd; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.bl-wrap .bl-item { overflow: hidden; position: relative; }
.bl-wrap .bl-audio-out { margin-top:-15px; margin-bottom:15px; }
.bl-wrap .bl-audio-in { margin-top:-15px; margin-bottom:15px; }
.bl-wrap .bl-none { width:100%; text-align:center; padding:150px 0px; color:#767676; }
.bl-wrap .bl-photo { display:inline; float:left; margin-left:-10px; margin-right:10px; }
.bl-wrap .bl-photo img { display:block; border:0; width:40px; height:40px; }
.bl-wrap .bl-cont { }

/* Details */
.bl-wrap .bl-details {display:block; background:#f5f5f5; line-height:40px; height:40px; margin-bottom:10px; color:#888; padding:0px 10px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.bl-wrap .bl-details a { color:#888; text-decoration:none; }
.bl-wrap .bl-details a:hover { color:#000; }
.bl-wrap .bl-details i { margin-right:4px; }
.bl-wrap .bl-details .bl-edit { float:right; display:inline-block; padding-left:10px; }
.bl-wrap .member, .bl-wrap .guest, .bl-wrap .sv_member, .bl-wrap .sv_guest { color:#888; font-weight:normal; }

/* Media */
.bl-wrap .bl-media {overflow:hidden; background:#fff; position:relative; }
.bl-wrap .bl-media-top .bl-media { display:block; margin:0px 0px 15px; }
.bl-wrap .bl-media-bottom .bl-media { display:block; margin:15px 0px 0px; }
.bl-wrap .bl-media-right .bl-media { float:right; display:inline-block; margin:0px 0px 0px 15px; }
.bl-wrap .bl-media-left .bl-media { float:left; display:inline-block; margin:0px 15px 0px 0px; }
.bl-wrap .bl-image img { display:block; width:100%; height:auto; border:0; }

/* Notice */
.bl-notice .bl-item-wrap { background:#fafafa; border:1px solid #ddd; }
.bl-notice .bl-media { border:1px solid #333; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);}
.bl-notice .bl-content { color:#999; padding:20px 15px; line-height:20px; word-break:break-all;  }
.bl-notice .bl-media-top .bl-media { margin-bottom:25px; }

/* List */
.bl-list .bl-media { border:1px solid #aaa; box-shadow: 0 1px 5px rgba(34, 25, 25, 0.4); }
.bl-list .bl-content { color:#787878; padding:20px 15px; line-height:20px; word-break:break-all;  }
.bl-list.bl-now .bl-item-wrap { background:#fafafa; }

/* Subject */
.bl-subj-out h2 { background:#f5f5f5; padding:10px 15px; margin-bottom:0px; }
.bl-subj-in h2 { border-bottom:1px solid #333; padding:10px 15px; margin-bottom:0px; }
.bl-subj-cont h2 { padding-top:0px; margin-top:0px; }
.bl-notice h2 a { color:#fff; }
.bl-notice h2 a:hover { color:gold; }
.bl-notice.bl-subj-out h2 { background:#333; padding:10px 15px; margin-bottom:0px; }
.bl-notice.bl-subj-in h2 { background:#333; }
.bl-notice.bl-subj-cont h2 a { color:crimson; }
.bl-notice.bl-subj-cont h2 a:hover { color:crimson; }

/* Btn */
.bl-more { margin: 20px 0px 0px; position:relative; bottom:0; padding-bottom:0px; border-bottom-color: rgb(237, 237, 237); border-bottom-width: 0px; border-bottom-style: solid; }
.bl-more a { padding: 9px 9px; color:#fff; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.9); font-family: tahoma, sans-serif; font-size: 12px; font-weight: bold; text-decoration: none; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.bl-more a { color: rgb(255, 255, 255); background:#212125; background:-moz-linear-gradient(top,#38383f 0%,#38383f 44%,#212125 100%); background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#bc1e04),color-stop(44%,#b01a04),color-stop(100%,#17181b));	background:-webkit-linear-gradient(top,#38383f 0%,#38383f 44%,#212125 100%); background:-o-linear-gradient(top,#38383f 0%,#38383f 44%,#212125 100%); background:-ms-linear-gradient(top,#38383f 0%,#38383f 44%,#212125 100%); background:linear-gradient(top,#38383f 0%,#38383f 44%,#212125 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#38383f',endColorstr='#212125',GradientType=0 ); }
.bl-more a:hover { background:#ff3300; background:-moz-linear-gradient(top,#fe6640 0%,#fe6640 44%,#ff3300 100%); background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#bc1e04),color-stop(44%,#b01a04),color-stop(100%,#17181b)); background:-webkit-linear-gradient(top,#fe6640 0%,#fe6640 44%,#ff3300 100%);	background:-o-linear-gradient(top,#fe6640 0%,#fe6640 44%,#ff3300 100%);	background:-ms-linear-gradient(top,#fe6640 0%,#fe6640 44%,#ff3300 100%); background:linear-gradient(top,#fe6640 0%,#fe6640 44%,#ff3300 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#fe6640',endColorstr='#ff3300',GradientType=0 ); }
.bl-more a span { margin:0px 9px; }
.bl-more .bl-cmt { }

/* Icon */
.bl-new::after { padding: 10px 65px; border: 1px solid rgba(0, 0, 0, 0.2); top: 20px; right: -40px; color: rgb(255, 255, 255); font:bold 11px verdana; position: absolute; content: "New"; box-shadow: inset 0px 0px 2px rgba(255,255,255,0.5), 0px 1px 2px rgba(0,0,0,0.3); transform: rotate(45deg); background-color: rgb(76, 180, 32); -webkit-box-shadow: inset 0 0 2px rgba( 255, 255, 255, 0.5), 0 1px 2px rgba( 0, 0, 0, 0.3 ); -moz-box-shadow: inset 0 0 2px rgba( 255, 255, 255, 0.5), 0 1px 2px rgba( 0, 0, 0, 0.3 ); -webkit-transform: rotate( 45deg ); -moz-transform: rotate( 45deg ); -o-transform: rotate( 45deg ); }
.bl-hot::after { padding: 10px 65px; border: 1px solid rgb(190, 50, 45); top: 20px; right: -40px; color: rgb(255, 255, 255); font:bold 11px verdana; position: absolute; content: "Hot"; box-shadow: inset 0px 0px 2px rgba(255,255,255,1), 0px 1px 2px rgba(0,0,0,0.2); transform: rotate(45deg); background-color: rgb(215, 75, 70); -webkit-box-shadow: inset 0 0 2px rgba( 255, 255, 255, 1), 0 1px 2px rgba( 0, 0, 0, 0.2 ); -moz-box-shadow: inset 0 0 2px rgba( 255, 255, 255, 1), 0 1px 2px rgba( 0, 0, 0, 0.2 ); -webkit-transform: rotate( 45deg ); -moz-transform: rotate( 45deg ); -o-transform: rotate( 45deg ); }
.bl-video::after { padding: 10px 60px; border: 1px solid rgb(17, 17, 17); top: 20px; right: -40px; color: rgb(255, 255, 255); font:bold 11px verdana; position: absolute; content: "Video"; box-shadow: inset 0px 0px 2px rgba(255,255,255,0.5), 0px 1px 2px rgba(0,0,0,0.3); transform: rotate(45deg); background-color: rgb(34, 34, 34); -webkit-box-shadow: inset 0 0 2px rgba( 255, 255, 255, 0.5), 0 1px 2px rgba( 0, 0, 0, 0.3 ); -moz-box-shadow: inset 0 0 2px rgba( 255, 255, 255, 0.5), 0 1px 2px rgba( 0, 0, 0, 0.3 ); -webkit-transform: rotate( 45deg ); -moz-transform: rotate( 45deg ); -o-transform: rotate( 45deg ); }
.bl-premium::after { padding: 10px 50px; border: 1px solid rgb(200, 120, 0); top: 20px; right: -40px; color: rgb(255, 255, 255); font:bold 11px verdana; position: absolute; content: "Premium"; box-shadow: inset 0px 0px 2px rgba(255,255,255,1), 0px 1px 2px rgba(0,0,0,0.2); transform: rotate(45deg); background-color: rgb(240, 160, 0); -webkit-box-shadow: inset 0 0 2px rgba( 255, 255, 255, 1), 0 1px 2px rgba( 0, 0, 0, 0.2 ); -moz-box-shadow: inset 0 0 2px rgba( 255, 255, 255, 1), 0 1px 2px rgba( 0, 0, 0, 0.2 ); -webkit-transform: rotate( 45deg ); -moz-transform: rotate( 45deg ); -o-transform: rotate( 45deg ); }
.bl-special::after { padding: 10px 50px; border: 1px solid rgb(55, 130, 155); top: 20px; right: -40px; color: rgb(255, 255, 255); font:bold 11px verdana; position: absolute; content: "Special"; box-shadow: inset 0px 0px 2px rgba(255,255,255,1), 0px 1px 2px rgba(0,0,0,0.2); transform: rotate(45deg); background-color: rgb(70, 170, 200); -webkit-box-shadow: inset 0 0 2px rgba( 255, 255, 255, 1), 0 1px 2px rgba( 0, 0, 0, 0.2 ); -moz-box-shadow: inset 0 0 2px rgba( 255, 255, 255, 1), 0 1px 2px rgba( 0, 0, 0, 0.2 ); -webkit-transform: rotate( 45deg ); -moz-transform: rotate( 45deg ); -o-transform: rotate( 45deg ); }

/* Paging CSS */
.bl-pagebox { padding:7px; background:#fafafa; border-bottom:1px solid #e5e5e5; overflow:hidden; }
.bl-pagebox a {	display:inline-block; padding:5px 8px; font:bold 11px verdana; color:#333; border:1px solid #ccc; margin:0 1px 0 1px; background:#fff; -moz-border-radius:5px; border-radius:5px; -webkit-border-radius:5px; }
.bl-pagebox a:hover { color:#c81818; border:1px solid crimson; }
.bl-write {	float:right; padding:0px; }
.bl-pagelist { float:left; padding:0px; }
.bl-pagelist .bl-pgNow { display:inline-block; padding:5px 8px; font:bold 11px verdana; color:#c81818; }

/* Loader CSS */
#infscr-loading { background: rgb(0, 0, 0); padding: 10px; border-radius: 10px; left: 45%; width: 200px; text-align: center; bottom: 50px; color: rgb(255, 255, 255); position: fixed; z-index: 100; opacity: 0.8; -webkit-border-radius: 10px; -moz-border-radius: 10px; }