@charset "UTF-8";
/* 
*
* TYPOGRAPHY
*
*/
html,
body,
.wrapper {
  font-family: "Pretendard", sans-serif !important;
  font-size: 10px; /*1rem: 10px*/
}
.GGothic {
  font-family: "HGSoftGGothicssi", sans-serif !important;
}
.Gotham {
  font-family: "Gotham", sans-serif !important;
}
.font-normal {
  font-weight: 400 !important;
}
.font-medium {
  font-weight: 500 !important;
}
.font-semiBold {
  font-weight: 600 !important;
}
.font-bold {
  font-weight: 800 !important;
}
.font-extraBold {
  font-weight: 900 !important;
}
.index {
  font-family: "Gotham", sans-serif !important;
  font-size: 6rem;
  letter-spacing: 0.5px;
  line-height: 44px;
  font-weight: 700;
  display: inline-block;
  margin-bottom: 15px;
}
.letter-02 {
  letter-spacing: -0.2px !important;
}
.letter-03 {
  letter-spacing: -0.3px !important;
}
.letter-05 {
  letter-spacing: -0.5px !important;
}
.h2 {
  margin-bottom: 12px;
  text-align: center;
  font-size: 7rem !important;
  line-height: 44px;
  color: #111;
  font-weight: 800;
  letter-spacing: -0.2px;
}
.section-desc {
  font-size: 1.8rem;
  line-height: 28px;
  color: #6a6a6a;
  letter-spacing: -0.5px;
}
.section-caption {
  display: inline-block;
  margin-top: 15px;
  font-size: 1.2rem;
  line-height: 30px;
  letter-spacing: -0.5px;
}
.text-gray-01 {
  color: #111111 !important;
}
.text-blue-02 {
  color: #304ffb !important;
}
.text-blue-03 {
  color: #5980f9 !important;
}
.text-blue-04 {
  color: #8fb5ff !important;
}
.text-blue-04-variation {
  color: #98c1ff !important;
}
.text-blue-etc {
  color: #2285fa !important;
}
.text-blue-coupon {
  color: #789cff !important;
  font-size: 1.4rem;
  line-height: 14px;
}
.text-indigo {
  color: #9aa9ff !important;
}
.text-white {
  color: #fff;
}
.text-grayb9 {
  color: #b9b9b9 !important;
}
.text-gray76 {
  color: #767676 !important;
}
.text-yellow {
  color: #ffed8f !important;
}

.text-caution {
  margin: 10px 0 0;
  font-size: 1.3rem;
  line-height: 20px;
  text-align: center;
}
.text-question {
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 28px;
  letter-spacing: -0.5px;
}
.text-answer {
  display: flex;
  width: 90%;
  margin-top: 10px;
  font-size: 1.5rem;
  line-height: 28px;
  letter-spacing: -0.5px;
}
.text-answer::before {
  content: "•";
  padding-right: 5px;
}
/* 
*
* COMMON
*
*/
.hidden {
  display: none !important;
}
.relative {
  position: relative !important;
}
.box-lottie {
  position: absolute;
  width: 150px;
  height: 150px;
  z-index: 10;
}
.box-lottie.coin01 {
  top: 0;
  right: -10px;
}
.box-lottie.coin02 {
  top: 18%;
  left: -50px;
}
.box-lottie.coin03 {
  top: 52%;
  right: -70px;
}
.box-lottie.coin04 {
  bottom: 30px;
  right: -50px;
}
.box-lottie.coin05 {
  left: -70px;
  bottom: -10px;
}
.box-img {
  margin: 0 auto;
}
.box-img-full {
  width: 100%;
}
.box-img-half {
  width: 50%;
}
.box-img img,
.box-img-full img,
.box-img-half img {
  width: 100%;
  vertical-align: bottom;
}
.box-content {
  padding: 0 20px;
  text-align: center;
}
.box-caution {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 40px 24px;
}
.box-float {
  display: flex;
  justify-content: center;
  align-items: center;
}
.box-chip {
  display: inline-block;
  padding: 0 1.5rem;
  margin: 0 0 30px;
  font-size: 2.8rem;
  font-weight: 700;
  border-radius: 50px;
  color: white;
  text-align: center;
}
.box-chip.korean {
  font-size: 3.8rem;
}
.box-fixed {
  position: fixed;
  bottom: 40px;
  z-index: 20;
  width: 100%;
}
.bg-orange02 {
  background-color: #f78752 !important;
}
.bg-lightblue {
  background-color: #7d9aff !important;
}
.bg-blue01 {
  background-color: #1e4fff !important;
}
.bg-blue02 {
  background-color: #304ffb !important;
}
.bg-indigo {
  background-color: #192250 !important;
}
.bg-black {
  background-color: #262626 !important;
}
.bg-receipt {
  padding: 100px 0;
  background-color: #edf1ff;
  position: relative;
  overflow: hidden;
}
.bg-receipt::before,
.bg-receipt::after {
  position: absolute;
  content: "●●●●●●●●●●●●●●●●●●";
  font-size: 2rem;
  letter-spacing: 6px;
  vertical-align: bottom;
}
.bg-receipt::before {
  color: white;
  top: -10px;
}
.bg-receipt::after {
  color: #304ffb;
  bottom: -10px;
}
.img-card-list {
  padding: 0 24px;
  margin: 40px 0 100px;
}
.img-card-list li {
  margin-bottom: 20px;
}
.img-card-list li:last-child {
  margin: 0;
}
.img-card-list object {
  width: 100%;
}
.main-notice {
  width: 100%;
  padding: 10px 0;
  background: #0e1222;
}
.main-notice p {
  width: 100%;
  text-align: center;
  color: #fff;
  font-size: 1.3rem;
  line-height: 20px;
}
.section-wrap {
  position: relative;
  padding: 80px 0 0;
}
.btn {
  width: 100%;
  font-weight: 700;
  font-size: 2.1rem;
  line-height: 30px;
  height: 60px;
  outline: none;
  border: none;
  border-radius: 50px;
  box-shadow: 0px 10px 20px -5px rgba(0, 0, 0, 0.2);
}
/* article 1 style */
.box-content .sec1 {
  padding: 90px 54px 0;
}
.box-img-bubble {
  position: absolute;
  top: 50%;
  left: 15%;
  width: 150px;
}
.box-img-bubble object {
  width: 100%;
}
.box-img-full.sec1 {
  margin-top: 45px;
}

