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

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


.footer-menu-list {max-width:700px;}
.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 {opacity:0;}



.header-inner .btn-header-logo {width:214px; height:90px;}
.intro-visual .headline .btns { top:68.8%; left:56.15%;}
.intro-visual .headline .btns {left:44%}
.intro-visual .visual .btns {top:61%;left:70.75%;}
/* .intro-visual .desc {top:17.96vh; margin-left:-11.77vw; width:18.80vw;} */
/* .intro-visual .headline {top:48.70vh; margin-left:-1.71vw; width:44.16vw;} */

.intro-character .data-group .btn-data-ui > span {font-size:16px;}

.intro-overview .data {padding:6.40% 0 0 0;}
.intro-overview .headline img {width:43.33%;}
.intro-overview .obj-1 {margin-top:1.66%;}
.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 charactor btn */
.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:17.96vh;  margin-left:-226px; width:361px; z-index:5;}
	.intro-visual .headline { top:48.70vh; margin-left:-33px; width:848px; z-index:5;} */
}

@media screen and (max-width:1600px) {
	.intro-character .data-group .btn-data-ui > span {font-size:14px; height:40px;}
}


/*==============================================
@ 태블릿 기본
==============================================*/
@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(5):before,
	.footer-address address > span:nth-child(7):before {opacity:0;}


	.header-inner .btn-header-logo {width:110px; height:47px;}
	

	.intro-visual .visual .btns {top:82%;left:70%; width:14.5%;height:7%;}
	.intro-visual .visual .btns button{display: block;position: absolute;top:0;left:0;width:100%;height:100%;}
	

	/* 2024 04 charactor btn */
	.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%;}
	.intro-character .data-group .btn-data-ui > span {font-size:12px; height:36px; width:120px;}
	
}


/*==============================================
@ 모바일 기본
==============================================*/
@media screen and (max-width:768px) {
	.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,
	.footer-menu-list > li:nth-child(7):before{opacity:0;}

}


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

}