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

@font-face {
  font-family: 'Microsoft YaHei',微软雅黑;
  src: url('./font/chinese.msyh.ttf');
  font-weight: 500;
  font-style: normal;
}


/* Reset */
html,body,h1,h2,h3,h4,h5,h6,div,p,blockquote,pre,code,address,ul,ol,li,nav,section,article,header,footer,main,aside,dl,dt,dd,table,thead,tbody,tfoot,label,caption,th,td,form,fieldset,legend,hr,input,button,textarea,object,figure,figcaption {margin:0;padding:0; box-sizing: border-box;font-weight: 400;}
body,input,select,textarea,button,img,fieldset {border:none;box-sizing:border-box;}
ul,ol,li{list-style:none;}
table{width:100%;border-spacing:0;border-collapse:collapse;}
address,cite,code,em,i{font-style:normal;font-weight:normal;}
label,img,input,select,textarea,button,a {vertical-align:middle;}
u,ins,a{text-decoration:none;}
button { cursor: pointer;}

/* Normalize */
body {
  font-family: 'Microsoft YaHei','Noto Sans KR', sans-serif;
  background: #e7eefa;
}

select {
  appearance: none;
  box-sizing: border-box;
}

select::-ms-expand {
  display: none;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration,
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
}

input[type="number"] {
  -moz-appearance: textfield;
}

input[type="number"],
input[type="text"],
input[type="password"],
input[type="url"],
input[type="email"],
input[type="tel"],
input[type="date"],
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-border-radius: 0;
}

textarea {
  resize: none;
}

@media print {
  body { orientation: landscape; }
}

/* Style */
html {
  font-size: 10px;
}

body {
  overflow-x: hidden;
  color: #191919;
  font-size: 1rem;
}

body.hidden {
  position: fixed;
  overflow-y: hidden;
  touch-action: none;
}

main {
  font-size: 1.4rem;
  color: #191919;
  display: block;
}

a,
button {
  color: #111;
  font-family: 'Microsoft YaHei',
    'Noto Sans KR',
    sans-serif;
  background: none;
}

p,
li {
  word-break: break-all;
}

.clear {
  clear: both;
}

.clear:after {
  content: "";
  display: block;
  clear: both;
}

caption,
legend,
.hide {
  overflow: hidden;
  display: block;
  position: absolute;
  border: 0;
  width: 1px;
  height: 1px;
  clip: rect(1px, 1px, 1px, 1px);
}

.skip {
  position: absolute;
  left: 0;
  right: 0;
  top: -100%;
  transition: all .5s;
  line-height: 5rem;
  background: #000;
  color: #fff;
  text-align: center;
  z-index: 100;
}

.skip:focus {
  top: 0;
}