/*

  ! ÁÖÀÇ !
  º» ÆÄÀÏÀº "EUC-KR"·Î ÀÎÄÚµù µÇ¾îÀÖ½À´Ï´Ù.
  "UTF-8"·Î ¼³Á¤ÇÏ¸é º» ÁÖ¼®ÀÇ ÅؽºÆ®°¡ ±úÁ® º¸ÀÔ´Ï´Ù.
  ÀÛ¾÷ Àü ¹Ýµå½Ã ÀÎÄÚµù ¸ðµå "EUC-KR"·Î º¯°æ ÈÄ ÀÛ¾÷ÇØÁÖ¼¼¿ä.

  ! Warning !
  This file is encoded in "EUC-KR".
  If you set it To "UTF-8", the text in this comment will appear corrupted.
  Before Proceeding, be sure to change the encoding mode to "EUC-KR"
  
 */
/* input */
.in-input-block {
    position: relative;
}
.in-input {
    margin: 0;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    display: block;
    box-sizing: border-box;
    border-radius: 0;
    background: transparent;
    border: none;
    width: 100%;
    height: 2.5rem;
    font-size: 2rem;
    line-height: 2.5rem;
    padding: 0;
}
textarea.in-input {
    height: 400px;
    overflow: hidden;
    overflow-y: auto;
    resize: none;
}
.in-input[type="number"]::-webkit-outer-spin-button,
.in-input[type="number"]::-webkit-inner-spin-button,
.in-input[type="date"]::-webkit-outer-spin-button,
.in-input[type="date"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
}
.in-input[type="number"],
.in-input[type="date"] {
    white-space: nowrap;
    -moz-appearance: textfield;
}
.in-input[type="date"]::-webkit-calendar-picker-indicator {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.in-input::-ms-clear,
.in-input::-ms-reveal {
    display: none;
}
.in-input::-webkit-clear-button {
    display: none;
}
.in-input::-webkit-search-decoration,
.in-input::-webkit-search-cancel-button,
.in-input::-webkit-search-results-button,
.in-input::-webkit-search-results-decoration {
    display: none;
}
.in-input::-webkit-input-placeholder {
    opacity: 1;
    color: var(--gray-70);
}
.in-input::-moz-placeholder {
    opacity: 1;
    color: var(--gray-70);
}
.in-input:-ms-input-placeholder {
    opacity: 1;
    color: var(--gray-70);
}
.in-input:-moz-placeholder {
    opacity: 1;
    color: var(--gray-70);
}
.in-input[readonly],
.in-input[disabled],
.in-input-block.type-disabled .in-input {
    opacity: 1;
}
.in-input[disabled],
.in-input-block.type-disabled .in-input {
    color: var(--gray-50);
    -webkit-text-fill-color: var(--gray-50);
}
.in-input-delete {
    display: none;
    width: 2.5rem;
    height: 2.5rem;
    position: absolute;
    top: 0;
    right: 0;
}
.in-input-delete::before {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -12px;
    background: url("../images/integrated-auth/icon/icon-form-clear.svg") no-repeat 50% 50%;
}
.in-input-block.is-focus.is-inputed .in-input-delete {
    display: block;
}
.in-input-block.is-focus.is-inputed .in-input[readonly] ~ .in-input-delete,
.in-input-block.is-focus.is-inputed .in-input[disabled] ~ .in-input-delete {
    display: none;
}
.in-input-block.is-focus.is-inputed:not(.in-input-block.type-no-delete) .in-input:not([readonly]):not([disabled]) {
    padding-right: 30px;
}

/* type-center-delete in-input-delete */
.in-input-block.type-center-delete .in-input-delete {
    top: -10px;
}

/* select */
.in-select-block {
    position: relative;
    text-align: left;
}
.in-select-block::after {
    content: "";
    display: block;
    position: absolute;
    z-index: 0;
    top: 0;
    right: 0;
    width: 24px;
    height: 24px;
    background: url("../images/integrated-auth/icon/icon-arrow-line-down.svg") no-repeat 50% 50%;
}
.in-select {
    display: block;
    position: relative;
    z-index: 10;
    box-sizing: border-box;
    appearance: none;
    -webkit-appearance: none;
    outline: none;
    background: transparent;
    border-radius: 0;
    border: none;
    width: 100%;
    min-height: 2.5rem;
    font-size: 2rem;
    line-height: 2.5rem;
    text-align: left;
    padding: 0 30px 0 0;
    word-break: break-all;
}
.in-select:empty::before {
    content: attr(data-placeholder);
    color: var(--gray-70);
}
.in-select::-ms-expand {
    display: none;
}
.in-select[disabled],
.in-select-block.type-disabled .in-select {
    opacity: 1;
    color: var(--gray-50);
}

/* input-width */
.input-width-tel-exchange {
    width: 84px;
}
.input-width-tel-agency {
    width: 68px;
}
.input-width-one {
    width: 14px;
}
.in-input-block.input-width-one .in-input {
    text-align: center;
}
.input-width-mail-id {
    width: 108px;
}
.input-width-bank {
    width: 107px;
}
.select-width-mail {
    width: 144px;
}

/* ui-form */
.ui-form-val,
.ui-form-side {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}
.ui-form-side {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.ui-form-val-inner {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
}
.ui-form-side {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
}
.ui-form {
    display: block;
}
.ui-form-list {
    margin: 0;
    padding: 0;
    list-style: none;
    border-top-left-radius: 6px;
}
.ui-form-list + .ui-form-list {
    margin-top: 10px;
}
.ui-form-item:first-child {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}
.ui-form-item:last-child {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}
.ui-form-item {
    position: relative;
    z-index: 0;
    border: 1px solid var(--gray-30);
    background-color: #fff;
}
.ui-form-item + .ui-form-item {
    margin-top: -1px;
}
.ui-form-key {
    display: none;
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
    width: 100%;
    box-sizing: border-box;
    padding: 24px 20px 23px;
    font-size: 2rem;
    line-height: 2.5rem;
    color: var(--gray-70);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    cursor: pointer;
}
.ui-form-item.type-disabled .ui-form-key {
    cursor: auto;
}
.ui-form-item.type-primary {
    background-color: rgba(0, 164, 157, 0.05);
    color: var(--primary);
}
.ui-form-item.type-primary .form-inputed-text .sub-text {
    color: var(--primary);
}
.ui-form-val {
    margin: 0;
    padding: 34px 20px 13px;
}
.ui-form-val-inner {
    position: relative;
    z-index: 0;
}
.ui-form-side {
    position: relative;
    z-index: 20;
    margin: -21px 0 0 20px;
}
.ui-form-side .ui-form-check-block .ui-label-text {
    font-size: 1.4rem;
    font-weight: 500;
    color: var(--gray-80);
}
.ui-form-fix-side {
    position: absolute;
    z-index: 20;
    top: 50%;
    right: 20px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: top 0.3s, -webkit-transform 0.3s;
    transition: top 0.3s, transform 0.3s;
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
}
.ui-form-contents {
    display: none;
    opacity: 0;
    min-height: 2.5rem;
}
.ui-form-item.is-init .ui-form-key {
    display: block;
    -webkit-transition: -webkit-transform 0.3s, color 0.3s;
    transition: transform 0.3s, color 0.3s;
}
.ui-form-item.is-init .ui-form-contents {
    display: block;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
}
.ui-form-item.is-focus .ui-form-key,
.ui-form-item.is-form-inputed .ui-form-key,
.ui-form-item.is-invalid .ui-form-key,
.ui-form-item.is-security-keypad-opened .ui-form-key,
.ui-form-item.type-inputed .ui-form-key {
    z-index: -1;
    -webkit-transform: scale(0.6) translate(12px, -3px);
    transform: scale(0.6) translate(12px, -3px);
}
.ui-form-item.is-focus .ui-form-contents,
.ui-form-item.is-form-inputed .ui-form-contents,
.ui-form-item.is-invalid .ui-form-contents,
.ui-form-item.is-security-keypad-opened .ui-form-contents,
.ui-form-item.type-inputed .ui-form-contents {
    opacity: 1;
}
.ui-form-item.is-focus .ui-form-fix-side,
.ui-form-item.is-form-inputed .ui-form-fix-side,
.ui-form-item.is-invalid .ui-form-fix-side,
.ui-form-item.is-security-keypad-opened .ui-form-fix-side,
.ui-form-item.type-inputed .ui-form-fix-side {
    top: 13px;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
.ui-form-item.is-form-inputed .ui-form-key,
.ui-form-item.is-invalid .ui-form-key,
.ui-form-item.type-inputed .ui-form-key {
    color: #71747b;
}
.ui-form-item.is-focus,
.ui-form-item.is-invalid,
.ui-form-item.is-security-keypad-opened {
    z-index: 1;
    border-width: 2px;
    border-color: var(--primary);
}
.ui-form-item.is-focus,
.ui-form-item.is-security-keypad-opened {
    box-shadow: 0 2px 5px 0 rgba(42, 163, 149, 0.2);
}
.ui-form-item.is-invalid {
    border-color: var(--wrong);
}
.ui-form-item.is-focus .ui-form-key,
.ui-form-item.is-security-keypad-opened .ui-form-key {
    color: var(--primary);
    font-weight: 500;
}
.ui-form-item.is-focus .ui-form-val,
.ui-form-item.is-invalid .ui-form-val,
.ui-form-item.is-security-keypad-opened .ui-form-val {
    margin: -1px;
}
.ui-form-item.is-focus .ui-form-key,
.ui-form-item.is-invalid .ui-form-key,
.ui-form-item.is-security-keypad-opened .ui-form-key {
    top: -1px;
    left: -1px;
}
.ui-form-item.is-focus .ui-form-fix-side,
.ui-form-item.is-security-keypad-opened .ui-form-fix-side {
    margin-top: -1px;
}
.ui-form-item.type-disabled .ui-form-key,
.ui-form-item.is-area-disabled .ui-form-key {
    color: var(--gray-50);
}
.ui-form-item.type-disabled .flex-box-dash {
    background-color: #ccced1;
}
.ui-form-item.type-disabled .flex-box-cell.type-form-text {
    color: #ccced1;
}

/* ui-form-item type-only-select */
.ui-form-item.type-only-select .in-select-block::after {
    display: none;
}
.ui-form-item.type-only-select .ui-form-val-inner::after {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    top: -10px;
    right: 0;
    width: 24px;
    height: 24px;
    background: url("../images/integrated-auth/icon/icon-arrow-line-down.svg") no-repeat 50% 50%;
}

/* ui-form type-flex-box */
.ui-form.type-flex-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.ui-form.type-flex-box .ui-form-list {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
}
.ui-form.type-flex-box .ui-form-list + .ui-form-list {
    margin-left: 10px;
    margin-top: 0;
}

/* ui-form-hidden-button */
.ui-form-hidden-button {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
}

/* form-inputed-text */
.form-inputed-text {
    font-size: 2rem;
    line-height: 2.5rem;
    font-weight: 400;
}
.form-inputed-text .sub-text {
    font-size: 1.6rem;
    color: var(--gray-70);
}
.form-inputed-text .flex-box-cell {
    font: inherit;
}
.form-inputed-text .flex-box-cell.type-arrow {
    display: block;
    position: relative;
    z-index: 10;
    box-sizing: border-box;
    appearance: none;
    -webkit-appearance: none;
    outline: none;
    background: transparent;
    border-radius: 0;
    border: none;
    width: 107px;
    min-height: 2.5rem;
    font-size: 2rem;
    line-height: 2.5rem;
    text-align: left;
    padding: 0 30px 0 0;
}
.form-inputed-text .flex-box-cell.type-arrow::after {
    content: "";
    display: block;
    position: absolute;
    z-index: 0;
    top: 0;
    right: 0;
    width: 24px;
    height: 24px;
    background: url("../images/integrated-auth/icon/icon-arrow-line-down.svg") no-repeat 50% 50%;
}
.flex-box-cell.type-arrow.input-width-tel-agency {
    width: 88px;
}

/* guide-text */
.guide-text {
    margin: 8px 0 0;
    font-size: 1.3rem;
    line-height: 1.7rem;
    color: var(--gray-70);
}

/* ui-form-invalid-message */
.ui-form-invalid-message {
    margin: 8px 0 0;
    font-size: 1.3rem;
    line-height: 1.7rem;
    color: var(--wrong);
}

/* form-list-wrap */
.form-list-wrap {
    margin-top: 36px;
}
.form-list-wrap .form-item:not(:first-child) {
    margin-top: 42px;
}
.form-list-wrap .form-item .ui-form-title {
    margin-bottom: 12px;
}
.ui-layer__body-inner .form-list-wrap {
    margin-top: 4px;
}
.ui-layer__body-inner .ui-layer-text + .form-list-wrap {
    margin-top: 36px;
}

/* ui-button-help */
.ui-button-help {
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    height: 24px;
    background: url("../images/integrated-auth/icon/icon-question.svg") no-repeat 50% 50%;
}

/* ui-form-title */
.ui-form-title {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 10px;
}
.ui-form-title .title {
    font-size: 1.6rem;
    line-height: 21px;
    color: var(--gray-80);
    font-weight: 400;
}
.ui-form-title .title-exp {
    color: var(--gray-70);
    font-weight: 300;
    margin-top: 5px;
}
.ui-form-title .sub-title {
    margin-top: 4px;
    font-size: 1.2rem;
    line-height: 17px;
    color: var(--gray-60);
    font-weight: 300;
}
.ui-form-title.type-big {
    margin-bottom: 26px;
}
.ui-form-title.type-big .title {
    font-size: 1.7rem;
    color: #111;
}
.ui-form-title.has-tooltip .title + .ui-tooltip-wrap {
    margin-left: 3px;
}

.ui-form-title .ui-arrow.type-black,
.ui-form-title .ui-form-title-right {
    margin-left: auto;
    font-size: 1.2rem;
}
.ui-form-title .ui-form-title-right .ui-arrow {
    color: var(--gray-70);
}
.ui-form-title .ui-form-title-right .ui-arrow:disabled {
    color: var(--gray-40);
}
.ui-form-title .ui-form-title-right .ui-arrow:disabled::after {
    background-image: url("../images/icon/btn-more-d.svg");
}
.ui-form-title .sub {
    margin-left: 5px;
    font-size: 1.2rem;
    color: var(--gray-60);
    font-weight: 300;
}

/* notice */
.ui-form-notice {
    position: relative;
    margin-top: 10px;
    padding-left: 28px;
    padding-top: 3px;
    font-size: 1.4rem;
    line-height: normal;
    color: var(--gray-70);
    font-weight: 400;
}
.ui-form-notice::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 24px;
    height: 24px;
    background: url("../images/icon/icon-notice.svg") no-repeat 50% 50% / 100% auto;
}
.ui-form-notice.font-weight-medium {
    font-weight: 500;
}
.ui-form-notice.type-primary {
    color: var(--primary);
}
.ui-form-notice.type-primary::before {
    background-image: url("../images/icon/icon-notice-gr.svg");
}
.ui-form-notice.type-wrong {
    color: var(--wrong);
}
.ui-form-notice.type-wrong::before {
    background-image: url("../images/icon/icon-notice-rd.svg");
}

/* ui-form-notice type-fix-button */
.ui-form-notice.type-fix-button {
    margin-top: 0;
    margin-bottom: 25px;
}

/* flex-box */
.flex-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.flex-box.type-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.flex-box.type-align-top {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.flex-box.type-right {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.flex-box-cell,
.flex-box-dash,
.flex-box-dot {
    display: block;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
}
.flex-box-cell + .flex-box-cell {
    margin-left: 5px;
}
.flex-box-cell.type-flexible {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
}
.flex-box-cell {
    font-size: 1.6rem;
    line-height: 2.1rem;
}
.flex-box-cell.type-form-text {
    color: var(--gray-70);
}
.flex-box-dash {
    display: block;
    width: 10px;
    height: 2px;
    background-color: #71747b;
}
.flex-box-dash + .flex-box-cell,
.flex-box-cell + .flex-box-dash {
    margin-left: 15px;
}
.flex-box-dot {
    position: relative;
    height: 25px;
    overflow: hidden;
}
.flex-box-dot::before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: -3px;
    right: 0;
    height: 18px;
    margin-top: -9px;
    background: radial-gradient(ellipse at center, var(--gray-50) 0%, var(--gray-50) 42.6%, transparent 46.6%) repeat-x 0 center / 18px 18px;
}
.flex-box-dot.type-id-card-number {
    width: 102px;
}

/* hr */
.hr {
    display: block;
    margin: 20px 0;
    height: 1px;
    background-color: var(--gray-10);
}

/* page-contents-title */
.page-contents-title {
    font-size: 2rem;
    font-weight: 700;
    line-height: 25px;
    margin-bottom: 36px;
    color: var(--basic);
}
.page-contents-info {
    font-size: 1.6rem;
    color: var(--gray-80);
    font-weight: 300;
    line-height: 21px;
    margin-bottom: 36px;
}
.page-contents-text {
    font-size: 1.5rem;
    font-weight: 300;
    line-height: 2rem;
    margin-bottom: 36px;
}

/* page-buttons type-no-line */
.page-buttons.type-no-line {
    border-top: none;
    padding-bottom: 30px;
}

/* ui-tab-area */
.ui-tab-area .ui-tab-list {
    box-sizing: border-box;
    margin: -1px;
    box-shadow: none;
    padding: 0;
    background-color: #fcfcfc;
    border: 1px solid var(--gray-10);
    border-radius: 4px;
}
.ui-tab-area .ui-tab-item {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
    text-align: center;
    margin: 0;
}
.ui-tab-area .ui-tab-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 4px;
    font-size: 1.4rem;
    line-height: 18px;
    font-weight: 300;
    padding: 13px 0;
    color: var(--gray-80);
}
.ui-tab-area .ui-tab-link.js-tabpanel-active {
    background-color: rgba(0, 164, 157, 0.05);
    color: var(--primary);
    font-weight: 500;
    border: 1px solid rgba(0, 164, 157, 0.5);
}
.ui-tab-area .ui-tab-link.js-tabpanel-active::after {
    display: none;
}

/* ui-tab-icon */
.ui-tab-icon {
    width: 16px;
    height: 16px;
    padding-right: 15px;
    position: relative;
    background: no-repeat 0 50% / auto 100%;
}
.ui-tab-icon.type-driver-license {
    background-image: url("../images/integrated-auth/icon/certi-mobileid-s.svg");
}
.ui-tab-icon::after {
    content: "";
    display: block;
    width: 1px;
    height: 12px;
    background-color: var(--gray-40);
    position: absolute;
    right: 7px;
    top: 50%;
    margin-top: -6px;
}
.ui-tab-area .ui-tab-link.js-tabpanel-active .ui-tab-icon::after {
    background-color: rgba(0, 164, 157, 0.7);
}

.ui-tab-area .ui-tab-panel {
    margin-top: 20px;
}
.ui-tab-panel.panel-id-card {
    padding-top: 30px;
}

/* certificate-auth-box */
.certificate-auth-box::before {
    content: "";
    display: table;
}
.certificate-auth-list {
    margin-top: -10px;
}
.certificate-auth-item {
    padding-top: 10px;
}
.ui-certificate-button {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 17px 24px 17px 28px;
    border-radius: 6px;
    border: 1px solid var(--gray-30);
    position: relative;
}
.ui-certificate-button.type-arrow {
    padding-right: 58px;
}
.ui-certificate-button.type-arrow::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 24px;
    width: 24px;
    height: 24px;
    margin-top: -12px;
    background: url("../images/integrated-auth/icon/icon-arrow-line-right.svg") no-repeat 50% 50% / 100% auto;
}
.certificate-auth-title {
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 2.1rem;
    letter-spacing: 0;
}
.certificate-auth-icon + .certificate-auth-title {
    margin-left: 20px;
}
.certificate-auth-icon {
    width: 38px;
    height: 38px;
    display: block;
    margin-right: 4px;
    background: no-repeat 50% 50% / auto 100%;
}
.certificate-auth-icon.type-toss {
    background-image: url("../images/integrated-auth/icon/icon-toss.png");
}
.certificate-auth-icon.type-naver {
    background-image: url("../images/integrated-auth/icon/icon-naver.png");
}
.certificate-auth-icon.type-pass {
    background-image: url("../images/integrated-auth/icon/icon-pass.png");
}
.certificate-auth-icon.type-sign {
    background-image: url("../images/integrated-auth/icon/icon-sign.png");
}

/* ui-form-radio-block, ui-form-check-block */
.ui-form-radio-block,
.ui-form-check-block {
    position: relative;
    z-index: 0;
    font-size: 0;
    line-height: 0;
}
.ui-form-radio-block .ui-radio,
.ui-form-check-block .ui-checkbox {
    position: absolute;
    z-index: -1;
    opacity: 0;
}
.ui-form-radio-block .ui-label,
.ui-form-check-block .ui-label {
    font-size: 1rem;
    line-height: normal;
}
.ui-form-radio-block .ui-check-object + .ui-label-text,
.ui-form-check-block .ui-check-object + .ui-label-text,
.ui-form-radio-block .ui-label-text + .ui-check-object,
.ui-form-check-block .ui-label-text + .ui-check-object {
    margin-left: 6px;
}
.ui-form-check-block .ui-check-object {
    width: 24px;
    height: 24px;
    background: url("../images/integrated-auth/icon/element-checkbox-small.svg") no-repeat 0 50%;
}
.ui-form-check-block .ui-checkbox:checked + .ui-label .ui-check-object,
.ui-form-check-block.is-checked .ui-label .ui-check-object {
    background-image: url("../images/integrated-auth/icon/element-checkbox-small-checked.svg");
}
/* .ui-form-check-block .ui-checkbox[disabled] + .ui-label .ui-check-object {
	background-image: url('../images/icon/element-privacy-disable.svg');
}
.ui-form-check-block .ui-checkbox[disabled]:checked + .ui-label .ui-check-object {
	background-image: url('../images/icon/element-privacy-disabled-checked.svg');
} */

/* ui-form-check-block ui-arrow  */
.ui-form-check-block .ui-arrow::after {
    width: 24px;
    height: 24px;
    background-position: 50% 50%;
}

/* ui-form-check-block type-large  */
.ui-form-check-block.type-large .ui-check-object {
    width: 24px;
    height: 24px;
    background-image: url("../images/integrated-auth/icon/element-privacy-default.svg");
}
.ui-form-check-block.type-large .ui-checkbox:checked + .ui-label .ui-check-object,
.ui-form-check-block.type-large.is-checked .ui-label .ui-check-object {
    background-image: url("../images/integrated-auth/icon/element-privacy-active.svg");
}
/* .ui-form-check-block.type-large .ui-checkbox[disabled] + .ui-label .ui-check-object {
	background-image: url('../images/icon/element-privacy-disable.svg');
}
.ui-form-check-block.type-large .ui-checkbox[disabled]:checked + .ui-label .ui-check-object {
	background-image: url('../images/icon/element-privacy-disabled-checked.svg');
} */
.ui-form-check-block.type-large .ui-label-text,
.ui-form-radio-block.type-large .ui-label-text {
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 19px;
}

/* ui-checkbox-group type-grid type-margin */
.ui-checkbox-group.type-grid.type-medium-margin,
.ui-radio-group.type-grid.type-medium-margin {
    gap: 10px;
}

/* certification-logo */
.certification-logo::after {
    content: "";
    display: block;
    width: 70px;
    height: 70px;
    background: no-repeat 100% 0 / auto 100%;
}
.certification-logo.type-icon-toss::after {
    background-image: url("../images/integrated-auth/icon/certi-toss.png");
}
.certification-logo.type-icon-naver::after {
    background-image: url("../images/integrated-auth/icon/certi-naver.png");
}
.certification-logo.type-icon-pass::after {
    background-image: url("../images/integrated-auth/icon/certi-pass.png");
}
.certification-logo.type-icon-hana::after {
    background-image: url("../images/integrated-auth/icon/certi-hana-1-q.png");
}
.certification-logo.type-icon-mobile-id::after {
    background-image: url("../images/integrated-auth/icon/certi-mobileid.png");
}
.certification-logo.type-oneq::after {
    background-image: url("../images/integrated-auth/icon/certi-1-qpay.png");
}
.certification-logo.type-hana-bank::after {
    background-image: url("../images/integrated-auth/icon/certi-hana.png");
}

/* ui-push */
@-webkit-keyframes push-animate-updown {
    0% {
        -webkit-transform: translateY(0%);
    }
    50% {
        -webkit-transform: translateY(-10%);
    }
    100% {
        -webkit-transform: translateY(0%);
    }
}
@keyframes push-animate-updown {
    0% {
        transform: translateY(0%);
    }
    50% {
        transform: translateY(-10%);
    }
    100% {
        transform: translateY(0%);
    }
}
.ui-push {
    position: absolute;
    top: 60px;
    left: 32px;
    right: 32px;
    padding-top: 11px;
}
.ui-push-box {
    -webkit-animation: push-animate-updown 0.9s infinite 0.5s;
    animation: push-animate-updown 0.9s infinite 0.5s;
}
.ui-push-inner {
    padding: 14px 18px;
    border-radius: 8px;
    background-color: var(--basic);
    position: relative;
}
.ui-push-inner::before {
    content: "";
    display: block;
    border: 0 solid transparent;
    border-width: 11px 8px;
    border-bottom-color: var(--basic);
    position: absolute;
    top: -22px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.ui-push-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}
.ui-push-left {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.ui-push-right {
    white-space: nowrap;
}
.ui-push-left + .ui-push-right {
    margin-left: 9px;
}
.ui-push-text {
    color: #fff;
    font-size: 1.3rem;
    line-height: 1.7rem;
    font-weight: 500;
    letter-spacing: 0;
}
.ui-push-link {
    font-size: 1.2rem;
    line-height: 1.5rem;
    font-weight: 700;
    color: #fff;
}
.ui-push-link.type-arrow::after {
    content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    margin-left: 2px;
    background: url("../images/integrated-auth/icon/text-btn-arrow-white.svg");
}

/* notice */
.ui-form-notice {
    position: relative;
    margin-top: 10px;
    padding-left: 28px;
    padding-top: 3px;
    font-size: 1.4rem;
    line-height: normal;
    color: var(--gray-70);
    font-weight: 400;
}
.ui-form-notice::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 24px;
    height: 24px;
    background: url("../images/integrated-auth/icon/icon-notice.svg") no-repeat 50% 50% / 100% auto;
}
.ui-form-notice.font-weight-medium {
    font-weight: 500;
}
.ui-form-notice.type-primary {
    color: var(--primary);
}
.ui-form-notice.type-primary::before {
    background-image: url("../images/integrated-auth/icon/icon-notice-gr.svg");
}

/* contents-box */
.contents-box.type-secondary {
    border-radius: 4px;
    background-color: #f6f7f9;
    padding: 24px;
}
.contents-box.type-secondary::after {
    content: "";
    display: table;
}

/* certificate-list */
.contents-box.type-secondary .certificate-list {
    margin-top: -20px;
}
.contents-box.type-secondary .certificate-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 20px;
}
.certificate-title {
    font-size: 1.4rem;
    font-weight: 500;
}
.contents-box.type-secondary .certificate-icon {
    width: 36px;
    height: 36px;
    margin-right: 14px;
    background: no-repeat 50% 50% / auto 100%;
}
.contents-box.type-secondary .certificate-icon.type-ars {
    background-image: url("../images/integrated-auth/icon/img-certi-01.png");
}
.contents-box.type-secondary .certificate-icon.type-toss {
    background-image: url("../images/integrated-auth/icon/img-certi-02.png");
}
.contents-box.type-secondary .certificate-icon.type-naver {
    background-image: url("../images/integrated-auth/icon/img-certi-03.png");
}
.contents-box.type-secondary .certificate-icon.type-pass {
    background-image: url("../images/integrated-auth/icon/img-certi-04.png");
}
.contents-box.type-secondary .certificate-icon.type-hana {
    background-image: url("../images/integrated-auth/icon/img-certi-05.png");
}

