textarea {
  font-family: "Pretendard";
}

.submain .top_class {
  font-size: 18px;
  font-weight: 500;
  color: #949494;
}
.submain .main_text {
  font-size: 22px;
  font-weight: 700;
  color: #1F1F1F;
}

body {
  height: 100%;
}
body #wrap #main-content .section-alternate {
  height: 100%;
  background-color: #FCFCFC;
}

.register_content {
  padding: 60px 0 0;
  width: 610px;
}
.register_content h2:first-child {
  margin-top: 0;
}
.register_content p {
  padding: 0 0 0 20px;
}
.register_content #main-content {
  padding: 0;
}
.register_content ol, .register_content section.ection-alternate ul {
  margin: 0;
  padding-left: 1em;
  list-style: inherit;
}
.register_content div.paper {
  padding: 60px 53px 60px;
  box-shadow: 0px 40px 70px 0px rgba(0, 0, 0, 0.07), 0px 15.2px 23.2px 0px rgba(0, 0, 0, 0.02), 0px 8.4px 13.8px 0px rgba(0, 0, 0, 0.05), 0px 3px 5px 0px rgba(0, 0, 0, 0.03);
}
.register_content div.paper button#before_button {
  width: 24px;
  height: 24px;
  background: url("/img/scss/btn/icon_join_back2.svg") no-repeat;
  color: #008DE0;
  text-align: center;
  padding: 0;
}
.register_content div.paper div.header {
  position: relative;
}
.register_content div.paper div.header span.header_text {
  color: #969696;
  font-size: 18px;
}
.register_content div.paper div.header h3 {
  font-weight: 700;
  font-size: 22px;
  color: #1F1F1F;
  margin: 34px 0 24px;
}
.register_content div.paper div.header ::after {
  position: absolute;
  content: url("/img/scss/signup/first_choice.png");
  right: 0;
  top: 0;
}
.register_content div.paper div.register_tos_all {
  width: 100%;
  height: 80px;
  border-radius: 10px;
  border: 1px solid #DFDFDF;
  background: #FFF;
  display: flex;
  align-items: center;
  padding: 0 24px;
  margin-bottom: 32px;
}
.register_content div.paper div.register_tos_all span.text {
  margin-left: 8px;
  color: #1F1F1F;
  font-size: 18px;
  font-weight: 500;
}
.register_content div.paper div.register_tos_all:has(input:checked) {
  border: 1px solid #008DE0;
  box-shadow: 0px 0.501px 1.503px 0px rgba(0, 141, 224, 0.12), 0px 4px 12px 0px rgba(0, 141, 224, 0.24);
}
.register_content div.paper div.register_tos_all:has(input:checked) span.text {
  color: #008DE0;
}
.register_content div.paper div.register_tos_all input[type=radio] ~ .ic-check--lg,
.register_content div.paper div.register_tos_all input[type=checkbox] ~ .ic-check--lg,
.register_content div.paper div.register_tos_all input[type=radio] ~ .ic-check-alt--lg,
.register_content div.paper div.register_tos_all input[type=checkbox] ~ .ic-check-alt--lg {
  width: 20px;
  height: 20px;
  top: 2px;
  border-width: 1px;
}
.register_content div.paper div.agree_wrap {
  margin-bottom: 16px;
  position: relative;
}
.register_content div.paper div.agree_wrap:last-child {
  margin-bottom: 0;
}
.register_content div.paper div.agree_wrap span.text {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
}
.register_content div.paper div.agree_wrap span.text span.require_blue {
  color: #008DE0;
}
.register_content div.paper div.agree_wrap label {
  color: #969696;
  font-weight: 500;
  font-size: 18px;
}
.register_content div.paper div.agree_wrap label:has(input:checked) {
  color: #3F3F3F;
}
.register_content div.paper div.agree_wrap label input[type=checkbox] ~ .ic-check--md {
  width: 16px;
  height: 16px;
  top: 4px;
}
.register_content div.paper div.agree_wrap label span.text {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
}
.register_content div.paper div.agree_wrap label span.text span.require_blue {
  color: #008DE0;
}
.register_content div.paper div.agree_wrap button.view_btn {
  position: absolute;
  right: 0;
  top: 0;
  color: #777;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 21px; /* 150% */
  text-decoration-line: underline;
  background: none;
}
.register_content div.paper div.register_tos_event label {
  color: #969696;
  font-weight: 500;
  font-size: 18px;
}
.register_content div.paper div.register_tos_event label:has(input:checked) {
  color: #3F3F3F;
}
.register_content div.paper div.register_tos_event label input[type=checkbox]:checked ~ .ic-check--md {
  background: url("/assets/images/auth/ic-check-box-active_black.svg") no-repeat center center;
  background-size: 100%;
}
.register_content div.paper div.register_tos_event label input[type=checkbox]:checked ~ label {
  border: none;
}
.register_content div.paper div.register_tos_event label span.text {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
}
.register_content div.paper div.register_tos_event label span.text span.require_blue {
  color: #008DE0;
}
.register_content div.paper div.register_tos_button {
  margin-top: 115px;
  text-align: center;
  display: flex;
  gap: 29px;
}
.register_content div.paper div.register_tos_button button.back_button {
  background: #F3FAFF;
  color: #008DE0;
  text-align: center;
  font-size: 20px;
}
.register_content div.paper div.register_tos_button button {
  width: 220px;
  height: 70px;
  font-weight: 500;
  font-size: 20px;
  border: none;
  flex-grow: 1;
  border-radius: 10px;
  background: #008DE0;
}
.register_content div.paper div.register_tos_button button:disabled {
  background-color: #C8C8C8;
}
.register_content div.paper pre.textbox {
  width: 100%;
  height: 258px;
  padding: 42px 32px;
  font-family: "Pretendard";
  resize: none;
  overflow-x: auto;
  white-space: pre-wrap;
  word-wrap: break-word;
  overflow-y: scroll;
  margin: 30px 0 25px;
  border: 1px solid #E6E6E6;
  border-radius: 10px;
  font-weight: 500;
  font-size: 16px;
  line-height: 140%;
  display: flex;
  color: #2B2B2B;
}
.register_content div.paper div.age_agree {
  margin-top: 24px;
}
.register_content div.paper > div label {
  margin-left: 3px;
}
.register_content div.paper > div label span.text {
  color: #2B2B2B;
  font-weight: 500;
  font-size: 18px;
  margin-left: 8px;
}
.register_content div.paper > div label span.ic-check--lg, .register_content div.paper > div label span.ic-check--md {
  margin-top: 0;
}
.register_content div.paper > div label span.ic-check--lg {
  position: relative;
  top: -1px;
}
.register_content div.paper > div label span.ic-check--md {
  position: relative;
  top: 3px;
}
.register_content div.paper > div label input[type=checkbox]:checked ~ span.ic-check--lg,
.register_content div.paper > div label input[type=checkbox]:checked ~ span.ic-check--md {
  border: none;
}
.register_content div.paper div.agree_wrap.age_agree {
  margin-top: 32px;
}

