@charset "utf-8";

/* Common */
.lal-infinite { overflow:hidden; }
.lal-infinite .la-wrap { overflow:hidden; }
.lal-infinite ul { list-style:none; padding:0px; margin:0px; }
.lal-infinite .la-list { position:relative; }
.lal-infinite .la-subj-box { display:block; font-family: 'Nanum Gothic', 'dotum'; font-size:14px; line-height:1.5; padding:8px; }
.lal-infinite .la-subj-box a { color:#000; }
.lal-infinite .la-subj-box a:hover { color:crimson; }
.lal-infinite .la-subj { display:block; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; }
.lal-infinite .la-subj-cmt { display:inline-block; float:right; padding:6px 8px 0px; font-size:0.75em; color:orangered !important; }
.lal-infinite .la-photo { display:inline; float:left; margin-left:-8px; margin-right:10px; }
.lal-infinite .la-photo img { display:block; border:0; width:34px; height:34px; }
.lal-infinite .la-details {display:block; background:#f5f5f5; line-height:34px; height:34px; margin-bottom:8px; color:#888; padding:0px 8px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.lal-infinite .la-details a { color:#888; text-decoration:none; }
.lal-infinite .la-details a:hover { color:#000; }
.lal-infinite .la-details i { margin-right:4px; }
.lal-infinite .la-details .la-edit { float:right; display:inline-block; padding-left:10px; }
.lal-infinite .member, .lal-infinite .guest, .lal-infinite .sv_member, .lal-infinite .sv_guest { color:#888; font-weight:normal; }
.lal-infinite .la-media { position:relative; overflow:hidden; background:#fff; }
.lal-infinite .la-image { display:block; }
.lal-infinite .la-image img { display:block; width:100%; height:auto; border:0px; }
.lal-infinite .la-cont { padding:10px 0px; color:#787878; word-break:break-all;  line-height:1.5; }
.lal-infinite .la-none { width:100%; text-align:center; padding:150px 0px; color:#767676; }

/* Btn */
.bl-more-box { position:relative; display:block; overflow: hidden; height:24px; margin:10px; }
.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; }

/* Icon */
.lal-infinite .la-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 ); 
}
.lal-infinite .la-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 );
}
.lal-infinite .la-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 );  
}

/* Rank Icon */
.lal-infinite .la-rank { position:absolute; top:0; left:0; z-index:10; display:inline-block; color:#fff; min-width:30px; background:#000; font-size:12px; font-family:tahoma; text-align:center; padding:5px; }
.lal-infinite .la-rank-1 { background:crimson; font-weight:bold; }
.lal-infinite .la-rank-2 { background:crimson; font-weight:bold; }
.lal-infinite .la-rank-3 { background:crimson; font-weight:bold; }
.lal-infinite .la-rank-4 { background:crimson; }
.lal-infinite .la-rank-5 { background:crimson; }

/* 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; }