@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: 'Nanum Gothic', 'dotum'; 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:1px solid #bbb; background:#fff; }
.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:#fff; border:1px dotted #e0e0e0; 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:#dddddd; border:1px solid #aaa; }
.bl-notice .bl-media { border:1px solid #333; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);}
.bl-notice .bl-content { color:#333; padding:20px 15px; line-height:20px; word-break:break-all;  }
.bl-notice .bl-media-top .bl-media { margin-bottom:25px; }
.bl-notice .bl-details { border:1px dotted #aaa; }
.bl-notice .bl-star { display:none; }

/* List */
.bl-list .bl-media { border:1px solid #bbb;
	-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.20); 
	-moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.20); 
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.20); 

}
.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 { padding:10px 15px; margin-bottom:0px; }
.bl-subj-in h2 { border-bottom:1px solid #ccc; padding:10px 15px; margin-bottom:0px; }
.bl-subj-cont h2 { padding-top:0px; margin-top:0px; }
.bl-notice h2 a { color:#000; }
.bl-notice h2 a:hover { color:crimson; }
.bl-notice.bl-subj-out h2 { padding:10px 15px; margin-bottom:0px; }
.bl-notice.bl-subj-in h2 { background:#bbb; border-bottom:1px solid #aaa;  }
.bl-notice.bl-subj-cont h2 a { color:crimson; }
.bl-notice.bl-subj-cont h2 a:hover { color:crimson; }

/* Btn */
.bl-more-box { position:relative; display:block; overflow: hidden;  height:24px; margin-top:20px; }
.bl-more { z-index:2; position:relative; overflow: hidden; width:80px; height:24px; float:left; }
.bl-more a { 
	overflow: hidden; text-align:center; line-height:24px; font-family:"Helvetica";
}
.bl-more a span { 
	line-height:24px;
	display: block; 
	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 );
	color: #fff;
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
}
.bl-more a::before {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	text-align:center;
	width: 100%;
	height: 100%;
	background:#f7480e;
	background:-moz-linear-gradient(top,#f7602d 0%,#f7480e 100%);
	background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#f7602d),color-stop(100%,#f7480e));
	background:-webkit-linear-gradient(top,#f7602d 0%,#f7480e 100%);
	background:-o-linear-gradient(top,#f7602d 0%,#f7480e 100%);
	background:-ms-linear-gradient(top,#f7602d 0%,#f7480e 100%);
	background:linear-gradient(top,#f7602d 0%,#f7480e 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7602d',endColorstr='#f7480e',GradientType=0 );	
	color: #fff;
	content: attr(data-hover);
	-webkit-transition: -webkit-transform 0.4s;
	-moz-transition: -moz-transform 0.4s;
	transition: transform 0.4s;
	-webkit-transform: translateX(-25%);
}
.bl-more a:hover span, .bl-more a:focus span {
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);
	transform: translateX(100%);
}
.bl-more a:hover::before, .bl-more a:focus::before {
	-webkit-transform: translateX(0%);
	-moz-transform: translateX(0%);
	transform: translateX(0%);
}
.bl-more .bl-cmt { }
.bl-more-info { 
	z-index:2; position:relative; overflow: hidden; height:24px; float:left; line-height:24px; text-align:center; color:#fff; padding:0px 10px;
	background:#f7480e;
	background:-moz-linear-gradient(top,#f7602d 0%,#f7480e 100%);
	background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#f7602d),color-stop(100%,#f7480e));
	background:-webkit-linear-gradient(top,#f7602d 0%,#f7480e 100%);
	background:-o-linear-gradient(top,#f7602d 0%,#f7480e 100%);
	background:-ms-linear-gradient(top,#f7602d 0%,#f7480e 100%);
	background:linear-gradient(top,#f7602d 0%,#f7480e 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7602d',endColorstr='#f7480e',GradientType=0 );
}
.bl-more-info a { color:#fff; } 
.bl-more-info a:hover { color:#fff; }
.bl-star {
	position:relative; overflow: hidden; width:86px; height:22px; float:right; line-height:22px; text-align:center; background:#fff; border:1px solid #e0e0e0;
}  

/* Icon */
.bl-new::after { 
	padding: 10px 65px 40px;  
	border: 1px solid rgb(190, 50, 45); 
	bottom: -21px; right: -70px;
	color: rgb(255, 255, 255); 
	font:bold 11px verdana; 
	position: absolute; 
	content: "New"; 
	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-hot::after { 
	padding: 10px 65px 40px; 
	border: 1px solid rgba(0, 0, 0, 0.2); 
	bottom: -23px; right: -70px; 
	color: rgb(255, 255, 255); 
	font:bold 11px verdana; 
	position: absolute; 
	content: "Hot"; 
	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-video::after { 
	padding: 10px 65px 40px; 
	border: 1px solid rgb(17, 17, 17); 
	bottom: -17px; right: -70px; 
	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 65px 40px; 
	border: 1px solid rgb(200, 120, 0); 
	bottom: -8px; right: -70px; 
	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 65px 40px; 
	border: 1px solid rgb(55, 130, 155); 
	bottom: -15px; right: -70px; 
	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; }