@charset "UTF-8";
/* ^scss에서 수정해주세요!  Don't edit .css file, Only work on the scss*/
@media screen and (max-width: 1023.9px) {
  .com_Member {
    background-image: url("../img/bg_m_member.png");
  }
}
.com_Member .main_container {
  margin-inline: auto;
}
@media screen and (min-width: 1023.9px) {
  .com_Member .main_container {
    width: 700px;
  }
}
@media screen and (max-width: 1023.9px) {
  .com_Member .main_container {
    padding-inline: 20px;
    max-width: 700px;
  }
}
.com_Member .pg_tit {
  font-size: 44px;
  font-weight: 700;
  padding-block: 92px 37px;
  text-align: center;
}
@media screen and (max-width: 1023.9px) {
  .com_Member .pg_tit {
    font-size: 24px;
    padding-block: 10px 20px;
  }
}
.com_Member .step_area {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  gap: 80px;
  margin-bottom: 100px;
}
@media screen and (max-width: 1023.9px) {
  .com_Member .step_area {
    gap: 50px;
    margin-bottom: 20px;
  }
}
.com_Member .step_area:before {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%);
  content: "";
  display: inline-block;
  width: 200px;
  height: 1px;
  text-align: center;
  line-height: 1px;
  background: #C3D6FB;
  color: #fff;
  z-index: 1;
}
@media screen and (max-width: 1023.9px) {
  .com_Member .step_area:before {
    width: 130px;
  }
}
.com_Member .step_area .step {
  width: 39px;
  height: 39px;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  border-radius: 40px;
  font-size: 16px;
  font-weight: 700;
  border: 1px solid #C3D6FB;
  background: #F0F4FC;
  color: #0071E4;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 1023.9px) {
  .com_Member .step_area .step {
    width: 30px;
    height: 30px;
    font-size: 14px;
  }
}
.com_Member .step_area .step.active {
  color: #fff;
  background-color: #0071E4;
  border-color: #0071E4;
}

.p_Login .main_container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  gap: 30px;
}
@media screen and (min-width: 1023.9px) {
  .p_Login .main_container {
    width: 550px;
  }
}
@media screen and (max-width: 1023.9px) {
  .p_Login .main_container {
    max-width: 550px;
    gap: 20px;
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 1023.9px) {
  .p_Login .pg_tit {
    padding-bottom: 0;
  }
}
.p_Login .error_txt {
  color: #F93434;
  text-align: center;
  font-size: 14px;
}
.p_Login .input_wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  gap: 15px;
}
@media screen and (max-width: 1023.9px) {
  .p_Login .input_wrap {
    gap: 10px;
  }
}
.p_Login .input_wrap .input {
  width: 100%;
}
.p_Login .com_chk {
  font-size: 15px;
}
@media screen and (max-width: 1023.9px) {
  .p_Login .com_chk {
    font-size: 13px;
  }
}
.p_Login .login_option {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  margin-top: 20px;
}
.p_Login .login_option .link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  font-size: 15px;
  line-height: initial;
}
@media screen and (max-width: 1023.9px) {
  .p_Login .login_option .link {
    font-size: 13px;
  }
}
.p_Login .login_option .link:first-of-type {
  margin-left: auto;
}
.p_Login .login_option .link:not(:last-child) {
  position: relative;
}
.p_Login .login_option .link:not(:last-child)::after {
  content: "";
  display: inline-block;
  position: relative;
  width: 1px;
  height: 14px;
  margin-inline: 10px;
  background: #E7E7E7;
  cursor: default;
}
.p_Login .btn_area {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  gap: 15px;
}
.p_Login .sns_login_area {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  gap: 15px;
}
.p_Login .sns_login_area .com_btn {
  gap: 20px;
}
.p_Login .sns_login_area .com_btn .txt {
  width: 109px;
  text-align: center;
  display: inline-block;
}
@media screen and (max-width: 1023.9px) {
  .p_Login .sns_login_area .com_btn .txt {
    width: 92px;
  }
}
.p_Login .sns_login_area .com_btn.kakao {
  background-color: #FFE600;
}
.p_Login .sns_login_area .com_btn.naver {
  background-color: #49B75B;
  color: #fff;
}
.p_Login .sns_login_area .com_btn.naver .icon_naver {
  width: 22px;
  background-size: 18px auto;
}
.p_Login .sns_login_area .com_btn.apple {
  background: #000;
  color: #fff;
}

.p_Agree .sec_tit {
  font-size: 22px;
  font-weight: 700;
  margin-block: 40px 15px;
}
@media screen and (max-width: 1023.9px) {
  .p_Agree .sec_tit {
    margin-top: 22px;
    font-size: 18px;
  }
}
.p_Agree .com_chk.all {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 20px;
}
@media screen and (max-width: 1023.9px) {
  .p_Agree .com_chk.all {
    font-size: 14px;
    margin-bottom: 10px;
  }
}
.p_Agree .terms_box {
  border-radius: 10px;
  border: 1px solid #E7E7E7;
  padding: 25px;
  background: #FFF;
  max-height: 300px;
  overflow-x: visible;
  overflow-y: auto;
  scrollbar-face-color: transparent; /*스크롤*/
  scrollbar-highlight-color: #e2e8f0; /*하이라이트*/
  scrollbar-3dlight-color: transparent; /*왼쪽외곽음영*/
  scrollbar-darkshadow-color: transparent; /*오른쪽외곽음영*/
  scrollbar-shadow-color: transparent; /*오른쪽 안쪽음영*/
  scrollbar-arrow-color: transparent; /*화살*/
  scrollbar-track-color: transparent; /*스크롤영역*/
  margin-bottom: 25px;
}
.p_Agree .terms_box::-webkit-scrollbar { /*스크롤바*/
  width: 5px;
  height: 5px;
}
.p_Agree .terms_box::-webkit-scrollbar-button { /*스크롤바 버튼(아래 위 화살표)*/
  width: 0;
  height: 0;
}
.p_Agree .terms_box::-webkit-scrollbar-thumb { /*스크롤바 핸들*/
  background-color: #E7E7E7;
  background-clip: padding-box;
  border-radius: 5px;
}
.p_Agree .terms_box::-webkit-scrollbar-track { /*스크롤바 진행줄*/
  background-color: transparent;
}
.p_Agree .terms_box::-webkit-scrollbar-track-piece { /*진행줄에서 핸들로 덮이지 않은 영역 */
  background-color: transparent;
}
@media screen and (max-width: 1023.9px) {
  .p_Agree .terms_box {
    padding: 15px;
  }
}

@media screen and (min-width: 1023.9px) {
  .p_Join .com_input_sec .select {
    height: 55px;
  }
}