@charset "utf-8";

/*********** s: 로그인 .smart-duty-login ***********/
.smart-duty-login {
    position: relative;
}
.smart-duty-login:has(.bot-fixed-btn-wrap) {
    padding-bottom: 112px;
}
/*********** e: 로그인 .smart-duty-login ***********/

/*********** s: 회원가입 .smart-duty-join ***********/
.smart-duty-join {
    position: relative;
}
.smart-duty-join:has(.bot-fixed-btn-wrap) {
    padding-bottom: 86px;
}
.smart-duty-completion .smt-completion-greeting {
    padding-bottom: 24px;
}
.smart-duty-spot-notice {
    padding: 28px 20px 28px;
    font-size: 24px;
    font-weight: 500;
    color: #222;
    line-height: 31px;
}
.smt-join-sec {
    margin-bottom: 32px;
    padding: 0 20px;
}
.smt-join-sec.smart-join-form-wrap {
    padding-top: 0;
}
.smt-join-sec__header {
    padding-bottom: 16px;
}
.smt-join-sec__tit {
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    color: #222;
}
.smt-join-sec__desc {
    margin-top: 10px;
    color: #626261;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    word-wrap: break-word;
    word-break: keep-all;
}
.smt-info-box {
    padding: 24px 20px;
    border: 1px solid #eee;
    border-radius: 8px;
}
.smt-info-list > li {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    padding-left: 16px;
}
.smt-info-list > li::after {
    overflow: hidden;
    content: "";
    position: absolute;
    top: 9px;
    left: 0;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: #9f9f9f;
}
.smt-info-list > li:not(:first-child) {
    margin-top: 10px;
}
.smt-info-list__dt {
    width: 80px;
    padding-left: 2px;
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;
    color: #626261;
}
.smt-info-list__dd {
    flex: 1;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    color: #222;
    max-width: calc(100% - 80px);
    word-wrap: break-word;
    text-align: right;
}

.smt-join-sec.term-notice-sec {
    margin-bottom: 16px;
    text-align: center;
}
/*********** e: 회원가입 .smart-duty-join ***********/

/*********** s: 회원가입 완료 .smart-duty-completion ***********/
.smart-duty-completion:has(.bot-fixed-btn-wrap) {
    padding-bottom: 128px;
}
.smt-completion-greeting__img {
    display: block;
    text-align: center;
    margin-bottom: 20px;
    vertical-align: top;
}
.smt-completion-greeting__img img {
    max-width: 180px;
}
.smt-completion-greeting {
    text-align: center;
    padding: 20px;
    color: #626261;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
}
.smt-completion-greeting__txt strong {
    color: #000;
    font-weight: 700;
}
.smt-completion-sec {
    border-top: 1px solid #eee;
    padding: 20px 20px 0;
}
.smt-completion-box {
    position: relative;
    overflow: hidden;
    padding: 24px 20px 21px;
    border-radius: 8px;
    border: 1px solid #5a3ff2;
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;
    color: #626261;
}
.smt-completion-box__tit {
    margin-bottom: 16px;
    font-size: 17px;
    color: #5139d3;
    font-weight: 700;
    line-height: 25px;
    text-align: center;
}
.smt-completion-box__desc {
    position: relative;
    padding-left: 55px;
    min-height: 44px;
    font-size: 14px;
    font-weight: 500;
    word-break: keep-all;
    text-align: left;
    color: #626261;
    word-wrap: break-word;
    background: url(../../images/API_M_KO/smart_duty/join/logo_h_point.png) no-repeat left center / 40px 40px;
}
.smt-completion-box__desc strong {
    color: #222;
    font-weight: 700;
}
.smt-completion-sec .smt-completion-box__row .smt-agree-notice-wrap .smt-bullit-lst {
    padding-left: 9px;
}
.smt-completion-box__row + .smt-completion-box__row {
    border-top: 1px solid #eef0f2;
    margin-top: 16px;
    padding-top: 16px;
}

.smt-agree-notice-wrap .smt-agree-notice-tit {
    font-size: 14px;
    font-weight: 600;
    color: #222;
    line-height: 21px;
    margin-bottom: 6px;
}
.smt-agree-notice-wrap .smt-agree-notice-lst > li {
    position: relative;
    padding-left: 9px;
    font-size: 13px;
    font-weight: 500;
    line-height: 19px;
}
.smt-agree-notice-wrap .smt-agree-notice-lst > li::after {
    content: "";
    position: absolute;
    top: 8px;
    left: 0;
    width: 3px;
    height: 3px;
    border-radius: 100%;
    background: #626261;
}
.smt-completion-box .smt-btn-wrap .btn-join-membership {
    display: inline-block;
    min-height: 40px;
    text-align: center;
    padding: 9px 10px;
    border-radius: 4px;
    color: #fff;
    background: #5a3ff2;
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;
    font-family: inherit;
    transition: background-color 0.2s;
}
/*********** e: 회원가입 완료 .smart-duty-completion ***********/

