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

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

.header-inner .btn-header-logo {width:200px; height:71px;}

.header-inner .btn-header-logo {width:200px; height:71px;}

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



.intro-visual .headline .btns{top:59%;}
.intro-visual .desc {top:14.12vh; margin-left:-12.7vw; width:18.07vw;}
.intro-visual .visual .btns {top:64.25%;left:79.65%;width:5%;height:9%;}

.intro-overview .data {padding:8.48% 0 0 0;}
.intro-overview .headline img {width:61.25%;}
.intro-overview .obj-1 {margin-top:0%;}
.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:14.12vh;  margin-left:-245px; width:347px; z-index:5;}
	.intro-visual .headline { top:50.83vh; margin-left:-27px; width:848px; z-index:5;} */
}



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

	.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; display:flex;} 
	.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(3):before,
	.footer-address address > span:nth-child(4):before,
	.footer-address address > span:nth-child(5):before,
	.footer-address address > span:nth-child(7):before {opacity:0;}


	.header-inner .btn-header-logo {width:114px; height:40px;}
	
	.intro-visual .visual .btns {top:77.35%;left:77.5%; width:13%;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:340px;}
	.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(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(3):before,
	.footer-menu-list > li:nth-child(5):before,
	.footer-menu-list > li:nth-child(7):before{opacity:0;} 
}


/*==============================================
@ 모바일 해상도별 분기
==============================================*/
@media screen and (max-width:390px) {
	.footer-menu-list {max-width:320px;}
	.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(3):before,
	.footer-menu-list > li:nth-child(5):before{opacity:0;} 

}