@charset "UTF-8";
/* #### account login  ####  */
.account__inner {
  max-width: 492px;
  padding: 120px 16px 160px;
  margin: 0 auto;
}
.account__inner .tit {
  color: #141414;
  font-weight: 700;
  font-size: 42px;
  line-height: 140%;
  letter-spacing: -2%;
  text-align: center;
  margin-bottom: 64px;
}
.account__inner .btn-green {
  border-radius: 4px;
  margin-top: 32px;
}
.account__inner .go_links {
  margin-top: 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
  color: #141414;
}
.account__inner .go_links .gray-text {
  color: #8c8c8c;
}
.certi_box {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.certi_box .certi_btn {
  margin-left: auto;
}
.red_txt {
  color: #cd0000;
  font-size: 12px;
  font-weight: 400;
  line-height: 130%;
}
.certification .ip_num {
  position: relative;
  width: 100%;
}
.certification .ip_num span {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0px;
  color: #cd0000;
  font-size: 16px;
  font-weight: 400;
}
.red_txt_ip {
  width: 100%;
}
.red_txt_ip .red_txt {
  margin-top: 4px;
}
.password_reset .btns {
  margin-top: 14px;
  text-align: center;
}
.no_join {
  text-decoration: underline;
  color: #8c8c8c;
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
  margin-top: 32px;
  display: inline-block;
  width: 100%;
  text-align: center;
}
.join_box span {
  padding: 12px 16px;
  background: #eaf5eb;
  width: 100%;
  display: inline-block;
  color: #299738;
  font-size: 16px;
  font-weight: 700;
  line-height: 140%;
  border-radius: 4px;
}
.join .btn-green {
  margin-top: 40px;
}
.terms_form .terms {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 24px 8px;
  border-bottom: 1px solid #f0f0f0;
}
.terms_form .terms .item {
  display: flex;
  justify-content: space-between;
}
.terms_form .terms .item label,
.terms_form .all_check label {
  display: flex;
  gap: 12px;
  align-items: center;
}
.terms_form .terms .item label h6 {
  color: #141414;
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
}
.terms_form .terms .item label h6 b {
  font-weight: 400;
  color: #299738;
}
.terms_form .terms .item label h6 b.red {
  color: #cd0000;
}

.terms_form .terms .item > a {
  text-decoration: underline;
  color: #8c8c8c;
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
}
.terms_form .all_check {
  border-bottom: 1px solid #f0f0f0;
  padding: 16px 8px;
  width: 100%;
}
.terms_form .all_check b {
  color: #141414;
  font-weight: 700;
  font-size: 16px;
  line-height: 140%;
}
.account__inner.join_success {
  max-width: 1432px;
}
.success_box {
  background: #e6f6ee;
  padding: 80px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.success_box > img {
  width: 48px;
  height: 48px;
  margin-bottom: 16px;
}
.success_box > h1 {
  color: #00a550;
  font-weight: 700;
  font-size: 24px;
  line-height: 140%;
  margin-bottom: 40px;
}
.success_box .btn {
  height: 39px;
  line-height: 39px;
  padding: 0 20px;
  font-size: 18px;
  font-weight: 500;
  border-radius: 4px;
  margin-top: 0;
}
/* #### 개인정보 처리방침 #### */
.privacy__inner {
  padding: 120px 16px 160px;
  max-width: 1432px;
  width: 100%;
  margin: 0 auto;
}
.privacy__inner h1.tit {
  color: #141414;
  font-weight: 700;
  font-size: 42px;
  line-height: 140%;
  text-align: center;
  margin-bottom: 64px;
}
.privacy__inner .pri_cont {
  display: flex;
  flex-direction: column;
  gap: 80px;
}
.privacy__inner .pri_cont p {
  color: #141414;
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
  word-break: break-all;
}
.privacy__inner .one_sec {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.privacy__inner .pri_cont h2 {
  font-weight: 700;
  font-size: 22px;
  line-height: 140%;
  color: #141414;
}

.privacy__inner .tbl_sec h2 {
  margin-bottom: 16px;
}

.privacy__inner .tbl_sec table {
  width: 100%;
  margin-top: 24px;
}
.privacy__inner .tbl_sec table tr th {
  background: #f5f5f5;
  border: 1px solid #d9d9d9;
  padding: 16px;
  text-align: center;
  color: #141414;
  font-weight: 700;
  font-size: 16px;
}

.privacy__inner .tbl_sec table tr td {
  padding: 16px;
  border: 1px solid #d9d9d9;
  text-align: center;
  color: #141414;
  font-size: 16px;
}
.privacy__inner .tbl_sec .p_box > * {
  color: #141414;
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
}

.privacy__inner .tbl_sec .p_box h4 {
  margin-bottom: 8px;
}
.privacy__inner .tbl_sec .p_box p:not(:nth-child(2)) {
  margin-top: 4px;
}
.privacy__inner .tbl_sec table tbody tr td ol {
  display: flex;
  flex-direction: column;
  gap: 4px;
  align-items: start;
  text-align: left;
}
.privacy__inner .tbl_sec table tbody tr td ol li {
  padding-left: 10px;
  text-indent: -10px;
}
.privacy__inner .tbl_sec table tbody tr td ol li::before {
  content: "•";
  padding-right: 2px;
}
.privacy__inner .tbl_sec table tbody tr td.tal {
  text-align: left;
}
.account__inner h2.sub_tit {
  margin-top: 16px;
  color: #8c8c8c;
  font-size: 18px;
  font-weight: 500;
  line-height: 130%;
}
.account__inner .join_btns {
  display: flex;
  gap: 8px;
}
.account__inner .join_btns > button {
  border-radius: 4px;
  margin-top: 0;
  font-size: 18px;
}
.account__inner .join_box .ip_box {
  margin-top: 16px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 40px;
}
.account__inner .join_box .ip_box .item {
  display: flex;
  gap: 24px;
}
.account__inner .join_box .ip_box .item p {
  width: 82px;
  color: #141414;
  font-weight: 500;
  font-size: 16px;
  line-height: 45px;
  height: 45px;
  flex-shrink: 0;
}

.account__inner .join_box .ip_box .item h4 {
  width: 100%;
  font-weight: 500;
  font-size: 16px;
  line-height: 45px;
  height: 45px;
}
.account__inner .join_box .ip_box .item input:not([type="radio"]) {
  height: 45px;
  width: 100%;
  border-radius: 4px;
}
.account__inner .join_box .ip_box .item.disabled input:not([type="radio"]) {
  color: #bfbfbf;
  background: #f0f0f0;
}
.account__inner .join_box .ip_box .item.disabled input[type="radio"] + em {
  background: #d9d9d9;
  color: #8c8c8c;
}
.account__inner .join_box .ip_box .item.disabled input[type="radio"]:checked + em {
  background: #8c8c8c;
  color: #595959;
  border: 1px solid #8c8c8c;
}
.account__inner .join_box .ip_box .item .btn-ip {
  display: flex;
  gap: 4px;
  width: 100%;
  align-items: center;
}

.account__inner .join_box .ip_box .item .ip-two {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.account__inner .join_box .ip_box .item .ip-two .warning input,
.account__inner .join_box .ip_box .item .btn-ip.warning input {
  border: 1px solid #e4282e;
}
.account__inner .join_box .ip_box .item .ip-two .pw_ip .red_txt {
  margin-top: 4px;
}
.account__inner .join_box .ip_box .item .btn-ip .btn_p16 {
  border-radius: 4px;
  font-weight: 500;
  width: 87px;
  flex-shrink: 0;
  height: 45px;
  line-height: 45px;
}

.red_start {
  color: #cd0000;
}

.form__input--file_wrap {
  display: flex;
}
.account__inner .join_box .ip_box .item input[type="file"] {
  display: none;
}
.btn-upload {
  color: #fff;
  border-radius: 4px;
  width: 100%;
  cursor: pointer;
  height: 45px;
  line-height: 45px;
}
/* 정보수정 */
.edit_infrom {
  padding: 120px 16px 250px;
}
.edit_infrom .radio--typeDis.h34 + em {
  height: 35px;
  line-height: 35px;
}
/* Pad & Mobile */
@media screen and (max-width: 1200px) {
}
/* Pad */
@media screen and (min-width: 768px) and (max-width: 1200px) {
}
/* Mobile */
@media screen and (max-width: 768px) {
  .account__inner {
    padding: 60px 16px 100px;
  }
  .account__inner .tit {
    margin-bottom: 48px;
    font-size: 34px;
  }
  .input-B.mt24 {
    margin-top: 16px;
  }
  .account__inner .go_links {
    margin-top: 24px;
    font-size: 15px;
  }
  .certification .ip_num span {
    font-size: 15px;
  }
  .join .btn-green {
    margin-top: 32px;
    font-weight: 500;
  }
  .no_join {
    margin-top: 24px;
    font-size: 15px;
  }
  .success_box {
    padding: 40px 0;
  }
  .success_box > img {
    width: 40px;
    height: 40px;
  }
  .success_box > h1 {
    margin-bottom: 24px;
    font-size: 22px;
  }
  .success_box .btn {
    height: 33px;
    line-height: 33px;
    font-size: 16px;
  }
  .privacy__inner {
    padding: 60px 16px 80px;
  }
  .privacy__inner h1.tit {
    margin-bottom: 48px;
    font-size: 34px;
  }
  .privacy__inner .pri_cont {
    gap: 40px;
  }
  .privacy__inner .pri_cont p {
    font-size: 15px;
  }
  .privacy__inner .pri_cont h2 {
    font-size: 18px;
  }
  .privacy__inner .one_sec {
    gap: 8px;
  }
  .privacy__inner .tbl_sec table {
    margin-top: 16px;
  }
  .privacy__inner .tbl_sec h2 {
    margin-bottom: 8px;
  }
  .privacy__inner .tbl_sec table tr td {
    font-size: 15px;
    word-break: break-all;
  }
  .account__inner .join_box .ip_box .item {
    gap: 16px;
  }
  .account__inner .join_box .ip_box .item p {
    width: 67px;
    line-height: 130%;
    display: flex;
    align-items: center;
    flex-shrink: 0;
    font-size: 15px;
  }
  .account__inner.edit_infrom .join_box .ip_box .item p {
    height: 35px;
    width: 77px;
  }

  .account__inner .join_box .ip_box .item h4 {
    font-size: 15px;
    height: 35px;
    line-height: 35px;
  }
  .account__inner .join_box .ip_box {
    gap: 8px;
  }
  .account__inner .join_box .ip_box .item .ip-two {
    gap: 4px;
  }
  .account__inner .join_box .ip_box .item input:not([type="radio"]) {
    height: 43px;
  }
  .account__inner .join_box .ip_box .item input {
    font-size: 15px;
  }
  .account__inner .join_box .ip_box .item input::placeholder {
    font-size: 15px;
  }
  .account__inner .join_box .ip_box .item .btn-ip .btn_p16 {
    height: 43px;
    line-height: 43px;
    width: 80px;
    font-size: 14px;
  }
  input[type="radio"].radio--typeDis + em {
    height: 43px;
    line-height: 43px;
  }
  .account__inner .join_box .ip_box .item .btn-ip .btn_blue,
  .account__inner .join_box .ip_box .item .btn-ip .btn_border_blue {
    width: 56px;
  }
  .account__inner .join_btns > button {
    height: 53px;
    line-height: 53px;
    font-size: 16px;
    font-weight: 500;
  }
  .edit_infrom {
    padding: 60px 16px 150px;
  }
  .account__inner.edit_infrom.join {
    padding: 60px 16px 100px;
  }
}