html,body {
	width:100vw;
	height:100vh;
	padding:0;
	margin:0;
	overflow:hidden;
}

.popup_lab {
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	transform:translateX(-100%);
	transition:transform 0.25s ease-out;
	background:#2564e7;
	padding:1.5rem;
}

.popup_lab.over {
	transform:translateX(0);
}

.popup_lab .p_header > h3 {
	width:250px;
	max-width:80vw;
	margin-bottom:1.5rem;
	line-height:1.75rem;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	font-size:1.5rem;
	font-weight:700;
	color:#fff;
}

.popup_lab .menu {
	display:none;
	padding:.75rem 1.25rem;
	background:rgba(0,0,0,0.24);
	border-radius:8px;
}

.popup_lab.over .menu {
	display:block;
}

.popup_lab .menu a {
	opacity:0.75;
	color:#fff;
	padding:0;
	font-size:1rem;
	font-weight:700;
}

.popup_lab .menu a.on {
	color:#fde301;
}

.popup_lab .menu a > span {
	display:inline-block;
	vertical-align:middle;
}

.popup_lab .menu a.disabled {
	opacity:0.4 !important;
	cursor:not-allowed;
}

.popup_lab .menu a:hover {
	opacity:1;
}


.popup_lab .menu a::before {
	display:inline-block;
	vertical-align:middle;
	content:'';
	width:1em;
	height:1em;
	margin-right:.25em;
	background:url() no-repeat center center / 100%;
}


.popup_lab .menu ul {
	padding:.25rem 0;
}

.popup_lab .menu ul:not(:first-child) {
	border-top:1px solid rgba(255,255,255,0.12);
}

.popup_lab .menu li {
	padding:.5rem 0;
}


.popup_lab .menu .pl_start > a::before {background-image:url(../image/common/ico_cplay_64_w.png)}
.popup_lab .menu .pl_start > a.on::before {background-image:url(../image/common/ico_cplay_64_y.png);}
.popup_lab .menu .pl_stop > a::before {background-image:url(../image/common/ico_stop_64_w.png)}
.popup_lab .menu .pl_stop > a.on::before {background-image:url(../image/common/ico_stop_64_y.png);}
.popup_lab .menu .pl_pause > a::before {background-image:url(../image/common/ico_pause_64_w.png)}
.popup_lab .menu .pl_pause > a.on::before {background-image:url(../image/common/ico_pause_64_y.png);}
.popup_lab .menu .pl_note > a::before {background-image:url(../image/common/ico_write_64_w.png)}
.popup_lab .menu .pl_note > a.on::before {background-image:url(../image/common/ico_write_64_y.png);}
.popup_lab .menu .pl_file > a::before {background-image:url(../image/common/ico_folder_64_w.png)}
.popup_lab .menu .pl_summary > a::before {background-image:url(../image/common/ico_info_64_w.png)}
.popup_lab .menu .pl_use > a::before {background-image:url(../image/common/ico_info_64_w.png)}
.popup_lab .menu .pl_reply > a::before {background-image:url(../image/common/ico_messenger_64_w.png);}
.popup_lab .menu .pl_review > a::before {background-image:url(../image/common/ico_star_64_w.png)}
.popup_lab .menu .pl_close > a::before {background-image:url(../image/common/ico_close_64_w.png);background-size:80%;}

.popup_lab .menu a.btn-fullscreen::before { background-image:url(../image/common/icon-expand-regular.svg); background-size:85%}
:fullscreen .popup_lab .menu a.btn-fullscreen { display:none !important; }

.popup_lab .menu a.btn-restorescreen::before { background-image:url(../image/common/icon-compress-regular.svg); background-size:85%; }
.popup_lab .menu a.btn-restorescreen { display:none !important; }
:fullscreen .popup_lab .menu a.btn-restorescreen { display:inline-block !important; }


.popup_lab #btn_toolbar {
	width:56px;
	height:56px;
	top:50%;
	right:-28px;
	border-radius:50%;
	/*background:url(../image/common/ico_down_arrow_64_w.png) no-repeat #2564e7 center 27px / 40%;*/
	background:url(../image/common/ico_down_arrow_64_w.png) no-repeat #2564e7 center bottom 25% / 40%;
	transform-origin:center center;
	transform:translateY(-50%) rotate(270deg);
	position:absolute;
	z-index:-1;
}

.popup_lab.over #btn_toolbar {
	/*background:url(../image/common/ico_up_arrow_64_w.png) no-repeat #2564e7 center 27px / 40%*/
	background-image:url(../image/common/ico_up_arrow_64_w.png);
}

#contents-iframe {
	margin:0;
	padding:0;
	width:100vw;
	height:100vh;
}


#fullscreen-modal .m_content {
	padding:2em;
}

#fullscreen-modal .s_btn {
	padding:2rem;
}

#fullscreen-modal .btn {
	width:100%;
}

@media screen and (min-width:600px) {
	#fullscreen-modal .btn {
		width:auto;
	}
}



/* 우측 슬라이드 창. */
.popup_lab_review {
	display:none;
	position:fixed;
	left:0;
	top:0;
	width:100vw;
	height:100vh;
	background:rgba(0,0,0,0.64);
}

.popup_lab_review.open {
	display:block;
}

.popup_lab_review > div {
	position:absolute;
	right:0;
	top:0;
	width:640px;
	max-width:95vw;
	height:100vh;
	background:#fff;
	padding:16px 20px;
	overflow:hidden;
	overflow-y:auto;
}

.popup_lab_review .btn_close {
	width:40px;
	height:40px;
	border-radius:50%;
	position:fixed;
	right:0;
	top:0;
	background:url(../image/common/ico_close_64_b.png) no-repeat #ddd center center / 32%;
	margin:16px 20px;
	z-index:10;
}

.labnote_list {
	font-size:1rem;
}

.labnote_list > ul {
	margin-top:0;
	margin-bottom:0;
}

.labnote_list > ul > li {
	width:100%;
}

.labnote_list .note-text {
	margin-top:.5em;
	min-height:3em;
	max-height:10em;
	overflow:hidden;
	overflow-y:auto;
	line-height:1.5em;
}

.labnote_list .note-text * {
	text-align:initial;
}