/* footer & header styles */
html {
	--orange:#ea5248;
	--gray:#e0e0e0;
	--green:#1a4323;
	--vh:1vh;
	--vh100:calc(var(--vh) * 100);
	word-break: keep-all;
}

html.mo { --vh100:calc((var(--vh) * 100) + 60px) !important; }
html.safariWeb { --vh100:calc((var(--vh) * 100) + 140px) !important; }
html.kakaoWeb { --vh100:calc((var(--vh) * 100) + 140px) !important; }


a{display: block;}
button{padding: 0; margin: 0; cursor: pointer; border: 0;}

header {position: fixed; z-index: 999; width: 100%; transition: background-color 0.5s,transform 0.8s;}
header > .wrap{display: flex; align-items: center; justify-content: space-between; padding: 20px 0; box-sizing: border-box;}
header.bg{background-color: rgba(255,255,255,0.7); backdrop-filter: blur(10px);}
header.hide { transform: translateY(-110%); }

header .logo {}
header .logo svg { height: 20px; }
header .logo svg * { fill: #fff; transition: fill 0.5s; }
header.menuOn .menuArea .logo svg * { fill: #000 }

header nav.pc { }
header nav.pc ul {display: flex; align-items: center; justify-content: center; gap: 48px; }
header nav.pc > ul > li { position: relative; padding-bottom: 10px; }
header nav.pc > ul > li > a {font-family: 'Manrope';font-size: 18px; color: #fff; font-weight: 500;transition: color 0.5s; }

/* 서브메뉴 */
header nav>ul>li .sub{
    position: absolute; top: 100%; left: 50%; transform: translateX(-50%); font-size: 16px; background: #fff; width: calc(136 / 16 * 1em); padding: 12px 0;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); opacity: 0; visibility: hidden; transition: opacity .3s ease, transform .3s ease, visbility .3s; pointer-events: none; text-align: center; z-index: 10;
}
header nav>ul>li .sub ul{ display: flex; flex-direction: column; gap: 4px; padding: 0; }
header nav>ul>li .sub ul li{ width: 100%; }
header nav>ul>li .sub ul li a{ display: block; }
header nav>ul>li .sub ul li a span{ font-size: 16px; line-height: 1.3; padding: 6px 10px; box-sizing: border-box; width: 100%; display: block; color: #000; }
header nav>ul>li.on .sub{ opacity: 1;visibility: visible; transform: translateX(-50%); pointer-events: auto; }

header nav>ul>li .sub ul li:hover a span{ color: #ffff; font-weight: 500; }
header nav>ul>li .sub ul li:hover{ background: #1a4323; }

header .right{display: flex; align-items: center; justify-content: flex-end; gap: 14px;}

header .right .lang{position: relative; display: flex; align-items: center; justify-content: center;}
header .right .lang .now{
	font-weight: 500; letter-spacing: -0.04em; color: #fff;
	display: flex; align-items: center; justify-content: center; gap: 4px;
	border: 1px solid #fff; box-sizing: border-box; padding: calc(8/16*1em) calc(20/16*1em); border-radius: 100px;
	cursor: pointer; transition: border-color 0.5s,color 0.5s;
}
header.bg .right .lang .now{border-color: #000; color: #000;}

header .right .lang .now p{display: none;}
html[lang='ko'] header .right .lang .now p.n1{display: block;}
html[lang='en'] header .right .lang .now p.n2{display: block;}

header .right .lang .now i{font-size: 1.2em; }

header .right .lang ul{
	position: absolute; min-width: 100%; top: 100%; margin-top: 10px;
	background-color: #fff; display: none; text-align: center;
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
header .right .lang ul::before {
	content:''; display: block; width: 100%; height: 30px;
	position: absolute; bottom: calc(100% - 10px); left: 0;
}
header .right .lang ul li{position: relative;}
header .right .lang ul li a{
	color: #000;
	padding: 8px 24px; font-size: 14px; font-weight: 500; letter-spacing: -0.04em;
}
header .right .lang ul li:nth-child(2)::before{
	content: '';
    display: block;
    width: calc(100% - 8px);
    height: 1px;
    left: 4px;
    top: 0;
    background-color: #000;
	opacity: 0.2;
    pointer-events: none;
    position: absolute;
    z-index: 5;
}
header .right .lang ul li:hover a{background-color: #111; color: #fff;}
header .right .lang ul li:hover::before{display: none;}
header .right .lang ul li:hover + li::before{display: none;}

header form {position: relative; }
header form input {font-size: 15px;border: max(calc(1/15*1em),1px) solid #fff; box-sizing: border-box;background-color: transparent; border: 1px solid #fff;width: calc(130/15*1em); height: calc(40/15*1em);padding-left: calc(10/15*1em); padding-right: calc(42/15*1em); color: #fff;transition: border-color 0.5s,color 0.5s; cursor: pointer; }
header form input::placeholder {font-family: 'Pretendard', sans-serif; font-size: inherit; color: #fff; transition: color 0.5s; }
header form .btn {position: absolute; top: 0; right: 0; height: 100%;background-color: transparent; color: #fff; font-size: 15px;cursor: pointer; border: 0; padding: 0 0.8em; box-sizing: border-box;transition: color 0.5s; display: flex; align-items: center; justify-content: center; }
header form .btn i { }

/* 색상 */
header.bg .logo svg * { fill: var(--green); fill: #000;}
header.bg nav ul li a { color: #000; }
header.bg form input { border-color: #000; color: #000; }
header.bg form input::placeholder { color: #000; }
header.bg form .btn { color: #000; }
header.bg .menuIco div{background-color: #000;}

header._bg .logo svg * { fill: var(--green); fill: #000;}
header._bg nav ul li a { color: #000; }
header._bg form input { border-color: #000; color: #000; }
header._bg form input::placeholder { color: #000; }
header._bg form .btn { color: #000; }
header._bg .menuIco div{background-color: #000;}

/* 메뉴 아이콘 */
header .menuIco {display: none;font-size: 1px;width: 36em; height: 20em;align-items: center; justify-content: center;position: relative; z-index: 1011; }
header .menuIco::before {content:''; display: block; position: absolute; width: 100%; height: 100%; padding: 10em; }
header .menuIco div {width: 100%; height: 2px; background-color: #fff; border-radius: 30px;position: absolute;transition: opacity 0.5s,transform 0.5s,top 0.5s,bottom 0.5s,background-color 0.5s; }
header.bg .menuIco div{background-color: #000;}
header.menuOn .menuIco div{background-color: #000;}
header.bg.menuOn .menuIco div{background-color: #000;}
header .menuIco div:nth-child(1) { top: 0; }
header .menuIco div:nth-child(2) { }
header .menuIco div:nth-child(3) { bottom: 0; }
header.menuOn .menuIco div:nth-child(1) { transform: rotate(45deg); top: 9em; }
header.menuOn .menuIco div:nth-child(2) { opacity: 0; transform: translateX(-50%); }
header.menuOn .menuIco div:nth-child(3) { transform: rotate(-45deg); bottom: 9em; }


/* 메뉴 영역 */
/* header .menuArea{
	position: absolute; left: 0; top: 0; width: 100%; height: var(--vh100); display: none; background-color: tomato;
}
header .menuArea .wrap{
	text-align: right; padding-top: 120px;
}
header .menuArea nav{}
header .menuArea form{display: inline-flex;} */


/* 모바일 메뉴 */

.menuArea{
	background-color: #fff; width: 100%; height: 100vh; z-index: 1002;
	box-sizing: border-box;
	position: absolute; right: 0; top: 0; max-width: 320px;
	transform: translateX(200px); opacity: 0; pointer-events: none;
	transition: transform 0.5s,opacity 0.5s;
}
header.menuOn .menuArea{
	transform: translateX(0px); opacity: 1; pointer-events: auto;
}
.menuArea .wrap{
	padding-top: 50px; display: block; height: 100%; box-sizing: border-box;
	width: calc(100% - 5vw);
}

.menuArea .wrap .logo{margin-bottom: 40px; margin-top: 20px; max-width: 140px;}
.menuArea .wrap .logo img{}

.menuArea .wrap > ul{
	box-sizing: border-box;
	width: 100%; font-size: 1px; max-height: calc(100% - 210px); overflow: auto;
}
.menuArea .wrap > ul > li{}
.menuArea .wrap > ul > li:last-child{}
.menuArea .wrap > ul > li .dep1{
	font-size: 16em; font-weight: 600; letter-spacing: -0.025em;
	padding: 0.8em 0; box-sizing: border-box;
	display: flex; align-items: center; justify-content: space-between;
	padding-right: 14px; border-bottom: 1px solid #eee;
	position: relative; transition: color 0.3s,padding-left 0.3s;
}
.menuArea .wrap > ul > li .dep1.on{color: #fff; padding-left: 10px;}
.menuArea .wrap > ul > li .dep1::before {
	content:''; display: block; position: absolute; width: 100%; height: 100%;
	left: 0; top: 0; background-color: #1a4323; border-radius: 4px;
	transform-origin: center bottom; transform: scaleY(0);
	transition: transform 0.3s;
}
.menuArea .wrap > ul > li .dep1.on::before{
	transform: scaleY(1);
}
.menuArea .wrap > ul > li .dep1 p{position: relative;}
.menuArea .wrap > ul > li .dep1 .ico{
	display: flex; align-items: center; justify-content: center; position: relative;
}
.menuArea .wrap > ul > li .dep1 .ico::before,
.menuArea .wrap > ul > li .dep1 .ico::after{
	content:''; display: block; width: 14px; height: 2px; background-color: #000;
	position: absolute; transform-origin: center center; transition: transform 0.5s,background-color 0.3s;
}
.menuArea .wrap > ul > li .dep1.on .ico::before,
.menuArea .wrap > ul > li .dep1.on .ico::after{background-color: #fff;}

.menuArea .wrap > ul > li .dep1 .ico::after{transform: rotate(90deg);}
.menuArea .wrap > ul > li .dep1.on .ico::after{transform: rotate(0deg);}


.menuArea .wrap > ul > li > ul{
	display: none; border-radius: 4px; overflow: hidden;
}
.menuArea .wrap > ul > li > ul li{}
.menuArea .wrap > ul > li > ul li a{
	font-size: 14em; letter-spacing: -0.025em;
	padding: 0.8em 14px; box-sizing: border-box;
	/* background-color: #eee; */
	display: flex; align-items: center; gap: 6px;
}
.menuArea .wrap > ul > li > ul li a::before {
	content:''; display: block; width: 4px; height: 4px; border-radius: 50%; background-color: #000;
}


.menuArea .wrap .bottom{
	position: absolute; left: 50%; bottom: 30px; transform: translateX(-50%);
	display: flex; align-items: center; justify-content: center; gap: 10px;
	width: 100%;
}
.menuArea .wrap .bottom a{
	height: 40px; display: flex; align-items: center; justify-content: center; flex: 1;
	gap: 10px; color: #fff; border-radius: 4px; background-color: #1a4323; font-weight: 500; letter-spacing: -0.045em;
	margin: 0 auto; white-space: nowrap; padding: 4px 20px; font-size: 17px; line-height: 1.2;
}

header .grayBg{
	position: absolute; left: 0; top: 0;
	width: 100%; height: 100vh; background-color: #000; cursor: pointer;
	opacity: 0; pointer-events: none; transition: opacity 0.5s;
}
header.menuOn .grayBg{
	opacity: 0.7; pointer-events: auto;
}


@media screen and (max-width:1600px) {}
@media screen and (max-width:1440px) {
	header .wrap{padding: 12px 0;}
	header .logo svg{height: 18px;}
	header nav.pc ul{gap: 40px;}
	header nav.pc ul li a{font-size: 16px; }
	header form input{font-size: 13px; }
	header form .btn{font-size: 13px; }
}
@media screen and (max-width:1280px) {
	header nav.pc{display: none;}
	header .menuIco{display: flex;}
	header form input{font-size: 12px;}
	header form .btn{font-size: 12px; }
}
@media screen and (max-width:1024px) {}
@media screen and (max-width:820px) {
	header .logo svg{height: 12px;}
	header form input{height: 26px;}
	header .menuIco{font-size: 0.7px; }
	header .right .lang .now{font-size: 14px; }
}
@media screen and (max-width:500px) {
	header .right{gap: 6px;}
	header form .btn{display: none;}
	header form input{width: 6.1em; padding: 0 10px;}
	header .right .lang .now{font-size: 12px; padding: 6px 10px;}
	header .right .lang .now i{display: none;}
}
@media screen and (max-width:320px) {
	header .right{gap: 12px;}
	header .right .shop_link{display: none;}
}


._grayBg{
	position: fixed; left: 0; top: 0; width: 100%; height: 100%;
	background-color: rgba(0,0,0,0.8); z-index: 996; opacity: 0; pointer-events: none;
	transition: opacity 0.5s;
}
._grayBg.on{opacity: 1; pointer-events: auto;}

/* 모바일메뉴 */






/* quick */
._quick {position: fixed; z-index: 998; top: 50%; right: 23px; transform: translateX(0%) translateY(-50%); opacity: 1; pointer-events: auto; transition: transform 0.5s,opacity 0.5s,right 0.5s; }
._quick.hide {transform: translateX(60px) translateY(-50%); opacity: 0; pointer-events: none;}
._quick.none{opacity: 0; pointer-events: none;}
._quick .boxArea { font-size: 13px; font-weight: 500; box-shadow: 0 0 16px -6px rgba(116, 118, 118, 0.6); }
._quick .boxArea .box {width: 70px; height: 70px;display: flex; flex-direction: column; align-items: center; justify-content: center;gap: 10px; background-color: #fff; cursor: pointer;border-bottom: 1px solid #d2d2d2; box-sizing: border-box; }

._quick .boxArea .box img { filter: brightness(0); }

._quick .boxArea .box:nth-child(1) img { width: 20px; }
._quick .boxArea .box:nth-child(2) img { width: 16px; }
._quick .boxArea .box:nth-child(3) img { width: 23px; }
._quick .boxArea .box:nth-child(4) img { width: 21px; }
._quick .boxArea .box p { letter-spacing: -0.045em; font-weight: 500; }
._quick .boxArea ._topBtn {font-family: 'Manrope';background-color: #1a4323; color: #bababa; font-size: 14px; text-align: center;padding: calc(4/14*1em) 0; margin-top: -1px; cursor: pointer; }
._quick .boxArea ._topBtn:hover {background-color: #000; }
._quick .cont {position: absolute; right: 100%; top: 0; margin-right: 17px; }
._quick .cont > * { position: absolute; right: 0; top: 0;transition: transform 0.5s,opacity 0.5s; transform: scale(0.5); opacity: 0;transform-origin: right top; pointer-events: none; }
._quick .cont > * img { width: 100%; }
._quick .cont > *.on {transform: scale(1); opacity: 1; pointer-events: auto; }
._quick .cont > *.n1 { width: 200px; height: 283px; }
._quick .cont > *.n4 { width: 240px; height: 371px; }

._quick .plus{display: none;}


/* _quick 퀵메뉴 팝업1 */
._quick .cont .tit p{
    font-size: 18px; font-weight: 500; color: #fff; line-height: calc(21/18); margin: 6px 0 20px;
}
._quick .cont > .n1{ background: rgba(0,0,0,0.93); height: auto; box-sizing: border-box; padding: 20px 18px 26px; border-radius: 11px; }
._quick .cont .tit span{
    display: inline-block;  font-size: 14px; font-weight: 300; color: #999; line-height: calc(21/14);
}
._quick .cont > .n1 ul li a{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 12px;
    color: #fff;
    font-size: 14px;
    box-sizing: border-box;
    padding: 12px 0;
}
._quick .cont > .n1 ul li:first-child a{
    border-top: 1px solid #c2c2c2;
}
._quick .cont > .n1 ul li:last-child a{
    border-bottom: 1px solid #c2c2c2;
}
._quick .cont > .n1 ul li + li a{
    border-top: 1px solid #c2c2c2;
}
._quick .cont > .n1 ul li a p{ line-height: calc(21/14); font-weight: 300; }

._quick .cont > .n4{ background: rgba(0,0,0,0.93); height: auto; box-sizing: border-box; padding: 20px 20px 22px; border-radius: 11px; }
._quick .cont > .n4 ul li{
    color: #fff;
    padding: 22px 0; box-sizing: border-box;
}
._quick .cont > .n4 ul li + li{
    border-top: 1px solid #c2c2c2;
}
._quick .cont > .n4 ul li:first-child{ border-top: 1px solid #c2c2c2; }
._quick .cont > .n4 ul li em{
    display: flex; align-items: flex-start; justify-content: flex-start;
    gap: 12px; font-size: 14px; font-weight: 300;
}
._quick .cont > .n4 ul li p span{ display: block; color: #939393; margin-top: 10px; }
._quick .cont > .n4 ul li .qrArea{
    display: flex; gap: 8px;
    margin-top: 12px;
}
._quick .cont > .n4 ul li .qrArea .qr{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
}
._quick .cont > .n4 ul li .qrArea .qr .img{
    width: 85px; aspect-ratio: 1/1;
    border-radius: 10px; background: #fff;
    position: relative;
}
._quick .cont > .n4 ul li .qrArea .qr .img img{
    width: 60px; aspect-ratio: 1/1;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
._quick .cont > .n4 ul li .qrArea .qr p{
    font-size: 12px; line-height: calc(11/12);
}

@media screen and (min-width: 1441px){
    ._quick .boxArea .box:hover img { filter: brightness(1); }
    html.pc ._quick .boxArea .box:hover {background-color: #000; color: #fff; border-color: transparent; }
}


@media screen and (max-width:1600px) {}
@media screen and (max-width:1440px) {
	._quick{bottom: 30px; right: 30px; top: unset; transform: unset;}
	._quick .boxArea{display: flex; flex-direction: column; align-items: flex-end; gap: 10px; box-shadow: unset; pointer-events: none; position: absolute; width: 100%; }
	._quick .boxArea .box{flex-direction: row-reverse; width: auto; height: auto; background-color: transparent; border: unset;}
	._quick .boxArea .box p{color: #fff; font-size: 12px; }
	._quick .boxArea .box .imgBx{
		width: 46px; height: 46px; border-radius: 50%; background-color: #fff; filter: unset; box-shadow: 0 3px 5px rgba(0,0,0,0.1);
		display: flex; align-items: center; justify-content: center;
	}
	._quick .boxArea .box .imgBx img{}
	._quick .boxArea ._topBtn{display: none;}
	._quick .plus{width: 46px; height: 46px; border-radius: 50%; color: #fff; display: flex; align-items: center; justify-content: center; background-color: var(--green); margin-left: auto; margin-top: 10px; transition: transform 0.5s;}


    ._quick .cont{ width: 100%; }
    ._quick .cont > *{ top: auto; bottom: 0; transform-origin: right bottom; right: 100%; }

	._quick .boxArea .box{position: absolute; right: 0; bottom: 0; opacity: 0; transition: opacity 0.5s, transform 0.5s;}
	/* ._quick .boxArea .box.n1{transform: translateY(calc(400% + 40px));}
	._quick .boxArea .box.n2{transform: translateY(calc(300% + 30px));}
	._quick .boxArea .box.n3{transform: translateY(calc(200% + 20px));}
	._quick .boxArea .box.n4{transform: translateY(calc(100% + 10px));} */

    ._quick .boxArea .box.n1{transform: translateY(100%);}
	._quick .boxArea .box.n2{transform: translateY(100%);}
	._quick .boxArea .box.n3{transform: translateY(100%);}
	._quick .boxArea .box.n4{transform: translateY(100%);}

	._quick .boxArea .box p{opacity: 0; transform: translateX(100px); transition: opacity 0.5s,transform 0.5s;}

	/* 클릭했을때 */
	._quick.click{transform: unset; opacity: 1; pointer-events: auto;}
	._quick.click .plus{transform: rotate(45deg);}
	._quick.click .boxArea{pointer-events: auto;}

    ._quick.click .boxArea .box.n1{transform: translateY(calc(-300% - 30px));}
	._quick.click .boxArea .box.n2{transform: translateY(calc(-200% - 20px));}
	._quick.click .boxArea .box.n3{transform: translateY(calc(-100% - 10px));}
	._quick.click .boxArea .box.n4{transform: translateY(0);}

	._quick.click .boxArea .box{opacity: 1;}
	._quick.click .boxArea .box p{opacity: 1; transform: translateX(0);}

	._quick.hide {transform: translateX(60px);}
}
@media screen and (max-width:1280px) {}
@media screen and (max-width:1024px) {
	._quick{right: 20px; bottom: 20px;}
}
@media screen and (max-width:820px) {}
@media screen and (max-width:500px) {
    ._quick{ right: 5%; }
    ._quick .boxArea .box{ flex-direction: column; gap: 6px; }
    ._quick .boxArea .box p{ transform: translateX(0); }
    ._quick .cont{ margin-right: 12px; }
    ._quick .cont .tit span{ font-size: 12px; }
    ._quick .cont .tit p{ font-size: 16px; margin-top: 5px; margin-bottom: 15px; }
    ._quick .cont > *{ top: auto; bottom: 0; right: 0; }
    ._quick .cont > *.n4{ width: 200px; }
    ._quick .cont > .n1{ padding: 15px; padding-bottom: 25px; }
    ._quick .cont > .n4{ padding: 15px; }
    ._quick .cont > .n4 ul li .qrArea .qr .img{ width: 80px; }
    ._quick .cont > .n4 ul li em{ gap: 7px; }
    ._quick .cont > .n4 ul li{ padding: 10px 0; }
}
@media screen and (max-width:320px) {}



/* 영문에서는 노출되지 않는것들 */
html[lang='en'] header nav{display: none;}
html[lang='en'] header .right .shop_link{display: none;}
html[lang='en'] header .menuIco{display: none;}
html[lang='en'] ._quick{display: none;}



._wow{
	display: flex; align-items: flex-end; justify-content: center;
	position: absolute; width: 100%; left: 0; bottom: 0;
	pointer-events: none; filter: opacity(0.5);
}
._wow img{width: 100%;}

/* footer */
footer{
	background-color: #000;
	position: relative; overflow: hidden;
}
footer .wrap{
	padding-top: 54px; padding-bottom: 34px; box-sizing: border-box;
}
footer .wrap .topArea{
	display: flex; align-items: flex-start; justify-content: space-between;
	border-bottom: 1px solid #1f1f1f; box-sizing: border-box;
	padding-bottom: 23px; margin-bottom: 26px;
}
footer .wrap .topArea .logo{}
footer .wrap .topArea .logo svg{width: 167px;}
footer .wrap .topArea .logo svg *{fill: #fff;}
footer .wrap .topArea address{
	font-weight: 300; color: #bcbcbc; line-height: 1.4;
}
footer .wrap .bottomArea{
	position: relative;
	display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; color: #fff;
}
footer .wrap .bottomArea ._topBtn{
	position: absolute; right: 0; top: 0;
	width: 48px; height: 48px; display: flex; align-items: center; justify-content: center;
	color: #fff; background-color: #4e4e4e; font-size: 18px; cursor: pointer;
	transition: background-color 0.1s,color 0.1s;
}
footer .wrap .bottomArea ._topBtn:hover{background: #fff; color: #000;}
footer .wrap .bottomArea ._topBtn i{}
footer .wrap .bottomArea .btnArea{
	display: flex; align-items: flex-start; justify-content: flex-start; gap: 10px calc(30/16*1em);
	margin-bottom: 30px;
}
footer .wrap .bottomArea .btnArea a{}
footer .wrap .bottomArea ._privacyBtn{
	 margin-bottom: 30px;
}
footer .wrap .bottomArea ._privacyBtn p{font-size: 14px; font-weight: 300; color: #bcbcbc; cursor: pointer;}
footer .wrap .bottomArea ._privacyBtn p:hover{color: #fff;}
footer .wrap .bottomArea .snsBx{
	font-size: 20px; display: flex; align-items: center; justify-content: flex-start; gap: 0.5em;
	margin-bottom: 30px;
}
footer .wrap .bottomArea .snsBx a{opacity: 0.5;}
footer .wrap .bottomArea .snsBx a:hover{opacity: 1;}
footer .wrap .bottomArea .snsBx a img{height: calc(18/20*1em);}
footer .wrap .bottomArea .copy{
	font-size: 14px; font-weight: 300; color: #4e4e4e;
}

@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) {
	footer .wrap .topArea{flex-direction: column; gap: 20px;}
}
@media screen and (max-width:500px) {
	footer .wrap .topArea address{font-size: 14px; }
	footer .wrap .bottomArea .btnArea{font-size: 14px; }
	footer .wrap .bottomArea .copy{font-size: 12px; }
}
@media screen and (max-width:320px) {}


/* 커서 */
._cursor { position: fixed; z-index: 999999; left: 0; top:0; width: 1; height: 1; pointer-events: none; display: flex; align-items: center; justify-content: center; }
html.mo ._cursor{display: none !important;}
._cursor > * { transition: transform 0.5s,opacity 0.3s; transform: scale(0.5); opacity: 0; }
._cursor > *.on { transform: scale(1); opacity: 1; }
._cursor .n1 { position: absolute; left: 18px; top: 18px; width: 180px; height: 48px; font-family:'Manrope'; font-size: 17px; font-weight: 500; color: #fff; background-color: #000; display: flex; align-items: center; justify-content: center; }
._cursor .n1 .gray { color: #b5b5b5; }
._cursor .n1 p { margin-left: 1em; margin-right: calc(10/17*1em); }
._cursor .n1 i { font-size: calc(18/17*1em); animation: cursor_plus forwards infinite 6s; }
._cursor .n2 { position: absolute; width: 44px; height: 44px; background-color: #000; display: flex; align-items: center; justify-content: center; background-color: #000; color: #fff; font-size: 18px; }
._cursor .n2 i { animation: cursor_plus forwards infinite 6s; }

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





/* 키프레임 모션 모음 */
@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%) }
}



/* 개인정보처리방침 팝업 */
._privacyPopup{
	position: fixed; z-index: 9999999;
	width: 100%; height: 100%; left: 0; top: 0;
	align-items: center; justify-content: center; flex-direction: column; gap: 10px;
	display: flex; pointer-events: none; opacity: 0;
	transition: opacity 0.5s;
}
._privacyPopup.on{pointer-events: auto; opacity: 1;}
._privacyPopup .bg{
	position: absolute; left: 0; top: 0; width: 100%; height: 100%;
	background-color: #000; opacity: 0.8; cursor: pointer;
}
._privacyPopup .cancel{
	color: #fff; position: relative; z-index: 2;
	font-size: 30px; cursor: pointer; pointer-events: none;
}
._privacyPopup .popupCont{
	position: relative; z-index: 2;
	width: 90%; max-width: 940px; max-height: min(800px,calc(90% - 40px));
	background-color: #fff; border-radius: 10px; overflow: hidden;
	line-height: 1.4;
}
._privacyPopup .popupCont .inner{display: none; overflow: auto; height: auto; max-height: 100%; padding: 60px 20px; box-sizing: border-box;}
._privacyPopup .popupCont .inner.on{display: block;}
._privacyPopup .popupCont .inner .tit{
	font-size: 30px; font-weight: 600; margin-bottom: 40px; text-align: center;
}
._privacyPopup .popupCont .inner .p{ }
._privacyPopup .popupCont .inner .p b{ font-size: 20px; font-weight: 600; }
._privacyPopup .popupCont .inner .p.center{text-align: center;}

._privacyPopup .popupCont .inner .tableBx{
	border-collapse: collapse; margin-top: 20px;
}
._privacyPopup .popupCont .inner .tableBx table{}
._privacyPopup .popupCont .inner .tableBx table tr{}
._privacyPopup .popupCont .inner .tableBx table th{border: 1px solid #000; padding: 4px; box-sizing: border-box; background-color: #ddd;}
._privacyPopup .popupCont .inner .tableBx table th:nth-child(1){min-width: 8em;}
._privacyPopup .popupCont .inner .tableBx table td{border: 1px solid #000; padding: 4px; box-sizing: border-box;}

._privacyPopup .popupCont .inner .box{margin-top: 40px;}
._privacyPopup .popupCont .inner .box > em{display: block; font-size: 20px; font-weight: 600; margin-bottom: 16px;}
._privacyPopup .popupCont .inner .box > em ~ em{ margin-top: 20px; }
._privacyPopup .popupCont .inner .box .num{
	display: flex; align-items: flex-start; justify-content: flex-start; gap: 4px;
	margin-top: 14px;
}
._privacyPopup .popupCont .inner .box .date{ margin-top: 24px; }


@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) {
	._privacyPopup .popupCont .inner .tit{font-size: 24px; margin-bottom: 20px;}
	._privacyPopup .popupCont .inner .p{font-size: 14px; }
    ._privacyPopup .popupCont .inner .p b{ font-size: 18px; }
	._privacyPopup .popupCont .inner .box > em{font-size: 18px; }
	._privacyPopup .popupCont .inner .box .num{font-size: 14px; }
	._privacyPopup .popupCont .inner .tableBx{font-size: 14px; }
	._privacyPopup .popupCont .inner .box > p{font-size: 14px; }
}
@media screen and (max-width:500px) {
	._privacyPopup .popupCont .inner{padding: 40px 20px;}
	._privacyPopup .popupCont .inner .tableBx{font-size: 12px; }
	._privacyPopup .popupCont .inner .tableBx table th:nth-child(1){min-width: unset;}
    ._privacyPopup .popupCont .inner .p b{ font-size: 16px; }
	._privacyPopup .popupCont .inner .box > em{font-size: 16px; }
	._privacyPopup .popupCont .inner .box .num{font-size: 13px; }
	._privacyPopup .popupCont .inner .tableBx{font-size: 13px; }
	._privacyPopup .popupCont .inner .box > p{font-size: 13px; }
}