@charset "UTF-8";
/*
AUTH : ssooya
VERSION : version 2
*/
/**********
펑션
***********/
/**********
텍스트 자간
***********/
/**********
텍스트 말줄임
***********/
/**********
아이콘
***********/
section.login-success-page-layer {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 500;
  background: url("../img/login_bg.png") no-repeat center/cover;
}
section.login-success-page-layer .login-page-wrap {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
section.login-success-page-layer .login-page-wrap .close-btn {
  position: absolute;
  right: 60px;
  top: 60px;
  z-index: 100;
  background: url(../img/ic_full_layer_close.svg) no-repeat center/cover;
  width: 30px;
  height: 30px;
}
section.login-success-page-layer .login-page-wrap .home-btn {
  position: absolute;
  right: 60px;
  top: 60px;
  z-index: 100;
  background: url(../img/ic_platform_header_home.svg) no-repeat center/cover;
  width: 49px;
  height: 46px;
}
section.login-success-page-layer .login-page-wrap .page-contents {
  width: 1050px;
  height: 700px;
  margin: 0 auto;
}
section.login-success-page-layer .login-page-wrap .login-success-box {
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  padding-bottom: 100px;
  flex-direction: column;
}
section.login-success-page-layer .login-page-wrap .login-success-box .head-box {
  padding-bottom: 105px;
  text-align: center;
}
section.login-success-page-layer .login-page-wrap .login-success-box .head-box .head-main-box {
  text-align: center;
}
section.login-success-page-layer .login-page-wrap .login-success-box .head-box .head-main-box img {
  max-width: 100%;
}
section.login-success-page-layer .login-page-wrap .login-success-box .head-box .head-sub-box {
  color: #fff;
  font-weight: 300;
  font-size: 17px;
  line-height: 26px;
  padding-top: 16px;
}
section.login-success-page-layer .login-page-wrap .login-success-box .dashboard-box .dashboard-item-list {
  max-width: 1040px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
section.login-success-page-layer .login-page-wrap .login-success-box .dashboard-box .dashboard-item-list .dashboard-item-box {
  width: 100%;
  color: #fff;
  font-family: "Noto Sans KR";
  display: flex;
  flex-direction: column;
  align-items: center;
}
section.login-success-page-layer .login-page-wrap .login-success-box .dashboard-box .dashboard-item-list .dashboard-item-box .item-subject-box {
  padding-top: 17px;
  text-align: center;
  font-size: 17px;
  color: #fff;
  font-weight: 500;
}
section.login-success-page-layer .login-page-wrap .login-success-box .dashboard-box .dashboard-item-list .dashboard-item-box .item-con-box {
  text-align: center;
  font-size: 30px;
  font-weight: 500;
  width: 172px;
  height: 172px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: url("../img/login_item_bg.png") no-repeat center/cover;
}
section.login-success-page-layer .login-page-wrap .login-success-box .dashboard-box .dashboard-link-box {
  padding-top: 108px;
  font-size: 17px;
  line-height: 30px;
  font-weight: 500;
  color: #fff;
  text-align: center;
  font-family: "Noto Sans KR";
}
section.login-success-page-layer .login-page-wrap .login-success-box .body-box {
  padding-top: 79px;
}
section.login-success-page-layer .login-page-wrap .login-success-box .body-box .img-box {
  text-align: center;
}
section.login-success-page-layer .login-page-wrap .login-success-box .main-box {
  font-family: "Noto Sans KR";
  font-size: 20px;
  font-weight: 500;
  line-height: 26px;
  color: #fff;
}
section.login-success-page-layer .login-page-wrap .login-success-box .sub-box {
  padding-top: 24px;
  color: #fff;
  font-family: "Noto Sans KR";
}

section.login-page-layer {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #000;
  z-index: 499;
}
section.login-page-layer .login-page-wrap {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
section.login-page-layer .login-page-wrap .join-navi {
  display: none;
  position: absolute;
}
section.login-page-layer .login-page-wrap .join-navi.join-navi-prev {
  left: 60px;
  top: 50%;
  transform: translateY(-50%);
  background: url("../img/ic_join_navi_prev.svg") no-repeat center/cover;
  width: 60px;
  height: 60px;
}
section.login-page-layer .login-page-wrap .join-navi.join-navi-prev:hover {
  background: url("../img/ic_join_navi_prev_on.svg") no-repeat center/cover;
}
section.login-page-layer .login-page-wrap .join-navi.join-navi-next {
  right: 60px;
  top: 50%;
  transform: translateY(-50%);
  background: url("../img/ic_join_navi_next.svg") no-repeat center/cover;
  width: 60px;
  height: 60px;
}
section.login-page-layer .login-page-wrap .join-navi.join-navi-next:hover {
  background: url("../img/ic_join_navi_next_on.svg") no-repeat center/cover;
}
section.login-page-layer .login-page-wrap .close-btn {
  position: absolute;
  right: 45px;
  top: 45px;
  z-index: 100;
  background: url(../img/ic_layer_close.svg) no-repeat center/17px;
  width: 60px;
  height: 60px;
  border-radius: 30px;
  background-color: rgb(0, 0, 0, 0.6);
}
section.login-page-layer .login-page-wrap .page-contents {
  width: 960px;
  height: 700px;
  margin: 0 auto;
}
section.login-page-layer .login-page-wrap .login-success-box {
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  padding-bottom: 100px;
  flex-direction: column;
}
section.login-page-layer .login-page-wrap .login-success-box .main-box {
  font-family: "Noto Sans KR";
  font-size: 20px;
  font-weight: 500;
  line-height: 26px;
  color: #fff;
}
section.login-page-layer .login-page-wrap .login-success-box .sub-box {
  padding-top: 24px;
  color: #fff;
  font-family: "Noto Sans KR";
}
section.login-page-layer .login-page-wrap .login-form-group {
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 0 0 60px;
}
section.login-page-layer .login-page-wrap .login-form-group .login-intro-img {
  position: absolute;
  right: 0px;
  top: 40px;
}
section.login-page-layer .login-page-wrap .login-form-group .login-form-head-box {
  color: #fff;
  font-family: "Noto Sans KR";
}
section.login-page-layer .login-page-wrap .login-form-group .login-form-head-box .main-box {
  font-size: 45px;
  letter-spacing: -0.032em;
  line-height: 54px;
  font-weight: 700;
}
section.login-page-layer .login-page-wrap .login-form-group .login-form-head-box .sub-box {
  padding-top: 16px;
  font-size: 15px;
  font-weight: 400;
  line-height: 28px;
}
section.login-page-layer .login-page-wrap .login-form-group .login-form-body-box {
  position: relative;
  padding: 44px 0 33px;
  display: flex;
}
section.login-page-layer .login-page-wrap .login-form-group .login-form-body-box .row-list {
  width: 270px;
}
section.login-page-layer .login-page-wrap .login-form-group .login-form-body-box .row-list .row {
  position: relative;
}
section.login-page-layer .login-page-wrap .login-form-group .login-form-body-box .row-list .row + .row {
  margin-top: 12px;
}
section.login-page-layer .login-page-wrap .login-form-group .login-form-body-box .row-list .row .input-box {
  position: relative;
  border-radius: 10px;
  overflow: hidden;
}
section.login-page-layer .login-page-wrap .login-form-group .login-form-body-box .row-list .row .input-box input {
  outline: none;
  width: 100%;
  height: 41px;
  border: 1px solid #D9D9D9;
  font-size: 14px;
  font-family: "Noto Sans KR";
  padding: 0 40px;
}
section.login-page-layer .login-page-wrap .login-form-group .login-form-body-box .row-list .row .input-box input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 30px white inset !important;
  font-family: "Noto Sans KR" !important;
}
section.login-page-layer .login-page-wrap .login-form-group .login-form-body-box .row-list .row .input-box input:-webkit-autofill:hover, section.login-page-layer .login-page-wrap .login-form-group .login-form-body-box .row-list .row .input-box input:-webkit-autofill:focus, section.login-page-layer .login-page-wrap .login-form-group .login-form-body-box .row-list .row .input-box input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px white inset !important;
  font-family: "Noto Sans KR" !important;
}
section.login-page-layer .login-page-wrap .login-form-group .login-form-body-box .row-list .row .input-box input::-moz-placeholder {
  color: #D9D9D9;
  font-size: 14px;
  font-family: "Noto Sans KR";
}
section.login-page-layer .login-page-wrap .login-form-group .login-form-body-box .row-list .row .input-box input::placeholder {
  color: #D9D9D9;
  font-size: 14px;
  font-family: "Noto Sans KR";
}
section.login-page-layer .login-page-wrap .login-form-group .login-form-body-box .row-list .row .input-box .ic {
  z-index: 10;
  position: absolute;
  left: 13px;
  top: 50%;
  transform: translateY(-50%);
}
section.login-page-layer .login-page-wrap .login-form-group .login-form-body-box .row-list .row .input-box .ic.ic-id {
  width: 14px;
  height: 15px;
  background: url("../img/ic_login_user.svg") no-repeat center;
}
section.login-page-layer .login-page-wrap .login-form-group .login-form-body-box .row-list .row .input-box .ic.id-pw {
  width: 12px;
  height: 15px;
  left: 14px;
  background: url("../img/ic_login_pw.svg") no-repeat center;
}
section.login-page-layer .login-page-wrap .login-form-group .login-form-body-box .btn-box {
  margin-left: 10px;
  border-radius: 10px;
  overflow: hidden;
}
section.login-page-layer .login-page-wrap .login-form-group .login-form-body-box .btn-box .login-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 95px;
  height: 95px;
  background-color: #00B0F0;
  color: #fff;
  font-size: 14px;
  font-family: "Noto Sans KR";
}
section.login-page-layer .login-page-wrap .login-form-group .login-form-foot-box .login-option-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
section.login-page-layer .login-page-wrap .login-form-group .login-form-foot-box .login-option-box .option-box {
  display: inline-flex;
  align-items: center;
}
section.login-page-layer .login-page-wrap .login-form-group .login-form-foot-box .login-option-box .option-box .chk-box {
  display: inline-flex;
  align-items: center;
}
section.login-page-layer .login-page-wrap .login-form-group .login-form-foot-box .login-option-box .option-box .chk-box label {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
}
section.login-page-layer .login-page-wrap .login-form-group .login-form-foot-box .login-option-box .option-box .chk-box i {
  background: url("../img/ic_cbox_login_off.svg") no-repeat center/cover;
  width: 16px;
  height: 16px;
}
section.login-page-layer .login-page-wrap .login-form-group .login-form-foot-box .login-option-box .option-box .chk-box input[type=checkbox] {
  position: absolute;
  left: -9999px;
  transform: scale(0);
}
section.login-page-layer .login-page-wrap .login-form-group .login-form-foot-box .login-option-box .option-box .chk-box input[type=checkbox]:checked ~ i {
  background: url("../img/ic_cbox_login_on.svg") no-repeat center/cover;
}
section.login-page-layer .login-page-wrap .login-form-group .login-form-foot-box .login-option-box .option-box .chk-box .txt {
  color: #FFFFFF;
  font-size: 16px;
  line-height: 16px;
  padding-left: 10px;
  font-family: "Noto Sans KR";
}
section.login-page-layer .login-page-wrap .login-form-group .login-form-foot-box .login-option-box .option-box .find-btn-box {
  margin-left: 79px;
  display: inline-flex;
}
section.login-page-layer .login-page-wrap .login-form-group .login-form-foot-box .login-option-box .option-box .find-btn-box .find-btn {
  line-height: 18px;
  font-size: 15px;
  color: #fff;
  font-family: "Noto Sans KR";
}
section.login-page-layer .login-page-wrap .login-form-group .login-form-foot-box .login-option-box .join-box .join-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  font-weight: 300;
  color: #00B0F0;
  line-height: 18px;
  text-decoration: underline;
  text-underline-position: under;
  font-family: "Noto Sans KR";
}
section.login-page-layer .login-page-wrap .more-form-group {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
}
section.login-page-layer .login-page-wrap .more-form-group .more-form-close {
  width: 17px;
  height: 17px;
  position: absolute;
  top: 22px;
  right: 21px;
  z-index: 100;
  background: url("../img/ic_layer_close.svg") no-repeat center/cover;
}
section.login-page-layer .login-page-wrap .more-form-group .close-btn-wrap {
  width: 60px;
  height: 60px;
  border-radius: 30px;
  position: absolute;
  top: 45px;
  right: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background-color 0.3s;
}
section.login-page-layer .login-page-wrap .more-form-group .close-btn-wrap:hover {
  background-color: #595959;
}
section.login-page-layer .login-page-wrap .more-form-group .img-box {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
section.login-page-layer .login-page-wrap .agree-form-group {
  display: none;
  padding-top: 78px;
}
section.login-page-layer .login-page-wrap .agree-form-group .head-box {
  color: #fff;
  font-family: "Noto Sans KR";
  text-align: center;
  padding-bottom: 96px;
}
section.login-page-layer .login-page-wrap .agree-form-group .head-box .main-box {
  font-size: 54px;
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 64px;
}
section.login-page-layer .login-page-wrap .agree-form-group .head-box .sub-box {
  padding-top: 56px;
  font-size: 16px;
  line-height: 30px;
}
section.login-page-layer .login-page-wrap .agree-form-group .body-box .agree-box {
  max-width: 470px;
  margin: 0 auto;
  position: relative;
  min-height: 174px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
section.login-page-layer .login-page-wrap .agree-form-group .body-box .agree-box:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 27px;
  height: 173px;
  background: url("../img/img_login_agree_left_line2.svg") no-repeat top left;
}
section.login-page-layer .login-page-wrap .agree-form-group .body-box .agree-box:after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 27px;
  height: 173px;
  background: url("../img/img_login_agree_right_line2.svg") no-repeat top left;
}
section.login-page-layer .login-page-wrap .agree-form-group .body-box .agree-box .agree-txt-box {
  color: #fff;
  font-size: 14px;
  line-height: 26px;
}
section.login-page-layer .login-page-wrap .agree-form-group .body-box .agree-btn-box {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 69px;
}
section.login-page-layer .login-page-wrap .agree-form-group .body-box .agree-btn-box .agree-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #1CB0F0;
  height: 30px;
  width: 151px;
  color: #1CB0F0;
  font-size: 12px;
  line-height: 14px;
  font-family: "Noto Sans KR";
  letter-spacing: 0.2em;
  background-color: #fff;
  border-radius: 15px;
}
section.login-page-layer .login-page-wrap .agree-form-group .body-box .agree-btn-box .agree-btn:hover, section.login-page-layer .login-page-wrap .agree-form-group .body-box .agree-btn-box .agree-btn:focus {
  background-color: #00B0F0;
  color: #fff;
}
section.login-page-layer .login-page-wrap .find-form-group {
  display: none;
  height: 100%;
}
section.login-page-layer .login-page-wrap .find-form-group .find-navi {
  position: absolute;
}
section.login-page-layer .login-page-wrap .find-form-group .find-navi.find-navi-prev {
  left: 60px;
  top: 50%;
  transform: translateY(-50%);
  background: url("../img/ic_join_navi_prev.svg") no-repeat center/cover;
  width: 60px;
  height: 60px;
}
section.login-page-layer .login-page-wrap .find-form-group .find-navi.find-navi-prev:hover {
  background: url("../img/ic_join_navi_prev_on.svg") no-repeat center/cover;
}
section.login-page-layer .login-page-wrap .find-form-group .find-navi.find-navi-next {
  right: 60px;
  top: 50%;
  transform: translateY(-50%);
  background: url("../img/ic_join_navi_next.svg") no-repeat center/cover;
  width: 60px;
  height: 60px;
}
section.login-page-layer .login-page-wrap .find-form-group .find-navi.find-navi-next:hover {
  background: url("../img/ic_join_navi_next_on.svg") no-repeat center/cover;
}
section.login-page-layer .login-page-wrap .find-form-group .find-form-tabs-box {
  width: 100%;
  height: 100%;
  display: none;
}
section.login-page-layer .login-page-wrap .find-form-group .find-form-tabs-box[data-tabs=tabs1] {
  display: block;
}
section.login-page-layer .login-page-wrap .find-form-group .find-form-contents {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
section.login-page-layer .login-page-wrap .find-form-group .find-form-contents .find-form-half-box {
  width: 100%;
  display: flex;
  align-items: center;
}
section.login-page-layer .login-page-wrap .find-form-group .find-form-contents .find-form-half-box + .find-form-half-box {
  margin-top: 73px;
}
section.login-page-layer .login-page-wrap .find-form-group .find-form-contents .form-guide-box {
  position: relative;
  width: 50%;
}
section.login-page-layer .login-page-wrap .find-form-group .find-form-contents .form-guide-box:after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  width: 1px;
  height: calc(100vh - 270px);
  background-color: #fff;
  z-index: 1;
  transform: translateY(-50%);
}
section.login-page-layer .login-page-wrap .find-form-group .find-form-contents .form-guide-box .guide-txt-box {
  color: #fff;
  font-size: 16px;
  line-height: 28px;
  font-family: "Noto Sans KR";
  text-align: left;
}
section.login-page-layer .login-page-wrap .find-form-group .find-form-contents .form-guide-box .guide-txt-box .guide-main-box {
  font-size: 18px;
  font-weight: 700;
  padding-bottom: 20px;
}
section.login-page-layer .login-page-wrap .find-form-group .find-form-contents .form-guide-box .guide-txt-box .guide-sub-box {
  font-size: 15px;
}
section.login-page-layer .login-page-wrap .find-form-group .find-form-contents .form-info-box {
  flex: 1;
  padding-left: 130px;
}
section.login-page-layer .login-page-wrap .find-form-group .find-form-contents .form-info-box .current-step-box {
  font-weight: 700;
  font-size: 16px;
  color: #fff;
  padding-bottom: 56px;
}
section.login-page-layer .login-page-wrap .find-form-group .find-form-contents .form-info-box .current-step-box.with-dot {
  position: relative;
}
section.login-page-layer .login-page-wrap .find-form-group .find-form-contents .form-info-box .current-step-box.with-dot:after {
  content: "";
  position: absolute;
  left: 0;
  top: -23px;
  width: 8px;
  height: 8px;
  background-color: #00B0F0;
}
section.login-page-layer .login-page-wrap .find-form-group .find-form-contents .form-info-box .current-step-box.type-agree {
  padding-bottom: 36px;
}
section.login-page-layer .login-page-wrap .find-form-group .find-form-contents .form-info-box .current-step-box sub {
  vertical-align: top;
  color: #fff;
  font-size: 12px;
  font-weight: 400;
}
section.login-page-layer .login-page-wrap .find-form-group .find-form-contents .form-info-box .current-step-sub-box {
  font-size: 12px;
  color: #7F7F7F;
  padding-bottom: 36px;
}
section.login-page-layer .login-page-wrap .find-form-group .find-form-contents .form-info-box .agree-list-box .all-box {
  padding-bottom: 22px;
  margin-bottom: 22px;
  border-bottom: 1px solid #DEDEDE;
}
section.login-page-layer .login-page-wrap .find-form-group .find-form-contents .form-info-box .agree-list-box .agree-item-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
section.login-page-layer .login-page-wrap .find-form-group .find-form-contents .form-info-box .agree-list-box .agree-item-box + .agree-item-box {
  margin-top: 20px;
}
section.login-page-layer .login-page-wrap .find-form-group .find-form-contents .form-info-box .agree-list-box .agree-item-box .more-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 70px;
  height: 26px;
  color: #00B0F0;
  font-weight: 700;
  font-size: 11px;
  font-family: "Noto Sans KR";
  background-color: #fff;
  border: 1px solid #00B0F0;
  border-radius: 18px;
}
section.login-page-layer .login-page-wrap .find-form-group .find-form-contents .form-info-box .agree-list-box .agree-item-box .more-btn:focus, section.login-page-layer .login-page-wrap .find-form-group .find-form-contents .form-info-box .agree-list-box .agree-item-box .more-btn:hover {
  background-color: #00B0F0;
  color: #fff;
}
section.login-page-layer .login-page-wrap .find-form-group .find-form-contents .form-info-box .agree-list-box .agree-item-box .cbox label {
  cursor: pointer;
}
section.login-page-layer .login-page-wrap .find-form-group .find-form-contents .form-info-box .agree-list-box .agree-item-box .cbox label input {
  position: absolute;
  left: -9999px;
}
section.login-page-layer .login-page-wrap .find-form-group .find-form-contents .form-info-box .agree-list-box .agree-item-box .cbox label input:checked ~ i {
  background: url("../img/ic_cbox_login_on.svg") no-repeat center/cover;
}
section.login-page-layer .login-page-wrap .find-form-group .find-form-contents .form-info-box .agree-list-box .agree-item-box .cbox label i {
  background: url("../img/ic_cbox_login_off.svg") no-repeat center/cover;
  width: 13px;
  height: 13px;
  top: 7px;
}
section.login-page-layer .login-page-wrap .find-form-group .find-form-contents .form-info-box .agree-list-box .agree-item-box .cbox label .txt {
  padding-left: 21px;
  font-size: 14px;
  color: #fff;
}
section.login-page-layer .login-page-wrap .find-form-group .find-form-contents .form-info-box .list-box .row + .row {
  margin-top: 28px;
}
section.login-page-layer .login-page-wrap .find-form-group .find-form-contents .form-info-box .list-box .row .subject-box {
  padding-bottom: 20px;
  font-size: 13px;
  font-weight: 500;
  color: #fff;
}
section.login-page-layer .login-page-wrap .find-form-group .find-form-contents .form-info-box .list-box .row .con-box {
  display: flex;
  align-items: center;
}
section.login-page-layer .login-page-wrap .find-form-group .find-form-contents .form-info-box .list-box .row .con-box .input-box {
  width: 240px;
  position: relative;
}
section.login-page-layer .login-page-wrap .find-form-group .find-form-contents .form-info-box .list-box .row .con-box .input-box .view-toggle-btn {
  position: absolute;
  font-family: "Noto Sans KR";
  right: 0;
  top: -22px;
  color: #7F7F7F;
  font-size: 12px;
  font-weight: 300;
  text-decoration: underline;
  text-underline-position: under;
}
section.login-page-layer .login-page-wrap .find-form-group .find-form-contents .form-info-box .list-box .row .con-box .input-box input {
  outline: none;
  width: 100%;
  height: 38px;
  border: 1px solid #D9D9D9;
  font-size: 15px;
  font-family: "Noto Sans KR";
  padding: 0 10px;
  background-color: #fff;
}
section.login-page-layer .login-page-wrap .find-form-group .find-form-contents .form-info-box .list-box .row .con-box .input-box input:-webkit-autofill {
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
  font-family: "Noto Sans KR" !important;
}
section.login-page-layer .login-page-wrap .find-form-group .find-form-contents .form-info-box .list-box .row .con-box .input-box input:-webkit-autofill:hover, section.login-page-layer .login-page-wrap .find-form-group .find-form-contents .form-info-box .list-box .row .con-box .input-box input:-webkit-autofill:focus {
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
  font-family: "Noto Sans KR" !important;
}
section.login-page-layer .login-page-wrap .find-form-group .find-form-contents .form-info-box .list-box .row .con-box .input-box input::-moz-placeholder {
  color: #7F7F7F;
}
section.login-page-layer .login-page-wrap .find-form-group .find-form-contents .form-info-box .list-box .row .con-box .input-box input::placeholder {
  color: #7F7F7F;
}
section.login-page-layer .login-page-wrap .find-form-group .find-form-contents .form-info-box .list-box .row .con-box .input-box input:focus {
  box-shadow: 0 0 0 2px #00B0F0;
  border-color: transparent;
}
section.login-page-layer .login-page-wrap .find-form-group .find-form-contents .form-info-box .list-box .row .con-box .input-box input:focus::-moz-placeholder {
  color: #00B0F0;
}
section.login-page-layer .login-page-wrap .find-form-group .find-form-contents .form-info-box .list-box .row .con-box .input-box input:focus::placeholder {
  color: #00B0F0;
}
section.login-page-layer .login-page-wrap .find-form-group .find-form-contents .form-info-box .list-box .row .con-box .input-box input.error {
  color: #DB6262;
  box-shadow: 0 0 0 2px #DB6262;
  border-color: transparent;
}
section.login-page-layer .login-page-wrap .find-form-group .find-form-contents .form-info-box .list-box .row .con-box .input-box input.error::-moz-placeholder {
  color: #DB6262;
}
section.login-page-layer .login-page-wrap .find-form-group .find-form-contents .form-info-box .list-box .row .con-box .input-box input.error::placeholder {
  color: #DB6262;
}
section.login-page-layer .login-page-wrap .find-form-group .find-form-contents .form-info-box .list-box .row .con-box .msg-box {
  color: #fff;
  padding-left: 15px;
  font-size: 10px;
}
section.login-page-layer .login-page-wrap .find-form-group .find-form-contents .form-info-box .list-box .row .con-box .msg-box.error {
  color: #DB6262;
}
section.login-page-layer .login-page-wrap .find-form-group .find-form-contents .form-info-box .list-box .row .con-box .certify-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  width: 61px;
  height: 35px;
  border-radius: 17.5px;
  background-color: #07BAFB;
  font-size: 12px;
  font-family: "Noto Sans KR";
  margin-left: 13px;
}
section.login-page-layer .login-page-wrap .find-form-group .find-form-contents .form-info-box .list-box .row .con-box .example-box {
  padding-top: 9px;
  color: #7F7F7F;
  font-size: 10px;
}
section.login-page-layer .login-page-wrap .find-form-group .find-form-contents .form-info-box .list-box .row .con-box .example-box.error {
  color: #DB6262;
}
section.login-page-layer .login-page-wrap .find-form-group .find-form-contents .form-info-box .list-box .row .con-box .example-box.active {
  color: #00B0F0;
}
section.login-page-layer .login-page-wrap .find-form-group .find-form-contents .form-info-box .list-box .row .item-list .item-box {
  display: flex;
  align-items: center;
}
section.login-page-layer .login-page-wrap .find-form-group .find-form-contents .form-info-box .form-submit-box {
  padding-top: 42px;
  padding-left: 8px;
  display: flex;
}
section.login-page-layer .login-page-wrap .find-form-group .find-form-contents .form-info-box .form-submit-box .form-submit-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 28px;
  width: 160px;
  color: #1CB0F0;
  border: 1px solid #1CB0F0;
  border-radius: 15px;
  background-color: #fff;
  font-size: 12px;
  font-family: "Noto Sans KR";
}
section.login-page-layer .login-page-wrap .find-form-group .find-form-contents .form-info-box .form-submit-box .form-submit-btn:hover, section.login-page-layer .login-page-wrap .find-form-group .find-form-contents .form-info-box .form-submit-box .form-submit-btn:focus {
  background-color: #1CB0F0;
  color: #fff;
}
section.login-page-layer .login-page-wrap .find-form-group .find-form-contents .form-info-box .form-menu-box {
  padding-top: 76px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
section.login-page-layer .login-page-wrap .find-form-group .find-form-contents .form-info-box .form-menu-box .form-menu-btn {
  display: inline-flex;
  align-items: center;
  color: #00B0F0;
  font-size: 14px;
  font-weight: 700;
}
section.login-page-layer .login-page-wrap .find-form-group .find-form-contents .form-info-box .form-menu-box .form-menu-btn .type-underline {
  text-decoration: underline;
  text-underline-position: under;
}
section.login-page-layer .login-page-wrap .join-form-group {
  display: none;
  height: 100%;
}
section.login-page-layer .login-page-wrap .join-form-group .join-form-tabs-box {
  width: 100%;
  height: 100%;
  display: none;
}
section.login-page-layer .login-page-wrap .join-form-group .join-form-tabs-box[data-tabs=tabs1] {
  display: block;
}
section.login-page-layer .login-page-wrap .join-form-group .join-form-contents {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}
section.login-page-layer .login-page-wrap .join-form-group .join-form-contents .form-guide-box {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 55%;
}
section.login-page-layer .login-page-wrap .join-form-group .join-form-contents .form-guide-box .guide-txt-box {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
  line-height: 28px;
  font-family: "Noto Sans KR";
  text-align: left;
}
section.login-page-layer .login-page-wrap .join-form-group .join-form-contents .form-info-box {
  flex: 1;
}
section.login-page-layer .login-page-wrap .join-form-group .join-form-contents .form-info-box .current-step-box {
  font-weight: 700;
  font-size: 16px;
  color: #fff;
  padding-bottom: 56px;
}
section.login-page-layer .login-page-wrap .join-form-group .join-form-contents .form-info-box .current-step-box.with-dot {
  position: relative;
}
section.login-page-layer .login-page-wrap .join-form-group .join-form-contents .form-info-box .current-step-box.with-dot:after {
  content: "";
  position: absolute;
  left: 0;
  top: -23px;
  width: 8px;
  height: 8px;
  background-color: #00B0F0;
}
section.login-page-layer .login-page-wrap .join-form-group .join-form-contents .form-info-box .current-step-box.type-agree {
  padding-bottom: 36px;
}
section.login-page-layer .login-page-wrap .join-form-group .join-form-contents .form-info-box .current-step-box sub {
  vertical-align: top;
  color: #fff;
  font-size: 12px;
  font-weight: 400;
}
section.login-page-layer .login-page-wrap .join-form-group .join-form-contents .form-info-box .current-step-sub-box {
  font-size: 12px;
  color: #7F7F7F;
  padding-bottom: 36px;
}
section.login-page-layer .login-page-wrap .join-form-group .join-form-contents .form-info-box .agree-list-box .all-box {
  padding-bottom: 22px;
  margin-bottom: 22px;
  border-bottom: 1px solid #DEDEDE;
}
section.login-page-layer .login-page-wrap .join-form-group .join-form-contents .form-info-box .agree-list-box .agree-item-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
section.login-page-layer .login-page-wrap .join-form-group .join-form-contents .form-info-box .agree-list-box .agree-item-box + .agree-item-box {
  margin-top: 20px;
}
section.login-page-layer .login-page-wrap .join-form-group .join-form-contents .form-info-box .agree-list-box .agree-item-box .more-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 70px;
  height: 26px;
  color: #00B0F0;
  font-weight: 700;
  font-size: 11px;
  font-family: "Noto Sans KR";
  background-color: #fff;
  border: 1px solid #00B0F0;
  border-radius: 18px;
}
section.login-page-layer .login-page-wrap .join-form-group .join-form-contents .form-info-box .agree-list-box .agree-item-box .more-btn:focus, section.login-page-layer .login-page-wrap .join-form-group .join-form-contents .form-info-box .agree-list-box .agree-item-box .more-btn:hover {
  background-color: #00B0F0;
  color: #fff;
}
section.login-page-layer .login-page-wrap .join-form-group .join-form-contents .form-info-box .agree-list-box .agree-item-box .cbox label {
  cursor: pointer;
}
section.login-page-layer .login-page-wrap .join-form-group .join-form-contents .form-info-box .agree-list-box .agree-item-box .cbox label input {
  position: absolute;
  left: -9999px;
}
section.login-page-layer .login-page-wrap .join-form-group .join-form-contents .form-info-box .agree-list-box .agree-item-box .cbox label input:checked ~ i {
  background: url("../img/ic_cbox_login_on.svg") no-repeat center/cover;
}
section.login-page-layer .login-page-wrap .join-form-group .join-form-contents .form-info-box .agree-list-box .agree-item-box .cbox label i {
  background: url("../img/ic_cbox_login_off.svg") no-repeat center/cover;
  width: 13px;
  height: 13px;
  top: 7px;
}
section.login-page-layer .login-page-wrap .join-form-group .join-form-contents .form-info-box .agree-list-box .agree-item-box .cbox label .txt {
  padding-left: 21px;
  font-size: 14px;
  color: #fff;
}
section.login-page-layer .login-page-wrap .join-form-group .join-form-contents .form-info-box .list-box .row + .row {
  margin-top: 35px;
}
section.login-page-layer .login-page-wrap .join-form-group .join-form-contents .form-info-box .list-box .row .subject-box {
  padding-bottom: 14px;
  font-size: 15px;
  font-weight: 500;
  color: #fff;
}
section.login-page-layer .login-page-wrap .join-form-group .join-form-contents .form-info-box .list-box .row .con-box {
  display: flex;
  align-items: center;
}
section.login-page-layer .login-page-wrap .join-form-group .join-form-contents .form-info-box .list-box .row .con-box .input-box {
  width: 180px;
  position: relative;
}
section.login-page-layer .login-page-wrap .join-form-group .join-form-contents .form-info-box .list-box .row .con-box .input-box .view-toggle-btn {
  position: absolute;
  right: 0;
  top: -30px;
  font-family: "Noto Sans KR";
  color: #00B0F0;
  font-size: 15px;
  font-weight: 300;
  text-decoration: underline;
  text-underline-position: under;
}
section.login-page-layer .login-page-wrap .join-form-group .join-form-contents .form-info-box .list-box .row .con-box .input-box input {
  outline: none;
  width: 100%;
  height: 34px;
  border: 1px solid #D9D9D9;
  font-size: 13px;
  font-family: "Noto Sans KR";
  padding: 0 10px;
  background-color: #fff;
  /* Edge */
}
section.login-page-layer .login-page-wrap .join-form-group .join-form-contents .form-info-box .list-box .row .con-box .input-box input:-webkit-autofill {
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
  font-family: "Noto Sans KR" !important;
}
section.login-page-layer .login-page-wrap .join-form-group .join-form-contents .form-info-box .list-box .row .con-box .input-box input:-webkit-autofill:hover, section.login-page-layer .login-page-wrap .join-form-group .join-form-contents .form-info-box .list-box .row .con-box .input-box input:-webkit-autofill:focus {
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
  font-family: "Noto Sans KR" !important;
}
section.login-page-layer .login-page-wrap .join-form-group .join-form-contents .form-info-box .list-box .row .con-box .input-box input:-moz-read-only {
  background-color: #f4f4f4;
}
section.login-page-layer .login-page-wrap .join-form-group .join-form-contents .form-info-box .list-box .row .con-box .input-box input:read-only {
  background-color: #f4f4f4;
}
section.login-page-layer .login-page-wrap .join-form-group .join-form-contents .form-info-box .list-box .row .con-box .input-box input.disabled {
  background-color: #ccc;
}
section.login-page-layer .login-page-wrap .join-form-group .join-form-contents .form-info-box .list-box .row .con-box .input-box input::-moz-placeholder {
  color: #7F7F7F;
}
section.login-page-layer .login-page-wrap .join-form-group .join-form-contents .form-info-box .list-box .row .con-box .input-box input::placeholder {
  color: #7F7F7F;
}
section.login-page-layer .login-page-wrap .join-form-group .join-form-contents .form-info-box .list-box .row .con-box .input-box input:focus {
  box-shadow: 0 0 0 2px #00B0F0;
  border-color: transparent;
}
section.login-page-layer .login-page-wrap .join-form-group .join-form-contents .form-info-box .list-box .row .con-box .input-box input:focus::-moz-placeholder {
  color: #00B0F0;
}
section.login-page-layer .login-page-wrap .join-form-group .join-form-contents .form-info-box .list-box .row .con-box .input-box input:focus::placeholder {
  color: #00B0F0;
}
section.login-page-layer .login-page-wrap .join-form-group .join-form-contents .form-info-box .list-box .row .con-box .input-box input.error {
  color: #DB6262;
  box-shadow: 0 0 0 2px #DB6262;
  border-color: transparent;
}
section.login-page-layer .login-page-wrap .join-form-group .join-form-contents .form-info-box .list-box .row .con-box .input-box input.error::-moz-placeholder {
  color: #DB6262;
}
section.login-page-layer .login-page-wrap .join-form-group .join-form-contents .form-info-box .list-box .row .con-box .input-box input.error::placeholder {
  color: #DB6262;
}
section.login-page-layer .login-page-wrap .join-form-group .join-form-contents .form-info-box .list-box .row .con-box .msg-box {
  color: #fff;
  padding-left: 15px;
  font-size: 12px;
}
section.login-page-layer .login-page-wrap .join-form-group .join-form-contents .form-info-box .list-box .row .con-box .msg-box.error {
  color: #DB6262;
}
section.login-page-layer .login-page-wrap .join-form-group .join-form-contents .form-info-box .list-box .row .con-box .certify-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #00B0F0;
  width: 70px;
  height: 26px;
  border-radius: 18px;
  border: 1px solid #00B0F0;
  background-color: #FFFFFF;
  font-size: 11px;
  margin-left: 15px;
  font-family: "Noto Sans KR";
}
section.login-page-layer .login-page-wrap .join-form-group .join-form-contents .form-info-box .list-box .row .con-box .certify-btn.disabled {
  background-color: #00B0F0;
  color: #fff;
}
section.login-page-layer .login-page-wrap .join-form-group .join-form-contents .form-info-box .list-box .row .con-box .example-box {
  padding-top: 9px;
  color: #7F7F7F;
  font-size: 10px;
}
section.login-page-layer .login-page-wrap .join-form-group .join-form-contents .form-info-box .list-box .row .con-box .example-box.error {
  color: #DB6262;
}
section.login-page-layer .login-page-wrap .join-form-group .join-form-contents .form-info-box .list-box .row .con-box .example-box.active {
  color: #00B0F0;
}
section.login-page-layer .login-page-wrap .join-form-group .join-form-contents .form-info-box .list-box .row .item-list .item-box {
  display: flex;
  align-items: center;
}
section.login-page-layer .login-page-wrap .join-form-group .join-form-contents .form-info-box .form-submit-box {
  padding-top: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
}
section.login-page-layer .login-page-wrap .join-form-group .join-form-contents .form-info-box .form-submit-box .form-submit-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 30px;
  width: 151px;
  color: #1CB0F0;
  border: 1px solid #1CB0F0;
  border-radius: 15px;
  background-color: #fff;
  font-size: 12px;
  font-family: "Noto Sans KR";
}
section.login-page-layer .login-page-wrap .join-form-group .join-form-contents .form-info-box .form-submit-box .form-submit-btn:hover, section.login-page-layer .login-page-wrap .join-form-group .join-form-contents .form-info-box .form-submit-box .form-submit-btn:focus {
  background-color: #1CB0F0;
  color: #fff;
}
section.login-page-layer .login-page-wrap .join-form-group .join-form-contents .form-info-box .form-menu-box {
  padding-top: 76px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
section.login-page-layer .login-page-wrap .join-form-group .join-form-contents .form-info-box .form-menu-box .form-menu-btn {
  display: inline-flex;
  align-items: center;
  color: #00B0F0;
  font-size: 14px;
  font-weight: 700;
}
section.login-page-layer .login-page-wrap .join-form-group .join-form-contents .form-info-box .form-menu-box .form-menu-btn .type-underline {
  text-decoration: underline;
  text-underline-position: under;
}

article.layer-join-form-layout * {
  font-family: "Noto Sans KR";
}
article.layer-join-form-layout .form-wrap {
  position: relative;
  display: flex;
  align-items: center;
  padding: 100px 50px 77px;
}
article.layer-join-form-layout .form-wrap .step-bar {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
}
article.layer-join-form-layout .form-wrap .info-box {
  flex: 1;
  min-width: 0;
}
article.layer-join-form-layout .form-wrap .info-box .info-txt-box {
  font-size: 14px;
  line-height: 23px;
  color: #343434;
}
article.layer-join-form-layout .form-wrap .form-box {
  width: 500px;
  padding-left: 50px;
}/*# sourceMappingURL=login.css.map */