/*********** s: 이용약관(팝업) .smt-term-wrap ***********/
.smt-term-wrap {
    display: inline-block;
    width: 100%;
    min-height: 100%;
    position: relative;
    padding: 16px 20px 45px;
    border-bottom: 1px solid #fff;
}

.smt-term-wrap .terms_area,
.smt-term-wrap .terms_box font {
    font-family: inherit !important;
    color: inherit !important;
}

.smt-term-wrap .terms_box > table {
    width: 100% !important;
}
.smt-term-wrap .terms_box > table td {
    width: auto !important;
}
.smt-term-wrap .terms_area .terms_list {
    display: none;
}
.smt-term-wrap .terms_area .tb_list02 {
    margin-top: 10px;
    border-top: 1px solid #e5e5e5;
    text-align: left;
    text-indent: 0;
}
.smt-term-wrap .terms_area .tb_list02 thead th {
    padding: 8px 0;
    background-color: #f9f9f9;
    border-bottom: 1px solid #e5e5e5;
    font-size: 11px;
    line-height: 17px;
    text-align: center;
}
.smt-term-wrap .terms_area .tb_list02 tbody th {
    padding: 12px 10px;
    border-bottom: 1px solid #e5e5e5;
    font-size: 11px;
    vertical-align: top;
}
.smt-term-wrap .terms_area .tb_list02 tbody td {
    padding: 12px 10px;
    border-bottom: 1px solid #e5e5e5;
    font-size: 11px;
    word-break: break-all;
}
.smt-term-wrap .terms_area .tb_list02 thead th ~ th,
.smt-term-wrap .terms_area .tb_list02 tbody td ~ td {
    border-left: 1px solid #e5e5e5;
}
.smt-term-wrap .terms_area .tb_list02 thead th + th,
.smt-term-wrap .terms_area .tb_list02 tbody td + td,
.smt-term-wrap .terms_area .tb_list02 tbody th + td {
    border-left: 1px solid #e5e5e5;
}
.smt-term-wrap .terms_area .t_int {
    margin-top: 10px;
}

.smt-term-wrap .smt-term-header {
    margin-bottom: 12px;
}
.smt-term-wrap .smt-term-tit {
    font-size: 16px;
    font-weight: 600;
    color: #0c9dab;
    line-height: 21px;
}
.smt-term-wrap .smt-tem-sub-tit {
    margin-bottom: 20px;
    padding: 11px 16px;
    background: #f8f8f8;
    color: #222;
    font-size: 14px;
    font-weight: 600;
}
.smt-term-wrap .smt-term-list {
    padding-left: 16px;
}
.smt-term-wrap .smt-term-list > li {
    word-break: keep-all;
}
.smt-term-wrap .smt-term-list > li:not(:first-child) {
    margin-top: 16px;
}
.smt-term-wrap .smt-term-list__tit {
    font-size: 13px;
    font-weight: 500;
    line-height: 20px;
    color: #7e7e7d;
    padding-bottom: 7px;
}

.smt-term-wrap:has(.smt-pop-fixed-btns) {
    padding-bottom: 36px;
}
/*********** e: 이용약관(팝업) .smt-term-wrap ***********/

/*********** s: 할인내역 페이지 .discount-detail-wrap ***********/
.discount-detail-wrap {
    background: #f8f8f8;
    padding: 20px 20px 70px;
    padding-bottom: 154px;
    border-bottom: 1px solid #f8f8f8;
}

/* .discount-detail-wrap:has(.poptype-fixed-bottom-area) {
    padding-bottom: 170px;
} */

