@charset "utf-8";

@font-face {
  font-family: 'Pretendard-Regular';
  src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
}

html, body, div, button, ul, li { margin: 0; padding: 0; border: 0; outline: none; }
html, body { width: 100%; height: 100%; vertical-align: baseline; }
li { list-style-type: none; }

#scale-layer {
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: url(../../_sample/bg.png) no-repeat center/cover;
}

#wrap {
  position: relative;
  top: 0;
  left: 0;
  width: 1360px;
  height: 1920px;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  transform-origin: top left;
  -webkit-transform-origin: top left;
  -ms-transform-origin: top left;
  /* background: url(../../_sample/temp.png) no-repeat center/contain; */
}

#wrap>div { margin: 0 auto; }
#content-wrap {
  position: absolute;
  display: none;
  width: 100%;
  height: 100%;
  background: url(../../_sample/text.png) no-repeat center/contain;
}
#content-wrap ul.btn-wrap {
  position: absolute;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  width: 100%;
  top: 180px;
  padding: 0;
  margin: 0;
  list-style-type: none;
}
#content-wrap ul.btn-wrap>li {
  display: flex;
  width: 468px;
  height: 680px;
  margin: 20px;
  cursor: pointer;
}
#content-wrap ul.btn-wrap>li:nth-child(1) { background: url(../../_sample/btn01.png) no-repeat center/contain; }
#content-wrap ul.btn-wrap>li:nth-child(2) { background: url(../../_sample/btn02.png) no-repeat center/contain; }
#content-wrap ul.btn-wrap>li:nth-child(3) { background: url(../../_sample/btn03.png) no-repeat center/contain; }
#content-wrap ul.btn-wrap>li:nth-child(4) { background: url(../../_sample/btn04.png) no-repeat center/contain; }

.btn-submit {
  position: absolute;
  display: block;
  width: 480px;
  height: 100px;
  left: calc(50% - 480px / 2);
  bottom: 160px;
  background: url(../../_sample/btn_submit.png) no-repeat center/contain;
  cursor: pointer;
}

.copyright {
  position: absolute;
  width: 100%;
  bottom: 80px;
  color: #333;
  font-family: 'Pretendard-Regular';
  font-size: 24px;
  line-height: 1.3;
  text-align: center;
}


/***** data-video-control *****/
#video-wrap {
  position: absolute;
  width: 100%;
  height: 100%;
}