/* 폰트 설정 */
@font-face {
  font-family: 'noto-black';
  src: url('/static/fonts/noto-black.otf') format('truetype');
}

@font-face {
  font-family: 'noto-bold';
  src: url('/static/fonts/noto-bold.otf') format('truetype');
}

@font-face {
  font-family: 'noto-light';
  src: url('/static/fonts/noto-light.otf') format('truetype');
}

@font-face {
  font-family: 'noto-medium';
  src: url('/static/fonts/noto-medium.otf') format('truetype');
}

@font-face {
  font-family: 'noto-regular';
  src: url('/static/fonts/noto-regular.otf') format('truetype');
}

@font-face {
  font-family: 'noto-thin';
  src: url('/static/fonts/noto-thin.otf') format('truetype');
}

/* 초기 설정, 글씨체와 박스 스타일 */
* {
  box-sizing: border-box;
}

body {
  width: 100%;
  height: 100%;
  font-family: "noto-regular", 'serif';
  -ms-overflow-style: none;
}

/* body::-webkit-scrollbar {
    display: none;
} */

/*html{*/
/*    width: 100%;*/
/*    height: 100%;*/
/*}*/

section {
  width: 100%;
  height: 100%;
}

/* a 링크 태그 스타일 초기화 */
a {
  all: unset;
}

a:link {
  text-decoration: none;
  color: #212121;
}

a:visited {
  text-decoration: none;
  color: #212121;
}

a:active {
  text-decoration: none;
  color: #212121;
}

a:hover {
  text-decoration: none;
  color: #212121;
  cursor: pointer;
}

/* TOP 최상단 */
.top {
  /*width: 100%;*/
  /*height: 30px;*/
  /*position: fixed;*/
  /*background-color: #ffffff;*/
  /*z-index: 9999;*/
}

.top-inner {
  /*display: flex;*/
  /*flex-direction: row;*/
  /*justify-content: space-between;*/
  /*padding: 1rem 1.5rem 1rem 1.5rem;*/
}

.top-left {
  /*display: flex;*/
  /*flex-direction: row;*/
}

/* Bottom 최하단 */
footer {
  width: 100%;
}

.footer-background {
  /*top: 300%;*/
  width: 100%;
  height: 180px;
  background-image: url("/static/img/background_1.jpg");
  background-size: cover;
  display: flex;
  flex-direction: column;
}

.hidden {
  width: 1px;
  height: 1px;
  font-size: 0px;
  line-height: 0px;
  position: absolute;
}