.poptype-fixed-bottom-area {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
    z-index: 10;
    background: #fff;
    padding: 12px 20px 20px 20px;
    box-shadow: 0px -2px 4px 0px rgba(0, 0, 0, 0.05);
}
.poptype-bot-btn-wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 0 8px;
}
.poptype-bot-btn-wrap a,
.poptype-bot-btn-wrap button {
    flex: 1;
}
.poptype-bot-btn-wrap.btn-layout-left-small a:first-child,
.poptype-bot-btn-wrap.btn-layout-left-small button:first-child {
    width: 78px;
    flex: 0 0 auto;
}
.smt-discount-sec + .smt-discount-sec {
    margin-top: 16px;
}
.smt-discount-sec {
    background: #fff;
    border: 1px solid #eee;
    border-radius: 8px;
    overflow: visible;
    padding: 20px;
}
.benefit-pay-sec {
    margin-top: 16px;
}
.smt-discount-sec__inner {
    border-radius: 4px;
    background: #f8f8f8;
}
.benefit-pay-sec__header {
    margin-bottom: 13px;
}
.smt-discount-sec__header {
    margin-bottom: 16px;
}
.smt-discount-sec__tit {
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    color: #222;
    line-height: 21px;
}
.js-exclamation-toolip-wrap,
.smt-discount-sec__tooltip {
    position: relative;
    margin-bottom: 16px;
    z-index: 5;
}
.smt-toolip-tit {
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    color: #222;
    line-height: 20px;
    vertical-align: middle;
}
.btn-smt-tooltip {
    display: inline-block;
    width: 18px;
    height: 18px;
    background: #fff url(../../images/API_M_KO/smart_duty/common/icon/icon_exclamation.svg) no-repeat center center / 100% 100%;
    z-index: 3;
    vertical-align: middle;
}

.js-exclamation-toolip-wrap .smt-toolip {
    display: none;
    position: absolute;
    top: 30px;
    left: 0;
    width: calc(100% - 11px);
    max-width: 360px;
    z-index: 4;
}
.js-exclamation-toolip-wrap.exclamation-toolip-open .smt-toolip {
    display: block;
}

.smt-toolip__inner {
    overflow: hidden;
    position: relative;
    padding: 10px 26px 10px 10px;
    border-radius: 4px;
    border: 1px solid #222;
    background: #fff;
}
.smt-toolip-lst > li {
    position: relative;
    padding-left: 8px;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    color: #626261;
}
.smt-toolip-lst > li:not(:first-child) {
    margin-top: 6px;
}
.smt-toolip-lst > li::after {
    content: "";
    position: absolute;
    top: 7px;
    left: 0;
    width: 3px;
    height: 3px;
    background: #626261;
    border-radius: 100%;
}
.btn-smt-tooltip-close {
    position: absolute;
    top: 10px;
    right: 12px;
    width: 14px;
    height: 14px;
    background: url(../../images/API_M_KO/smart_duty/common/icon/icon_tooltip_close.svg) no-repeat center center / 100% 100%;
}
.skypass-mileage__header {
    padding-bottom: 14px;
    border-bottom: 1px solid #e1e1e0;
    margin-bottom: 8px;
}
.skypass-mileage__tit {
    position: relative;
    padding-left: 24px;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    color: #7e7d7d;
}
.skypass-mileage__tit::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 17px;
    height: 17px;
    transform: translateY(-50%);
    background: url(../../images/API_M_KO/smart_duty/order/logo_korean_air.png) no-repeat center center / 100% 100%;
}
.smt-discount-sec .smt-attention {
    padding: 8px 2px 12px 8px;
    height: 105px;
}
.smt-discount-sec .smt-attention__inner {
    height: 100%;
    overflow-y: auto;
    padding-right: 6px;
}
.smt-discount-sec .smt-accordion__tit {
    align-items: flex-start;
}
.smt-discount-sec .smt-accordion__label {
    margin-top: 1px;
    z-index: 2;
}
/*** s: 동의 아코디언내 컨텐츠 .agree-accordion-cont ***/
.agree-accordion__cont {
    display: none;
    /* padding-top: 8px; */
}
.agree-accordion__cont .agree-accordion-cont {
    position: relative;
    padding: 8px 6px 12px 8px;
    background: #f8f8f8;
    border-radius: 4px;
    height: 105px;
}
.agree-accordion__cont .agree-accordion-cont__inner {
    height: 100%;
    overflow-y: auto;
}
.agree-accordion-cont .wrap-term-text,
.agree-accordion-cont .agree-dtail-lst {
    padding-right: 6px;
}
.area-inner-scroll > p,
.agree-accordion-cont .agree-dtail-lst > li {
    position: relative;
    padding-left: 16px;
    color: #7e7e7d;
    font-size: 12px;
    font-weight: 400;
    background: url(../../images/API_M_KO/smart_duty/common/icon/icon_bullet_list.svg) no-repeat 0 -1px / 16px 16px;
    line-height: normal;
}
.area-inner-scroll > p:not(:first-child),
.agree-accordion-cont .agree-dtail-lst > li:not(:first-child) {
    margin-top: 5px;
}
/* s: 동의 아코디언 .agree-accordion */
.agree-accordion__tit {
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
    position: relative;
    padding-top: 6px;
    padding-bottom: 8px;
}
.agree-accordion__tit .accordion-btn {
    position: relative;
    width: 21px;
    margin-left: auto;
}
.agree-accordion__tit .accordion-btn:after {
    position: absolute;
    top: 4px;
    right: 4px;
    transform: rotate(0deg);
    width: 12px;
    height: 12px;
    background: url(../../images/API_M_KO/smart_duty/common/icon/ico_accordion_agree_arrow.svg) no-repeat center center / 14px 14px;
    content: "";
    z-index: 1;
}
.agree-accordion__tit [aria-expanded="true"].accordion-btn::after {
    transform: rotate(180deg);
}
.agree-accordion__tit .smt-checkbox {
    margin-right: auto;
    width: calc(100% - 21px);
}

