@import url("/resources/site/fonts/fonts.css");
.offscreen {
  position: absolute !important;
  display: block;
  overflow: hidden;
  height: 1px;
  width: 1px;
  clip: rect(1px, 1px, 1px, 1px);
  font-size: 14px !important;
}

/* s : typo */
.ctitle_wrap {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.ctitle_wrap .right_area {
  margin-left: auto;
}

.ctitle {
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  color: #222;
  letter-spacing: -0.025em;
  flex: 1;
}
.ctitle_sm {
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}
.ctitle + [class^=stext] {
  width: 100%;
  margin-top: 8px;
}

[class^=stext] {
  font-family: "SDGothic", sans-serif;
}
[class^=stext].fc_gray {
  color: #666;
}
[class^=stext].fc_gold {
  color: #8B714C;
}

.stext {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: -0.025em;
}

.stext_sm {
  font-size: 13px;
  font-weight: 400;
  line-height: 16px;
}

.star_text {
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  color: #888;
  position: relative;
  margin: 0;
  padding-left: 0;
  vertical-align: middle;
}
.star_text::before {
  content: "";
  display: inline-block;
  width: 3.62px;
  height: 3.78px;
  background: url("/resources/site/img/login_2504/ico_star.png") center/cover no-repeat;
  margin-right: 4px;
  vertical-align: middle;
}
.star_text + .star_text {
  margin-top: 8px !important;
}
.star_text .fc_gray {
  color: #666;
}

.stext-lg {
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: -0.025em;
  color: #222;
}

.ta_center {
  text-align: center !important;
}

/* e : typo */
/* s : button */
a[disabled], a[aria-disabled=true], a.disabled, button[disabled], button[aria-disabled=true], button.disabled {
  pointer-events: none !important;
  cursor: default !important;
  text-decoration: none !important;
}
a[disabled] *, a[aria-disabled=true] *, a.disabled *, button[disabled] *, button[aria-disabled=true] *, button.disabled * {
  text-decoration: none !important;
}

.btn_lg, .btn_md {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  cursor: pointer;
}
.btn_lg .text, .btn_md .text {
  font-family: "SDGothic", sans-serif;
  display: inline-block;
  vertical-align: top;
  text-align: center;
}
.fill_black.btn_lg, .fill_black.btn_md {
  background-color: #222;
  border: 1px solid #222;
}
.fill_black.btn_lg .text, .fill_black.btn_md .text {
  color: #fff;
}
.fill_black.btn_lg:disabled, .fill_black.btn_md:disabled {
  background-color: #BBB;
  border-color: #BBB;
}
.fill_black.btn_lg:disabled .text, .fill_black.btn_md:disabled .text {
  color: #E5E5E5;
}
.light_black.btn_lg, .light_black.btn_md {
  background-color: #2D2D2D;
  border: 1px solid #2D2D2D;
}
.light_black.btn_lg .text, .light_black.btn_md .text {
  color: #fff;
}
.fill_gray.btn_lg, .fill_gray.btn_md {
  background-color: #EBEBEB;
  border: 1px solid #EBEBEB;
}
.fill_gray.btn_lg .text, .fill_gray.btn_md .text {
  color: #222;
}
.line_gray.btn_lg, .line_gray.btn_md {
  border: 1px solid #888;
  background-color: #FFF;
}
.line_gray.btn_lg .text, .line_gray.btn_md .text {
  color: #222;
}
.line_gray.btn_lg:disabled, .line_gray.btn_md:disabled {
  border-color: #E5E5E5;
}
.line_gray.btn_lg:disabled .text, .line_gray.btn_md:disabled .text {
  color: #CCC;
}

.btn_wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 12px;
}
.btn_wrap [class^=btn_] {
  flex: 1;
}

.btn_md {
  height: 48px;
  padding: 14px 16px;
}
.btn_md .text {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
}

.btn_lg {
  height: 50px;
  padding: 17px 0;
}
.btn_lg .text {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
}

.link_text_udl {
  display: inline-block;
  vertical-align: top;
  border-bottom: 1px solid #AAA;
}
.link_text_udl .text {
  font-family: "SDGothic", sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 19px;
  letter-spacing: 0.025em;
  color: #877251;
}

/* e : button */
/* s : box */
.cont_box .cont_inner {
  padding: 30px 50px;
}

.gray_box {
  background-color: #F6F6F6;
  padding: 16px;
  box-sizing: border-box;
}

/* e : box */
/* s : form, input */
.form_list {
  display: flex;
  flex-direction: column;
}
.form_list .form_item .form_cont {
  display: flex;
  gap: 10px;
}
.form_list .form_item .form_cont .btn_lg {
  flex-shrink: 0;
  width: 110px;
}

