@charset "utf-8";

.search .search-action{
	display:none;
}


.search-form__wrapper{
	padding:0px 0px;
	border-bottom:1px solid #c2c2c2;
}

.searchform{
	
}


.search--text{
	border: 1px solid #ccc;
	border-radius:100px;
	
	
	padding:8px 15px;
	margin:5px 0px;
	font-size:1.5rem;
	display:block;
	width:100%;
	outline:none;
	line-height: 1.2;
}


.search-result__wrapper{
	
}





/**
 * 	MOBILE
 * 	- Search Recommendation Section
 */
.search-recommendation--title{
	font-size:0.825rem;
	font-weight:bold;
	color:#888;
	margin:24px 0px 6px;
}

.recommedation-item--list{
	margin:0px;
	padding:0px;
	list-style:none;
}

.recommedation-item{
	position:relative;
	padding:10px 0px;
	border-bottom:1px solid #e2e2e2;	
}

.recommedation-item__wrapper:last-child .recommedation-item{
	border-bottom:0px;
}

.recommedation-item:after{
	content:'';
	display:table;
	clear:both;
}

.recommedation-item--thumbnail{
	float:left;
	width:55px;
	border-radius:100%;
	overflow:hidden;
	
	background-repeat: no-repeat;
	background-position: center center;
	background-color: rgba(0, 0, 0, 0.45);
	background-image: url(../images/circles.svg);
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position:relative;
    z-index: 1;
}

.recommedation-item--meta__wrapper{
	position:absolute;
	top:10px;
	right:0;
	bottom:10px;
	left:0;
	border-radius:50px;
	
	-webkit-transition:background-color 0.3s; 
	-moz-transition:background-color 0.3s;
	-o-transition:background-color 0.3s;
	transition:background-color 0.3s;
	
	
}

.recommedation-item--meta__wrapper:hover{
	background-color:rgba(123, 192, 251, 0.1);
}

.recommedation-item--meta__wrapper .material-icons{
	position:absolute;
	right:15px;
	color:#ccc;
	top:50%;
	-webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.recommedation-item--meta{
	position:absolute;
	left:70px;
	top:50%;
	-webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    
}

.recommedation-item--name{
	font-weight:bold;
}

.recommedation-item--name a{
	text-decoration:none;
	color:#333;
}


/**
 * 	MOBILE
 * 	- Search Result Not Found
 */
.search-result-not-found{
	font-size:1.5rem;
	color:#333;
}





@media (max-width: 479px){ /* MDL 모바일 사이즈 */
	
}

@media (max-width: 839px) and (min-width: 480px){ /* MDL 태블릿 사이즈 */
	/**
	 * 	TABLET
	 * 	- Search Recommendation Section
	 */

}

@media (min-width: 840px){ /* MDL 데스크탑 사이즈 */
	/**
	 * 	DESKTOP
	 * 	- Search Recommendation Section
	 */	
	.recommedation-item{
		cursor:pointer;
	}
}

@media (max-width: 1024px) and (min-width: 841px){ /* MDL 데스크탑 사이즈 */
	
}