/*
.agree-accordion__tit {
    min-height: 35px;
}
.agree-accordion__tit .smt-checkbox {
    position: absolute;
    top: 0;
    left: 0;
    width: auto;
    height: 35px;
    z-index: 2;
} */

/* e: 동의 아코디언 .agree-accordion */

/*** e: 동의 아코디언내 컨텐츠 .agree-accordion-cont ***/

/* s: 회원넘버 입력 .skypass-mileage-input-wrap */
.skypass-mileage-input-wrap {
    margin-top: 7px;
}
.skypass-mileage__input[type="text"] {
    border-width: 1px;
    border-color: #e5e5e5;
    border-radius: 4px;
    padding-left: 12px;
}
.skypass-mileage__input.input-error[type="text"] {
    border-color: #ff7544;
}
.skypass-mileage-input-wrap .input-error-msg {
    border-top: 0;
    top: 0;
}
.skypass-mileage-input-wrap input::placeholder {
    color: #b1b1b0;
    font-size: 14px;
    font-weight: 400;
}
/* e: 회원넘버 입력 .mileage-completion-sec */
.mileage-completion-sec .smt-discount-sec__tooltip {
    margin-bottom: 12px;
}
.skypass-mileage .smt-btn-wrap {
    margin-top: 12px;
}
.skypass-completion__header {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    gap: 0 6px;
    align-items: center;
    padding-left: 24px;
    color: #222;
    font-size: 15px;
    font-weight: 600;
    line-height: 22px;
}

.skypass-completion__header::after {
    content: "";
    position: absolute;
    top: 1px;
    left: 0;
    width: 17px;
    height: 17px;
    background: url(../../images/API_M_KO/smart_duty/order/logo_korean_air.png) no-repeat center center / 100% 100%;
}
.skypass-completion .smt-btn-wrap {
    margin-top: 18px;
}
.skypass-completion__icon {
    display: block;
    width: 18px;
    height: 18px;
    background: url(../../images/API_M_KO/smart_duty/common/icon/icon_check_green.svg) no-repeat center center / 100% 100%;
    /* background: url(../../images/API_M_KO/smart_duty/common/icon/icon_check_green_old.svg) no-repeat center center / 100% 100%; */
}
/* e: 회원넘버 입력 .mileage-completion-sec */

/* s: 카드결제 혜택  .smt-benefit-ls*/
.benefit-pay-sec__tit {
    font-size: 15px;
    font-weight: 600;
    line-height: 23px;
    color: #222;
}
.benefit-pay-sec .smt-benefit-lst > li {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}
.benefit-pay-sec .smt-benefit-lst > li:not(:first-child) {
    margin-top: 10px;
}
.benefit-pay-sec .smt-benefit-lst__txt {
    padding-left: 6px;
    width: calc(100% - 30px);
    flex: 1;
    font-size: 13px;
    color: #222;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: -0.65px;
}
/* e: 카드결제 혜택  .smt-benefit-ls */

/* s: discount-pop-notice-sec */
.discount-pop-notice-sec {
    margin-top: 16px;
    border-top: 1px solid #eee;
    padding: 16px 16px 0 16px;
}
.discount-pop-notice-tit {
    font-size: 15px;
    color: #626261;
    font-weight: 600;
    line-height: 22px;
    margin-bottom: 8px;
}
.discount-pop-notice-txt {
    font-size: 13px;
    color: #7e7e7d;
    font-weight: 500;
    line-height: 19px;
}
.discount-pop-notice-txt .smt-attention__lst > li {
    font-size: 13px;
    line-height: 20px;
}
/* e: discount-pop-notice-sec */

/* s: .bot-result-money */
.bot-result-money {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    padding-bottom: 16px;
}
.bot-result-money__left {
    padding-top: 3px;
    margin-right: auto;
}
.bot-result-money__right {
    max-width: 70%;
    margin-left: auto;
    text-align: right;
}
.bot-result-money__tit {
    color: #222;
    font-size: 14px;
    font-weight: 600;
    line-height: 21px;
}
.bot-result-money__dollar {
    display: inline-block;
    margin-right: 3px;
    font-size: 20px;
    color: #2bb3bf;
    font-weight: 700;
    line-height: 26px;
    vertical-align: bottom;
}
.bot-result-money_ko {
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    color: #626261;
    line-height: 24px;
    vertical-align: bottom;
}
.bot-result-money_ko > strong {
    display: inline-block;
    vertical-align: bottom;
    font-weight: 400;
}
.bot-result-money_ko > span {
    font-size: 14px;
    font-weight: 500;
    color: inherit;
    letter-spacing: -0.14px;
    vertical-align: bottom;
}
/* e: .bot-result-money */