.ui_input {
  width: 100%;
  outline: none;
  border-color: inherit;
  background-color: #FFF;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #222;
  height: 38px;
  font-family: "SDGothic", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
}
.ui_input::-ms-clear, .ui_input::-ms-reveal {
  display: none;
}
.ui_input::-webkit-search-decoration, .ui_input::-webkit-search-cancel-button, .ui_input::-webkit-search-results-button, .ui_input::-webkit-search-results-decoration {
  display: none;
}
.ui_input[type=number]::-webkit-outer-spin-button, .ui_input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  -moz-appearance: textfield;
  margin: 0;
}
.ui_input::placeholder {
  color: #888;
}
.ui_input:focus {
  outline: none;
}

.ui_toggle {
  position: relative;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
}
.ui_toggle input[type=checkbox] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.ui_toggle input[type=checkbox] + label {
  display: inline-block;
  min-width: 40px;
  height: 22px;
  vertical-align: top;
  cursor: pointer;
}
.ui_toggle input[type=checkbox] + label:before {
  content: "";
  position: absolute;
  background: #BBB;
  left: 0;
  top: 0;
  z-index: 1;
  width: 40px;
  height: 22px;
  border-radius: 14px;
  transition: all 0.2s ease-out;
}
.ui_toggle input[type=checkbox] + label:after {
  content: "";
  position: absolute;
  background: #FFF;
  border-radius: 50%;
  top: 2px;
  z-index: 2;
  transition: left 0.2s ease-out;
  width: 18px;
  height: 18px;
  left: 2px;
}
.ui_toggle input[type=checkbox]:checked + label:before {
  background-color: #222;
}
.ui_toggle input[type=checkbox]:checked + label:after {
  left: 20px;
}

.type_login .input_box {
  width: 100%;
  padding: 0 17px;
  box-sizing: border-box;
  background-color: #F6F6F6;
  overflow: hidden;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  height: 50px;
}
.type_login .input_box .ui_input {
  width: 100%;
  height: 50px;
  font-size: 15px;
  font-weight: 400;
  line-height: 16px;
  background: #F4F4F4;
  color: #222;
  outline: none;
  border-color: inherit;
  box-shadow: none;
  letter-spacing: -0.01em;
  flex: 1;
}
.type_login .input_box .ui_input::placeholder {
  font-size: 15px;
  color: #A3A3A3;
  line-height: 16px;
  font-weight: 400;
}
.type_login .input_box .timer_count {
  display: inline-flex;
  margin-left: 5px;
  font-size: 13px;
  line-height: 16px;
  color: #AF8A40;
}
.type_login .input_box .timer_count .count, .type_login .input_box .timer_count .gap {
  display: inline-block;
  font-size: 13px;
  font-weight: 400;
  line-height: 16px;
  font-family: "SDGothic", sans-serif;
  color: #A48A40;
  vertical-align: top;
}

.input_group {
  flex-basis: 100%;
}
.input_group .valid_desc {
  margin-top: 10px;
  font-size: 11px;
  font-weight: 400;
  line-height: 16px;
}
.input_group.vail_check .valid_desc {
  display: none;
}
.input_group.vail_check.default .valid_desc {
  display: block;
  color: #888;
}
.input_group.vail_check.fail .valid_desc {
  display: block;
  color: #F22C2D;
}

.input_flex_box {
  display: flex;
  gap: 10px;
  width: 100%;
  align-items: flex-start;
  justify-content: space-between;
}
.input_flex_box .input_group {
  flex: 1;
}

.idpw input:disabled {
  color: #CCC !important;
}

/* e : form, input */
/* s : content */
#WRAP .login_container:has(.second_auth_login_wrap.is_active) {
  max-height: 777px;
}
#WRAP .login_contents.pre_login_box .second_auth_login_wrap {
  margin-bottom: 0;
}
#WRAP .login_contents.auth_login_active {
  display: block;
}
#WRAP .login_contents.auth_login_active .input_container .input_inner .idpw {
  width: 100%;
}
#WRAP .login_contents.auth_login_active .input_container .find_inner {
  display: flex;
  width: 100%;
  box-sizing: border-box;
  justify-content: space-between;
}
#WRAP .login_contents.auth_login_active .auth_control_box, #WRAP .login_contents.auth_login_active .btn_login {
  display: none;
}

#GNB .second_auth_login_wrap.is_active {
  margin-bottom: 40px;
}

.second_auth_login_wrap {
  text-align: left;
  display: none;
}
.second_auth_login_wrap.is_active {
  display: block;
  margin-bottom: 18px;
}
.second_auth_login_wrap .form_list {
  margin-top: 14px;
}
.second_auth_login_wrap .form_list .form_item .form_cont .ui_input {
  padding-left: 32px;
  background: url("/resources/site/img/login_2504/ico_lock.png") 0 14px/22px 22px no-repeat;
}
.second_auth_login_wrap .form_list .form_item .form_cont .timer_count .gap {
  margin: 0;
}
.second_auth_login_wrap .star_text {
  margin-top: 8px;
}

