@charset "UTF-8";
/*----------------------------------------------------------------------
# 메인 CSS 
----------------------------------------------------------------------*/

#header { display:none; } 

/*----------------------------------------------------------------------
@ MAIN COMMON 
----------------------------------------------------------------------*/
#main > section {padding-top:6.25rem;padding-bottom:6.25rem; overflow-x:clip;  }

@media screen and (max-width: 1024px){
}
@media screen and (max-width: 1024px){
	#main > section {padding-top:5rem;padding-bottom:5rem;}
}
@media screen and (max-width: 768px){
}



/*----------------------------------------------------------------------
@ MAIN INTRO
----------------------------------------------------------------------*/
#main_intro { position:relative; display:flex; align-items:center; justify-content:center; height:calc(var(--vh, 1vh) * 100); padding:0 !important; } 
.main_intro {  display:flex; flex-direction:column; width:400px; max-width:400px; text-align:center; margin:0 auto; } 
.intro_logo { margin-bottom:1.875rem; padding-bottom:2.5rem; border-bottom:3px solid #fff; } 
.intro_logo img { max-width:90%; } 
.ecua_logo { margin-top:5.125rem; padding-bottom:1.563rem; } 
.intro_title { display:flex; align-items:center; justify-content:center; font-size:2rem; color:#fff; font-weight:700; margin-bottom:3.75rem;white-space:nowrap; }
.intro_title .material-symbols-outlined.mi_headphones { font-size:2.5rem; color:#fff; font-weight:600; margin-right:0.5rem; margin-top:-0rem;}
.intro_title .material-symbols-outlined.mi_headphones::after  { content:'headphones'; }

.intro_title.jp { font-family:'Noto Sans JP'; }
.intro_title.cn { font-family:'Noto Sans SC'; }

.intro_lang {  }
.intro_lang ul { } 
.intro_lang ul li { overflow:hidden; margin-bottom:1rem; } 
.intro_lang ul li:last-of-type { margin-bottom:0rem; } 
/* 메뉴로 오픈시 필요 
.intro_lang ul li > div { position:relative; display:flex;align-items:center; justify-content: space-between; min-height:3.75rem; font-size:1.25rem; color:#fff; font-weight:700; letter-spacing:-0.05em; text-transform:uppercase; padding:0.75rem 1.25rem 0.75rem 1.25rem; background-image: -webkit-linear-gradient( 180deg, var(--mainC) 0%, var(--menu) 100%); border-radius:0.25rem;  overflow:hidden; } 
*/
.intro_lang ul li a.en { /*font-family:'Noto Sans';*/ }
.intro_lang ul li a.jp { font-family:'Noto Sans JP'; }
.intro_lang ul li a.cn { font-family:'Noto Sans SC'; }

/* 언어로 오픈시 필요 */
.intro_lang ul li a { position:relative; display:flex;align-items:center; justify-content: space-between; font-size:1.25rem; color:#fff; font-weight:500; padding:1.125rem 1.875rem; background:linear-gradient(to left, var(--menu), var(--mainC)); border-radius:0.25rem;  overflow:hidden; } 
.intro_lang .lang_arrow { display:flex; align-items:center; }
.intro_lang .lang_arrow .material-symbols-outlined { font-size:1.75rem; } 

.intro_lang ul li > div span { display:flex; align-items:center; gap:0.5rem; } 
.intro_lang ul li > div span i { display:flex; align-items:center; } 

.intro_lang ul li > div .lang { display:flex; align-items:center; gap:0.5rem; } 
.intro_lang ul li > div .lang a { display:flex; align-items:center; justify-content:center; } 
.intro_lang ul li > div .lang a img {  } 


.intro_lang .lang_icon { display:flex; align-items:center; line-height:1; } 
.intro_lang .lang_icon i { margin-right:10px; } 

/*hover*/
.intro_lang li:hover .arrow_mv {  animation: arrow-action-next 1s cubic-bezier(0.075, 0.82, 0.165, 1) 0s;} 
.intro_lang li:hover a:before { -webkit-animation: shine .75s; animation: shine .75s; } 


@media screen and (max-width: 480px){
	#main_intro .maxWidth { margin:0 20px; width:100%; } 
}

@media screen and (max-width: 430px){
	.main_intro { width:100%; max-width:revert; } 
	.intro_logo img { max-width:80%; } 
	.intro_title { font-size:1.5625rem; } 

	.intro_lang ul li > div .lang a { justify-content:flex-end; } 
	.intro_lang ul li > div .lang a img { width:30px; } 
	.ecua_logo img { max-width:80%; } 
} 