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

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


.footer-menu-list {max-width:600px;}
.footer-menu-list > li:nth-child(1):before,
.footer-menu-list > li:nth-child(6):before{opacity:0;}

.footer-address address > span:nth-child(1):before,
.footer-address address > span:nth-child(2):before,
.footer-address address > span:nth-child(3):before,
.footer-address address > span:nth-child(4):before,
.footer-address address > span:nth-child(5):before,
.footer-address address > span:nth-child(6):before,
.footer-address address > span:nth-child(7):before{opacity:1;}
.footer-address address > span:nth-child(1):before,
.footer-address address > span:nth-child(4):before {opacity:0;}



.header-inner .btn-header-logo {width:220px; height:94px;}

/* .intro-visual .headline .btns { top:-0.5%; left:72.9%; width:22.7%; height:45.1%;} */
.intro-visual .desc {top:11.7vh; margin-left:-16.56vw; width:26.35vw;}
.intro-visual .visual .btns {top:61.5%;left:71.55%;}
/* .intro-visual .headline {top:48.7vh; margin-left:-5.57vw; width:48.02vw;} */

.intro-overview .data {padding:5.83% 0 0 0;}
.intro-overview .headline img {width:45.36%;}
.intro-overview .obj-1 {margin-top:1.35%;}
.intro-overview .obj-1 img {width:100%;}
.intro-overview .obj-2 {margin-top:2.03%;}
.intro-overview .obj-2 img {width:62.5%;}




/* 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) {
	/* .intro-visual .desc {top:11.7vh;  margin-left:-318px; width:506px; z-index:5;}
	.intro-visual .headline { top:48.7vh; margin-left:-107px; width:922px; z-index:5;} */
}



/*==============================================
@ 태블릿 기본
==============================================*/
@media screen and (max-width:1024px) {
	
	.footer-menu-list {max-width:550px;}
	.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,
	.footer-menu-list > li:nth-child(7):before{opacity:1;display: flex;} 
	.footer-menu-list > li:nth-child(1):before,
	.footer-menu-list > li:nth-child(6):before{opacity:0;display: flex;}

	
	.header-inner .btn-header-logo {width:110px; height:47px;}
	
	
	.intro-visual .visual .btns {top: 73%;left: 84.5%;width: 11%;height: 6%;}
	.intro-visual .visual .btns button{display: block;position: absolute;top:0;left:0;width:100%;height:100%;}
	

	/* 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) {
	.footer-menu-list {max-width:300px;}
	.footer-menu-list > li:nth-child(1):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,
	.footer-menu-list > li:nth-child(7):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(7):before{opacity:0;} 

	.footer-limit-info {font-size:12px;}
	
}


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

}