/* article 2 style */
.sec2-head {
  display: flex;
  gap: 10px;
  justify-content: center;
  align-items: center;
  margin-bottom: 70px;
  font-size: 1.8rem;
}
.sec2-head .thinq-logo,
.sec2-head .bbegi-logo-inline {
  width: 100px;
}
.sec2-body-img {
  position: relative;
  width: 50%;
  max-width: 210px;
  min-height: 320px;
  margin: 0 auto;
}
.thinq-icon,
.bbegi-icon {
  position: absolute;
  width: 180px;
  height: 180px;
}
.thinq-icon {
  top: 0;
  left: -30px;
}
.bbegi-icon {
  bottom: 0;
  right: -30px;
}
.sec2-body-text {
  margin: 50px 0 70px;
  font-size: 1.8rem;
  line-height: 27px;
}
.sec2-foot-content {
  padding: 0 0 70px;
}
.sec2-foot-bg {
  width: 100%;
  background: url(../img/illust_confetti.svg) no-repeat 0 0;
  background-size: contain;
}
.sec2-foot-text {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 100px;
}
.sec2-foot-text-head {
  display: flex;
  gap: 3px;
  align-items: center;
  margin-bottom: 20px;
  font-size: 1.8rem;
}
.sec2-foot-text-head .thinq-logo {
  width: 90px;
}
.sec2-foot-title {
  margin-bottom: 10px;
  font-size: 8rem;
  text-align: center;
  line-height: 48px;
}
.sec2-foot-coupon {
  margin: 40px auto;
}
.sec2-foot-btn {
  padding: 0px 24px;

  display: flex;
  justify-content: center;
  align-items: center;
}
.sec2-foot-btn button {
  background: white;
  color: #1f41ff;
}
/* article 3 style */
.text-highlight {
  padding: 0 5px;
  background: url(../img/marker_line.svg) no-repeat 50% 120%;
  background-size: 100%;
}
/* article 4 style */
.section-desc.sec4 {
  letter-spacing: -0.3px;
  font-weight: 700;
  margin-top: 20px;
}
.img-caution {
  display: block;
  width: 30px;
}
.apply-list {
  display: flex;
  flex-direction: column;
  padding: 50px 0 100px;
  gap: 70px;
}
/* article 5 style */
.faq-list {
  margin: 12px 0;
  padding: 0 24px;
  color: white;
}
.faq-list li {
  padding: 7px 0;
  border-bottom: 1px solid #666666;
}
.faq-list li:last-child {
  border-bottom: none;
}
.faq-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
/* footer */
.footer-logo {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 70px 0 150px;
  gap: 8px;
}
.footer-logo p {
  font-size: 1.8rem;
}
.footer-logo div {
  width: 100px;
}
/* 
*
*BUTTON
*
*/
.btn-faq-toggle {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
}
.btn-faq-toggle div {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
}
.btn-faq-toggle img {
  transition: all 0.3s;
}
.btn-faq-toggle.open img {
  transform: rotate(45deg);
}
.btn-faq-toggle img {
  display: block;
  width: 22px;
  height: 22px;
}
.btn-faq-link {
  display: inline-block;
  text-decoration: none;
  padding: 3px 15px;
  margin-top: 10px;
  margin-left: 12px;
  font-size: 1.2rem;
  line-height: 28px;
  border-radius: 50px;
  background: #a6a6a6;
  color: #262626;
}
.box-float .btn {
  background: #1331d9;
  color: #fff;
}
.btn-banner {
  display: block;
  width: 100%;
  border: none;
}