html:has(dialog[open]) {
  overflow: hidden;
}

.auth_dialog {
  border: none;
  padding: 0;
  margin: 0;
  text-align: center;
  top: 50%;
  left: 50%;
  position: fixed;
  transform: translate(-50%, -50%);
  font-family: "SDGothic", sans-serif;
}
.auth_dialog::backdrop {
  background-color: rgba(0, 0, 0, 0.3);
}
.auth_dialog .dialog_inner {
  padding: 40px 24px 24px;
}
.auth_dialog .dialog_btn_wrap {
  width: 100%;
  display: flex;
}
.auth_dialog .dialog_btn_wrap .btn_md {
  width: auto;
  flex: 1;
}

#MYSSG_INFO #MYSSG_LOGIN_SET {
  font-size: initial;
}
#MYSSG_INFO #MYSSG_LOGIN_SET .cont_box .input_flex_box {
  align-items: center;
}
#MYSSG_INFO #MYSSG_LOGIN_SET .cont_box .input_flex_box .ctitle_sm {
  color: #666;
}
#MYSSG_INFO #MYSSG_LOGIN_SET .cont_box .stext_sm {
  line-height: 24px;
  margin-top: 8px;
  color: #888;
}
#MYSSG_INFO #MYSSG_LOGIN_SET .text_box {
  padding: 25px 50px;
}

.auth_dialog.dialog_size_md .dialog_content {
  width: 400px;
  background-color: #FFF;
}
.auth_dialog.dialog_size_md .dialog_content .dialog_header .ctitle_wrap {
  margin-bottom: 24px;
  justify-content: center;
}
.auth_dialog.dialog_size_md .dialog_content .dialog_header .ctitle_wrap .ctitle {
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  color: #222;
  letter-spacing: -0.025em;
  flex: 1;
}
.auth_dialog.dialog_size_md .dialog_content .dialog_header .ctitle_wrap .stext {
  margin-top: 16px;
  color: #222;
}
.auth_dialog.dialog_size_md .dialog_content .dialog_body .gray_box .title {
  color: #666;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: -0.025em;
  margin-bottom: 4px;
}
.auth_dialog.dialog_size_md .dialog_content .dialog_body .gray_box .num {
  color: #222;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: -0.025em;
  font-weight: 400;
}
.auth_dialog.dialog_size_md .dialog_content .dialog_body .info_area {
  margin-top: 16px;
}
.auth_dialog.dialog_size_md .dialog_content .dialog_body .info_area .link_text_udl {
  margin-top: 20px;
}
.auth_dialog.dialog_size_md .dialog_content .dialog_body .info_area .link_text_udl .text {
  text-decoration: none;
}
.auth_dialog.dialog_size_md .dialog_content .dialog_body .info_area .link_text_udl + .star_text {
  margin-top: 24px;
}
.auth_dialog.dialog_size_md .dialog_content .dialog_body .info_area .link_text_udl + .star_text::before {
  position: static;
}
.auth_dialog.dialog_size_md .dialog_content .dialog_body .info_area .info_text {
  color: #999;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  margin-top: 8px;
}
.auth_dialog.dialog_size_md .dialog_content .dialog_footer {
  margin-top: 37px;
}
.auth_dialog.dialog_size_md .dialog_content .dialog_footer .dialog_btn_wrap {
  display: flex;
  justify-content: center;
}
.auth_dialog.dialog_size_md .dialog_content .dialog_footer .dialog_btn_wrap .btn_md {
  width: 150px;
  flex: 0 0 150px;
}
.auth_dialog.dialog_size_md .dialog_content .dialog_footer .dialog_btn_wrap .btn_md .text {
  font-weight: 400;
  line-height: 20px;
}
.auth_dialog.dialog_size_sm {
  text-align: left;
}
.auth_dialog.dialog_size_sm .dialog_content {
  width: 324px;
}
.auth_dialog.dialog_size_sm .dialog_content .dialog_inner {
  padding: 32px 24px;
}
.auth_dialog.dialog_size_sm .dialog_content .dialog_inner .dialog_footer {
  margin-top: 0;
}
.auth_dialog.dialog_size_sm .dialog_content .dialog_inner .dialog_footer .dialog_btn_wrap.full {
  width: auto;
  margin: 32px -24px -32px;
}
.auth_dialog.dialog_size_sm .dialog_content .dialog_inner .dialog_footer .dialog_btn_wrap.full .btn_md {
  width: initial;
  flex: auto;
}

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