/* ========================================
   기본 스타일
======================================== */
body {
  overflow: hidden;
}

button {
  cursor: default;
}

/* ========================================
   배경 헤더
======================================== */
.bgHeader {
  width: 100%;
  border-bottom: solid 1px #f1f1f1;
  background-color: #fff;
}

.bgHeader > div {
  padding: 0 20px;
  margin: 0 auto;
  max-width: 1320px;
  height: 70px;
}

.bgHeader > div > span {
  height: 70px;
}

.bgHeader > div > span img {
  padding: 20px 0;
  width: 160px;
}

/* ========================================
   배경 메인
======================================== */
.bgMain article > div {
  padding: 0 20px;
  margin: 0 auto;
  max-width: 1320px;
  height: 100vh;
}

.bgMain .subMain__tit {
  position: relative;
  display: inline-block;
  padding-top: 160px;
  z-index: 4;
}

.bgMain .subMain__tit > span {
  font-size: 50px;
  line-height: 1.28;
  letter-spacing: -2.5px;
  color: #111;
  font-weight: bold;
  word-break: break-all;
}

.bgMain .subMain__tit > p {
  margin-top: 22px;
  font-size: 22px;
  line-height: 1.55;
  letter-spacing: -1.1px;
}

/* ========================================
   검색 버튼
======================================== */
.findBtn {
  border-radius: 4px;
  font-weight: 500;
  line-height: 1;
  text-align: center;
  color: #fff;
  padding: 23px 0;
  margin-top: 40px;
  max-width: 336px;
  font-size: 20px;
  letter-spacing: -1px;
  transition: background 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  cursor: pointer;
}

.findBtn:before {
  content: "";
  display: inline-block;
  margin-right: 8px;
  background: url(../img/icon_search_wh.png) no-repeat 0 center;
}

/* ========================================
   스토어 버튼
======================================== */
.subMain__tit--storeBtn a {
  display: block;
  border: solid 1px #e1e1e1;
  border-radius: 4px;
  background: no-repeat center / 108px #fff;
  text-indent: -9999px;
  cursor: pointer;
}

.subMain__tit--storeBtn .google {
  background-image: url(../img/icon_google_bk.svg);
}

.subMain__tit--storeBtn .apple {
  background-image: url(../img/icon_apple_bk.svg);
  background-size: 94px;
}

/* ========================================
   미디어쿼리 (반응형)
======================================== */
/* 데스크톱 (1024px 이상) */
@media screen and (min-width: 1024px) {
  .findBtn:before {
    width: 20px;
    height: 20px;
    background-size: 20px;
    transform: translateY(2px);
  }

  .subMain__tit--storeBtn a {
    float: left;
    padding: 10px 0;
    width: 164px;
  }

  .subMain__tit--storeBtn a:first-child {
    margin-right: 8px;
  }

  .subMain__tit--storeBtn {
    margin-top: 16px;
  }
}

/* 태블릿 (1024px 이하) */
@media screen and (max-width: 1024px) {
  .bgMain .subMain__tit {
    z-index: 1;
  }
}