
@charset "utf-8";

/************* sheet ************/
body.on .zoomContainer{
	cursor: move;
}

figure:has( + .sheet.on){
	opacity: 0;
	user-select: none;
	pointer-events: none;
}
figure.sheet{
	opacity: 0;
	user-select: none;
	pointer-events: none;
}
figure.sheet.on{
	position: absolute;
	inset:10px;
	width: calc( 100% - 20px );
	height: calc( 100% - 20px );
	z-index: 1;
	background: #fff;
	opacity:1;
	user-select: auto;
	pointer-events: auto;
}

/* zoomContainer */
.zoomContainer {
	position: absolute;
	inset:0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.zoomContainer > div {
	position: absolute;
	top: 0;
	left: 50%;
	/* height: 744px; */
	width: 600px;
	padding-top: 68px;
	text-align: center;
	box-sizing: border-box;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	user-select: none;
}
/* 추가 200309*/
.zoomContainer.small > div {
	top: 40%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}
.zoomContainer > div > img {
	/* display: none; */
	/*height: 100%;*/
	width: 100%;
	pointer-events: none;
}
.zoomContainer > div > h1 {
	position: absolute;
	top: 9px;
	left: 50%;
	font-size: 30px;
	/* font-family: HUstoryB; */
	/* font-weight: normal; */
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	text-align: center;
	/* font-size: 55px; */
	margin-block: 15px 50px;
	background-color: #fff;
	font-family: 'NPS font';
}
.zoomContainer.jungganbo > div {
	width: auto;
	height: 744px;
}
.zoomContainer.jungganbo > div > img {
	width: auto;
	height: 100%;
}

.zoomController {
	position: absolute;
	top: 10px;
	left: 10px;
	width: 182px;
	height: 34px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: url('data:image/png;base64,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UmVhZHlxyWU8AAADJmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgOS4xLWMwMDIgNzkuYTZhNjM5NjhhLCAyMDI0LzAzLzA2LTExOjUyOjA1ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjUuOSAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NkVFRjhGNkQzQTgxMTFFRkJFNDFENTZEQTE5NTI5RTgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NkVFRjhGNkUzQTgxMTFFRkJFNDFENTZEQTE5NTI5RTgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2RUVGOEY2QjNBODExMUVGQkU0MUQ1NkRBMTk1MjlFOCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo2RUVGOEY2QzNBODExMUVGQkU0MUQ1NkRBMTk1MjlFOCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PsTVplMAAAi7SURBVHja7N1/bNR3Hcfx7933e1fKaBsH/gAKmZkgrIIBBmunS3TJGM5pVJhgGPofZsYoGOTXxhxsKghxopvINjITMMpA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') left top/100% no-repeat;
}
.zoomController > .zoomInBtn,
.zoomController > .zoomOutBtn {
	--w: 28px;
	position: absolute;
	width: var(--w);
	height: var(--w);
	border-radius: 50%;
	/* display: flex; */
	/* justify-content: center; */
	/* align-items: center; */
	cursor: pointer;
	user-select: none;
	background: url(../../images/zoom.png) left top/60px auto no-repeat;
}

.zoomController > .zoomInBtn {right: 6px;--left: -25px;}
.zoomController > .zoomOutBtn {left: 6px;--left: -44px;}

.zoomController > :is(.zoomInBtn,.zoomOutBtn)::before{
	--w: 21px;
	content: "";
	position: absolute;
	left: 3px;
	top: 3px;
	width: var(--w);
	height: var(--w);
	background: url(../../images/zoom.png) var(--left) var(--pos)/61px auto no-repeat;
	speak:none;
	border-radius: 50%;
}

.zoomController > :is(.zoomInBtn,.zoomOutBtn)::before{--pos: -25px;}

.zoomController > :is(.zoomInBtn,.zoomOutBtn).hover{ background-position-y: bottom; }

.zoomController > :is(.zoomInBtn,.zoomOutBtn).hover::before{ --pos: 3px; }

.zoomController > .bar {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 90px;
	height: 8px;
	background: #b7b7b7;
	border-radius: 10px;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	overflow: hidden;
	cursor: pointer;
}
.zoomController > .bar > .innerBar {
	width: 0%;
	height: 100%;
	background: var(--point-color);
}

.zoomController > .handler {
	position: absolute;
	top: 0;
	left: 32px;
	width: 28px;
	height: 100%;
}
.zoomController > .handler:after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	border: 2px solid #fff;
	background: var(--point-color);
	/* box-shadow: inset -1px -2px 3px 0 rgba(0, 0, 0, .3); */
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	cursor: pointer;
	filter: var(--drop);
}


