/********** mobiles ***************/
/*@media screen and (max-width: 945px) { */
/********** pc header ***************/
.header{
		display: none;
}
/****************mobile header and side_menu****************/
.header-mobile{
	display: ;
}
.qmenu_box{
	display: none;
}

.side_menu{
	display: ;
}


/************ header *************/
.header-mobile{
	margin: auto;
	width:100%;
	border-top: 0px red solid;
	background-color: #FFF;

	box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.05);

	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;

	-webkit-box-orient: horizontal;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;

	-webkit-box-lines: single;
    -moz-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;

	-webkit-box-pack: justify;
    -moz-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;

	-webkit-box-align: center;
    -moz-align-items: center;
    -ms-flex-align: center;
    align-items: center;
	
}

.logo-top{
	margin-left:10px;
	text-align:left;
}
.logo-top img{
	width:80%;
	object-fit: cover;
}

/************ side_menu *************/
	.side_menu .navbar-h{
		border:1px blue solid;
	}
	.side_menu .navbar-h .logo-menu-info{
		height: 100%;
		display: flex;
		flex-flow: column nowrap;
		justify-content: start;
		border: 0px blue solid;
		position: absolute;
		top:0px;
		left:21px;
	}
	.side_menu .logo-menu-info .logo{
		order:1;
		display: block;
		width: 92%;
		height: 56px;
		margin: 10px 0px;
		border: 0px blue solid;
		text-align: left;
	}
	.side_menu .logo-menu-info .logo img{
		cursor: pointer;
		border: 0px blue solid;
	}

.side_menu .navbar-h .mymenu-btn{
	width: 92%;
	order:2;
	display: ;
	border: 0px red solid;
	text-align: center;
}
.side_menu .navbar-h .menu_main{
	order:4;
	display: ;

	margin-top: 10px;
	border: 0px blue solid;
}


	.side_menu .navbar-h .menu-basic{
		display: block;
		position: static;
		width: 98%;
	}

	.side_menu .navbar-h .adminBtn a{
		color: #343434;
		font-weight:  bold;
	}



	.side_menu .navbar-h .menu-basic ul{
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;

		-webkit-box-orient: horizontal;
		-moz-flex-direction: row;
		-ms-flex-direction: row;
		flex-direction: row;

		-webkit-box-lines: multiple;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;

		-webkit-box-pack: justify;
		-moz-justify-content: space-between;
		-ms-flex-pack: justify;
		justify-content: space-between;

		-webkit-box-align: center;
		-moz-align-items: center;
		-ms-flex-align: center;
		align-items: center;

	}

	.side_menu .navbar-h .menu-basic ul li{
		width:50%;
		padding-right: 0px;
		cursor: pointer;
		/* color: var(--font-color); */
		color: #343434;
		font-size: 1.2rem;
		text-align: left;
		letter-spacing: -0px;
		border: 0px blue solid;
		height: 33px;
		line-height:33px;
	}


  .side_menu .navbar-h{
		position: fixed; 
		transition: all 0.5s;
		border: 0px blue solid; 
		width:20px; 
		height: 100%; 
		display: block;
		top:0px;
		right:-0px;
		text-align: center;
		z-index: 999;
	}
		
	.side_menu .navbar-h .btn-left{
		position: sticky;
		right:0px;
		top:40%;
		width:20px;
		height: 200px;
		line-height:200px;
		color: #FFF;
		display: block;
		
		border:0px #red solid;
		cursor: pointer;
	}

	.side_menu .navbar-h .btn-left div{
		width:100%;
		transition: all 0.8s linear;
		text-align: center;
		background-color: #A37373;
		border-radius: 5px 0px 0px 5px;
		border:0px blue solid;
	}


	.side_menu .navbar-h.open{
		width:285px;
		background-color: #F2F2F2;
		right:10px
		border:0px red solid;
		z-index: 999;
	}
	
	.side_menu .navbar-h .btn-left div.open{
		transform: rotateY(180deg);
		color: #FFF;
		/*background-color: #F2F2F2;*/
		background-color: #A37373;
		
		border-radius: 0px;
		border:0px blue solid;
	}

	


/************ side menu_main *****************/

.side_menu .navbar-h .liner{
	order:3;
	margin-bottom:4px;
	height:4px;
	background-color: #FF0000;
	box-shadow: 0px 4px 15px 0px rgba(255, 0, 0, 0.9);
}
.side_menu .navbar-h .menu_main a{
		color: #343434;
		font-size:1.2rem;

		height:40px;
		line-height: 40px;
	}
	.side_menu .navbar-h .menu_main ul{
		display: flex;
		flex-flow: column nowrap;
		justify-content: space-between;
		width:100%;
	}

	.side_menu .navbar-h .menu_txt{
		margin-bottom: 2px;
		text-align: left;
		background-color: #FFF;
		border: 0px blue solid;
	}
	.side_menu .navbar-h .menu-sub{
		display: block;
		position: static;
		background-color: #E2E2E2;
	}
	.side_menu .navbar-h .menu-sub li a{
		font-size: 1.1rem;
	}
	.side_menu .navbar-h .menu-sub li{
		border: 0px blue solid;
		text-align: left;
		padding-left:30px;
		height:35px;
		line-height: 35px;
		background-color: #E2E2E2;
	}

	.side_menu .subMenuBox{
		width:0px;
		height:0px;
		display: none;
	}
	.side_menu .subMenuBox .subMenuList{
		display: none;
	}

/*************  main ******************/
	.main{
			width: 98%;
			margin: auto;
			/*margin-top: 80px;*/
			border: 0px blue solid;
	}
		.main .main_top_m{
			margin: auto; 

			width: 100%; 
			min-height: 200px; 
			
			border: 0px #d9d9d9 solid; 
		}

		.main .main_top_m #srolling12_m img{
			width: 100%; 
			height:100%;
			min-width:320px;
			min-height: 200px; 
			object-fit: cover;
			
			border: 0px #d9d9d9 solid; 
		}


.baord-box-flex{
		width: 100%;
		margin: auto; 
		margin-top:20px;

		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;

		-webkit-box-orient: vertical;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;

		-webkit-box-pack: justify;
		moz-justify-content: space-between;
		-ms-flex-pack: justify;
		justify-content: space-between;

		-webkit-box-align: center;
		-moz-align-items: center;
		-ms-flex-align: center;
		align-items: center;
	
	}

	.baord-box-flex .items.board{
		margin-top:20px;
		width: 98%;
		max-width:378px;
		min-width:320px;
		border:1px #d1d1d1 solid;
	}
/******************* vod *********************/

	.baord-box-flex .items.vod{
		width:98%;
		max-width:378px;
		min-width:320px;
		margin:auto;
		margin-top:40px;
		background-position: center center;
		border: 1px #d9d9d9 solid;

			
	}

	.custom_banner{
		margin:auto;
		margin-top:20px;
		width:98%;

		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;

		-webkit-box-orient: vertical;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;

		-webkit-box-lines: single;
		-moz-flex-wrap: nowrap;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;

		-webkit-box-pack: justify;
		moz-justify-content: space-between;
		-ms-flex-pack: justify;
		justify-content: space-between;

		-webkit-box-align: center;
		-moz-align-items: center;
		-ms-flex-align: center;
		align-items: center;

	}
	.custom_banner img{
		margin-top:20px;
		width:100%;
		max-width: 560px;
	}
	

/*}*/