/***** s: .orderable-prd,unable-prd (주문가능,불가능 상품) *****/

.smt-discount-sec.order-request-prd {
}
.orderable-prd {
    /* margin-bottom: 19px; */
}
.unable-prd {
    padding-top: 16px;
    border-top: 1px solid #eee;
    padding-bottom: 16px;
    border-bottom: 1px solid #eee;
}
.smt-accordion__tit .unable-prd__header {
    width: 100%;
}
.smt-accordion__tit .unable-prd__header .accordion-btn {
    text-align: left;
    padding-left: 0;
}
.unable-prd .smt-accordion__tit + .smt-accordion__cont {
    padding-top: 15px;
}
.orderable-prd__header {
    margin-bottom: 18px;
}
.unable-prd__header .unable-prd__label,
.orderable-prd__label {
    font-size: 15px;
    font-weight: 600;
    line-height: 22px;
}
.unable-prd__label {
    color: #222;
}
.orderable-prd__label {
    color: #0c9dab;
}
.unable-prd_num,
.orderable-prd_num {
    display: inline-block;
    font-size: 13px;
    color: #999898;
    font-weight: 500;
}
.unable-prd .smt-prd-lst__thumb:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 0;
}
.unable-prd .smt-prd-lst__thumb::before {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    color: #fff;
    font-size: 11px;
    font-weight: 400;
    z-index: 1;
    width: 100%;
    text-align: center;
}

