@charset "UTF-8";
/*-------------------------------------------------

Title       : 멤버
Author      : EASESOFT
Create Date : 2025-08

-------------------------------------------------*/
#header {
  border-bottom: 1px solid #dddddd;
}

.sub_visual {
  display: none;
  margin: 0;
}

.contents_util {
  display: none !important;
}

#contents_body {
  padding-top: 6.4rem;
  max-width: 100rem;
  margin: 0 auto;
}
#contents_body:has(.register_form) {
  max-width: 128rem;
}

.member_login {
  word-break: keep-all;
  word-wrap: break-word;
}
.member_login .title {
  font-size: 3.6rem;
  padding: 6rem 0 8rem;
  background: url("/main/img/login_bg.webp") no-repeat right bottom;
  border-bottom: 1px solid #dddddd;
}
.member_login .certi_list {
  padding: 4.8rem 0;
  border-bottom: 1px solid #dddddd;
  margin-bottom: 5.6rem;
}
.member_login .certi_list li + li {
  margin-top: 2.4rem;
}
.member_login .certi_list a {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 1rem;
  width: 100%;
  max-width: 47rem;
  margin: 0 auto;
  border: 1px solid #dddddd;
  border-radius: 1.6rem;
  padding: 3.2rem;
  color: #000000;
  transition: 0.3s;
  position: relative;
}
.member_login .certi_list a strong {
  font-size: 2.4rem;
  font-weight: 600;
  line-height: 1;
}
.member_login .certi_list a::after {
  content: "\ea6c";
  font-family: "remixicon";
  position: absolute;
  right: 3.2rem;
  top: 3.2rem;
  width: 3rem;
  height: 3rem;
  font-size: 3rem;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
@media screen and (min-width: 1024px) {
  .member_login .certi_list a:hover {
    background: #0072CB;
    color: #FFFFFF;
  }
}
.member_login .info_txt {
  flex: none;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 0.5rem;
  font-size: 2rem;
  color: #0072CB;
}
.member_login .info_txt::before {
  content: "\eca1";
  width: 2.5rem;
  height: 2.5rem;
  font-size: 2.2rem;
  font-weight: 400;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  font-family: "remixicon";
  color: #0072CB;
}

.member_step {
  width: 100%;
  max-width: 78rem;
  margin: 0 auto;
}
.member_step ul {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: 5.6rem;
}
.member_step li {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex: 1;
  gap: 1rem;
  text-align: center;
  word-break: keep-all;
  word-wrap: break-word;
}
.member_step li::before {
  content: "";
  width: 2.4rem;
  height: 2.4rem;
  border: 1px solid #dddddd;
  border-radius: 100%;
  box-sizing: border-box;
  background: #fff url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23999'%3E%3Cpath fill='none' d='M0 0h24v24H0z'%3E%3C/path%3E%3Cpath d='M13.1717 12.0007L8.22192 7.05093L9.63614 5.63672L16.0001 12.0007L9.63614 18.3646L8.22192 16.9504L13.1717 12.0007Z'%3E%3C/path%3E%3C/svg%3E") no-repeat 60% center;
  background-size: 1.6rem;
  flex: none;
}
.member_step li::after {
  content: "";
  display: block;
  flex: 1;
  border-bottom: 1px solid #dddddd;
}
.member_step li strong {
  flex: none;
}
.member_step li:last-child {
  flex: none;
}
.member_step li:last-child::after {
  display: none;
}
.member_step li.active::before {
  background: #0072CB url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath fill='none' d='M0 0h24v24H0z'%3E%3C/path%3E%3Cpath d='M9.9997 15.1709L19.1921 5.97852L20.6063 7.39273L9.9997 17.9993L3.63574 11.6354L5.04996 10.2212L9.9997 15.1709Z'%3E%3C/path%3E%3C/svg%3E%0A") no-repeat center center;
  background-size: 1.6rem;
  border: none;
}
.member_step li.active::after {
  border-color: #0072CB;
}
.member_step li.end::before {
  background: #a3a3a3 url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath fill='none' d='M0 0h24v24H0z'%3E%3C/path%3E%3Cpath d='M9.9997 15.1709L19.1921 5.97852L20.6063 7.39273L9.9997 17.9993L3.63574 11.6354L5.04996 10.2212L9.9997 15.1709Z'%3E%3C/path%3E%3C/svg%3E%0A") no-repeat center center;
  background-size: 1.6rem;
  border: none;
}

.register_term {
  border-top: 1px solid #dddddd;
  padding-top: 4rem;
  word-break: keep-all;
  word-wrap: break-word;
}
.register_term .agree {
  border-bottom: 1px solid #dddddd;
  padding-bottom: 3rem;
}
.register_term .scroll {
  overflow: hidden;
}
.register_term .scroll .inner {
  overflow-y: scroll;
  height: 30rem;
  padding-right: 1rem;
}

.register_certi {
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  padding: 4.8rem 0;
}
.register_certi .certi {
  max-width: 48rem;
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 1rem;
  border: 1px solid #dddddd;
  border-radius: 1.6rem;
  padding: 3.2rem;
  color: #000000;
  transition: 0.3s;
  position: relative;
  word-break: keep-all;
  word-wrap: break-word;
}
.register_certi .certi strong {
  font-size: 2.4rem;
  font-weight: 600;
  line-height: 1;
}
.register_certi .certi::after {
  content: "\ea6c";
  font-family: "remixicon";
  position: absolute;
  right: 3.2rem;
  top: 3.2rem;
  width: 3rem;
  height: 3rem;
  font-size: 3rem;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
@media screen and (min-width: 1024px) {
  .register_certi .certi:hover {
    background: #0072CB;
    color: #FFFFFF;
  }
}

.register_form {
  border-top: 1px solid #dddddd;
  padding-top: 4rem;
}
.register_form .empha {
  color: #EF5350;
}
.register_form .form_box + .form_box {
  margin-top: 6.4rem;
}
.register_form .form_box .tit_area {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 2.4rem;
}
.register_form .form_box .tit_area .btn_box {
  margin-left: auto;
}
.register_form .form_box:has(.form_title.close) {
  padding-bottom: 0;
}
.register_form .border {
  border-bottom: 1px dotted #dddddd;
  padding-bottom: 2.4rem;
}
.register_form .short14 {
  max-width: 14rem;
}
.register_form .short16 {
  max-width: 16rem;
}
.register_form .short18 {
  max-width: 18rem;
}
.register_form .short20 {
  max-width: 20rem;
}
.register_form .form_title {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 2.4rem;
}
.register_form .form_title::after {
  content: "";
  display: block;
  width: 4rem;
  height: 4rem;
  border: 1px solid #dddddd;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23555'%3E%3Cpath fill='none' d='M0 0h24v24H0z'%3E%3C/path%3E%3Cpath d='M11.9999 10.8284L7.0502 15.7782L5.63599 14.364L11.9999 8L18.3639 14.364L16.9497 15.7782L11.9999 10.8284Z'%3E%3C/path%3E%3C/svg%3E") no-repeat center center;
  background-size: 3rem;
  border-radius: 0.8rem;
}
.register_form .form_title.close::after {
  transform: rotate(180deg);
}
.register_form .btn_delete {
  position: absolute;
  right: -2rem;
  top: 2.8rem;
  width: 3.2rem;
  height: 3.2rem;
  background: #fff;
  background-size: 1.2rem;
  border: 1px solid #dddddd;
  border-radius: 100%;
  transition: 0.3s;
  align-self: center;
}
.register_form .btn_delete::before {
  content: "\ec2a";
  font-family: "remixicon";
}
@media screen and (min-width: 1024px) {
  .register_form .btn_delete:hover {
    background: #EF5350;
    border-color: transparent;
    color: #FFFFFF;
  }
}
.register_form .p_form {
  overflow: hidden;
  position: relative;
  border: 1px solid #dddddd;
  padding: 3.2rem 2.4rem;
  border-radius: 1.6rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: 2.4rem;
}
.register_form .form_list {
  display: flex;
  flex-direction: column;
  justify-content: stretch;
  align-items: stretch;
  gap: 0.8rem;
}
.register_form .form_list .label {
  font-weight: 600;
  color: #555555;
}
.register_form .form_list .no_edit {
  font-weight: 500;
  color: #000000;
}
.register_form .form_list .info_txt {
  flex: none;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 0.5rem;
  font-size: 1.4rem;
  color: #555555;
}
.register_form .form_list .info_txt::before {
  content: "";
}
.register_form .form_list .info_txt.alert {
  color: #151515;
}
.register_form .form_list .info_txt.alert::before {
  content: "\ea21";
  width: 2rem;
  height: 2rem;
  font-size: 1.8rem;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  font-family: "remixicon";
  color: #EF5350;
}
.register_form .form_list .info_txt.info::before {
  content: "\eca1";
  width: 2rem;
  height: 2rem;
  padding-top: 2px;
  font-size: 1.8rem;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  font-family: "remixicon";
  color: #189ADB;
}
.register_form .form_list.address {
  width: 100%;
}
.register_form .row {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 0.8rem;
}
.register_form .row .p_btn {
  flex: none;
}
.register_form .row .cut {
  margin-left: auto;
}
.register_form .row.flex1 > *:not(.btn_box) {
  flex: 1;
}
.register_form .row.wrap {
  flex-wrap: wrap;
}
.register_form .row.zipcode .form_select {
  flex: none;
  width: 18rem;
}
.register_form .row:has(.form_check, .form_radio) {
  gap: 2rem;
}
.register_form .default_info .grid_row {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding-bottom: 2.4rem;
  margin-bottom: 2.4rem;
  border-bottom: 1px solid #dddddd;
}
.register_form .default_info .grid_row .form_list {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin: 0;
  flex: 1;
}
.register_form .speciality {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: 2.4rem;
}
.register_form .speciality .sp_box {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  border: 1px solid #dddddd;
  border-radius: 1.6rem;
  overflow: hidden;
}
.register_form .speciality .depth {
  flex: 1;
}
.register_form .speciality .depth:not(:last-child) {
  border-right: 1px solid #dddddd;
}
.register_form .speciality .inner {
  padding: 1.6rem;
  overflow-y: auto;
  height: 24.5rem;
  display: flex;
  flex-direction: column;
  justify-content: stretch;
  align-items: stretch;
  gap: 0.8rem;
}
.register_form .speciality .inner div {
  display: flex;
  flex-direction: column;
  justify-content: stretch;
  align-items: stretch;
  gap: 0.8rem;
}
.register_form .speciality .inner button {
  word-break: keep-all;
  flex: none;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: 4.4rem;
  background: #F9FAFB;
  border-radius: 1.6rem;
  font-size: 1.6rem;
  padding: 0.5rem 1.2rem;
  line-height: 1.2;
  gap: 1rem;
  color: #555555;
}
.register_form .speciality .inner button::before {
  content: "";
  width: 2rem;
  height: 2rem;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000'%3E%3Cpath fill='none' d='M0 0h24v24H0z'%3E%3C/path%3E%3Cpath d='M9.9997 15.1709L19.1921 5.97852L20.6063 7.39273L9.9997 17.9993L3.63574 11.6354L5.04996 10.2212L9.9997 15.1709Z'%3E%3C/path%3E%3C/svg%3E%0A") no-repeat 95% center;
  background-size: 1.6rem;
  opacity: 0.2;
}
.register_form .speciality .inner button::after {
  content: "";
  width: 2rem;
  height: 2rem;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000'%3E%3Cpath fill='none' d='M0 0h24v24H0z'%3E%3C/path%3E%3Cpath d='M11 11V5H13V11H19V13H13V19H11V13H5V11H11Z'%3E%3C/path%3E%3C/svg%3E") no-repeat 95% center;
  background-size: 2rem;
  opacity: 0.4;
  margin-left: auto;
}
@media screen and (min-width: 1024px) {
  .register_form .speciality .inner button:hover {
    background-color: #DBEAFE;
  }
}
.register_form .speciality .inner button.on {
  background-color: #DBEAFE;
  color: #000000;
}
.register_form .speciality .inner button.on::before {
  opacity: 1;
}
.register_form .speciality .inner button.on::after {
  opacity: 1;
}
.register_form .speciality .form_check_box input[type=checkbox] + label {
  word-break: keep-all;
  min-height: 4.4rem;
  border: none;
  background: #F9FAFB;
  border-radius: 1.6rem;
  justify-content: flex-start;
  font-size: 1.6rem;
  padding: 0.5rem 1.2rem;
  line-height: 1.2;
  gap: 1rem;
  color: #555555;
}
.register_form .speciality .form_check_box input[type=checkbox] + label::after {
  content: "";
  order: -1;
  width: 2rem;
  height: 2rem;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000'%3E%3Cpath fill='none' d='M0 0h24v24H0z'%3E%3C/path%3E%3Cpath d='M9.9997 15.1709L19.1921 5.97852L20.6063 7.39273L9.9997 17.9993L3.63574 11.6354L5.04996 10.2212L9.9997 15.1709Z'%3E%3C/path%3E%3C/svg%3E%0A") no-repeat 95% center;
  background-size: 1.6rem;
  opacity: 0.2;
}
.register_form .speciality .form_check_box input[type=checkbox]:checked + label {
  background: #DBEAFE;
  color: #000000;
}
.register_form .speciality .form_check_box input[type=checkbox]:checked + label::after {
  opacity: 1;
}
@media screen and (min-width: 1024px) {
  .register_form .speciality .form_check_box:hover input[type=checkbox]:not(:checked, :disabled) + label {
    background: #DBEAFE;
  }
}
.register_form .speciality .no_select {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  min-height: 4.4rem;
  border: none;
  background: #F9FAFB;
  border-radius: 1.6rem;
  justify-content: flex-start;
  font-size: 1.6rem;
  padding: 0.3rem 1.2rem;
  flex: none;
  width: 100%;
  word-break: keep-all;
  line-height: 1.2;
}
.register_form .speciality .title {
  background: #F6F6F6;
  font-size: 1.6rem;
  font-weight: 600;
  color: #555555;
  padding: 0.8rem 1.6rem;
}
.register_form .speciality .selected {
  background: #EEF4FF;
  border-radius: 1.6rem;
  padding: 1.6rem;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 1rem;
}
.register_form .speciality .selected .no_data {
  font-size: 1.6rem;
  font-weight: 500;
  flex: none;
  width: 100%;
}
.register_form .speciality .selected .std {
  border: 1px solid #dddddd;
  background: #FFFFFF;
  border-radius: 1.6rem;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 1rem;
  padding: 0.4rem 0.8rem;
}
.register_form .speciality .selected .std span {
  font-size: 1.4rem;
}
.register_form .speciality .selected .std .delete {
  width: 1.6rem;
  height: 1.6rem;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' id='Layer_1' data-name='Layer 1' width='7.2mm' height='7.2mm' version='1.1' viewBox='0 0 20.5 20.5'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; stroke: %23000; stroke-linecap: square; stroke-linejoin: round; stroke-width: 2.5px; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M1.8,1.8l17,17'/%3E%3Cpath class='cls-1' d='M1.8,18.7L18.7,1.8'/%3E%3C/svg%3E") no-repeat center center;
  background-size: 1rem;
}
@media screen and (min-width: 1024px) {
  .register_form .speciality .selected .std:hover {
    border-color: #0072CB;
    color: #0072CB;
  }
}
.register_form .speciality .btn_box p {
  font-size: 1.4rem;
}
.register_form .line_wrap {
  border: 1px solid #dddddd;
  padding: 2.4rem 0;
  border-radius: 1.6rem;
}
.register_form .p_form_row {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 0.8rem;
  padding: 0 2rem;
  position: relative;
}
.register_form .p_form_row .form_list {
  flex: 1 1 0;
  min-width: 0;
}
.register_form .p_form_row .form_check input[type=checkbox] + label {
  font-size: 1.4rem;
}
.register_form .p_form_row .form_select {
  min-width: 12rem;
}
.register_form .p_form_row input.form_input[type=date] {
  font-size: 1.4rem;
  padding-right: 1.2rem;
}
.register_form .p_form_row .row {
  gap: 0.5rem;
}
.register_form .p_form_row .row input.form_input {
  flex: 1;
  min-width: 0;
}
.register_form .p_form_row .file_upload {
  position: relative;
  flex: none;
  width: 8rem;
}
.register_form .p_form_row .file_upload label {
  position: absolute;
  transform: translate(0, -50%);
  left: 0;
  top: 50%;
  z-index: 1;
  font-size: 1.4rem;
  font-weight: 500;
  pointer-events: none;
  width: 100%;
  text-align: center;
  letter-spacing: -1px;
  color: #0072CB;
}
.register_form .p_form_row .file_upload label::before {
  content: "\f24a";
  font-family: "remixicon";
  margin-right: 0.2rem;
}
.register_form .p_form_row .file_upload input {
  display: block;
  width: 100%;
  height: 4rem;
  border: 1px solid #5E9DD0;
  font-size: 0;
  border-radius: 0.8rem;
  cursor: pointer;
  transition: 0.3s;
  background: #F6F9FF;
}
.register_form .p_form_row .file_upload input::file-selector-button {
  display: none;
}
.register_form .p_form_row .file_upload input:focus {
  outline: 2px solid #000;
}
@media screen and (min-width: 1024px) {
  .register_form .p_form_row .file_upload:hover input {
    background: #EEF4FF;
  }
}
.register_form .p_form_row .file_modify {
  position: relative;
  flex: none;
  width: 8rem;
}
.register_form .p_form_row .file_modify .file_delete {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 4rem;
  padding: 1px 5px;
  font-size: 1.3rem;
  font-weight: 500;
  background: #F6F6F6;
  border-radius: 4px;
  border: 1px solid #dddddd;
  transition: 0.3s;
}
.register_form .p_form_row .file_modify .file_delete::before {
  content: "\eb99";
  font-family: "remixicon";
}
@media screen and (min-width: 1024px) {
  .register_form .p_form_row .file_modify .file_delete:hover {
    background-color: #EF5350;
    border-color: transparent;
    color: #FFFFFF;
  }
}
.register_form .p_form_row.dummy {
  margin-top: 2.4rem;
  padding-top: 2.4rem;
  border-top: 1px dotted #dddddd;
}
.register_form .p_form_row.dummy .label {
  display: none;
}

.register_result {
  border-top: 1px solid #dddddd;
  padding-top: 4.8rem;
}

/*-------------------------------------------------

Responsive

-------------------------------------------------*/
/* Media Query */
@media (max-width: 1320px) {
  .register_form .btn_delete {
    right: 0;
    top: 0;
    border-radius: 0 0 0 0.8rem;
    width: 2.4rem;
    height: 2.4rem;
    border-top: none;
    border-right: none;
  }
}
@media (max-width: 1280px) {
  .register_form .p_form {
    padding: 0;
    border: none;
    border-radius: 0;
  }
  .register_form .line_wrap {
    padding: 0;
    border: none;
    border-radius: 0;
  }
  .register_form .p_form_row {
    padding: 0;
  }
  .register_form .btn_delete {
    right: 0;
    top: -1rem;
    border-radius: 0.8rem;
    width: 3rem;
    height: 3rem;
    border: 1px solid #dddddd;
    background-color: #EEF4FF;
  }
}
@media (max-width: 1024px) {
  .member_login .title {
    text-align: center;
    font-size: 3.2rem;
  }
  .register_form .p_form.default_info .border {
    flex-wrap: wrap;
  }
  .register_form .p_form.default_info .border .form_list {
    flex: 40% 1 0;
  }
  .register_form .speciality .sp_box {
    flex-wrap: wrap;
  }
  .register_form .short14,
  .register_form .short16,
  .register_form .short18,
  .register_form .short20 {
    max-width: 100%;
  }
  .register_form .p_form_row {
    flex-wrap: wrap;
  }
  .register_form .p_form_row .label {
    display: none;
  }
  .register_form .p_form_row .form_list {
    flex: none;
    width: 100%;
  }
  .register_form .p_form_row .form_list.date {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
  }
  .register_form .p_form_row .form_list.date .label {
    flex: none;
    display: block;
  }
  .register_form .p_form_row .row .form_select {
    flex: none;
    max-width: 16rem;
  }
  .register_form .p_form_row .file_upload {
    width: 100%;
  }
  .register_form .p_form_row .file_modify {
    width: 100%;
  }
  .register_form .p_form_row.dummy .label {
    display: none;
  }
}
@media (max-width: 800px) {
  .member_step ul {
    gap: 1.6rem;
  }
  .member_step li {
    gap: 0.5rem;
  }
}
@media (max-width: 768px) {
  .member_login .title {
    font-size: 2.8rem;
    padding: 5rem 1rem 6rem;
    background-size: 50%;
    line-height: 1.2;
  }
  .register_term .scroll .inner {
    font-size: 1.5rem;
  }
  .register_form .row.flex1:not(.email) {
    flex-wrap: wrap;
  }
  .register_form .row.flex1:not(.email) > *:not(.btn_box) {
    flex: none;
    width: 100%;
  }
  .register_form .p_form .label {
    display: none;
  }
  .register_form .p_form.default_info .border .label {
    display: block;
  }
}
@media (max-width: 640px) {
  .member_step {
    position: relative;
  }
  .member_step::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    z-index: -1;
    width: 100%;
    border-bottom: 1px dotted #dddddd;
  }
  .member_step li::after {
    display: none;
  }
  .member_step li strong {
    background: #fff;
  }
  .register_form .row.zipcode {
    flex-wrap: wrap;
  }
  .register_form .row.zipcode .form_select {
    width: 100%;
  }
  .register_form .row.zipcode input.form_input {
    flex: 1;
  }
  .register_form .speciality .sp_box {
    flex-wrap: wrap;
  }
  .register_form .speciality .depth {
    flex: none;
    width: 100%;
  }
}
@media (max-width: 480px) {
  .member_login .title {
    font-size: 2.8rem;
    padding: 2rem 1rem 6rem;
    background-size: 70%;
    line-height: 1.2;
  }
  .member_login .certi_list a {
    padding: 2.4rem;
  }
  .member_login .certi_list a span {
    font-size: 1.5rem;
  }
  .member_step {
    position: relative;
  }
  .member_step::before {
    content: "";
    top: 1.2rem;
    width: calc(100% - 7rem);
    left: 3.5rem;
  }
  .member_step li {
    flex-direction: column;
  }
  .member_step li::after {
    display: none;
  }
  .member_step li strong {
    background: #fff;
    font-size: 1.5rem;
    font-weight: 500;
  }
  .member_step li:last-child {
    flex: 1;
  }
  .register_form .row.email {
    flex-wrap: wrap;
  }
  .register_form .row.email .form_select {
    flex: none;
    width: 100%;
  }
}