@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@300;400;500;600;700;800;900&family=Noto+Sans+KR:wght@300;400;500;600;700;800;900&family=Noto+Sans+TC:wght@300;400;500;700;900&family=Chakra+Petch:wght@300;400;500;600;700&family=Roboto:wght@300;400;500;600;700;800;900&display=swap');
/* reset style [start] */
html, body, div, p, img, span, a, em, strong, pre, h1, h2, h3, h4, h4, h5, h6, ul, ol, li, dl, dt, dd, table, tbody, thead, tfoot, tr, th, td, form, fieldset, legend, caption, input, textarea, button, select, video, iframe, header, article, aside, details, figcaption, figure, footer, hgroup, menu, nav, section {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	border:0
  }
html {
	font-family:'Roboto',Tahoma, Verdana, sans-serif;
	word-break:keep-all;word-wrap:break-word;font-weight: 500;
  }
html.overflow, body.overflow{overflow: hidden;}
table{border-collapse:inherit;border-spacing:0}
img,fieldset{border:0}
ul,ol{list-style:none}
em,address{font-style:normal}
a{text-decoration:none}

.blind, legend{position:absolute;left:-1000%; top:0; width:1px; height:1px; font-size:0; line-height:0; overflow:hidden;text-indent:-10000px;background: none !important} /* 숨김 */
caption{left:-1000%; top:0; width:1px; height:1px; font-size:0; line-height:0; overflow:hidden;text-indent:-10000px} /* 숨김 */
button{border:0;cursor:pointer;*overflow:visible;vertical-align:middle;background:transparent;}
strong{font-weight: 700;}
input::placeholder,
textarea::placeholder {
  color: #9F9F9F;
  opacity: 1; /* 파이어폭스에서 뿌옇게 나오는 현상을 방지하기 위한 css */
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #9F9F9F;
}
/* IE */
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #9F9F9F;
}
/* Firefox */
input:-mos-input-placeholder,
textarea:-mos-input-placeholder {
  color: #9F9F9F;
}
img{max-inline-size: 100%;
	block-size: auto;
	/* aspect-ratio: 2/1; */
	object-fit: cover;
	object-position: 50% 50%;
}
body{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
body.overflow {
	height: 100vh;
	overflow-y: hidden;
}

:lang(ko) body,
:lang(ko) body input,
:lang(ko) body button{ font-family: 'Noto Sans KR', 'Malgun Gothic';}
:lang(zh) body,
:lang(zh) body input,
:lang(zh) body button{ font-family: 'Noto Sans TC',Arial,sans-serif,'Helvetica Neue',Helvetica }
:lang(th) body,
:lang(th) body input,
:lang(th) body button{ font-family:'Chakra Petch',Arial,sans-serif,'Helvetica Neue',Helvetica  }