@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;600;700&display=swap');

/*==============================================
@ PC 기본
==============================================*/
html,
body,
button,
textarea,
select,
input{font-family:'Noto Sans KR', sans-serif;}




/* 2024 04 aurora */
.intro-character .data-ui {position:absolute; bottom:4%;right:0%;display:flex;width:15%;gap:0 10px;z-index: 100;}
.intro-character .btn-data-ui  {padding:13.197% 32.466%;border-radius:75px; border-radius:100px; border:none; white-space:nowrap;background:url(../images/intro-rebecca-charactor-btn.png) no-repeat 0 0;background-size:auto 100%;}

/*==============================================
@ PC 고해상도
==============================================*/
@media screen and (min-width:1921px) {

}



/*==============================================
@ 태블릿 기본
==============================================*/
@media screen and (max-width:1024px) {


	/* 2024 04 aurora */
	.intro-character .data-ui {position:absolute; bottom:auto;top:76vw;right:auto; left: 5.555555556vw;width:100%;height:11.111111111vw;gap:0 3.47vw;z-index: 100;}
	.intro-character .btn-data-ui  {height:100%;border-radius:64px; padding:0 13.95%;border-radius:100px; border:none; white-space:nowrap;background:url(../images/intro-rebecca-charactor-btn-m.png) no-repeat 0 0;background-size:auto 100%;}


}


/*==============================================
@ 모바일 기본
==============================================*/
@media screen and (max-width:768px) {
}


/*==============================================
@ 모바일 해상도별 분기
==============================================*/
@media screen and (max-width:420px) {

}

@media screen and (max-width:359px) {
	.footer-menu-list > li:nth-child(1):before,
	.footer-menu-list > li:nth-child(2):before,
	.footer-menu-list > li:nth-child(3):before,
	.footer-menu-list > li:nth-child(4):before,
	.footer-menu-list > li:nth-child(5):before,
	.footer-menu-list > li:nth-child(6):before{opacity:1;} 
	.footer-menu-list > li:nth-child(1):before,
	.footer-menu-list > li:nth-child(4):before,
	.footer-menu-list > li:nth-child(6):before{opacity:0;} 

}