/* ars-auth-box */
.ars-auth-box {
    text-align: center;
    margin-bottom: 33px;
}
.ars-auth-text {
    font-size: 1.5rem;
    font-weight: 400;
}
.ars-auth-timer-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 20px;
}
.ars-auth-box .ars-auth-timer {
    font-size: 1.4rem;
    font-weight: 700;
    color: var(--basic);
    margin-top: 0;
    margin-right: 12px;
}
.ars-auth-box .ars-auth-timer:last-child {
    margin-right: 0;
}
.ars-auth-box .ars-auth-timer::before {
    display: none;
}

/* ars-auth-timer-group */
.ars-auth-timer-item .ars-auth-timer {
    margin-right: 0;
}
.ars-auth-timer-item:not(:first-child) {
    padding-left: 21px;
    position: relative;
}
.ars-auth-timer-item:not(:first-child)::before {
    content: "";
    display: inline-block;
    width: 1px;
    height: 14px;
    background-color: var(--gray-40);
    position: absolute;
    left: 10px;
    top: 50%;
    margin-top: -7px;
}

/* ui-checkbox-block type-column-box, ui-radio-block type-column-box */
.type-grid .ui-checkbox-block.type-column-box .ui-label,
.type-grid .ui-radio-block.type-column-box .ui-label {
    padding: 20px 5px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.ui-checkbox-block.type-column-box .ui-label .ui-label-icon,
.ui-radio-block.type-column-box .ui-label .ui-label-icon {
    margin: 0 0 10px;
}
.ui-checkbox-block.type-column-box .ui-label .ui-label-text,
.ui-radio-block.type-column-box .ui-label .ui-label-text {
    font-weight: 400;
    margin: 0;
}
.ui-checkbox-block.type-column-box .ui-checkbox:checked + .ui-label .ui-label-text,
.ui-radio-block.type-column-box .ui-radio:checked + .ui-label .ui-label-text,
.ui-checkbox-block.type-column-box.is-checked .ui-label .ui-label-text,
.ui-radio-block.type-column-box.is-checked .ui-label .ui-label-text {
    font-weight: 700;
}
.ui-checkbox-block.type-column-box .ui-checkbox[disabled] + .ui-label,
.ui-radio-block.type-column-box .ui-radio[disabled] + .ui-label,
.ui-checkbox-block.type-column-box.type-disabled .ui-label,
.ui-radio-block.type-column-box.type-disabled .ui-label,
.ui-checkbox-block.type-column-box[disabled] .ui-label,
.ui-radio-block.type-column-box[disabled] .ui-label {
    box-shadow: none;
}
.ui-checkbox-block.type-column-box .ui-checkbox[disabled] + .ui-label .ui-label-text,
.ui-radio-block.type-column-box .ui-radio[disabled] + .ui-label .ui-label-text,
.ui-checkbox-block.type-column-box.type-disabled .ui-label .ui-label-text,
.ui-radio-block.type-column-box.type-disabled .ui-label .ui-label-text,
.ui-checkbox-block.type-column-box[disabled] .ui-label .ui-label-text,
.ui-radio-block.type-column-box[disabled] .ui-label .ui-label-text {
    color: var(--gray-60);
}

/* ui-radio-block type-auth */
.ui-radio-block.type-auth[disabled] .ui-label .ui-label-text {
    color: var(--gray-60);
}

/* ui-label-icon type-large */
.ui-label-icon.type-large + .ui-label-text {
    margin-left: 10px;
}
.ui-label-icon.type-large::before {
    width: 48px;
    height: 48px;
    background-size: 100% auto;
}

/* ui-label-icon type-medium */
.ui-label-icon.type-medium::before {
    width: 44px;
    height: 44px;
    background-size: 100% auto;
}

/* ui-label-icon type-small */
.ui-label-icon.type-small + .ui-label-text {
    margin-left: 8px;
}
.ui-label-icon.type-small::before {
    width: 22px;
    height: 22px;
    background-size: 100% auto;
}

/* ui-select-list.has-icon */
.ui-select-list.has-icon .ui-label {
    padding-top: 4px;
    padding-bottom: 4px;
}

/* ui-label-icon */
.ui-label-icon.type-phone::before {
    background-image: url("../images/integrated-auth/icon/certi-phone-s-48.png");
}
.ui-label-icon.type-toss::before {
    background-image: url("../images/integrated-auth/icon/certi-toss-s-48.png");
}
.ui-radio-block.type-auth[disabled] .ui-label-icon.type-toss::before {
    background-image: url("../images/integrated-auth/icon/certi-toss-gray-s-48.png");
}
.ui-label-icon.type-naver::before {
    background-image: url("../images/integrated-auth/icon/certi-naver-s-48.png");
}
.ui-radio-block.type-auth[disabled] .ui-label-icon.type-naver::before {
    background-image: url("../images/integrated-auth/icon/certi-naver-gray-s-48.png");
}
.ui-label-icon.type-pass::before {
    background-image: url("../images/integrated-auth/icon/certi-pass-s-48.png");
}
.ui-radio-block.type-auth[disabled] .ui-label-icon.type-pass::before {
    background-image: url("../images/integrated-auth/icon/certi-pass-gray-s-48.png");
}
.ui-label-icon.type-hana::before {
    background-image: url("../images/integrated-auth/icon/certi-hana-s-48.png");
}
.ui-radio-block.type-auth[disabled] .ui-label-icon.type-hana::before {
    background-image: url("../images/integrated-auth/icon/certi-hana-gray-s-48.png");
}
.ui-label-icon.type-card::before {
    background-image: url("../images/integrated-auth/icon/certi-card-s-48.png");
}

/* ui-label-icon type-medium */
.ui-label-icon.type-ars-m::before {
    background-image: url("../images/integrated-auth/icon/certi-ars-s.png");
}
.ui-label-icon.type-ars-m::before {
    background-image: url("../images/integrated-auth/icon/certi-ars-s.png");
}
.ui-label-icon.type-toss-m::before {
    background-image: url("../images/integrated-auth/icon/certi-toss-s.png");
}
.ui-radio-block.type-column-box .ui-radio[disabled] + .ui-label .ui-label-icon.type-toss-m::before {
    background-image: url("../images/integrated-auth/icon/certi-toss-gray-s.png");
}
.ui-label-icon.type-naver-m::before {
    background-image: url("../images/integrated-auth/icon/certi-naver-s.png");
}
.ui-radio-block.type-column-box .ui-radio[disabled] + .ui-label .ui-label-icon.type-naver-m::before {
    background-image: url("../images/integrated-auth/icon/certi-naver-gray-s.png");
}
.ui-label-icon.type-pass-m::before {
    background-image: url("../images/integrated-auth/icon/certi-pass-s.png");
}
.ui-radio-block.type-column-box .ui-radio[disabled] + .ui-label .ui-label-icon.type-pass-m::before {
    background-image: url("../images/integrated-auth/icon/certi-pass-gray-s.png");
}
.ui-label-icon.type-hana-m::before {
    background-image: url("../images/integrated-auth/icon/certi-hana-s.png");
}
.ui-radio-block.type-column-box .ui-radio[disabled] + .ui-label .ui-label-icon.type-hana-m::before {
    background-image: url("../images/integrated-auth/icon/certi-hana-gray-s.png");
}
.ui-label-icon.type-yeskey-m::before {
    background-image: url("../images/integrated-auth/icon/certi-yeskey-s.png");
}
.ui-radio-block.type-column-box .ui-radio[disabled] + .ui-label .ui-label-icon.type-yeskey-m::before {
    background-image: url("../images/integrated-auth/icon/certri-yeskey-gray-s.png");
}

/* ui-check-terms */
.ui-check-terms-list-group + .ui-check-terms-list-group {
    margin-top: 24px;
}
.ui-check-terms-item {
    box-sizing: border-box;
}
.ui-check-terms-item + .ui-check-terms-item {
    margin-top: 10px;
}
.ui-check-terms-item .ui-check-terms-item::before {
    content: "";
    display: block;
    height: 14px;
}
.ui-check-terms-item .ui-check-terms-item:first-child::before {
    height: 16px;
}
.ui-check-terms-item .ui-check-terms-item .ui-check-terms-item::before {
    height: 4px;
}
.ui-check-terms-item .ui-form-check-block.type-large .ui-label-text {
    margin-top: 3px;
}
.ui-check-terms .ui-check-terms-opener {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 24px;
    flex: 0 0 24px;
    margin-left: auto;
    height: 24px;
}
.ui-check-terms .ui-check-terms-opener::after {
    width: 24px;
    background-image: url("../images/integrated-auth/icon/icon-arrow-line-down.svg");
}
.ui-check-terms .ui-form-check-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    position: relative;
}
.ui-check-terms .ui-form-check-block.type-large + .ui-check-terms-layer .ranking-badge-list,
.ui-check-terms .ui-form-check-block.type-large + .ui-check-terms-layer .paragraph {
    font-size: 1.3rem;
    font-weight: 500;
    line-height: normal;
    margin-right: 6px;
    margin-top: 4px;
}
.ui-check-terms .ui-check-list-title {
    margin-left: 30px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.ui-check-terms .ui-check-list-title .ui-arrow::after {
    width: 24px;
    height: 24px;
    background-position: 50% 50%;
}
.ui-check-terms .paragraph-sub {
    font-size: 1.2rem;
    line-height: 16px;
    font-weight: 400;
    color: var(--gray-70);
    margin-top: 4px;
    display: block;
    margin-right: 8px;
}
.ui-check-terms .ui-form-check-block .ui-label {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.ui-check-terms .ui-form-check-block:not(.type-small) .ui-label {
    margin-right: 8px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.ui-check-terms .ui-form-check-block:not(.type-large) .ui-label .ui-label-text {
    font-weight: 500;
    margin-top: 4px;
}
.ui-check-terms .ui-check-list-title .paragraph .sub,
.ui-check-terms .ui-form-check-block .ui-label .ui-label-text .sub {
    font-size: 1.2rem;
    font-weight: 400;
    margin-top: 7px;
    color: var(--gray-70);
    line-height: 16px;
    display: block;
}
.ui-check-terms .ui-form-check-block-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: auto;
}

/* ui-check-terms */
.ui-check-terms.type-bottom-line {
    padding-bottom: 10px;
    border-bottom: 1px solid var(--gray-10);
}
.ui-check-terms.type-bottom-line .ui-check-terms-layer {
    padding-bottom: 10px;
}

/* ui-check-terms-item type-dot */
.ui-check-terms-item.type-dot {
    position: relative;
    padding-left: 12px;
}
.ui-check-terms-item.type-dot::before {
    content: "";
    position: absolute;
    top: 12px;
    left: 0;
    width: 2px;
    height: 2px;
    background-color: var(--basic);
}

/* .ui-check-terms .ui-form-check-block */
.ui-check-terms .ui-form-check-block .ui-arrow {
    margin-left: auto;
}
.ui-check-terms .ui-form-check-block .ui-label .ui-arrow {
    margin-left: 0;
}
.ui-check-terms .info-list {
    margin-top: 11px;
    font-weight: 400;
    color: var(--gray-70);
    line-height: 18px;
}
.ui-check-terms .info-item + .info-item {
    margin-top: 7px;
}
.ui-check-terms.type-margin-6 .ui-check-terms-item + .ui-check-terms-item {
    margin-top: 6px;
}

/* ui-multiple-list */
.ui-multiple-list {
    letter-spacing: normal;
    line-height: normal;
}
.ui-multiple-item.type-all {
    padding: 16px 0;
    border-bottom: 1px solid var(--gray-70);
}
.ui-multiple-item.type-all .ui-label-text {
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 22px;
}
.ui-multiple-list .ui-form-check-block,
.ui-multiple-list .ui-form-radio-block {
    position: relative;
}

/* ui-multiple-item type-all type-medium */
.ui-multiple-item.type-all.type-medium {
    padding: 10px 0;
    border-bottom: 1px solid var(--gray-10);
}
.ui-multiple-item.type-all.type-medium .ui-label-text {
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 19px;
}
.ui-multiple-item.type-all.type-medium + .ui-check-terms .ui-check-terms-list {
    margin-top: 10px;
}

/* auth-select */
.auth-select-list,
.auth-select-item,
.auth-select-block,
.auth-select-label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}
.auth-select-list {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
}
.auth-select-label {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.auth-select-item,
.auth-select-icon,
.auth-select-title,
.auth-select-use {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
}
.auth-select-block,
.auth-select-label {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
}
.auth-select {
    margin: 0 -24px;
}
.auth-select-scroller {
    margin: -20px 0;
    padding: 20px 24px;
}
.auth-select::before,
.auth-select::after,
.auth-select-inner::before {
    content: "";
    display: table;
}
.auth-select-list {
    position: relative;
    list-style: none;
    margin: -12px 0 0 -12px;
    padding: 0;
}
.auth-select-item {
    width: 50%;
    padding: 12px 0 0 12px;
    box-sizing: border-box;
}
.auth-select-block {
    position: relative;
}
.auth-select-checkbox {
    position: absolute;
    z-index: -1;
    opacity: 0;
}
.auth-select-label {
    position: relative;
    min-height: 133px;
    padding: 19px 1px;
    text-align: center;
    border-radius: 12px;
    border: 1px solid #dfe3eb;
    background-color: #f2f4f9;
    box-sizing: border-box;
}
.auth-select-title {
    display: block;
    font-size: 1.8rem;
    line-height: 2.2rem;
    font-weight: 500;
}
.auth-select-use {
    display: block;
    height: 21px;
}
.auth-select-use-inner {
    display: block;
    position: absolute;
    left: -1px;
    right: -1px;
    bottom: -1px;
    font-size: 1.2rem;
    line-height: 1.5rem;
    font-weight: 700;
    color: #fff;
    padding: 7px 0 8px;
    border-radius: 0 0 12px 12px;
    background-color: var(--primary);
}
.auth-select-checkbox:checked + .auth-select-label {
    border-width: 2px;
    border-color: #111;
    padding: 18px 0;
    background-color: #fff;
    box-shadow: 0 8px 12px 0 rgba(0, 0, 0, 0.1);
}
.auth-select-checkbox:checked + .auth-select-label .auth-select-use-inner {
    left: 0;
    right: 0;
    bottom: 0;
    padding-bottom: 6px;
    border-radius: 0 0 10px 10px;
}
.auth-select-checkbox:checked + .auth-select-label .auth-select-title {
    font-weight: 700;
}
.auth-select-checkbox[disabled] + .auth-select-label {
    border-color: #f5f5f5;
    background-color: #f5f5f5;
}
.auth-select-checkbox[disabled] + .auth-select-label .auth-select-title {
    color: #a2a2a2;
    font-weight: 400;
}
.auth-select-icon {
    display: block;
    width: 40px;
    height: 40px;
    margin: 0 auto 10px;
    background: no-repeat 50% 50% / 100% 100%;
}
.auth-select-icon.type-001 {
    background-image: url("../images/integrated-auth/contents/auth-logos/certi-phone-s.png");
}
.auth-select-icon.type-002 {
    background-image: url("../images/integrated-auth/contents/auth-logos/certi-toss-s.png");
}
.auth-select-checkbox[disabled] + .auth-select-label .auth-select-icon.type-002 {
    background-image: url("../images/integrated-auth/contents/auth-logos/certi-toss-gray-s.png");
}
.auth-select-icon.type-003 {
    background-image: url("../images/integrated-auth/contents/auth-logos/certi-naver-s.png");
}
.auth-select-checkbox[disabled] + .auth-select-label .auth-select-icon.type-003 {
    background-image: url("../images/integrated-auth/contents/auth-logos/certi-naver-gray-s.png");
}
.auth-select-icon.type-004 {
    background-image: url("../images/integrated-auth/contents/auth-logos/certi-pass-s.png");
}
.auth-select-checkbox[disabled] + .auth-select-label .auth-select-icon.type-004 {
    background-image: url("../images/integrated-auth/contents/auth-logos/certi-pass-gray-s.png");
}
.auth-select-icon.type-005 {
    background-image: url("../images/integrated-auth/contents/auth-logos/certi-hana-one-sign-s.png");
}
.auth-select-checkbox[disabled] + .auth-select-label .auth-select-icon.type-005 {
    background-image: url("../images/integrated-auth/contents/auth-logos/certi-hana-one-sign-gray-s.png");
}
.auth-select-icon.type-006 {
    background-image: url("../images/integrated-auth/contents/auth-logos/certi-1q-pay-s.png");
}
.auth-select-icon.type-007 {
    background-image: url("../images/integrated-auth/contents/auth-logos/certi-joint-certificate-s.png");
}
.auth-select-icon.type-008 {
    background-image: url("../images/integrated-auth/contents/auth-logos/certi-card-s.png");
}
.auth-select-icon.type-009 {
    background-image: url("../images/integrated-auth/contents/auth-logos/certi-cardkcb-s.png");
}
.auth-select-icon.type-010 {
    background-image: url("../images/integrated-auth/contents/auth-logos/certi-ars-s-2.png");
}
.auth-select-icon.type-011 {
    background-image: url("../images/integrated-auth/contents/auth-logos/certi-yeskey-s.png");
}

/* auth-form */
@-webkit-keyframes integrated-auth-show-form {
    0% {
        -webkit-transform: translateY(-20px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0);
        opacity: 1;
    }
}
@keyframes integrated-auth-show-form {
    0% {
        transform: translateY(-20px);
        opacity: 0;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}
.auth-form {
    display: none;
    margin-top: 40px;
}
.auth-wrap.is-auth-selected .auth-form {
    display: block;
    opacity: 0;
    -webkit-animation: integrated-auth-show-form 0.5s 0.8s forwards;
    animation: integrated-auth-show-form 0.5s 0.8s forwards;
}
.auth-wrap.type-twin .auth-form {
    display: block;
}

/* auth-wrap */
.auth-wrap.is-auth-selected .auth-select-scroller {
    padding-left: 0;
    padding-right: 0;
}
.auth-wrap.is-auth-selected .auth-select-inner {
    padding-left: 12px;
    padding-right: 24px;
}
.auth-wrap.is-auth-selected .auth-select-list {
    width: 100%;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin-left: 0;
}
.auth-wrap.is-auth-selected .auth-select-list::after {
    content: "";
    display: block;
    width: 24px;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
}
.auth-wrap.is-auth-selected .auth-select-item {
    width: calc(47.530864vw - 24px);
    min-width: 142px;
}
.auth-wrap.is-auth-selected .auth-select-label {
    padding-top: 19px;
    padding-bottom: 19px;
    min-height: 126px;
}
.auth-wrap.is-auth-selected .auth-select-icon {
    margin-bottom: 6px;
}
.auth-wrap.is-auth-selected .auth-select-use {
    height: 19px;
}
.auth-wrap.is-auth-selected .auth-select-title {
    font-size: 1.6rem;
    line-height: 2.1rem;
}
.auth-wrap.is-auth-selected .auth-select-checkbox:checked + .auth-select-label {
    padding-top: 18px;
    padding-bottom: 18px;
}
.auth-wrap.is-auth-selected-scroll .auth-select-scroller {
    /* overflow: auto; */
    overflow: hidden;
}
.auth-wrap.is-auth-selected-scroll .auth-select-scroller .auth-select-inner {
    overflow: auto;
    display: flex;
    flex-wrap: nowrap;
}
.auth-wrap.is-auth-selected-scroll .auth-select-scroller .auth-select-inner .auth-select-list {
    overflow-x: auto;
    overscroll-behavior: contain;
    display: flex;
    width: auto;
    overflow: auto;
}
.auth-wrap.is-transition:not(.is-auth-selected-scroll) .auth-select-item {
    -webkit-transition: width 0.3s, min-width 0.3s;
    transition: width 0.3s, min-width 0.3s;
}
.auth-wrap.is-transition:not(.is-auth-selected-scroll) .auth-select-label {
    -webkit-transition: padding 0.3s, min-height 0.3s;
    transition: padding 0.3s, min-height 0.3s;
}
.auth-wrap.is-transition:not(.is-auth-selected-scroll) .auth-select-title {
    -webkit-transition: font-size 0.3s, line-height 0.3s;
    transition: font-size 0.3s, line-height 0.3s;
}
.auth-wrap.is-transition:not(.is-auth-selected-scroll) .auth-select-icon {
    -webkit-transition: height 0.3s;
    transition: height 0.3s;
}
.auth-wrap.is-transition:not(.is-auth-selected-scroll) .auth-select-use {
    -webkit-transition: margin 0.3s;
    transition: margin 0.3s;
}

/* auth-wrap is-transition auth-select-list */
.auth-wrap .auth-select-list::before,
.auth-wrap .auth-select-list::after {
    content: "";
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    display: block;
    width: 0;
    padding: 0;
    -webkit-transition: width 0.3s;
    transition: width 0.3s;
}
.auth-wrap.is-transition .auth-select-list::before,
.auth-wrap.is-transition .auth-select-list::after {
    /* width: 26.234568%; */
    width: calc(26.234568vw - 12px);
}
.auth-wrap.is-transition .auth-select-list::after {
    padding-right: 24px;
}

/* page-contents--integrated-auth */
@-webkit-keyframes integrated-auth-show-button {
    0% {
        -webkit-transform: translateY(20px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0);
        opacity: 1;
    }
}
@keyframes integrated-auth-show-button {
    0% {
        transform: translateY(20px);
        opacity: 0;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}
.page-contents--integrated-auth {
    overflow: hidden;
}
.page-contents--integrated-auth ~ .page-buttons {
    display: none;
}
html.is-auth-selected-scroll .page-contents--integrated-auth ~ .page-buttons {
    display: block;
    opacity: 0;
    -webkit-animation: integrated-auth-show-button 0.5s 0.8s forwards;
    animation: integrated-auth-show-button 0.5s 0.8s forwards;
}
html.is-auth-twin .page-contents--integrated-auth ~ .page-buttons {
    display: block;
}

/* auth-form-info */
.auth-form-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 77px;
    background-color: #f6f7f9;
    border-radius: 6px;
    padding: 24px;
    box-sizing: border-box;
}
.auth-form-info-text {
    text-align: center;
    font-size: 1.7rem;
    line-height: 21px;
}

/* img-area */
.img-area.type-312 {
    max-width: 312px;
}
.img-area.type-id-card {
    background-color: var(--gray-10);
}
.img-area.type-id-card .img-inner {
    max-width: 312px;
    padding: 25px 31px;
    margin: 0 auto;
}

/* fixed-step */
.step-box {
    position: relative;
    margin: 0 24px;
    box-sizing: border-box;
}
.step-box::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 2px;
    background-color: var(--gray-10);
}
.step-bar {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    height: 2px;
    background-color: var(--primary);
}

/* mobile-id-card */
.mobile-id-card,
.mobile-id-card-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.mobile-id-card-box {
    border-radius: 15px;
    border: 1px solid var(--gray-30);
    box-sizing: border-box;
}
.mobile-id-card-item {
    padding: 1px 13px;
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.mobile-id-card-item:not(:last-of-type)::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 100%;
    width: 1px;
    height: 12px;
    margin-top: -6px;
    background-color: var(--gray-40);
}
.mobile-id-card-button {
    font-size: 1.3rem;
    font-weight: 400;
    line-height: 17px;
    padding-left: 20px;
    background: url("../images/integrated-auth/icon/certi-mobileid-s.svg") no-repeat 0 50% / 16px 16px;
}
.mobile-id-card-item .ui-button-help {
    margin: 0 -7px 0 -5px;
}

/* mobile-id-card type-line */
.mobile-id-card.type-line {
    margin-top: 30px;
    padding-top: 20px;
    border-top: 1px solid var(--gray-10);
}

/* layer-completion */
.layer-info.has-left-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 0;
}
.layer-info.has-left-icon::before {
    content: "";
    display: block;
    width: 90px;
    height: 90px;
    margin-right: 20px;
    background: no-repeat 100% 0 / auto 100%;
}
.layer-info.has-left-icon .layer-info-text {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.layer-info.type-icon-mobile-id-card::before {
    background-image: url("../images/integrated-auth/contents/ic-com-mobileid.svg");
}

/* page-driver-license header*/
.page-driver-license .header {
    background-color: rgba(255, 255, 255, 0);
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
}
.page-driver-license .header.is-scroll {
    background-color: rgba(255, 255, 255, 1);
}

/* page-contents--driver-license */
.page-contents--driver-license {
    padding: 30px 24px;
}
.page-contents--driver-license .page-section {
    margin-top: 40px;
}

/* driver-license-top */
.driver-license-top,
.driver-license-top-contents,
.driver-license-top-bg {
    height: 600px;
}
.driver-license-top {
    position: relative;
    margin: -80px -24px 0;
}
.driver-license-top-contents {
    position: relative;
    width: 100%;
}
.driver-license-top-contents-inner {
    position: relative;
    z-index: 10;
    width: 100%;
    height: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.driver-license-top-bg {
    box-sizing: border-box;
    padding-top: 50px;
    background: no-repeat 50% bottom / auto 100%;
    background-origin: content-box;
}
.driver-license-top-bg.type-driver {
    background-color: #d8f1ff;
    background-image: url("../images/integrated-auth/contents/img-mobileid-topvisual-01.png");
}
.driver-license-top-bg.type-pass {
    background-color: #dcebeb;
    background-image: url("../images/integrated-auth/contents/img-mobileid-topvisual-02.png");
}
.driver-license-top-title {
    margin-top: 86px;
    font-size: 2rem;
    line-height: 2.9rem;
    font-weight: 700;
    text-align: center;
    white-space: nowrap;
}
.driver-license-top-title .oneq-pay-logo {
    width: 87px;
    height: 24px;
    display: inline-block;
    margin: 6px 4px 0 0;
}

/* ui-radio-group type-driver-toggle */
.ui-radio-group.type-driver-toggle {
    width: 312px;
    margin-top: 24px;
}
.ui-radio-group.type-driver-toggle {
    background-color: rgba(0, 0, 0, 0.03);
}
.ui-radio-group.type-driver-toggle .ui-label-icon.type-driver-id-card::before {
    background-image: url("../images/integrated-auth/icon/certi-tab-mobileid-off.png");
}
.ui-radio-group.type-driver-toggle .ui-radio:checked + .ui-label .ui-label-icon.type-driver-id-card::before {
    background-image: url("../images/integrated-auth/icon/certi-tab-mobileid-on.png");
}
.ui-radio-group.type-driver-toggle .ui-label-icon.type-driver-pass::before {
    background-image: url("../images/integrated-auth/icon/certi-tab-pass-off.png");
}
.ui-radio-group.type-driver-toggle .ui-radio:checked + .ui-label .ui-label-icon.type-driver-pass::before {
    background-image: url("../images/integrated-auth/icon/certi-tab-pass-on.png");
}

/* driver-license-top-buttons */
.driver-license-top-buttons {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    box-sizing: border-box;
    padding: 0 24px 30px;
}

/* driver-license */
.driver-license-sub-title {
    margin-bottom: 10px;
    font-size: 1.4rem;
    line-height: 1.8rem;
    font-weight: 700;
    color: var(--primary);
}
.driver-license-title {
    font-size: 2.2rem;
    line-height: 2.8rem;
    font-weight: 700;
}

/* driver-license-guide */
.driver-license-guide {
    padding: 16px 0;
}
.driver-license-guide-item {
    padding: 24px 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.driver-license-guide-item + .driver-license-guide-item {
    border-top: 1px solid var(--gray-10);
}
.driver-license-guide-text {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
    font-size: 1.6rem;
    line-height: 2.1rem;
    font-weight: 400;
    color: var(--gray-80);
}
.driver-license-guide-icon + .driver-license-guide-text {
    margin-left: 20px;
}
.driver-license-guide-icon {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 60px;
    height: 60px;
    background: no-repeat 50% 50% / 100% auto;
}
.driver-license-guide-icon.type-001 {
    background-image: url("../images/integrated-auth/icon/img-mobileid-info-01.png");
}
.driver-license-guide-icon.type-002 {
    background-image: url("../images/integrated-auth/icon/img-mobileid-info-02.png");
}
.driver-license-guide-icon.type-003 {
    background-image: url("../images/integrated-auth/icon/img-mobileid-info-03.png");
}
.driver-license-guide-icon.type-004 {
    background-image: url("../images/integrated-auth/icon/img-mobileid-info-04.png");
}

/* driver-license-guide-bottom */
.driver-license-bottom,
.driver-license-guide-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.driver-license-guide-link {
    box-sizing: border-box;
    width: 244px;
    min-height: 44px;
    padding: 10px 10px 10px 20px;
    border-radius: 50px;
    border: 1px solid var(--gray-30);
    font-size: 1.4rem;
    line-height: 1.8rem;
    font-weight: 700;
    color: var(--basic);
}
.driver-license-guide-link::before {
    content: "";
    display: block;
    width: 18px;
    height: 18px;
    margin-right: 3px;
    background: url("../images/integrated-auth/icon/img-symbol-gov.svg") no-repeat 50% 50% / 100% auto;
}
.driver-license-guide-link::after {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    margin-left: 4px;
    background: url("../images/integrated-auth/icon/icon-arrow-line-right.svg") no-repeat 50% 50% / 100% auto;
}

/* page-buttons type-fixed type-driver-license-top */
.page-buttons.type-fixed.type-driver-license-top {
    border-top: none;
    padding: 30px 24px;
    background: -moz-linear-gradient(bottom, #fff 78px, rgba(255, 255, 255, 0) 100%);
    background: -webkit-linear-gradient(bottom, #fff 78px, rgba(255, 255, 255, 0) 100%);
}

/* ui-select-grid */
.ui-select-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: 1fr;
    gap: 10px;
}
.ui-select-grid .ui-radio-block,
.ui-select-grid .ui-label {
    height: 100%;
}
.ui-select-grid .ui-label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 6px 10px;
    box-sizing: border-box;
    border-radius: 6px;
    box-shadow: inset 0 0 0 1px var(--gray-30);
}
.ui-select-grid .ui-label-icon::before {
    margin: 0;
}
.ui-select-grid .ui-label-text {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
    font-size: 1.5rem;
    line-height: 1.9rem;
}
.ui-select-grid .ui-label-icon.type-large + .ui-label-text {
    margin-left: 4px;
}
.ui-select-grid .ui-radio-block.is-checked .ui-label {
    box-shadow: inset 0 0 0 2px var(--primary);
    font-weight: 700;
}

/* ui-checkbox-group type-grid type-col4 */
.ui-checkbox-group.type-grid.type-col4,
.ui-radio-group.type-grid.type-col4 {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 8px;
}
.ui-checkbox-group.type-grid.type-col4 .ui-radio-block.type-column-box .ui-label,
.ui-radio-group.type-grid.type-col4 .ui-radio-block.type-column-box .ui-label {
    padding: 15px 5px;
}
.ui-checkbox-group.type-grid.type-col4 .ui-checkbox-block.type-column-box .ui-label-icon,
.ui-radio-group.type-grid.type-col4 .ui-radio-block.type-column-box .ui-label-icon {
    margin-bottom: 8px;
}
.ui-checkbox-group.type-grid.type-col4 .ui-label-icon.type-medium::before,
.ui-radio-group.type-grid.type-col4 .ui-label-icon.type-medium::before {
    width: 32px;
    height: 32px;
}

/* certification-box */
.certification-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 6px;
    background-color: #f6f7f9;
    padding: 28px;
}
.certification-item {
    position: relative;
}
.certification-item + .certification-item {
    padding-left: 56px;
}
.certification-item + .certification-item::before {
    content: "";
    display: block;
    width: 40px;
    height: 20px;
    padding: 0 8px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -10px;
    background: url("../images/integrated-auth/icon/img-arrow.svg") no-repeat 50% 50%;
}
.certification-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100px;
}
.certification-text {
    font-size: 1.4rem;
    text-align: center;
}
.certification-logo + .certification-text {
    margin-top: 8px;
}
.certification-guide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.certification-guide-text {
    font-size: 1.4rem;
    line-height: 1.8rem;
    color: var(--gray-70);
}
.certification-guide-text + .basic-link {
    margin-left: 6px;
}

/* certification-loading */
.certification-loading {
    margin-top: 20px;
    width: 60px;
    height: 60px;
    background: url("../images/integrated-auth/contents/loading.gif") no-repeat 50% 50% / 100%;
}

/*=========== 230607 PASS ÁÖ¿äÈ°¿ëó ===========*/
.pass-cont-wrap {
    margin: 29px -23px 0;
    padding: 29px 0;
    border-top: 10px solid #f5f5f5;
}
.pass-cont-wrap .pass-cont-title {
    padding: 0 23px;
    font-size: 1.7rem;
    color: #111;
    font-weight: 500;
}
.pass-cont-wrap .pass-cont-list {
    padding: 0 23px;
}
.pass-cont-list .pass-cont-item {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 24px 0;
    border-bottom: 1px solid #f5f5f5;
}
.pass-cont-list .pass-cont-item img {
    width: 36px;
    height: 36px;
    padding-right: 20px;
}
.pass-cont-list .pass-cont-item .pass-item-title {
    font-size: 1.7rem;
    font-weight: normal;
    color: #111;
    line-height: 2.1rem;
}
.pass-cont-list .pass-cont-item .pass-item-text {
    font-size: 1.2rem;
    font-weight: normal;
    color: #888;
    line-height: 1.8rem;
}
.pass-cont-list .pass-cont-item .pass-item-text:first-child {
    margin-top: 3px;
}
/*=========== //230607 PASS ÁÖ¿äÈ°¿ëó ===========*/
/* [2024-05-29 ¸ð¹ÙÀÏ ¿îÀü¸éÇãÁõ ¾ÆÀÌÄÜ ¼öÁ¤ : HDH] */
.pass-cont-list .pass-cont-item.type-new img {
    width: 60px;
    height: 60px;
    padding-right: 20px;
}

/* [24.07.03 : lyr] À¥ Á¢±Ù¼º µðÀÚÀÎ º¯°æ */
.in-input-delete::before {
    background-image: url("../mkca20/images/icon/icon-form-clear.svg");
}