/* reset */
@import url('https://fonts.googleapis.com/css2?family=Jua&family=M+PLUS+Rounded+1c:wght@400;500;700&family=Montserrat:wght@600&family=Nanum+Gothic:wght@400;700;800&family=Roboto:wght@300;400;500;700&family=Yusei+Magic&display=swap');
/* 
ENG tit
font-family: 'Montserrat', sans-serif;
ENG txt
font-family: 'Roboto', sans-serif;

KOR tit
font-family: 'Jua', sans-serif;
KOR txt
font-family: 'Nanum Gothic', sans-serif;

JAP tit
font-family: 'Yusei Magic', sans-serif;
JAP txt
font-family: 'M PLUS Rounded 1c', sans-serif;

*/
*,*::after,*::before{-webkit-box-sizing:border-box;box-sizing:border-box; letter-spacing: inherit; font-size:inherit; line-height:inherit; color:inherit} 
html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;font-size:10px;font-weight:400; line-height:1; letter-spacing: -.08em;background:#C8C8D3} 
@media (max-width: 359px) { html {font-size: -webkit-calc(7px + 10 * ((100vw - 280px) / 359));font-size: calc(7px + 10 * ((100vw - 280px) / 359))}} 
@media (min-width: 360px) { html {font-size: -webkit-calc(10px + 10 * ((100vw - 360px) / 1440)); font-size: calc(10px + 10 * ((100vw - 360px) / 1440))}}
html:lang(ko){font-family:"Nanum Gothic", "Jua", "Malgun Gothic","맑은 고딕",Dotum,"돋움",arial,verdana,sans-serif}
html:lang(ja){font-family:"Yusei Magic", "M PLUS Rounded 1c", "Malgun Gothic","맑은 고딕",Dotum,"돋움",arial,verdana,sans-serif}
html:lang(en){font-family:"Montserrat", "Roboto", "Malgun Gothic","맑은 고딕",Dotum,"돋움",arial,verdana,sans-serif}
article,aside,audio,blockquote,body,canvas,code,dd,details,div,dl,dt,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,input,legend,li,mark,nav,ol,p,pre,section,td,textarea,th,time,ul,video{margin:0;padding:0} 
body{color:#333;background-color:#fff;min-width:280px} 
img{border:0;border-style:none} 
button{border:0;background:none;padding:0;cursor:pointer} 
button,input,optgroup,select,textarea{margin:0;font-size:100%;font-family:inherit} 
table{border-collapse:collapse;border-spacing:0} 
fieldset{border:0} 
legend{color:#000} 
address,caption,cite,code,dfn,em,strong,i,b,th,var{font-style:normal;font-weight:normal} 
ol,ul{list-style:none} 
caption,th{text-align:left} 
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;line-height:1} 
caption,hr,legend{width:0;height:0;font-size:1px;text-indent:-9999em;line-height:0} 
a{color:inherit;text-decoration:none;background-color:transparent;display:inline-block} 
a:visited span{border:inherit} 
main{display:block} 
abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}
small{font-size:80%} 
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline} 
sub{bottom:-0.25em} 
sup{top:-0.5em} 
button,input{overflow:visible} 
button,select{text-transform:none} 
[type="button"],[type="reset"],[type="submit"],button{-webkit-appearance:button} 
[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0} 
[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText} 
progress{vertical-align:baseline} 
textarea{overflow:auto} 
[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto} 
[type="search"]{-webkit-appearance:textfield;outline-offset:-2px} 
[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration,[type="search"]::-webkit-search-results-button,[type="search"]::-webkit-search-results-decoration{-webkit-appearance:none;display:none} 
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit} 
details{display:block} 
template{display:none} 
[hidden]{display:none}
select::-ms-expand {display: none;}
select{-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;appearance:none}

/*! common */ 
body.disabled-scroll{overflow:hidden; height:100vh} 
.clfix:after,.clfix:before{display:table;line-height:0;content:""} 
.clfix:after{clear:both} 
.hide-txt{overflow:hidden;position:absolute;width:1px;height:1px;font-size:1px;line-height:0;clip:rect(0 0 0 0);white-space:nowrap;margin:-1px;padding:0;border:0} 
@media (max-width: 1024px){a .hide-txt{font-size:0}} 
a:before{content:'　';position:absolute;font-size:0} 
[tabindex="-1"]:focus{outline:0}