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

/****************************************************
	Index Wrap Style
*****************************************************/

html,
body {
	position: relative;
	height: 100%;
	margin: 0;
	padding: 0;
	overflow: hidden;
}


/****************************************************
	Index User Style
*****************************************************/
#wrap {
	height: 100%;
}

#wrapper {
	width: 100%;
	height: calc(100vh - 60px);
}

#wrapper iframe {
	width: 100%;
	height: calc(100vh - 60px);
	background-color: transparent;
	overflow: scroll;
}

#bgm {
	position: fixed;
	top: 0;
	right: 0;
	text-align: center;
	width: 145px;
	z-index: -999;
}

#bgm a {
	display: none;
	width: 15px;
	height: 15px;
	text-indent: -999px;
	overflow: hidden;
}

#bgm a.on {
	display: inline-block;
}

#site_bgm_box {
	width: 0px;
	height: 0px;
	overflow: hidden;
}

html.single #header .bgm-btn {
	display: inline-block !important;
}

body #header,
html.single #header {
	display: none;
}