.modal_txt {
  width: 900px;
  height: 568px;
  padding: 32px 38px;
  background: #FFF;
  display: flex;
  border-radius: 20px;
  flex-direction: column;
  gap: 42px;
  position: relative;
}
.modal_txt button.modal_close {
  position: absolute;
  right: 38px;
  top: 35px;
  background: url("/img/scss/icon/icon_modal_close.svg") no-repeat;
}
.modal_txt .modal_header {
  height: 30px;
}
.modal_txt .modal_header h3 {
  color: #1F1F1F;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  margin: 0;
  text-align: left;
}
.modal_txt div.textbox {
  flex-grow: 1;
  overflow-x: auto;
  background: #F5F5F5;
  padding: 16px 24px;
}
.modal_txt div.textbox div.terms_text {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.modal_txt div.textbox div.terms_text * {
  color: #777;
  text-align: left;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  white-space: normal;
  line-height: 21px;
}
.modal_txt div.textbox div.terms_text h3 {
  margin: 0;
}
.modal_txt div.textbox div.terms_text h4 {
  margin: 0;
}
.modal_txt div.textbox div.terms_text p {
  margin: 0;
  padding: 0;
}
.modal_txt div.textbox div.terms_text ol li ol li {
  list-style: lower-alpha;
}
.modal_txt div.textbox table {
  width: 100%;
  border-top: 1px solid #333;
  border-collapse: collapse;
  padding: 0 50px;
}
.modal_txt div.textbox table th {
  background-color: #F9F9FA;
}
.modal_txt div.textbox p, .modal_txt div.textbox ul {
  padding-left: 20px;
}
.modal_txt div.textbox ul {
  padding-left: 40px;
  margin: 0;
  height: auto;
}
.modal_txt div.textbox table th,
.modal_txt div.textbox table td {
  border-right: 1px solid #DFDFDF;
  border-bottom: 1px solid #DFDFDF;
  font-size: 14px;
  line-height: 1.38;
  letter-spacing: -0.65px;
  text-align: center;
  color: #333;
}
.modal_txt div.textbox table th:last-child,
.modal_txt div.textbox table td:last-child {
  border-right: none;
}

@media screen and (max-width: 1143px) {
  body {
    height: 100%;
    background: #FFF;
  }
  body #wrap {
    background: #FFF;
  }
  body #wrap #main-content {
    height: 100%;
    padding: 0;
  }
  body #wrap #main-content .section-alternate {
    background-color: #FFF;
  }
  .modal_txt {
    padding: 24px;
    gap: 16px;
  }
  .modal_txt button.modal_close {
    position: absolute;
    right: 24px;
    top: 30px;
    width: 16px;
    height: 16px;
    background: url("/img/scss/icon/icon_close_modal_m_16.svg") no-repeat;
  }
  .select_wrap {
    position: relative;
  }
  .select_wrap::after {
    content: url("/img/scss/icon/icon_select4.svg");
    position: absolute;
    bottom: 5px;
    right: 16px;
  }
  .select_wrap select {
    width: 100%;
    height: 48px;
    color: #1F1F1F;
    font-size: 18px;
    font-weight: 500;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }
  .select_wrap select:invalid {
    color: #C8C8C8;
  }
  .select_wrap select:focus {
    color: #1F1F1F;
  }
  .select_wrap select option[value=""][disabled] {
    display: none;
  }
  .register_content {
    width: 100%;
    padding: 15px 0 0;
  }
  .register_content div.paper {
    box-shadow: none;
    border: none;
    padding: 0;
  }
  .register_content div.paper button#before_button {
    width: 16px;
    height: 16px;
    background: url("/img/scss/btn/icon_join_back2_mobile.svg") no-repeat;
    color: #008DE0;
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
  }
  .register_content div.paper div.header ::after {
    display: none;
  }
  .register_content div.paper div.register_tos_all {
    height: 60px;
    padding: 0 16px;
  }
  .register_content div.paper div.register_tos_all input[type=checkbox] ~ .ic-check--lg {
    width: 16px;
    height: 16px;
    border: 1px solid #BEBEBE;
    top: 4px;
  }
  .register_content div.paper div.register_tos_all span.text {
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
  }
  .register_content div.paper div.register_tos_button {
    margin-top: 60px;
    text-align: center;
    display: flex;
    gap: 29px;
    position: absolute;
    bottom: 24px;
    width: 100%;
    left: 0;
    padding: 0 24px;
  }
  .register_content div.paper div.register_tos_button button.back_button {
    background: #F3FAFF;
    color: #008DE0;
    text-align: center;
    font-size: 20px;
  }
  .register_content div.paper div.register_tos_button button {
    height: 48px;
    font-weight: 400;
    font-size: 16px;
  }
  .register_content div.paper div.register_tos_button button:disabled {
    background-color: #C8C8C8;
  }
  .register_content div.paper div.agree_wrap label {
    color: #969696;
    font-weight: 500;
    font-size: 18px;
  }
  .register_content div.paper div.agree_wrap label:has(input:checked) {
    color: #3F3F3F;
  }
  .register_content div.paper div.agree_wrap label input[type=checkbox] ~ .ic-check--md {
    width: 16px;
    height: 16px;
    top: 4px;
  }
  .register_content div.paper div.agree_wrap label input[type=checkbox]:checked ~ .ic-check--md {
    background: url("/img/scss/icon/ic-check-box-active_blue.svg") no-repeat center center;
    background-size: 100%;
  }
  .register_content div.paper div.agree_wrap label input[type=checkbox]:checked ~ label {
    border: none;
  }
  .register_content div.paper div.agree_wrap label span.text {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
  }
  .register_content div.paper div.agree_wrap label span.text span.require_blue {
    color: #008DE0;
  }
}

/*# sourceMappingURL=terms_of_service.css.map */