:root{
	--red:#B51F28;
	--vh:1vh;
	--vh100:calc(var(--vh) * 100);
	--vh100_kakao:calc(var(--vh) * 100);
	--vh100_safari:calc(var(--vh) * 100);
	/* 헤더 높이 변수 스크립트로 share.js */
	--headerH:0px;
}
html.kakaoWeb{
	--vh100_kakao:calc((var(--vh) * 100) + 120px);
	--vh100_safari:calc((var(--vh) * 100) + 120px);
}


html{word-break: keep-all;}
html::-webkit-scrollbar {width: 8px;}
html::-webkit-scrollbar-thumb {background-color: #2f3542; border-radius: 10px;}

.wrap {margin: 0 auto; width: 95%;}
.wrap[max='1820'] {max-width: 1820px;}
.wrap[max='1720'] {max-width: 1720px;}
.wrap[max='1620'] {max-width: 1620px;}
.wrap[max='1600'] {max-width: 1600px;}
.wrap[max='1500'] {max-width: 1500px;}
.wrap[max='1440'] {max-width: 1440px;}
.wrap[max='1410'] {max-width: 1410px;}
.wrap[max='1380'] {max-width: 1380px;}
.wrap[max='1315'] {max-width: 1315px;}
.wrap[max='1310'] {max-width: 1310px;}
.wrap[max='1090'] {max-width: 1090px;}
.wrap[max='1060'] {max-width: 1060px;}
.wrap[max='1020'] {max-width: 1020px;}


@media screen and (max-width:1600px) {}
@media screen and (max-width:1440px) {}
@media screen and (max-width:1280px) {}
@media screen and (max-width:1024px) {}
@media screen and (max-width:820px) {
	.wrap {width: 90%;}
}
@media screen and (max-width:500px) {}
@media screen and (max-width:320px) {}

/* 공통 기본 폰트 */
body {font-family: 'Pretendard', sans-serif;}
a{display: block;}
button{border: 0; padding: 0; margin: 0; cursor: pointer;}

._txtfill{
	-webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent;
}

*[font01]{font-family: 'Pretendard' !important; }
*[font02]{font-family:'museo-sans' !important;}

/* 커서 공통 */
._cursor{
	position: fixed; z-index: 999999;
	display: flex; align-items: center; justify-content: center;
	pointer-events: none; left: 50%; top: 50%;
}
html.mo ._cursor{display: none !important;}
._cursor > div{
	display: flex; flex-direction: column; align-items: center; justify-content: center;
	width: 125px; height: 125px; border-radius: 50%; box-shadow: 0 0 20px 2px var(--red);
	font-weight: 600; font-family:'museo-sans'; letter-spacing: -0.03em; color: var(--red);
	position: absolute; background-color: rgba(255,255,255,0.5);
	backdrop-filter: blur(4px); transition: transform 0.5s,opacity 0.5s;
	transform: scale(0); opacity: 0;
}

._cursor.scroll .scroll{transform: scale(1); opacity: 1;}
._cursor.view .view{transform: scale(1); opacity: 1;}
._cursor.view_more .view_more{transform: scale(1); opacity: 1;}

._cursor > div .ico{
	display: flex; flex-direction: column; align-items: center; justify-content: center;
}
._cursor > div .ico i{}
._cursor > div .ico i:nth-child(1){margin-bottom: -0.6em;}
._cursor > div p{margin: 0.4em 0; margin-top: 0.7em;}

._cursor > div .deg{font-size: 1.5em; }
._cursor > div .deg.n1{transform: translateX(-120%) translateY(0%) rotate(-45deg);}
._cursor > div .deg.n2{transform: translateX(120%) translateY(0%) rotate(-45deg);}
/* ._cursor > div .absol{
    position: absolute;
} */

/* _cursor_scroll */
._cursor_scroll{cursor: none}
._cursor_view{cursor: none}
._cursor_view_more{cursor: none}



/* max-width */
@media screen and (max-width:1600px) {
	.max-1600{display: block;}
	.min-1601{display: none;}
	.max-1600-none{display: none;}
}
@media screen and (max-width:1440px) {
	.max-1440{display: block;}
	.min-1441{display: none;}
	.max-1440-none{display: none;}
}
@media screen and (max-width:1280px) {
	.max-1280{display: block;}
	.min-1281{display: none;}
	.max-1280-none{display: none;}
}
@media screen and (max-width:1024px) {
	.max-1024{display: block;}
	.min-1025{display: none;}
	.max-1024-none{display: none;}
}
@media screen and (max-width:820px) {
	.max-820{display: block;}
	.min-821{display: none;}
	.max-820-none{display: none;}
}
@media screen and (max-width:500px) {
	.max-500{display: block;}
	.min-501{display: none;}
	.max-500-none{display: none;}
}
@media screen and (max-width:320px) {
	.max-320{display: block;}
	.min-321{display: none;}
	.max-320-none{display: none;}
}


/* min-width */
@media screen and (min-width:1601px) {
	.min-1601{display: block;}
	.max-1600{display: none;}
	.min-1601-none{display: none;}
}
@media screen and (min-width:1441px) {
	.min-1441{display: block;}
	.max-1440{display: none;}
	.min-1441-none{display: none;}
}
@media screen and (min-width:1281px) {
	.min-1281{display: block;}
	.max-1280{display: none;}
	.min-1281-none{display: none;}
}
@media screen and (min-width:1025px) {
	.min-1025{display: block;}
	.max-1024{display: none;}
	.min-1025-none{display: none;}
}
@media screen and (min-width:821px) {
	.min-821{display: block;}
	.max-820{display: none;}
	.min-821-none{display: none;}
}
@media screen and (min-width:501px) {
	.min-501{display: block;}
	.max-500{display: none;}
	.min-501-none{display: none;}
}
@media screen and (min-width:321px) {
	.min-321{display: block;}
	.max-320{display: none;}
	.min-321-none{display: none;}
}


/* 키프레임 모션 모음 */
@keyframes opacity {
	0% { opacity: 1; }
	50% { opacity: 0; }
	100% { opacity: 1; }
}

@keyframes opacity20 {
	0% { opacity: 1; }
	50% { opacity: 0.2; }
	100% { opacity: 1; }
}

@keyframes opacity50 {
	0% { opacity: 1; }
	50% { opacity: 0.5; }
	100% { opacity: 1; }
}

@keyframes rotate {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

@keyframes rotate2 {
	0% { transform: rotate(0deg); }
	50% { transform: rotate(180deg); }
	100% { transform: rotate(360deg); }
}

@keyframes rotate3 {
	0% { transform: rotate(0deg); }
	25% { transform: rotate(90deg); }
	50% { transform: rotate(180deg); }
	75% { transform: rotate(270deg); }
	100% { transform: rotate(360deg); }
}

@keyframes rotate4 {
	0% { transform: rotate(0deg); }
	12.5% { transform: rotate(45deg); }
	25% { transform: rotate(90deg); }
	37.5% { transform: rotate(135deg); }
	50% { transform: rotate(180deg); }
	62.5% { transform: rotate(225deg); }
	75% { transform: rotate(270deg); }
	87.5% { transform: rotate(315deg); }
	100% { transform: rotate(360deg); }
}


@keyframes scale50 {
	0% { transform: scale(1); }
	50% { transform: scale(0.5); }
	100% { transform: scale(1); }
}

@keyframes scale80 {
	0% { transform: scale(1); }
	50% { transform: scale(0.8); }
	100% { transform: scale(1); }
}

@keyframes scale110 {
	0% { transform: scale(1); }
	50% { transform: scale(1.1); }
	100% { transform: scale(1); }
}

@keyframes scale120 {
	0% { transform: scale(1); }
	50% { transform: scale(1.2); }
	100% { transform: scale(1); }
}

@keyframes scale130 {
	0% { transform: scale(1); }
	50% { transform: scale(1.3); }
	100% { transform: scale(1); }
}

@keyframes scale140 {
	0% { transform: scale(1); }
	50% { transform: scale(1.4); }
	100% { transform: scale(1); }
}

@keyframes floating10 {
	0% { transform: translateY(0px); }
	50% { transform: translateY(-10px); }
	100% { transform: translateY(0px); }
}

@keyframes floating20 {
	0% { transform: translateY(0px); }
	50% { transform: translateY(-20px); }
	100% { transform: translateY(0px); }
}

@keyframes floating30 {
	0% { transform: translateY(0px); }
	50% { transform: translateY(-30px); }
	100% { transform: translateY(0px); }
}

@keyframes floating40 {
	0% { transform: translateY(0px); }
	50% { transform: translateY(-40px); }
	100% { transform: translateY(0px); }
}

@keyframes floating60 {
	0% { transform: translateY(0px); }
	50% { transform: translateY(-60px); }
	100% { transform: translateY(0px); }
}

@keyframes floating80 {
	0% { transform: translateY(0px); }
	50% { transform: translateY(-80px); }
	100% { transform: translateY(0px); }
}

@keyframes floating80 {
	0% { transform: translateY(0px); }
	50% { transform: translateY(-80px); }
	100% { transform: translateY(0px); }
}

@keyframes marquee {
	from{transform:translateX(0%)}
	to{transform:translateX(-100%)}
}

@keyframes marquee50 {
	from{transform:translateX(0%)}
	to{transform:translateX(-50%)}
}