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

#header { display:none; } 

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

.main_title_wrap { position:relative; } 
.main_title {position:relative; display:flex; align-items:center; font-size:2.5rem; color:#000; font-weight:600; padding:0rem;line-height:1; }
@media screen and (max-width: 1024px){
	.main_title { font-size:1.875rem;  }
}
@media screen and (max-width: 1024px){
	#main > section {padding-top:5rem;padding-bottom:5rem;}
}
@media screen and (max-width: 768px){
	.main_title { font-size:1.563rem;  }
}




./*----------------------------------------------------------------------
@ MAIN COMMON
----------------------------------------------------------------------*/
section { overflow-x:clip;  } 

.main_title_wrap { position:relative; } 
.main_title {position:relative; display:flex; align-items:center; font-size:1.875rem; color:#000; font-weight:600; padding:0rem;line-height:1; }
.main_title:after { content:''; position:absolute; left:0px; top:18px; width:7.5rem; height:1px; background:#111;  } 
.main_title.noline:after { display:none; } 
.main_title img { margin-bottom:7px; margin-right:5px; } 

@media screen and (max-width: 1024px){
	.main_title { font-size:1.563rem; padding-left:7.375rem; }
	.main_title.noline { padding-left:0rem; } 
	.main_title:after { top:12px; width:6rem; }
	.main_title img { height:30px; } 
}




/*----------------------------------------------------------------------
@ MAIN INTRO
----------------------------------------------------------------------*/
#main_intro { position:relative; display:flex; align-items:center; justify-content:center; height:100vh; padding:0 !important; background:url('/images/main/slider.jpg') no-repeat; background-size:cover; } 
.main_intro {  display:flex; flex-direction:column; width:400px; max-width:400px; text-align:center;  } 
.intro_logo { margin-bottom:1.563rem; padding-bottom:1.875rem; border-bottom:0.188rem solid #fff; } 
.ecua_logo { margin-top:5.125rem; padding-bottom:1.563rem; } 
.intro_title { display:flex; align-items:center; justify-content:center; /*font-size:2.6rem;*/font-size:2rem; color:#fff; font-weight:800; margin-bottom:3.125rem;white-space:nowrap; }
.intro_title .material-symbols-outlined.mi_headphones { font-size:40px; color:#fff; font-weight:600; margin-right:0.5rem; margin-top:-0rem;}
.intro_title .material-symbols-outlined.mi_headphones::after  { content:'headphones'; }

.intro_lang {  }
.intro_lang ul { } 
.intro_lang ul li { overflow:hidden; margin-bottom:0.625rem; } 
.intro_lang ul li:last-of-type { margin-bottom:0rem; } 
.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 right, var(--menu), var(--mainC)); border-radius:0.25rem;  overflow:hidden; } 
.intro_lang ul li a.en { /*font-family:'Noto Serif';*/ }
.intro_lang ul li a.jp { font-family:'Noto Serif JP'; }
.intro_lang ul li a.cn { font-family:'Noto Serif SC'; }


.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: 430px){
	.main_intro { width:100%; } 
	.intro_logo img { width:70%; } 
	.intro_title { font-size:1.563rem; } 
	#main_intro .maxWidth { margin:0 20px; } 
	.ecua_logo img { max-width:80%; } 
}