/* 4분할 */
.expend{
	width			: 100vw;
	height			: 100vh;
	display			: flex;
}
.expend li{
	width			: 25%;
	height			: 100%;
}
.expend li{
	width			: 25%;
	height			: 100%;
	position		: relative;
	top				: 0;
	left			: 0;
}
.expend li .bgShield{
	background-color: rgba(0,0,0,0.6);
	width			: 100%;
	height			: 100%;
	cursor			: pointer;
}

.expend li .bgShield:hover{
	background-color: rgba(0,0,0,0);
}

.expend li .bgShield .expendInfoWrap{
	width			: 140px;
	height			: 60px;
	padding			: 10px 20px;
	border			: 1px solid #fff;
	text-align		: center;
	vertical-align	: middle;
	font-weight		: 700;
	font-size		: 14px;
	color			: #fff;
	position		: absolute;
	top				: 50%;
	left			: 50%;
	transform		: translate(-50%, -50%);
	-webkit-transform		: translate(-50%, -50%);
	box-sizing		: border-box;
}
.expend li .bgShield .expendInfoWrap span{
	position		: absolute;
	top				: 50%;
	left			: 50%;
	transform		: translate(-50%, -50%);
	-webkit-transform		: translate(-50%, -50%);
	box-sizing		: border-box;
}

.expend li .bgShield .expendInfoPlus{
	width			: 50px;
	height			: 50px;
	border			: 1px solid #fff;
	border-radius	: 100px;
	text-align		: center;
	vertical-align	: middle;
	font-weight		: 700;
	font-size		: 14px;
	color			: #fff;
	position		: absolute;
	top				: 60%;
	left			: 50%;
	transform		: translate(-50%, -50%);
	box-sizing		: border-box;
	padding			: 10px;
}

.expend li .bgShield .expendInfoPlus img{
	width			: 30px;
	position		: absolute;
	top				: 50%;
	left			: 50%;
	transform		: translate(-50%, -50%);
	box-sizing		: border-box;
}



/* roomView */
#roomViewTitle{
	font-size		: 80px;
	font-weight		: 700;
	color			: #fff;
	position		: absolute;
	top				: 15%;
	left			: 50%;
	transform		: translate(-50%, -50%);
}
#roomViewTitle span{
	color			: #ee0000;
}

#roomViewWrap{
	width			: 90%;
	position		: absolute;
	top				: 50%;
	left			: 50%;
	transform		: translate(-50%, -50%);
}

#roomViewUl{
	font-size:14px;
}

#roomViewUl li{
	padding			: 20px;
	background-color: #fff;
	box-sizing		: border-box;
	text-align		: center;
	color			: #666;
}

#roomViewUl li .roomName{
	font-size		: 18px;
	font-weight		: 700;
	margin			: 10px 0 10px 0;

}

/* 1p video icon */
#videoIcon {
	position		: absolute;
	z-index			: 2;
	left			: 0;
	top				: 50%;
	transform		: translateY(-50%);
	-webkit-transform		: translateY(-50%);
	width			: 150px;
	height			: 20px;
	border-bottom	: 1px solid #fff;
	vertical-align	: middle;
	padding-left	: 15px;
}

#videoIcon img {
	
	vertical-align	: middle;
}

#videoIcon span {
	font-size		: 14px;
	color			: #fff;
	line-height		: 20px;
	padding-left	: 5px;
	vertical-align	: middle;
	cursor			: default;
}

/* 1p - 동영상일 경우 layer */
#layer {
	width				: 100vw;
	height				: 100vh;
	/* background-color	: rgba(0, 0, 0, 0.5); */
	background			: url('/main/images/common/icon/videoBg.png');
	position			: absolute;
	top					: 0;
	left				: 0;
	z-index				: 1;
}

/***********************
	etcMenuWrap 
************************/

#etcMenuWrap.etcMenuWrap {
	position			: fixed !important;
	top					: 0!important;
	right				: 0!important;
	width				: 68px;
	height				: 100%;
	border-left			: 1px solid #fff;
	z-index				: 3;
	left				: auto;
	background-color	: transparent;
	display				: block;
}

#etcMenuWrap:after {
	content				: '';
	clear				: both;
	display				: block;
}

#etcMenuWrap.etcMenuWrap > * {
	border				: 1px solid #fff;
	width				: 100%;
	height				: 68px;
	text-align			: center;
	background-color	: transparent;
}

#etcMenuWrap.etcMenuWrap a{
	display				: block;
	font-size			: 12px;
	width				: 100%;
	height				: 100%;
	color				: #fff;
	text-align			: center;
	box-sizing			: border-box;
    padding-bottom		: 5px;
}

#etcMenuWrap #etcMenu.etcMenu {
	cursor				: pointer;
	color				: #fff;
	font-size			: 12px;
	border-left			: none;
	border-bottom		: none;
}

#etcMenuWrap #reservation.reservation {
	border-left			: none;
}

#etcMenuWrap #adminLinkWrap.adminLinkWrap  {
	border				: none;
	border-top			: 1px solid #fff;
	position			: absolute;
	bottom				: 0;
	right				: 0;
	top					: auto;
}

/***********************
	logWrap 
************************/
#logWrap{
	position: fixed;
	top: 10px;
	left: 50%;
	transform	: translateX(-50%);
	-webkit-transform	: translateX(-50%);
	z-index: 9999999;
}

#logWrap a {
	display	: block;
	width	: 100%;
	height	: 100%;
}

/***********************
	#mainMenu - 서브뉴 메인페이지에서 
************************/
#mainMenu > li ul li {
	 padding				: 11px 0; 
}