@font-face {
	font-family: 'Pretendard';
	src: url('../fonts/Pretendard-SemiBold.woff2') format('woff2');
	font-style: normal;
	font-weight: 600;
	font-display: swap;
}
* { box-sizing: border-box; }
html { background: #f3e6ee; }
body {
	margin: 0 auto;
	width: 100%;
	max-width: 800px;
	font-family: Arial, 'Malgun Gothic', 'Apple SD Gothic Neo', sans-serif;
	color: #111;
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;
}
button, a { -webkit-tap-highlight-color: transparent; }
button { font: inherit; cursor: pointer; }
.imagemap { position: relative; width: 100%; }
.main-image { display: block; width: 100%; height: auto; }
.hotspot { position: absolute; display: block; border: 0; padding: 0; background: transparent; cursor: pointer; }
.hotspot:focus-visible, #copy-link:focus-visible, #musicb:focus-visible { outline: 3px solid #2531a8; outline-offset: 3px; }
/* 원본 이미지 좌표: 바이오 배너 x162 y4544 w754 h374 */
.link-bio { left: 15%; top: 49.56910658%; width: 69.81481481%; height: 4.07985164%; }
/* 버튼: x146/550, y5413/5583, w371/384, h99 */
.link01 { left: 13.51851852%; top: 59.04876186%; width: 34.35185185%; height: 1.07996073%; }
.link02 { left: 50.92592593%; top: 59.04876186%; width: 35.55555556%; height: 1.07996073%; }
.link03 { left: 13.51851852%; top: 60.90323988%; width: 34.35185185%; height: 1.07996073%; }
.link04 { left: 50.92592593%; top: 60.90323988%; width: 35.55555556%; height: 1.07996073%; }
/* 원본 예시 문구를 같은 배경색으로 가리고 실제 업체명/부스번호 표시 */
.company, .booth {
	font-family: 'Pretendard', 'Malgun Gothic', 'Apple SD Gothic Neo', sans-serif;
	font-weight: 600;
}
.company {
	position: absolute;
	left: 13.14814815%;
	top: 64.54892544%;
	width: 73.33333333%;
	height: 1.05814334%;
	background: #f2f3a9;
	display: flex;
	align-items: center;
	font-size: min(4.44444444vw, 35.55555556px);
	line-height: 1.05;
	font-weight: 600;
}
.company span { display: block; width: 100%; overflow-wrap: anywhere; word-break: keep-all; }
.booth {
	position: absolute;
	left: 13.14814815%;
	top: 65.60706993%;
	width: 39.81481481%;
	height: .98178248%;
	background: #f2f3a9;
	display: flex;
	align-items: flex-start;
	white-space: nowrap;
	font-size: min(5.18518519vw, 41.48148148px);
	line-height: 1.2;
}
.booth strong { color: #bf0875; font-weight: 600; }
.general-invite { font-size: .8em; color: #bd1a66; }
#kakao-link-btn { left: 53.7037037%; top: 65.69215665%; width: 31.94444444%; height: 3.27260827%; }
#copy-link {
	position: absolute;
	left: 13.51851852%;
	top: 67.50300098%;
	width: 37%;
	padding: .65em .15em;
	border: 1px solid #bdbd70;
	background: transparent;
	color: #45451a;
	font-size: min(2.9vw, 21px);
}
#musicb {
	position: fixed;
	top: max(8px, env(safe-area-inset-top));
	left: 8px;
	z-index: 10;
	min-height: 36px;
	padding: 7px 10px;
	border: 1px solid #e4c7d4;
	background: rgba(255,255,255,.94);
	color: #aa1858;
	font-size: 12px;
}
.status-message:empty { display: none; }
.status-message { position: fixed; left: 50%; bottom: 20px; transform: translateX(-50%); z-index: 20; width: max-content; max-width: 90%; padding: 12px 18px; margin: 0; background: #252025; color: #fff; font-size: 14px; }
.sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.noscript { padding: 15px; font-size: 14px; }