/*지정 텍스트 요소에 따라 카드 만듬*/
.cf-grid{
	font-size: 0;
	vertical-align: top;
	
	 /* background: #fff;  */
	overflow:hidden;
	width: 100%;
}

.cf-grid-item{
	
	font-size:14px;
	
	padding: 10px;	
	border:solid #000 1px;
	display: inline-block;
	
	-webkit-border-radius: 5px;
    border-radius: 5px;
    webkit-box-shadow: 0 2px 10px rgba(0,0,0,.2);
    box-shadow: 0 2px 10px rgba(0,0,0,.2);
    
    overflow: hidden;
    
    cursor: pointer;
    
    
    background: #000;
    
   
    width: 360px;
    
 /*    background-position: center center;
  	background-size: cover; */
  	
}

.cf-grid-item .title{
	white-space:nowrap;
	width: 100%;
	
	-webkit-transition: 0.5s;
     -moz-transition:  0.5s;
     -ms-transition:  0.5s;
     -o-transition:  0.5s;
     transition:  0.5s;  
}

.cf-grid-item .sub_msg{
	padding: 5px 0px 15px 0px;
	color: #999;
	
	-webkit-transition: 0.5s;
     -moz-transition:  0.5s;
     -ms-transition:  0.5s;
     -o-transition:  0.5s;
     transition:  0.5s;  
}

.cf-grid-item .imgbox{
	 overflow: hidden;
	 -webkit-transition: 0.5s;
     -moz-transition:  0.5s;
     -ms-transition:  0.5s;
     -o-transition:  0.5s;
     transition:  0.5s;  
}

.cf-grid-item .imgbox .itemimg{
	
	 -webkit-transition: 0.5s;
     -moz-transition:  0.5s;
     -ms-transition:  0.5s;
     -o-transition:  0.5s;
     transition:  0.5s;  
}

.cf-grid-item:hover .itemimg{
	-webkit-transform: scale(1.2);
    transform: scale(1.2);
}

.cf-grid-item:hover .title{
	color: #00bff3;
}

.cf-grid-item:hover .sub_msg{
	color: #fff;
}

/*사이드메뉴*/
.cf-sidemenu{
	
	position: fixed;
	top:0px;
	left:-10000px;
	z-index: 9000;
	background: rgba(0,0,0,.8);
	width:100%;
	height:100%;
	
	overflow-y:scroll; 
	-ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
	
	padding: 80px 20px 0px 20px;
	
	
	transition-property: all;
    transition-timing-function: ease; 
    
    
	/*  -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    
    transition-property: all;
    transition-timing-function: ease;  */
    
   
	
}

.cf-sidemenu-open{
	-webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.cf-sidemenu-close{
	-webkit-transition: 0s;
    -moz-transition: 0s;
    -ms-transition: 0s;
    -o-transition: 0s;
    transition: 0s;
}

.cf-sidemenu::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera*/
}

.cf-sidemenu-on{
	color: #d9534f;
	
}

#cf-sidebar{
	width: 20px;
	height: 100%;
	position: fixed;
	top:0px;
	z-index: 8000;
}

/*슬라이드 배너*/
.cf-bt{
}

.cf-bt .bt{	
	background-color:rgba(00, 00, 00, 0.7);
	width:100%;
	position:relative;
	
}

.cf-bt .bt .contain{
	 width: 100%;	
	 padding: 10px 0px;
}

.cf-bt .bt .contain .btnn {
 	 width: 50px;
 	 height: 100%;
 	 
 	 background-color:rgba(34, 34, 34, 0.7);
 	 position: absolute;
 	 top: 0;
 	 z-index: 1000;
 	 cursor: pointer; 	 
 	 text-align: center;
 	 font-size: 22px;
 	 color: #fff; 	 
}

.cf-bt .bt .contain .btnn.prev {
	left: 0px;
	height: 100%;
	display: table;
	vertical-align: middle;
}
.cf-bt .bt .contain .btnn.next {
	right: 0px;
	height: 100%;
	display: table;  
	vertical-align: middle;
}

.cf-bt .bt .contain .prev:hover .glyphicon,
.cf-bt .bt .contain .next:hover .glyphicon{
	
	 -webkit-transition: 0.7s;
     -moz-transition:  0.7s;
     -ms-transition:  0.7s;
     -o-transition:  0.7s;
     transition:  0.7s; 
	 opacity: 1; 
}

.cf-bt .bt .contain .btnn .glyphicon{
	 display: table-cell;
	 vertical-align: middle;
	 opacity: 0; 
	 -webkit-transition: 0.7s;
     -moz-transition:  0.7s;
     -ms-transition:  0.7s;
     -o-transition:  0.7s;
     transition:  0.7s; 
}

.cf-bt .bt .row {
  width: 100%;
  margin:0px;
  padding-left:50px;
  position: relative;
  left:0px;
}

.cf-bt .bt .rowtransition{
	 -webkit-transition: 0.7s;
     -moz-transition:  0.7s;
     -ms-transition:  0.7s;
     -o-transition:  0.7s;
     transition:  0.7s; 
}

.cf-bt .bt .row .rowinner{
	transition: 450ms -webkit-transform;
  	transition: 450ms transform;
  	transition: 450ms transform, 450ms -webkit-transform;
  	font-size: 0;
  	white-space: nowrap;
  	margin: 10px 0px 0px 10px;
  	padding-bottom: 10px;
}

.cf-bt .bt .item {
		
  	position: relative;
  	z-index:0;
  	display: inline-block;
 
  	margin-right: 10px;
  	font-size:14px;
  	background:#000; 
    /* background: url('/_cinefox.com_v7/assets/images/module/logobg-h.png'); */
  	background-position: center center;
  	background-size: cover;
    
   
    overflow: hidden;
   
    text-align: left;
}

/* PC , 테블릿 가로 (해상도 768px ~ 1023px)*/
@media all and (min-width:768px) and (max-width:1023px) { /*스타일입력*/}

/* 테블릿 세로 (해상도 768px ~ 1023px)*/
@media all and (min-width:768px) and (max-width:1023px) { /*스타일입력*/}

/* 모바일 가로, 테블릿 세로 (해상도 480px ~ 767px)*/
@media all and (min-width:480px) and (max-width:767px) { /*스타일입력*/}

/* 모바일 가로, 테블릿 세로 (해상도 ~ 479px)*/
@media all and (max-width:479px) { /*스타일입력*/}