/* s: .prd-unable-item (주문 불가 아이템) */
.prd-unable-item__header {
    margin-bottom: 16px;
}
.prd-unable-item__row {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.prd-unable-item__name {
    color: #454444;
    font-size: 13px;
    line-height: 19px;
    font-weight: 600;
}
.prd-unable-item__desc {
    color: #7e7e7d;
    font-size: 12px;
    font-weight: 500;
}
.prd-unable-item__time {
    font-style: normal;
    color: #2bb3bf;
    font-weight: 600;
}
.prd-soldout-item .smt-prd-lst__thumb::before {
    content: "품절";
}
.prd-unable-item .smt-prd-lst__thumb::before {
    content: "주문불가";
}

/* s: .prd-unable-item (주문 불가 아이템) */
.prd-unable-list-group .smt-prd-lst > li .prd-unable-item {
    padding-bottom: 16px;
    border-bottom: 1px dashed #e5e5e5;
}
.prd-unable-item > li:not(:first-child) {
    padding-top: 16px;
    border-top: 1px dashed #e5e5e5;
}
/* e: .prd-unable-item (주문 불가 아이템) */

/* s: .prd-soldout-item-group (품절 아이템) */

.prd-unable-list-group .smt-prd-lst > li {
    display: block;
}
.prd-unable-list-group .smt-prd-lst > li:last-child {
    padding-bottom: 0;
}
.prd-soldout-item {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.prd-soldout-item > li:first-child {
    margin-top: 20px;
}
.prd-soldout-item-group {
    border-top: 1px dashed #e5e5e5;
}
/* e: .prd-soldout-item-group (품절 아이템) */

/***** e: .orderable-prd,unable-prd (주문가능,불가능 상품) *****/

/* s: .benifit-max-sec(예상 최대 혜택) */
.benifit-max-sec .benifit-max-accordion .accordion-btn {
    flex: 1;
}
/* e: .benifit-max-sec(예상 최대 혜택) */

/*** e: 할인내역 페이지 .discount-detail-wrap ***********/

/*** s: 결제방법 선택 페이지 .payment-select-wrap ***********/
.payment-select-wrap {
    display: inline-block;
    width: 100%;
    background: #f8f8f8;
    padding: 20px 20px 238px;
    min-height: 100vh;
    border-bottom: 1px solid #f8f8f8;
}
/* .payment-select-wrap:has(.poptype-fixed-bottom-area) {
    padding-bottom: 236px;
} */
.smt-payment-sec {
    background: #fff;
    border: 1px solid #eee;
    border-radius: 8px;
    overflow: visible;
    padding: 20px;
}
.smt-payment-sec__header {
    margin-bottom: 13px;
}
.smt-payment-sec + .smt-payment-sec {
    margin-top: 16px;
}
.smt-payment-sec__header {
    margin-bottom: 8px;
}
.smt-payment-sec__tit {
    font-size: 15px;
    font-weight: 600;
    color: #222;
    line-height: 22px;
}
/* s: H.point .h-point-sec */
.h-point-sec__header {
    margin-bottom: 8px;
}
.h-point-sec__tit {
    font-size: 15px;
    font-weight: 600;
    color: #222;
    line-height: 22px;
}
.h-point-sec__form {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    margin-bottom: 8px;
}
.h-point-sec__input-wrap {
    display: inline-flex;
    flex: 1;
    padding-right: 6px;
    height: 40px;
    align-items: center;
    gap: 0 6px;
}
.h-point-sec__form .btn-basic-smt {
    font-weight: 600;
}
input[type="text"].h-point-sec__input {
    flex: 1;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    text-align: right;
    padding-right: 12px;
}
input[type="text"].h-point-sec__input::placeholder {
    color: #222;
}
input[type="text"].h-point-sec__input:focus {
    border-color: #000;
}
.h-point-sec__btn {
    width: 73px;
    height: 40px;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 600;
    color: #626261;
}
.h-point-sec__txt {
    font-size: 14px;
    font-weight: 400;
    color: #626261;
    line-height: 21px;
    width: 20px;
}
.h-point-sec__hold {
    position: relative;
}
.h-point-sec__hold-tit {
    display: inline-block;
    font-size: 13px;
    font-weight: 500;
    color: #222;
    line-height: 19px;
}
.h-point-sec__hold-point {
    display: inline-block;
    font-size: 13px;
    font-weight: 700;
    color: #0c9dab;
}
.h-point-notice {
    padding-top: 9px;
    display: none;
}
.h-point-notice__note {
    position: relative;
    padding-left: 22px;
    font-size: 12px;
    color: #999898;
    font-weight: 400;
    line-height: 18px;
}
.h-point-notice__note::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 18px;
    height: 18px;
    background: #fff url(../../images/API_M_KO/smart_duty/common/icon/icon_exclamation.svg) no-repeat center center / 100% 100%;
}
.h-point-notice__btns {
    display: flex;
    flex-wrap: wrap;
    margin-top: 9px;
}
.h-point-notice__btns .btn-bg-smt,
.h-point-notice__btns .btn-border-smt {
    height: 28px;
    font-size: 13px;
    font-weight: 600;
    line-height: 20px;
    width: 100%;
    padding: 0;
}
/* e: H.point .h-point-sec */

.h-point-plus-sec .point-result {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    margin-bottom: 10px;
}

.h-point-plus-sec .point-result__left {
    margin-right: auto;
    font-size: 13px;
    color: #222;
    font-weight: 500;
    line-height: 20px;
}

.h-point-plus-sec .point-result__right {
    margin-left: auto;
    line-height: 21px;
    text-align: right;
    max-width: 55%;
}
.h-point-plus-sec .point-result__money {
    font-size: 14px;
    color: #ff754a;
    font-weight: 600;
}

/* s: 커스텀 셀렉트 안에  라디오박스 */
.smt-select-options {
    display: none;
}
.smt-select-options .smt-radiobox {
    position: relative;
    display: inline-block;
}
.smt-select-options .smt-radiobox label {
    position: relative;
    z-index: 3;
    display: inline-block;
    padding-left: 28px;
    font-size: 14px;
    line-height: 21px;
    color: #222;
    vertical-align: middle;
    cursor: pointer;
    font-weight: 500;
}
.smt-select-options .smt-radiobox label span {
    color: #1b1e23;
}
.smt-select-options .smt-radiobox label::before {
    content: "";
    position: absolute;
    left: 0;
    top: 1px;
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    isolation: isolate;
    overflow: hidden;
    background: #fff url(../../images/API_M_KO/smart_duty/common/icon/icon_smart_duty_check.svg) no-repeat center center / 12px 12px;
    /* -webkit-transition:border 0.15s ease-in-out, color 0.15s ease-in-out;-o-transition:border 0.15s ease-in-out, color 0.15s ease-in-out;transition:border 0.15s ease-in-out, color 0.15s ease-in-out; */
}
.smt-select-options .smt-radiobox.round label:before {
    border-radius: 50%;
}
.smt-select-options .smt-radiobox.round label:before {
    background-color: #dadada;
}
.smt-select-options .smt-radiobox.round label:after {
    content: "";
}
.smt-select-options .smt-radiobox label:after {
    position: absolute;
    top: 6px;
    left: 5px;
    display: none;
    width: 12px;
    height: 8px;
    background-position: 0 -90px;
}
.smt-select-options .smt-radiobox input[type="radio"] {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    opacity: 0 !important;
    outline: 0;
}

.smt-select-options .smt-radiobox input[type="radio"]:checked + label:before {
    background-color: #2bb3bf;
    border-color: #2bb3bf;
    background-image: url(../../images/API_M_KO/smart_duty/common/icon/icon_smart_duty_check_white.svg);
}
.smt-select-options .smt-radiobox input[type="radio"]:checked + label:after {
    display: block;
}
.smt-select-options .smt-radiobox input[type="radio"]:disabled + label {
    color: #d3d3d3;
}
.smt-select-options .smt-radiobox input[type="radio"]:disabled + label:before {
    background-color: #abe6eb;
    cursor: not-allowed;
    background-image: url(../../images/API_M_KO/smart_duty/common/icon/icon_smart_duty_check_disabled.svg);
    border-color: #abe6eb;
}
.smt-select-options .smt-radiobox input[type="radio"]:disabled:checked + label:before {
    background-color: #abe6eb;
    cursor: not-allowed;
    background-image: url(../../images/API_M_KO/smart_duty/common/icon/icon_smart_duty_check_disabled.svg);
    border-color: #abe6eb;
}

.smt-select-options .smt-radiobox.no_label label {
    min-height: 23px;
    font-size: 0;
    line-height: 0;
}
.smt-select-options .smt-radiobox-list {
    display: flex;
    flex-wrap: wrap;
    gap: 2px 36px;
}
.h-pint-notice-wrap {
    margin-top: 9px;
}
/* s: 커스텀 셀렉트 안에  라디오박스 */
.poptype-fixed-bottom-area .order-agree-wrap {
    margin-bottom: 14px;
}
/* e: 커스텀 셀렉트 안에  라디오박스 */

/* s: 결제 선택 링크 .pay-txt-link-wrap  */
.pay-txt-link-wrap {
    margin-top: 16px;
    position: relative;
    text-align: center;
}
.pay-link-lst {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
}
.pay-link-lst > li {
    position: relative;
    /* width: 50%; */
}
.pay-link-lst > li + li::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 1px;
    height: 14px;
    transform: translateY(-50%);
    background: #e1e1e0;
}
.pay-link-lst > li > a {
    display: inline-flex;
    line-height: 20px;
    font-size: 14px;
    color: #222;
    font-weight: 400;
    letter-spacing: -0.7px;
    text-decoration: none;
    align-items: center;
}
.pay-link-lst > li > a .icon-alipay,
.pay-link-lst > li > a .icon-wechatpay {
    margin-right: 4px;
}
.pay-link-lst > li:first-child > a {
    padding-right: 20px;
}
.pay-link-lst > li:last-child > a {
    padding-left: 20px;
}
/* e: 결제 선택 링크 .pay-txt-link-wrap  */

