html {
	--vh:1vh;
	--vh100:calc(var(--vh) * 100);
	word-break: keep-all;
	--orange:#fe6600;
	--purple:#b101de;
	--red:#ff0062;
	--blue:#2c5ba7;
}
html.mo { --vh100:calc((var(--vh) * 100) + 60px) !important; }
html.safariWeb { --vh100:calc((var(--vh) * 100) + 100px) !important; }
html.kakoWeb { --vh100:calc((var(--vh) * 100) + 100px) !important; }

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

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

.wrap { margin: 0 auto; width: 95%; }
.wrap[max='1820'] { max-width: 1820px; }
.wrap[max='1740'] { max-width: 1740px; }
.wrap[max='1600'] { max-width: 1600px; }
.wrap[max='1520'] { max-width: 1520px; }
.wrap[max='1440'] { max-width: 1440px; }

body { font-family: 'Pretendard', sans-serif; }

@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) { }



/* max-width */
@media screen and (max-width:1600px) {
	.max-1600 { display: block !important; }
	.max-1600-none { display: none !important; }
}
@media screen and (max-width:1440px) {
	.max-1440 { display: block !important; }
	.max-1440-none { display: none !important; }
}
@media screen and (max-width:1280px) {
	.max-1280 { display: block !important; }
	.max-1280-none { display: none !important; }
}
@media screen and (max-width:1024px) {
	.max-1024 { display: block !important; }
	.max-1024-none { display: none !important; }
}
@media screen and (max-width:820px) {
	.max-820 { display: block !important; }
	.max-820-none { display: none !important; }
}
@media screen and (max-width:500px) {
	.max-500 { display: block !important; }
	.max-500-none { display: none !important; }
}
@media screen and (max-width:320px) {
	.max-320 { display: block !important; }
	.max-320-none { display: none !important; }
}


/* min-width */
@media screen and (min-width:1601px) {
	.min-1601 { display: block !important; }
	.min-1601-none { display: none !important; }
}
@media screen and (min-width:1441px) {
	.min-1441 { display: block !important; }
	.min-1441-none { display: none !important; }
}
@media screen and (min-width:1281px) {
	.min-1281 { display: block !important; }
	.min-1281-none { display: none !important; }
}
@media screen and (min-width:1025px) {
	.min-1025 { display: block !important; }
	.min-1025-none { display: none !important; }
}
@media screen and (min-width:821px) {
	.min-821 { display: block !important; }
	.min-821-none { display: none !important; }
}
@media screen and (min-width:501px) {
	.min-501 { display: block !important; }
	.min-501-none { display: none !important; }
}
@media screen and (min-width:321px) {
	.min-321 { display: block !important; }
	.min-321-none { display: none !important; }
}