/* songInfo */
button.songInfo {
	position: absolute;
	top: 0;
	right: 0;
	padding: 4px 18px 2px;
	color: #f29268;
	font-size: 18px;
	font-family: NSquareEB;
	border-radius: 20px;
	border: 2px solid #f29268;
	box-sizing: border-box;
	box-shadow: inset 0px -2px 4px 0px #d5d5d6;
}
button.songInfo.hover { color: #ff597f; }
button.songInfo:after { content: '곡 소개'; }
section.songInfo {
	display: none;
	position: absolute;
	top: 34px;
	right: 0;
	padding: 10px 24px 12px;
	font-size: 50px;
	font-family: NotoM;
	text-align: justify;
	letter-spacing: -0.06em;
	word-spacing: 0.1em;
	box-sizing: border-box;
	border: 5px solid #f29268;
	line-height: 1.32;
	border-radius: 16px;
	background: #fff;
	box-shadow: 1px 3px 4px 0 rgba(0, 0, 0, .3);
}
section.songInfo.on { display: block; }
.songInfo > .closeBtn {
	position: absolute;
	top: 4px;
	right: 4px;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	box-shadow: 1px 1px 3px rgba(0,0,0,.4);
	background: #F29268 url("../images/main/icon_close_x.svg") center/contain no-repeat;
}


/* popup */
.popup_btns > li {
	position: absolute;
	top: 0;
	left: 0;
	min-width: 10px;
	height: 30px;
	border-radius: 30px;
	background: rgba(255, 23, 23, 0.15);
	cursor: pointer;
}

.popup_pages > li {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	padding: 0px 18px 4px 12px;
	font-family: NotoM;
	font-size: 28px;
	text-align: justify;
	letter-spacing: -0.06em;
	word-spacing: 0.1em;
	background: #fff;
	border-radius: 12px;
	border: 4px solid #fab4ba;
	box-sizing: border-box;
	box-shadow: 2px 2px 5px rgba(0, 0, 0, .2);
}
.popup_pages > li.on { display: flex; }
.popup_pages > li > span.name { margin-right: 10px; }
.popup_pages > li:after {
	content: '';
	position: absolute;
	width: 20px;
	height: 20px;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMjBweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwIDIwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwb2x5Z29uIGZpbGw9IiNGQUI0QkEiIHBvaW50cz0iMjAsMTAgMCwyMCAwLDAgIi8+DQo8L3N2Zz4NCg==) no-repeat;
}
.popup_pages > li.rightTail:after {
	right: -20px;
}
.popup_pages > li.leftTail:after {
	left: -20px;
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}
.popup_pages > li.topTail:after {
	top: -20px;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
}
.popup_pages > li.bottomTail:after {
	bottom: -20px;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}

.popup_pages > li > .popup_closeBtn {
	position: absolute;
	top: -4px;
	right: -4px;
	width: 20px;
	height: 20px;
	border-top-right-radius: 8px;
	border-bottom-left-radius: 6px;
	background: #fab4ba url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMThweCIgaGVpZ2h0PSIxOHB4IiB2aWV3Qm94PSIwIDAgMTggMTgiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE4IDE4IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwb2x5Z29uIGZpbGw9IiNGRkZGRkYiIHBvaW50cz0iMTcsMy4yODYgMTQuNzEzLDEgOSw2LjcxNCAzLjI4NywxIDEsMy4yODYgNi43MTMsOSAxLDE0LjcxNCAzLjI4NywxNyA5LDExLjI4NiAxNC43MTMsMTcgDQoJMTcsMTQuNzE0IDExLjI4Nyw5ICIvPg0KPC9zdmc+DQo=) center no-repeat;
	background-size: 12px;
	cursor: pointer;
}
.popup_pages > li > .popup_closeBtn.hover {
	background: #fab4ba url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMThweCIgaGVpZ2h0PSIxOHB4IiB2aWV3Qm94PSIwIDAgMTggMTgiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE4IDE4IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwb2x5Z29uIGZpbGw9IiNGRjcwOTYiIHBvaW50cz0iMTcsMy4yODYgMTQuNzEzLDEgOSw2LjcxNCAzLjI4NywxIDEsMy4yODYgNi43MTMsOSAxLDE0LjcxNCAzLjI4NywxNyA5LDExLjI4NiAxNC43MTMsMTcgDQoJMTcsMTQuNzE0IDExLjI4Nyw5ICIvPg0KPC9zdmc+DQo=) center no-repeat;
	background-size: 12px;
}