@charset "utf-8";

/* 내용관리 */
#ctt {margin:10px 0;padding:20px;background:#fff}
.ctt_admin {text-align:right}
#ctt header h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ctt_con {padding:10px 0;line-height:1.6em}
#ctt_himg img, #ctt_timg img, #ctt_con img {max-width:100%;height:auto;}
.ctt_img {text-align:center}

body:has(div.layer_pop.act) {
	overflow:hidden !important;
	height:100% !important;
	position:fixed !important;
	top:0;
	left:0;
	width:100%;
}

.layer_pop{position:relative;display:none;}
.layer_pop .close_btn{
	background-color:transparent;
	border:0px;
	position:fixed;
	top:15px;
	right:15px;
	z-index:9999999;
	color:#ffffff;
}
.layer_pop .close_btn > i{
	font-size:2rem;
}

.layer_pop.act{
	position:fixed;
	top:0;
	left:0;
	z-index:99999;
	right:0;
	bottom:0;
	background-color:rgba(0,0,0,0.75);
	display:flex;
	flex-direction:column;
}
.layer_pop.act > div{
	position:relative;
	width:100%;
	height:100%;
}
#layer_pop_vr.layer_pop.act > div > iframe{
	width:90%;
	max-width:920px;
	max-height:70vh;
	height:100%;
	position:absolute;
	border:5px solid #000;
	box-shadow:0px 0px 45px rgba(0,0,0,0.75);
	transform:translate(-50%, -50%);
    transform-origin: left top;
    left: 50%;
    top: 50%;
}
#layer_pop_kiosk.layer_pop.act > div > iframe{
    position: absolute;
    width: 1080px;
    height: 1920px;
    transform: scale(40%) translate(-50%, -50%);
    transform-origin: left top;
    left: 50%;
    top: 50%;
	border:5px solid #000;
	box-shadow:0px 0px 45px rgba(0,0,0,0.75);	
}