/*** e: 결제방법 선택 페이지 .payment-select-wrap ***********/

/*** s: SMS 인증 팝업 .pop-sms-certify ***********/
.pop-sms-certify__row {
    text-align: left;
    margin-bottom: 12px;
}
.pop-sms-certify .pop-sms-certify__row:last-child {
    margin-bottom: 0;
}
.pop-sms-certify__tit {
    margin-bottom: 8px;
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    color: #222;
}
.pop-sms-certify__row select {
    border: 0;
}
.pop-sms-certify__row__btns {
    display: flex;
    flex-wrap: wrap;
    gap: 0 3px;
    margin-bottom: 12px;
}
.pop-sms-certify__row__btns button,
.pop-sms-certify__row__btns a {
    flex: 1;
    font-size: 15px;
    line-height: 23px;
    font-weight: 600;
}
.pop-sms-certify .sms-phone {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0 8px;
}
.pop-sms-certify .sms-phone > select {
    padding-left: 8px;
    width: 100px;
    border-bottom: 1px solid #e5e5e5;
    height: 39px;
    color: #222;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    -webkit-appearance: none;
    -moz-appearance: none;
}
.pop-sms-certify .sms-phone > select:disabled {
    background: #fff !important;
}
.pop-sms-certify .sms-phone__nation-num {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    padding-left: 8px;
    width: 100px;
    border-bottom: 1px solid #e5e5e5;
    height: 39px;
    color: #7e7e7d;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    background: #f8f8f8;
}
.pop-sms-certify .sms-phone__input {
    flex: 1;
    color: #222;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    padding-left: 8px;
}