@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 scale90 {
	0% { transform: scale(1); }
	50% { transform: scale(0.9); }
	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 floating10_per {
	0% { transform: translateY(0); }
	50% { transform: translateY(-10%); }
	100% { transform: translateY(0); }
}

@keyframes floating15_per {
	0% { transform: translateY(0); }
	50% { transform: translateY(-15%); }
	100% { transform: translateY(0); }
}

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

@keyframes floating25_per {
	0% { transform: translateY(0); }
	50% { transform: translateY(-25%); }
	100% { transform: translateY(0); }
}

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

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

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


._opacity { animation: opacity 4s infinite; }
._opacity20 { animation: opacity20 4s infinite; }
._opacity50 { animation: opacity50 4s infinite; }

._rotate { animation: rotate 4s infinite; }
._rotate2 { animation: rotate2 4s infinite; }
._rotate3 { animation: rotate3 4s infinite; }
._rotate4 { animation: rotate4 4s infinite; }

._scale50 { animation: scale50 4s infinite; }
._scale80 { animation: scale80 4s infinite; }
._scale110 { animation: scale110 4s infinite; }
._scale120 { animation: scale120 4s infinite; }
._scale130 { animation: scale130 4s infinite; }
._scale140 { animation: scale140 4s infinite; }

._floating10 { animation: floating10 4s infinite; }
._floating20 { animation: floating20 4s infinite; }
._floating30 { animation: floating30 4s infinite; }
._floating40 { animation: floating40 4s infinite; }
._floating60 { animation: floating60 4s infinite; }
._floating80 { animation: floating80 4s infinite; }

._floating10_per { animation: floating10_per 4s infinite; }
._floating15_per { animation: floating15_per 4s infinite; }
._floating20_per { animation: floating20_per 4s infinite; }
._floating30_per { animation: floating30_per 4s infinite; }

._marquee { animation: marquee 10s infinite; }
._marquee50 { animation: marquee50 10s infinite; }

._delay01 { animation-delay: 0.1s !important; }
._delay02 { animation-delay: 0.2s !important; }
._delay03 { animation-delay: 0.3s !important; }
._delay04 { animation-delay: 0.4s !important; }
._delay05 { animation-delay: 0.5s !important; }
._delay06 { animation-delay: 0.6s !important; }
._delay07 { animation-delay: 0.7s !important; }
._delay08 { animation-delay: 0.8s !important; }
._delay09 { animation-delay: 0.9s !important; }
._delay1 { animation-delay: 1s !important; }
._delay15 { animation-delay: 1.5s !important; }
._delay2 { animation-delay: 2s !important; }
._delay25 { animation-delay: 2.5s !important; }
._delay3 { animation-delay: 3s !important; }
._delay35 { animation-delay: 3.5s !important; }
._delay4 { animation-delay: 4s !important; }
._delay45 { animation-delay: 4.5s !important; }
._delay5 { animation-delay: 5s !important; }

._duration05 { animation-duration: 0.5s !important; }
._duration1 { animation-duration: 1s !important; }
._duration15 { animation-duration: 1.5s !important; }
._duration2 { animation-duration: 2s !important; }
._duration25 { animation-duration: 2.5s !important; }
._duration3 { animation-duration: 3s !important; }
._duration35 { animation-duration: 3.5s !important; }
._duration4 { animation-duration: 4s !important; }
._duration45 { animation-duration: 4.5s !important; }
._duration5 { animation-duration: 5s !important; }
._duration55 { animation-duration: 5.5s !important; }
._duration6 { animation-duration: 6s !important; }
._duration65 { animation-duration: 6.5s !important; }
._duration7 { animation-duration: 7s !important; }
._duration75 { animation-duration: 7.5s !important; }
._duration8 { animation-duration: 8s !important; }
._duration85 { animation-duration: 8.5s !important; }
._duration9 { animation-duration: 9s !important; }
._duration95 { animation-duration: 9.5s !important; }
._duration10 { animation-duration: 10s !important; }




._kr_only { display: none; }
._en_only { display: none; }

html[lang='ko'] ._kr_only { display: block; }
html[lang='en'] ._en_only { display: block; }


._wow { position: absolute; width: 100%; left: 0; bottom: 0; z-index: 999; pointer-events: none; filter: invert(1); opacity: 0.5; pointer-events: none; }
._wow img { width: 100%; }


/* header */
header {
	position: fixed; z-index: 99999; width: 100%; left: 0; top: 0;
	--border_radius:4px;
}
header > .wrap {display: flex; align-items: center; justify-content: space-between;padding: 23px 0; position: relative; z-index: 4;}
header > .wrap::before{
	content: '';
    display: block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
    width: 100vw;
    height: 100%;
    background-color: #fff;
    pointer-events: none;
    opacity: 0;
}
header > .wrap > div {display: flex; align-items: center; justify-content: center; position: relative;}
header > .wrap > div.left { }
header > .wrap > div.left .logo { margin-right: 48px; }
header > .wrap > div.left .logo svg { height: 60px; }
header > .wrap > div.left .logo svg .st2 {fill: #000;}
header > .wrap > div.left .pc_nav { }
header > .wrap > div.left .pc_nav > ul {display: flex;align-items: center;justify-content: flex-start;gap: 34px; }
header > .wrap > div.left .pc_nav > ul > li {display: flex; align-items: center; justify-content: center; position: relative; }
header > .wrap > div.left .pc_nav > ul > li > a {font-size: 20px; font-weight: 600; letter-spacing: -0.025em;display: flex; align-items: center; justify-content: center; position: relative; }
header > .wrap > div.left .pc_nav > ul > li > a::before {content:''; display: block; position: absolute; width: 100%; height: 100%;padding: 20px 14px; z-index: 1; }
header > .wrap > div.left .pc_nav > ul > li > a p { position: relative; z-index: 2; }
header > .wrap > div.left .pc_nav > ul > li > a i{display: none;}
header > .wrap > div.left .pc_nav > ul > li > ul {position: absolute; margin-top: 10px; top: 100%;border-radius: 4px; overflow: hidden; z-index: 2;box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;display: none; }
header > .wrap > div.left .pc_nav > ul > li > ul > li { }
header > .wrap > div.left .pc_nav > ul > li > ul > li a {background-color: #fff; font-size: 14px; font-weight: 500;padding: 10px; box-sizing: border-box; }
html.pc header > .wrap > div.left .pc_nav > ul > li > ul > li a:hover { background-color: #000; color: #fff; }
header > .wrap > div.left .pc_nav > ul > li > ul > li:first-child a { padding-top: 14px; }
header > .wrap > div.left .pc_nav > ul > li > ul > li:last-child a { padding-bottom: 14px; }

header > .wrap > div.right {display: flex;align-items: center;justify-content: flex-end;gap: 9px;font-size: 20px;font-weight: 600;letter-spacing: -0.025em; }
header > .wrap > div.right .lang {display: flex; align-items: center; justify-content: center; position: relative;cursor: pointer; padding: calc(12/20*1em) 26px;border-radius: 100px; box-sizing: border-box;border: 1px solid #000;transition: border-color 0.2s,background-color 0.2s; }

header > .wrap > div.right .lang .box { }
header > .wrap > div.right .lang .box p { }
header > .wrap > div.right .lang .select {position: absolute; top: 100%; margin-top: 6px;background-color: #fff; border: 1px solid #000;padding: 12px 26px; border-radius: 100px;box-sizing: border-box; display: none; }
header > .wrap > div.right .lang .select::before {
	content:''; display: block; position: absolute; width: 100%; height: 40px; left: 0; bottom: 100%; margin-bottom: -20px;
}
html.pc header > .wrap > div.right .lang .select:hover { background-color: #000; color: #fff; }
header > .wrap > div.right .lang .select a { }
header > .wrap > div.right .pre_apply {color: #fff; position: relative; box-sizing: border-box;padding: calc(12/20*1em) calc(32/20*1em); }
header > .wrap > div.right .pre_apply::before,
header > .wrap > div.right .pre_apply::after {content:''; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%;border-radius: 100px; transition: opacity 0.5s,background-color 0.5s; }
header > .wrap > div.right .pre_apply::before { background: #000; }
header > .wrap > div.right .pre_apply::after { background: linear-gradient(90deg,rgba(255, 0, 98, 1) 0%, rgba(44, 91, 167, 1) 100%); opacity: 0; }
html.pc header > .wrap > div.right .pre_apply:hover::before { opacity: 0; }
html.pc header > .wrap > div.right .pre_apply:hover::after { opacity: 1; }
header > .wrap > div.right .pre_apply p { position: relative; z-index: 2; }


header > .wrap .right .menuIco{
	font-size: 1px;
	width: 40em; height: 20em; align-items: center; justify-content: center; position: relative;
	display: none;
}
header > .wrap .right .menuIco div{
	width: 100%; height: 2px; background-color: #000;
	position: absolute; border-radius: 20px; transition: top 0.5s,bottom 0.5s,transform 0.5s,opacity 0.5s;
}
header > .wrap .right .menuIco div:nth-child(1){top: 0;}
header > .wrap .right .menuIco div:nth-child(2){}
header > .wrap .right .menuIco div:nth-child(3){bottom: 0;}

header.menuOn .wrap .right .menuIco div:nth-child(1){top: 9em; transform: rotate(45deg);}
header.menuOn .wrap .right .menuIco div:nth-child(2){opacity: 0; transform: scale(0);}
header.menuOn .wrap .right .menuIco div:nth-child(3){bottom: 9em; transform: rotate(-45deg);}

header ._menuArea{
	position: absolute; z-index: 2;
	width: 100%; height: var(--vh100); left: 0; top: 0;
	box-sizing: border-box; overflow: auto;
	background-color: rgba(0,0,0,0.5); backdrop-filter: blur(10px);
	opacity: 0; pointer-events: none;
}
header ._menuArea .wrap{
	padding-top: 100px; padding-bottom: 40px;
	display: flex; flex-direction: column; align-items: flex-end; justify-content: flex-start;
}
header ._menuArea .wrap .mo_nav{
	display: flex; justify-content: flex-end; width: 100%; max-width: 400px;
}
header ._menuArea .wrap .mo_nav > ul{
	width: 100%;
	display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px;
}
header ._menuArea .wrap .mo_nav > ul > li{width: 100%;}
header ._menuArea .wrap .mo_nav > ul > li > a{
	font-size: 18px; font-weight: 500; letter-spacing: -0.04em; color: #fff;
	display: flex; align-items: center; justify-content: space-between;
	background: linear-gradient(90deg,rgba(255, 0, 98, 1) 0%, rgba(44, 91, 167, 1) 100%); color: #fff; border-radius: var(--border_radius);
	padding: 10px; box-sizing: border-box; transition: background-color 0.5s,color 0.5s;
}
/* header ._menuArea .wrap .mo_nav > ul > li.on > a{background-color: #fff; color: #000;} */
header ._menuArea .wrap .mo_nav > ul > li > a p{}
header ._menuArea .wrap .mo_nav > ul > li > a i{transition: transform 0.5s;}
header ._menuArea .wrap .mo_nav > ul > li.on > a i{transform: rotate(180deg);}
header ._menuArea .wrap .mo_nav > ul > li > ul{
	background-color: #eee; display: none;
	margin-top: 6px; margin-bottom: 10px; border-radius: var(--border_radius);
}
header ._menuArea .wrap .mo_nav > ul > li > ul li{}
header ._menuArea .wrap .mo_nav > ul > li > ul li a{
	padding: 10px; box-sizing: border-box; font-size: 14px; font-weight: 500; letter-spacing: -0.04em;
	position: relative;
}
header ._menuArea .wrap .mo_nav > ul > li > ul li a::after{
	content:''; display: block; position: absolute; width: calc(100% - 20px); height: 1px;
	left: 10px; bottom: 0; background-color: #ddd;
}
header ._menuArea .wrap .mo_nav > ul > li > ul li:last-child a::after{display: none;}
header ._menuArea .wrap .mo_nav > ul > li > ul li:first-child a{padding-top: 14px;}
header ._menuArea .wrap .mo_nav > ul > li > ul li:last-child a{padding-bottom: 14px;}
header ._menuArea .wrap .contactBtn{
	border-radius: var(--border_radius); background-color: #fff; font-size: 18px; font-weight: 600;
	letter-spacing: -0.04em; width: 100%; padding: 10px; display: flex; align-items: center; justify-content: space-between;
	margin-top: 10px; max-width: 400px;
	box-sizing: border-box;
}
header ._menuArea .wrap .contactBtn p{}
header ._menuArea .wrap .contactBtn i{}



/* transition 모음 */
header > .wrap{transition: opacity 0.5s,transform 0.5s;}
header > .wrap::before{transition: opacity 0.5s;}
header > .wrap .logo svg *{transition: fill 0.5s;}
header > .wrap > div.right .pre_apply{transition: color 0.5s;}
header > .wrap > div.right .lang{transition: border-color 0.5s,color 0.5s;}
header > .wrap > div.right .lang .select{transition: color 0.5s;}
header ._menuArea{transition: opacity 0.5s;}

header.bg .wrap::before{opacity: 0.5;}
header.hide .wrap{transform: translateY(-80%); opacity: 0; pointer-events: none;}

header.menuOn ._menuArea{opacity: 1; pointer-events: auto;}
header.menuOn .wrap::before{opacity: 0;}
header.menuOn .wrap{transform: translateY(0); opacity: 1; pointer-events: auto;}
header.menuOn > .wrap > div.left .logo svg .st2{fill: #fff;}
header.menuOn > .wrap > div.right .lang{border-color: #fff; color: #fff;}
header.menuOn > .wrap > div.right .lang .select{color: #000;}
header.menuOn > .wrap > div.right .pre_apply::before{background-color: #fff;}
header.menuOn > .wrap > div.right .pre_apply{color: #000;}
header.menuOn > .wrap .right .menuIco div{background-color: #fff;}

@media screen and (max-width:1600px) {}
@media screen and (max-width:1440px) {}
@media screen and (max-width:1280px) {}
@media screen and (max-width:1024px) {
	header > .wrap > div.left .logo{margin-right: 0;}
	header > .wrap > div.left .logo svg{height: 50px;}
	header > .wrap > div.left .pc_nav{display: none;}
	header > .wrap > div.right{font-size: 16px; }
	header > .wrap .right .menuIco{display: flex; margin-left: 10px;}
}
@media screen and (max-width:820px) {}
@media screen and (max-width:500px) {
	header > .wrap{padding: 12px 0;}
	header > .wrap > div.left .logo svg{height: 36px;}
	header > .wrap > div.right{font-size: 12px; }
	header > .wrap > div.right .lang{padding: 8px 12px;}
	header > .wrap > div.right .lang .select{padding: 8px 12px;}
	header > .wrap > div.right .pre_apply{padding: 8px 12px;}
	header > .wrap .right .menuIco{font-size: 0.8px; margin-left: 0;}
	header.menuOn .wrap .right .menuIco div:nth-child(1){top: 8em;}
}
@media screen and (max-width:320px) {}



footer{position: relative;}
footer .bg{
	position: absolute; left: 0; top: 0; width: 100%; height: 100%;
	background-image: url(/asset/img/2026/footer_bg.jpg); background-position: center center; background-size: cover;
	mask-image: url(/asset/img/2026/footer_clip_path.png);
    -webkit-mask-image: url(/asset/img/2026/footer_clip_path.png);;
    mask-size: 100% auto;
	mask-position: 0% 0%;
	mask-repeat: no-repeat;
}
footer .bg::before {
	content:''; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%;
	background-color: #000; opacity: 0.5;
}
footer .wrap{
	padding-top: 153px; padding-bottom: 83px; box-sizing: border-box;
	position: relative; z-index: 2; color: #fff;
}
footer .wrap .top{
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	margin-bottom: 67px;
}
footer .wrap .top .left{
	font-size: 100px;
	font-weight: 600;
	font-family: "Archivo", sans-serif;
	line-height: calc(115/100);
	letter-spacing: -0.025em;
}
footer .wrap .top .left a{
	transform: translate(9%,-16%);
	background-color: #fff;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	width: calc(80/100*1em);
	height: calc(80/100*1em);
	color: #000;
}
footer .wrap .top .left a i{font-size: calc(57/100*1em);transform: rotate(60deg);}
footer .wrap .top .right{
	font-size: 30px;
	font-weight: 500;
	line-height: calc(42/30);
	text-align: right;
	margin-bottom: calc(16/30*1em);
	letter-spacing: -0.025em;
}
footer .wrap .bottom{
	display: flex; align-items: flex-end; justify-content: space-between;
}
footer .wrap .bottom .info{line-height: 1.4;}
footer .wrap .bottom .info p{
	font-size: 18px;
	font-weight: 500;
	letter-spacing: -0.025em;
	margin-bottom: 15px;
}
footer .wrap .bottom .info small{
	letter-spacing: -0.025em; color: rgba(255,255,255,0.5);
}
footer .wrap .bottom .logo{}
footer .wrap .bottom .logo svg{height: 74px;}
footer .wrap .bottom .logo svg .bigTxt{fill: #fff;}

@media screen and (max-width:1600px) {}
@media screen and (max-width:1440px) {}
@media screen and (max-width:1280px) {
	footer .wrap .top .left{font-size: calc(100/1920*100vw); }
}
@media screen and (max-width:1024px) {
	footer .wrap{padding-top: 120px; padding-bottom: 50px;}
	footer .wrap .top .right{font-size: 20px; }
}
@media screen and (max-width:820px) {
	footer .wrap{padding-top: 80px; padding-bottom: 30px;}
	footer .wrap .top{margin-bottom: 30px;}
	footer .wrap .bottom .info p{margin-bottom: 6px;}

	footer .wrap .bottom .info p{font-size: 16px; }
	footer .wrap .bottom .info small{font-size: 14px; }
}
@media screen and (max-width:500px) {
	footer .wrap .top{flex-direction: column; align-items: flex-start; gap: 20px;}
	footer .wrap .top .left{font-size: calc(50/500*100vw); }
	footer .wrap .top .right{text-align: left; font-size: 16px; }
	footer .wrap .bottom{flex-direction: column-reverse; align-items: flex-start; gap: 20px;}
	footer .wrap .bottom .logo svg{height: 50px;}

	footer .wrap .bottom .info p{font-size: 14px; }

}
@media screen and (max-width:320px) {}