/* 명화액자/인테리어액자 공통 모바일 퀵메뉴 */
.frame-quick-menu-m{
	position:fixed;
	right:10px;
	top:54%;
	width:38px;
	transform:translateY(-50%);

	/* 샘플처럼 밝은 반투명 유리 느낌 */
	background:rgba(255,255,255,0.68);
	border:1px solid rgba(0,0,0,0.08);

	-webkit-backdrop-filter:blur(12px) saturate(115%);
	backdrop-filter:blur(12px) saturate(115%);

	border-radius:29px;
	box-shadow:
		0 4px 14px rgba(0,0,0,0.14),
		inset 0 0 0 1px rgba(255,255,255,0.08);

	overflow:hidden;
	z-index:950;
	box-sizing:border-box;
	font-family:'Gothic A1', sans-serif;
}

.frame-quick-btn-m{
	position:relative;
	width:100%;
	min-height:58px;
	margin:0;
	padding:6px 2px 5px;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	gap:2px;
	border:0;
	background:transparent;
	color:#111111;
	box-sizing:border-box;
	cursor:pointer;
	-webkit-tap-highlight-color:transparent;
}

.frame-quick-btn-m + .frame-quick-btn-m::before{
	content:"";
	position:absolute;
	left:13px;
	right:13px;
	top:0;
	height:1px;
	background:rgba(0,0,0,0.07);
}

.frame-quick-btn-m:active{
	background:#f2f2f2;
}

.frame-quick-icon-m{
	width:30px;
	height:30px;
	display:flex;
	align-items:center;
	justify-content:center;
	box-sizing:border-box;
	font-family:'Gothic A1', sans-serif;
	font-weight:bold;
	line-height:1;
}

.frame-quick-label-m{
	display:block;
	font-family:'Gothic A1', sans-serif;
	font-size:9px;
	font-weight:bold;
	line-height:1.15;
	letter-spacing:-0.5px;
	color:#222222;
	white-space:nowrap;
}

.frame-quick-dots-icon-m{
	font-family:Arial, sans-serif;
	font-size:32px;
	font-weight:bold;
	line-height:22px;
	transform:translateY(-1px);
}

.frame-quick-kakao-icon-m{
	position:relative;
	width:25px;
	height:21px;
	margin-top:2px;
	border-radius:50%;
	background:#f7e00c;
}

.frame-quick-kakao-icon-m::after{
	content:"";
	position:absolute;
	left:4px;
	bottom:-3px;
	width:8px;
	height:8px;
	background:#f7e00c;
	clip-path:polygon(0 0, 100% 0, 0 100%);
}

.frame-quick-author-icon-m{
	width:29px;
	height:29px;
	border-color:#111111;
	border-radius:50%;
	font-size:12px;
	color:#111111;
}

.frame-quick-frame-icon-m{
	position:relative;
	width:25px;
	height:25px;
	border-color:#111111;
	box-shadow:
		inset 0 0 0 2px rgba(255,255,255,0.78),
		inset 0 0 0 3px #111111;
}

.frame-quick-menu-m:not(.is-selected) .frame-quick-selected-only-m{
	display:none;
}

@media (min-width:769px){
	.frame-quick-menu-m{
		display:none;
	}
}

/* 일반 페이지용 전체 액자설명 레이어 */
.frame-quick-info-layer-m{
	display:none;
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:10020;
	font-family:'Gothic A1', sans-serif;
}

.frame-quick-info-dim-m{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.58);
}

.frame-quick-info-box-m{
	position:absolute;
	left:50%;
	top:50%;
	width:92%;
	height:86vh;
	transform:translate(-50%, -50%);
	background:#ffffff;
	border-radius:12px;
	box-shadow:0 10px 35px rgba(0,0,0,0.35);
	overflow:hidden;
	box-sizing:border-box;
}

.frame-quick-info-head-m{
	width:100%;
	height:48px;
	padding:0 10px 0 15px;
	display:flex;
	align-items:center;
	justify-content:space-between;
	border-bottom:1px solid #e5e5e5;
	background:#ffffff;
	box-sizing:border-box;
}

.frame-quick-info-title-m{
	font-size:15px;
	font-weight:bold;
	color:#222222;
	letter-spacing:-0.5px;
}

.frame-quick-info-close-m{
	width:36px;
	height:36px;
	padding:0;
	border:0;
	background:transparent;
	font-family:Arial, sans-serif;
	font-size:28px;
	line-height:1;
	color:#333333;
	cursor:pointer;
}

.frame-quick-info-iframe-m{
	display:block;
	width:100%;
	height:calc(100% - 48px);
	border:0;
	background:#ffffff;
}

body.frame-quick-info-open-m{
	overflow:hidden;
}