@charset "utf-8";
/* -----------------------------------------------
	* 메인 화면 스타일 정의
--------------------------------------------------
	- 최초 작성일 : 2021.08.15
	- 최초 작성자 : 아보카도
	- 최종 수정일 :
	- 최종 수정자 :
--------------------------------------------------*/

/****************************************************
	메인 레이아웃
****************************************************/

#body {opacity:0;}
#no_design_main {position:relative; padding:50px 0; }
#no_design_main:after {content:""; display:block; position:relative; clear:both;}


/****************************************************
	메인 슬라이드 배너
****************************************************/

#main_visual_box {min-height:100px; background:#000; margin-bottom:20px;}
#main_body {
	max-width:1000px;
	width: calc(50% - 2px);
	display: inline-block;
	vertical-align: top;
	padding: 20px 0;
}

#no_design_main	{
	position: relative;
	padding: 50px 0;
}
#no_design_main:after	{
	content: "";
	display: block;
	position: relative;
	clear: both;
}
hr.padding {
	display: none !important;
}

#body .fix-layout {
	background: rgba(30,30,30,.95) !important;
	border-color: rgba(30,30,30,.95) !important;
	height: 358px !important;
	margin: calc(50vh - 200px) auto !important;
}
#body .fix-layout * {
	color: #ebc63d;
}
@media (max-height: 600px) {
	#body .fix-layout {
		margin: 100px auto;
	}
}

#main_body.banner {
	transform: scale(0.8);
}
#main_body.banner img {
    filter: grayscale(1);
}
#main_body.banner img:hover {
    filter: grayscale(0);
}
.bgm-player,
#admin_gnb { 
	display: block !important;
	text-align: left;
	position: fixed;
	top: calc(50vh - 230px); 
}
.bgm-player {
	left: calc(50vw - 425px);
}
#admin_gnb {
	right: calc(50vw - 375px);
	padding: 0 !important;
	bottom: auto !important;
}