#modal-promotionTnc .modal-wrapper {
  background-color: #FFFFFF;
  color: #000000;
}
#modal-promotionTnc .modal-wrapper .modal-wrapper-close {
  color: #0B0A0A;
}
#modal-promotionTnc .modal-wrapper .modal-wrapper-close:hover {
  color: #000000;
}
#modal-promotionTnc .modal-wrapper header {
  background-color: #CE8625;
  color: #0B0A0A;
  font-weight: bold;
  font-size: 1.1em;
  min-height: 45px;
  padding: 10px 30px 10px 10px;
}
#modal-promotionTnc .modal-wrapper article {
  color: #000000;
  padding: 0.9375rem;
}
#modal-promotionTnc .modal-wrapper article label {
  color: #000000;
}
#modal-promotionTnc .modal-wrapper nav {
  padding: 0 10px;
  margin: 1rem 0 0 0;
  text-align: right;
}
#modal-promotionTnc .modal-wrapper.countdown-style {
  background-color: #000000;
  color: #FFFFFF;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
#modal-promotionTnc .modal-wrapper.countdown-style .modal-wrapper-close {
  position: absolute;
  width: 33px;
  height: 33px;
  right: -0.55rem;
  top: -0.55rem;
  background-color: #CE8625;
  font-size: 1.2rem;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  box-shadow: 0 0 0.3rem #0B0A0A;
  cursor: pointer;
  z-index: 2;
}
#modal-promotionTnc .modal-wrapper.countdown-style .modal-wrapper-close i {
  display: flex;
  height: inherit;
  justify-content: center;
  align-items: center;
  color: #000000;
  font-size: 1.1rem;
}
#modal-promotionTnc .modal-wrapper.countdown-style header {
  display: none;
}
#modal-promotionTnc .modal-wrapper.countdown-style .article-container {
  padding: 0 15px;
}
#modal-promotionTnc .modal-wrapper.countdown-style .article-container article {
  color: #FFFFFF;
  padding: unset;
}
#modal-promotionTnc .modal-wrapper.countdown-style .article-container .promotion-title {
  color: #FFFFFF;
  font-size: 1.2rem;
  line-height: 1.3;
  font-weight: bold;
  margin: 10px 0;
}
#modal-promotionTnc .modal-wrapper.countdown-style .article-container .promotion-content {
  color: #FFFFFF !important;
}
#modal-promotionTnc .modal-wrapper.countdown-style .article-container .promotion-content * {
  color: #FFFFFF !important;
}
#modal-promotionTnc .modal-wrapper.countdown-style .article-container .promotion-content .none-background-color {
  background-color: transparent !important;
}
#modal-promotionTnc .modal-wrapper.countdown-style .article-container .promotion-content table * {
  background-color: transparent !important;
  border-color: #FFFFFF !important;
}
#modal-promotionTnc .modal-wrapper.countdown-style .article-container table {
  color: #000000;
}
#modal-promotionTnc .modal-wrapper.countdown-style .article-container .banner-container {
  margin-bottom: 10px;
}
#modal-promotionTnc .modal-wrapper.countdown-style .article-container .banner-container img {
  width: 100%;
}
#modal-promotionTnc .modal-wrapper.countdown-style .article-container .info-container .general-rule-button-container .general-rule-button {
  background-color: #0B0A0A;
  color: #CE8625;
  border: 1px solid #CE8625;
  margin: 5px;
}
#modal-promotionTnc .modal-wrapper.countdown-style .article-container .info-container .general-rule-button-container .general-rule-button:focus,
#modal-promotionTnc .modal-wrapper.countdown-style .article-container .info-container .general-rule-button-container .general-rule-button:active {
  background-color: #0B0A0A;
  color: #CE8625;
}
#modal-promotionTnc .modal-wrapper.countdown-style .article-container .info-container .general-rule-button-container .general-rule-button:hover {
  background-color: #000000;
  color: #CE8625;
  border: 1px solid #FFFFFF;
}
#modal-promotionTnc .modal-wrapper.countdown-style .article-container .info-container .general-rule-button-container .general-rule-button.is-active {
  background-color: #CE8625;
  color: #000000;
  border: 1px solid #CE8625;
}
#modal-promotionTnc .modal-wrapper.countdown-style .article-container .info-container .date-display-container {
  display: flex;
  flex-direction: column;
}
#modal-promotionTnc .modal-wrapper.countdown-style .article-container .info-container .date-display-container .countdown-format {
  position: relative;
  display: flex;
  align-items: center;
}
#modal-promotionTnc .modal-wrapper.countdown-style .article-container .info-container .date-display-container .countdown-format .date-type-label {
  text-align: left;
  min-width: 70px;
  color: #FFFFFF;
  white-space: nowrap;
}
#modal-promotionTnc .modal-wrapper.countdown-style .article-container .info-container .date-display-container .countdown-format .countdown-period-container {
  display: flex;
  flex-direction: column;
  text-align: center;
  width: 80px;
  padding: inherit;
}
#modal-promotionTnc .modal-wrapper.countdown-style .article-container .info-container .date-display-container .countdown-format .countdown-period-container .countdown-text {
  width: 35px;
  height: 35px;
  background-color: #FFFFFF;
  color: #000000;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  margin: 0 auto;
  align-items: center;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  padding: 6px 0;
}
#modal-promotionTnc .modal-wrapper.countdown-style .article-container .info-container .date-display-container .countdown-format .countdown-period-container .countdown-content {
  font-size: 13px;
  color: #FFFFFF;
}
#modal-promotionTnc .modal-wrapper.countdown-style .article-container .info-container .date-display-container .countdown-format .countdown-colon {
  color: #FFFFFF;
  font-weight: bold;
}
#modal-promotionTnc .modal-wrapper.countdown-style .article-container .info-container .date-display-container .date-format {
  display: flex;
  align-items: center;
}
#modal-promotionTnc .modal-wrapper.countdown-style .article-container .info-container .date-display-container .date-format .date-type-label {
  color: #FFFFFF;
  margin-right: 10px;
}
@media screen and (min-width: 64em) {
  #modal-promotionTnc .modal-wrapper.countdown-style .article-container .info-container .date-display-container .countdown-format {
    justify-content: end;
  }
  #modal-promotionTnc .modal-wrapper.countdown-style .article-container .info-container .date-display-container .date-format {
    justify-content: end;
  }
}
@media screen and (max-width: 39.9375em) {
  #modal-promotionTnc .modal-wrapper.countdown-style .article-container {
    padding: 0 10px;
  }
  #modal-promotionTnc .modal-wrapper.countdown-style .article-container .info-container .date-display-container {
    margin-top: 10px;
  }
}