.pop-sms-certify .sms-certify-num {
    position: relative;
}
.pop-sms-certify .sms-certify-num__left {
    position: relative;
    width: 100%;
}
.pop-sms-certify .sms-certify-num__btn {
    position: absolute;
    top: 0;
    right: 0;
    width: 49px;
    height: 40px;
    padding: 9px 0;
    text-align: center;
    font-weight: 600;
}
.pop-sms-certify .certify-num-input-wrap {
    position: relative;
    width: calc(100% - 57px);
}
.pop-sms-certify .sms-certify-num__input {
    padding-right: 39px;
}
.pop-sms-certify .sms-certify-num__input.input-error {
    border-color: #ff754a;
}
.pop-sms-certify .sms-certify-num__time {
    position: absolute;
    top: 7px;
    right: 8px;
    color: #ff754a;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
}
.pop-sms-certify .certify-error-msg {
    position: relative;
    z-index: 1;
    font-size: 13px;
    font-weight: 400;
    color: #ff754a;
    line-height: 17px;
    z-index: 1;
    padding: 8px 0 0 8px;
}
.pop-sms-certify .certify-error-msg:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

/*** e: SMS 인증 팝업 .pop-sms-certify ***********/

/*********** s: 에러페이지 .smt-error-page ***********/
.smt-error-page {
    padding: 96px 20px 90px;
}
.error-page-cont {
}
.error-page-cont .smt-error-img {
    position: relative;
    display: block;
    width: 200px;
    height: 200px;
    margin: 0 auto;
    background: url(../../images/API_M_KO/smart_duty/common/bg/bg_smt_error.png) no-repeat center center / 100% 100%;
}
.error-page-cont .smt-error-img__code {
    position: absolute;
    top: 48.5%;
    left: 50%;
    transform: translateX(-50%);
    font-size: 17px;
    font-weight: 600;
    line-height: 15px;
    color: #000;
}
.error-page-cont .smt-error-tit {
    margin-bottom: 8px;
    font-size: 24px;
    color: #222;
    line-height: 31px;
    font-weight: 600;
    text-align: center;
}

.error-page-cont .smt-error-desc {
    text-align: center;
    font-size: 15px;
    font-weight: 400;
    color: #626261;
    line-height: 22px;
}

/*********** e: 에러페이지 .smt-error-page ***********/

/********************** S: 영문(.smt_EN)  **********************/
.smt_EN .smt-info-list__dt {
    width: 100px;
    word-wrap: break-word;
    word-break: keep-all;
}
.smt_EN .smt-info-list__dd {
    width: calc(100% - 100px);
}
.smt_EN .prd-soldout-item .smt-prd-lst__thumb::before {
    content: "Sold out";
    line-height: 14px;
}
.smt_EN .prd-unable-item .smt-prd-lst__thumb::before {
    content: "Un-available for order";
    line-height: 14px;
}
.smt_EN .h-point-sec__form .btn-border-smt {
    width: 100px;
}
/********************** E: 영문(.smt_EN)  **********************/

/********************** S: 중문(.smt_CN)  **********************/

.smt_CN .prd-soldout-item .smt-prd-lst__thumb::before {
    content: "停止销售";
}
.smt_CN .prd-unable-item .smt-prd-lst__thumb::before {
    content: "无法购买";
}
.smt_CN .h-point-sec__form .btn-border-smt {
    width: 80px;
}
/********************** E: 중문(.smt_CN)  **********************/

/* 겔럭시 폴드 대응 */
@media (max-width: 350px) {
    .pop-sms-certify .sms-phone {
        flex-direction: column;
        gap: 8px 0;
    }
    .pop-sms-certify .sms-phone__nation-num {
        width: 100%;
    }
    .pop-sms-certify .sms-phone__input {
        display: block;
        width: 100%;
        flex: 0 0 39px;
    }
}

@media (max-width: 340px) {
    [lang="en"] .bot-result-money__right,
    .smt_EN .bot-result-money__right {
        max-width: 54%;
    }
    [lang="en"] .bot-result-money__left,
    .smt_EN .bot-result-money__left {
        flex: 1;
    }
}
@media (max-width: 324px) {
    .smt-discount-sec__tooltip {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }
    .smt-discount-sec__tooltip .smt-toolip-tit {
        margin-left: 1px;
    }
}

@media (max-width: 319px) {
    .smt-toolip-tit {
        font-size: 15px;
    }
}
@media (max-width: 315px) {
    .discount-detail-wrap {
        padding-bottom: 180px;
    }
    .payment-select-wrap {
        padding-bottom: 290px;
    }
}
@media (max-width: 310px) {
    .skypass-completion__header {
        font-size: 12px;
    }
    .pay-link-lst > li > a {
        font-size: 13px;
    }
    .pay-link-lst > li:first-child > a {
        padding-right: 6px;
    }
    .pay-link-lst > li:last-child > a {
        padding-left: 6px;
    }
}
@media (max-width: 294px) {
    .smt-toolip-tit {
        font-size: 13px;
    }
    .smt-discount-sec .smt-accordion__label {
        width: 50%;
    }
}