@charset "utf-8";
/*
2024 KINFA APP Renewer - base design system
※ 작업 시 .page-sub  필수
*/
/*2024.03.22 운영배포*/
/*2024.03.29 운영배포*/
:root{
    --grayscale-white:#fff;
    --grayscale-1:#010101;
    --grayscale-2:#666;
    --grayscale-3:#999;
    --grayscale-4:#ccc;
    --grayscale-5:#ddd;
    --grayscale-6:#eee;
    --grayscale-7:#fafafa;
    --grayblue-1:#1b2024;
    --grayblue-2:#434b53;
    --grayblue-9:#eaf0f7;
    --grayblue-10:#f5f9fd;
    --primary:#0c58ca;
    --primary2:#1839a1;
    --primary3:#1039a1;
    --secondary:#159ede;
    --button-primary:#0c58ca;
    --button-primary-text:#fff;
    --button-primary-press:#0044a9;
    --button-primary-disabled:#d8dfe6;
    --button-secondary1:var(--secondary);
    --button-secondary1-text:#fff;
    --button-secondary1-press:#0f73a1;
    --button-secondary1-disabled:#b6d6e5;
    --button-secondary2:#222;
    --button-secondary2-text:#fff;
    --button-secondary2-press:#000;
    --button-secondary2-disabled:#d9d9d9;
    --button-secondary3:#7d8890;
    --button-secondary3-text:#fff;
    --button-secondary3-press:#565e64;
    --button-secondary3-disabled:#d9d9d9;

    --button-default:#fff;
    --button-default-border:#ccc;
    --button-default-text:#010101;
    --button-default-press:#fff;
    --button-default-press-border:#010101;
    --button-default-disabled:#ddd;
    --button-default-disabled-text:#ccc;

    --input-text-disabled-bg:#fafafa;
    --input-text-disabled:#666;
    --input-text-placeholder:#999;

    --secondary-red:#f90000;
    --color-banner1:#c4e6f6;

    /*typo*/
    --t1-font-size:1.75rem;
    --t1-line-height:2.25rem;
    --t1-letter-spacing:-.04375rem;
    --t2-font-size:1.5rem;
    --t2-line-height:2rem;
    --t2-letter-spacing:-.0375rem;
    --t3-font-size:1.375rem;
    --t3-line-height:2rem;
    --t3-letter-spacing:-.03438rem;
    --t4-font-size:1.25rem;
    --t4-line-height:1.75rem;
    --t4-letter-spacing:-.025rem;
    --t5-font-size:1.125rem;
    --t5-line-height:1.5rem;
    --t5-letter-spacing:-.025rem;
    --t6-font-size:1rem;
    --t6-line-height:1.375rem;
    --t6-letter-spacing:-.025rem;
    --t7-font-size:.875rem;
    --t7-line-height:1.25rem;
    --t7-letter-spacing:-.0219rem;
    --t8-font-size:.8125rem;
    --t8-line-height:1.125rem;
    --t8-letter-spacing:-.0203rem;
    --t9-font-size:.75rem;
    --t9-line-height:1.125rem;
    --t9-letter-spacing:-.0187rem;

    /* 간격 */
    --layout-padding:2.5rem 1.25rem;
    --title-margin:1.5rem;
    --title-sub-margin:.625rem;
    --shadow40:0 0 2.5rem 0 rgba(0, 0, 0, 0.1);

    /* z-index */
    --z-index-modal:999;
    --z-index-header-fixed:999;
    --z-index-bottom-fixed:10;

    /* modal */
    --dimmed-bg:rgba(0,0,0,.7);


    /* [[[[[[[[[[[ add ]]]]]]]]]]] */
    /* rem */
    --r40:2.5rem;
    --r32:2rem;
    --r28:1.75rem;
    --r26:1.625rem;
    --r24:1.5rem;
    --r22:1.375rem;
    --r20:1.25rem;
    --r19:1.1875rem;
    --r18:1.125rem;
    --r17:1.0625rem;
    --r16:1rem;
    --r15:0.9375rem;
    --r14:0.875rem;
    --r13:0.8125rem;
    --r12:0.75rem;
    --r10:0.625rem;
    --r8: 0.5rem;
    --r6: 0.375rem;
    --r4: 0.25rem;
    --r2: 0.125rem;
    --r0:0rem;

}
/* add 애니메이션 */
/* 팝업 */
/*@keyframes slideUP {
    from    {
        bottom: -100%;
    }
    to  {
        bottom: 0%;
    }
}
@keyframes slideDown {
    from    {
        bottom: 0%;
    }
    to  {
        bottom: -100%;
    }
}
.page-sub .from-bottom__popup-wrap  {
    opacity: 0
}
.page-sub .from-bottom__popup {opacity: 0}
.from-bottom__popup.bottom-open   {
    animation: slideUP 0.25s forwards;
    transition: opacity 0.6s ease-in-out;
    opacity: 1;
}
.from-bottom__popup.bottom-close   {
    animation: slideDown 0.25s forwards;
    opacity: 0;
}
<script>
$('#bottom-close').on('click', function (){
    $('#fromBottomPopup').addClass('bottom-close')
})
</script>*/



/*reset*/
@font-face {
    font-family:'Pretendard Variable';
    font-weight:45 920;
    font-style:normal;
    font-display:swap;
    src: url('https://rl9mnsqm6.toastcdn.net/mmc_v2/fonts/Pretendard/PretendardVariable.woff2?v=${resourceVersion}') format('woff2-variations');
}
html{font-size:16px;}

html:has(.wrapper-drt) {
    font-size: 10px;
}
body,
input,
select,
textarea,
button {
    font-family:"Pretendard Variable";
    color:var(--grayscale-1);
}
*,*:after,*:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}

html:has(.wrapper-drt) .link_cancel {
    -webkit-box-sizing: initial;
    -moz-box-sizing: initial;
    box-sizing: initial;
}
.sr-only{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}
.sr-only-focusable:active,.sr-only-focusable:focus {clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}
.page-sub,
.page-sub *{font-family:"Pretendard Variable"}
.page-sub ul, .page-sub ol, .page-sub, .page-sub p, .page-sub label{color:var(--grayscale-1);}
/*.page-sub ul, .page-sub ol, .page-sub, .page-sub label{color:var(--grayscale-1);}*/
.page-sub ul, .page-sub ol{padding:0;list-style:none;margin:0;}
.page-sub li{padding:0;list-style:none;margin:0;line-height: 1.5;}
.page-sub h1, .page-sub h2,.page-sub h3, .page-sub h4 {margin:0;}
.page-sub p {margin:0;}
.page-sub strong{font-weight:600;color:inherit;}
.page-sub em{font-style:normal;}
.page-sub p strong, .page-sub p em, .page-sub span{font-size:inherit;color:inherit;}
.page-sub select{-webkit-appearance:none;appearance:none;}

.page-sub .wa_indt {
    display: none;
}

/* common typo */
.typo-t1 {
    font-size: var(--t1-font-size) !important;
    line-height: var(--t1-line-height) !important; /*include t1*/
}

.typo-t2 {
    font-size: var(--t2-font-size) !important;
    line-height: var(--t2-line-height) !important;
    letter-spacing: var(--t2-letter-spacing) !important; /*include t2*/
}

.typo-t3 {
    font-size: var(--t3-font-size) !important;
    line-height: var(--t3-line-height) !important;
    letter-spacing: var(--t3-letter-spacing) !important; /*include t3*/
}

.typo-t4 {
    font-size: var(--t4-font-size) !important;
    line-height: var(--t4-line-height) !important;
    letter-spacing: var(--t4-letter-spacing) !important; /*include t4*/
}

.typo-t5 {
    font-size: var(--t5-font-size) !important;
    line-height: var(--t5-line-height) !important;
    letter-spacing: var(--t5-letter-spacing) !important; /*include t5*/
}

.typo-t6 {
    font-size: var(--t6-font-size) !important;
    line-height: var(--t6-line-height) !important;
    letter-spacing: var(--t6-letter-spacing) !important; /*include t6*/
}

.typo-t7 {
    font-size: var(--t7-font-size) !important;
    line-height: var(--t7-line-height) !important;
    letter-spacing: var(--t7-letter-spacing) !important; /*include t7*/
}

.typo-t8 {
    font-size: var(--t8-font-size) !important;
    line-height: var(--t8-line-height) !important;
    letter-spacing: var(--t8-letter-spacing) !important; /*include t8*/
}

.typo-t9 {
    font-size: var(--t9-font-size) !important;
    line-height: var(--t9-line-height) !important;
    letter-spacing: var(--t9-letter-spacing) !important; /*include t9*/
}

.color-grayscale1 {
    color: var(--grayscale-1) !important;
}

.color-grayscale2 {
    color: var(--grayscale-2) !important;
}

.color-grayscale2 .emphasis {
    color: var(--grayscale-1);
    font-style: normal !important;
}

.color-grayscale3 {
    color: var(--grayscale-3) !important;
}

.color-grayscale4 {
    color: var(--grayscale-4) !important;
}

.color-grayblue2 {
    color: var(--grayblue-2) !important;
}

.emphasis {
    color: var(--grayscale-1) !important;
}

.emphasis-primary {
    color: var(--button-primary) !important;
}

.emphasis-secondary {
    color: var(--secondary) !important;
}

.txt-important {
    color: var(--secondary-red) !important;
}

.page-sub.wrapper .anchor-text{color:var(--primary);text-decoration:underline;display:inline-block;}
.page-sub.wrapper .anchor-text::after{content:' >';display:inline;vertical-align:1px;}

/* checkbox, radio */
.page-sub input.check{line-height:1;margin-top:1.5rem;display:flex;align-items:center;justify-content:flex-start;}
.page-sub input[type=checkbox]{width:1.5rem;min-width:1.5rem;height:1.5rem;padding:0;display:block;background:url(https://rl9mnsqm6.toastcdn.net/mmc_v2/images/sun_bank/Checkbox_off.svg) no-repeat center center / 1.5rem 1.5rem;opacity:1;border:none;-webkit-appearance:none;appearance:none;}
.page-sub input[type=checkbox]:checked{background:url(https://rl9mnsqm6.toastcdn.net/mmc_v2/images/sun_bank/Checkbox_on.svg) no-repeat center center / 1.5rem 1.5rem;}
.page-sub input[type=checkbox] + label{font-size:1rem;line-height:1.375rem;font-weight:400;padding-left:0.75rem;margin:0;}
.page-sub input[type=checkbox] + label:before{display:none;}
.page-sub input[type=radio] + label{font-size:0.875rem; color:#666 !important;display:flex;align-items:center;justify-content:flex-start;}
.page-sub input[type=radio] + label:before{content:'';display:block;top:0 !important;margin-right:0.5rem !important;width:1.5rem !important;height:1.5rem !important;padding:0;margin-right:0.5rem;background:url(https://rl9mnsqm6.toastcdn.net/mmc_v2/images/Radiobutton_off.svg) no-repeat center center / 1.5rem 1.5rem !important;opacity:1;border:none;-webkit-appearance:none;appearance:none;border-radius:50%;}
.page-sub input:checked[type="radio"] + label:before{background:url(https://rl9mnsqm6.toastcdn.net/mmc_v2/images/Radiobutton_on.svg) no-repeat center center / 1.5rem 1.5rem !important;border-radius:50%;}

/*container*/
.page-sub .page-header{position:fixed;top:0;left:0;right:0;background-color: #fff;z-index: var(--z-index-header-fixed);height:3.5rem;}
.page-sub .page-header .header-title,
.page-sub  #page-header-term .header-title {padding:1rem 2.75rem;text-align:center;font-size:var(--t5-font-size);letter-spacing:var(--t5-letter-spacing);/*include t5*/font-weight:500;color:var(--grayscale-1);}
[class*=header] .close-button{position: absolute;top:50%;transform: translateY(-50%);border:0;height:2.125rem;padding:.4375rem .88rem;border-radius:.38rem;font-size:var(--t7-font-size);line-height:var(--t7-line-height);letter-spacing:var(--t7-letter-spacing);}
[class*=header] .close-button:not(.func-prev){right:1.25rem;background-color:var(--button-default);border:1px solid var(--button-default-border);color:var(--button-default-text);border-radius:1.25rem;padding-top:.375rem;;}
[class*=header] .close-button.func-prev{font-size: 1rem;color: #fff;line-height: 1rem;word-break: keep-all;text-align: center;left: 0.8rem;width: 1.5rem;height: 1.5rem;background: url(https://rl9mnsqm6.toastcdn.net/mmc_v2/images/sun_bank/icon_arrow02.svg) no-repeat center center / 1.5rem 1.5rem;text-indent: -999px;}
[class*=header] .close-button:active:not(.func-prev){border-color:var(--button-default-press-border);}
[class*=header] .close-button[disabled]:not(.func-prev),
[class*=header] .close-button[aria-disabled]:not(.func-prev){background-color:var(--button-default-disabled);border-color:var(--button-default-disabled-text);color:var(--button-default-disabled-text);}
.page-header.small:has(.close-button) .header-title {
    font-size: var(--t6-font-size);
    letter-spacing: var(--t6-letter-spacing);
    width: calc(100% - 130px);
    margin: 0 auto;
    word-break: keep-all;
    padding: 1rem 0;
}

/* [ add ] */
[class*=header] a.close-button:not(.func-prev){right:1.25rem;background-color:var(--button-default);border:1px solid var(--button-default-border);color:var(--button-default-text);border-radius:1.25rem;padding-top:.375rem;;}

.page-sub .page-content, .page-content1 {
    padding: 3.48rem 0;
    word-break: keep-all;
}
.page-sub .page-content:has(.submit-btn){padding-bottom:9.55rem;}

.page-sub .page-content1:has(.submit-btn) {
    padding-bottom: 8rem;
}
.page-sub .submit-btn{position:fixed;bottom:0;left:0;right:0;z-index:var(--z-index-bottom-fixed);display:flex;flex-wrap:nowrap;justify-content:center;align-items:center;padding:0 1.25rem 2.5rem;background:#fff;gap:.5rem;}
.page-sub .submit-btn:before{content:'';display:block;position:absolute;top:-1.4rem;width:100%;height:1.4rem;background:#fff;background:linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);z-index:var(--z-index-bottom-fixed);}
.page-sub .submit-btn a:not([aria-hidden=true]),
.page-sub .submit-btn button{flex:1;color:#fff !important;width:100%;height:3.25rem !important;border-radius:0.75rem;font-weight:400;font-size:1.125rem;display:flex;align-items:center;justify-content:center;}
.page-sub .submit-btn a + a{margin-left:0;}
.page-sub .submit-btn .cmn-btn.cmn-btn-secondary1{background-color:var(--button-secondary1);}
.page-sub .submit-btn .cmn-btn.cmn-btn-secondary1:active{background-color:var(--button-secondary1-press);}
.page-sub .submit-btn .cmn-btn.cmn-btn-secondary1[disabled],
.page-sub .submit-btn .cmn-btn.cmn-btn-secondary1[aria-disabled],
.page-sub .submit-btn .cmn-btn.cmn-btn-secondary1.not-yet,
.page-sub .submit-btn .cmn-btn.cmn-btn-secondary1.btn-disabled{background-color:var(--button-secondary1-disabled);}

/* btn */
.page-sub .submit-btn-3 button  {
    width: 33.33%;
    font-size: 0.94rem;
    line-height: 1.2;
}

.page-sub .submit-btn .auto-row {
    white-space: normal !important;
    height: auto !important;
    word-break: keep-all;
}

/* section, contents box */
.section-wrap{padding:var(--layout-padding);}
.section-wrap:first-child:not(.product-top):not(.section-result){padding-top:1.5rem;}
.section-wrap.product-top{padding-top:.75rem;padding-bottom:0;}
.section-wrap.dv-none{padding-top:0;}
.section-wrap:not(.product-top) + .section-wrap:not(.dv-none):not(.section-result){border-top:.625rem solid var(--grayscale-6);}
.section-wrap:last-of-type{padding-bottom:0;}
.page-sub .text-box-type1{padding:1rem;border-radius:.75rem;background-color:var(--grayblue-10); word-break: keep-all;}
.page-sub .text-box-type1 p{color:var(--grayscale-2);font-size:var(--t7-font-size);line-height:var(--t7-line-height);letter-spacing:var(--t7-letter-spacing); }
.page-sub .text-box-type1 .title{font-weight:600;color:var(--primary3);font-size:var(--t7-font-size);line-height:var(--t7-line-height);letter-spacing:var(--t7-letter-spacing);}
.page-sub .text-box-type1 .title:not(:first-child){margin-top:1.25rem;}
.page-sub .text-box-type1 .title + .bullet-list{margin-top:var(--title-sub-margin);}
.page-sub .text-box-type2{padding:1.25rem;border-radius:1rem;box-shadow:var(--shadow40);}
.page-sub [class^=text-box] + p,
.page-sub [class^=text-box] + div,
.page-sub [class^=text-box] + h3 {margin-top:1.5rem;}
.page-sub .box-list{ display:flex;width:100%;flex-direction: column;gap:.5rem;}
.page-sub .box-list li{display:flex;gap:1.125rem; border-radius:1rem;padding:1rem 1.5rem;box-shadow: 0 0 24px 0 rgba(0,0,0,.08); background-color: var(--grayscale-white);align-items: center;}
.page-sub .box-list .typo-t6,
.page-sub .box-list .typo-t7{display: block;}
.page-sub .info-title + .text-box-type2,
.page-sub .info-title + .box-list,
.page-sub .info-title + .text-box-type1 {margin-top: .62rem;}
.page-sub .box-list li.icon::before{content: '';display: block;width:2.25rem;height:2.25rem;}
.page-sub .box-list + p{margin-top:1.15rem;}

.page-sub .box-bg-shadow    {
    padding: 1.25rem;
    border-radius: 1rem;
    box-shadow: var(--shadow40);
    background-color: #fff;
}
.page-sub .box-bg-shadow p  {color: var(--grayscale-1);}

/* section, contents box */
.page-sub .bg-color-gray    {background-color: #fafafa;}

/* margin */
.mt-40 {
    margin-top: var(--r40) !important;
}

.mt-32 {
    margin-top: var(--r32) !important;
}

.mt-24 {
    margin-top: var(--r24) !important;
}

.mt-20 {
    margin-top: var(--r20) !important;
}

.mt-16 {
    margin-top: var(--r16) !important;
}

.mt-12 {
    margin-top: var(--r12) !important;
}

.mt-10 {
    margin-top: var(--r10) !important;
}

.mt-8 {
    margin-top: var(--r8) !important;
}

.mt-6 {
    margin-top: var(--r6) !important;
}

.mt-4 {
    margin-top: var(--r4) !important;
}

.mt-2 {
    margin-top: var(--r2) !important;
}

.mt-0 {
    margin-top: var(--r0) !important;
}

.mb-40 {
    margin-bottom: var(--r40) !important;
}

.mb-32 {
    margin-bottom: var(--r32) !important;
}

.mb-24 {
    margin-bottom: var(--r24) !important;
}

.mb-20 {
    margin-bottom: var(--r20) !important;
}

.mb-16 {
    margin-bottom: var(--r16) !important;
}

.mb-12 {
    margin-bottom: var(--r12) !important;
}

.mb-10 {
    margin-bottom: var(--r10) !important;
}

.mb-8 {
    margin-bottom: var(--r8) !important;
}

.mb-6 {
    margin-bottom: var(--r6) !important;
}

.mb-4 {
    margin-bottom: var(--r4) !important;
}

.mb-2 {
    margin-bottom: var(--r2) !important;
}

.mb-0 {
    margin-bottom: var(--r0) !important;
}

/* padding */
.p-20 {
    padding: var(--r20) !important;
}

.p-18 {
    padding: var(--r18) !important;
}

.p-16 {
    padding: var(--r16) !important;
}

.p-14 {
    padding: var(--r14) !important;
}

.pt-40 {
    padding-top: var(--r40) !important;
}

.pt-32 {
    padding-top: var(--r32) !important;
}

.pt-24 {
    padding-top: var(--r24) !important;
}

.pt-20 {
    padding-top: var(--r20) !important;
}

.pt-16 {
    padding-top: var(--r16) !important;
}

.pt-12 {
    padding-top: var(--r12) !important;
}

.pt-10 {
    padding-top: var(--r10) !important;
}

.pt-8 {
    padding-top: var(--r8) !important;
}

.pt-6 {
    padding-top: var(--r6) !important;
}

.pt-4 {
    padding-top: var(--r4) !important;
}

.pt-2 {
    padding-top: var(--r2) !important;
}

.pt-0 {
    padding-top: var(--r0) !important;
}

.pb-40 {
    padding-bottom: var(--r40) !important;
}

.pb-32 {
    padding-bottom: var(--r32) !important;
}

.pb-24 {
    padding-bottom: var(--r24) !important;
}

.pb-20 {
    padding-bottom: var(--r20) !important;
}

.pb-16 {
    padding-bottom: var(--r16) !important;
}

.pb-12 {
    padding-bottom: var(--r12) !important;
}

.pb-10 {
    padding-bottom: var(--r10) !important;
}

.pb-8 {
    padding-bottom: var(--r8) !important;
}

.pb-6 {
    padding-bottom: var(--r6) !important;
}

.pb-4 {
    padding-bottom: var(--r4) !important;
}

.pb-2 {
    padding-bottom: var(--r2) !important;
}

.pb-0 {
    padding-bottom: var(--r0) !important;
}

/* gap */
.gap-40 {
    gap: var(--r40) !important;
}

.gap-32 {
    gap: var(--r32) !important;
}

.gap-24 {
    gap: var(--r24) !important;
}

.gap-20 {
    gap: var(--r20) !important;
}

.gap-16 {
    gap: var(--r16) !important;
}

.gap-12 {
    gap: var(--r12) !important;
}

.gap-10 {
    gap: var(--r10) !important;
}

.gap-8 {
    gap: var(--r8) !important;
}

.gap-6 {
    gap: var(--r6) !important;
}

.gap-4 {
    gap: var(--r4) !important;
}

.gap-2 {
    gap: var(--r2) !important;
}

.gap-0 {
    gap: var(--r0) !important;
}

/*---Rotate Effects---*/
.rotate-45 {
    -webkit-transform: rotate(45deg) !important;
    transform: rotate(45deg) !important;
}

.rotate-90 {
    -webkit-transform: rotate(90deg) !important;
    transform: rotate(90deg) !important;
}

.rotate-135 {
    -webkit-transform: rotate(135deg) !important;
    transform: rotate(135deg) !important;
}

.rotate-180 {
    -webkit-transform: rotate(180deg) !important;
    transform: rotate(180deg) !important;
}

.rotate-225 {
    -webkit-transform: rotate(225deg) !important;
    transform: rotate(225deg) !important;
}

.rotate-270 {
    -webkit-transform: rotate(270deg) !important;
    transform: rotate(270deg) !important;
}

.rotate-315 {
    -webkit-transform: rotate(315deg) !important;
    transform: rotate(315deg) !important;
}

.rotate-45, .rotate-90, .rotate-135, .rotate-180, .rotate-225, .rotate-270, .rotate-315 {
    transition: all 500ms ease;
}

/* width */
.w-100 {
    width: 100% !important;
}

.w-auto {
    width: auto !important;
}

/* line */
.line-t-e    {border-top: 1px solid #eee;}
.line-b-e    {border-bottom: 1px solid #eee;}
.page-sub.wrapper .cst-agree-border {
    border-bottom: 1px solid #eee;
    padding-bottom: var(--r24);
}
.page-sub.wrapper .bt-border-20 {
    border-bottom: 1px solid #eee;
    padding-bottom: var(--r20);
}
.page-sub .line-none    {border: none !important;}
.page-sub .line-none-t    {border-top: none !important;}

/* 강조 */
.q-point   {
    color: var(--button-secondary1);
    font-size: var(--r24);
    font-weight: 500;
}
div.page-sub .section-wrap .t-red {color: #f90f00;}
.t-red {color: #f90f00 !important;}

/* line-height */
.line-h-0   {line-height: 0 !important;}
.line-h-14   {line-height: 1.4 !important;}


/* 화살표 */
.arrow-r-small > span {
    position: relative;
}
.arrow-r-small:after {
    content: '';
    width: 7.8px;
    height: 7.8px;
    border-top: 2px solid #ccc;
    border-right: 2px solid #ccc;
    display: inline-block;
    transform: rotate(45deg);
    position: absolute;
    top: -3px;
    right: 0;
}

.close-x    {
    position: absolute;
    top: 20px;
    right: 0px;
}
.close-x::before, .close-x::after   {
    position: absolute;
    content: "";
    width: 2px;
    height: 20px;
    color: #000;
}
.close-x::before    {transform: rotate(45deg);}
.close-x::after    {transform: rotate(-45deg);}

.close-x-s    {
    position: absolute;
    content: "";
    left: 0.3rem;
    top: 0.05rem;
    background-color: #fff;
}
.close-x-s::before, .close-x-s::after   {
    position: absolute;
    content: "";
    width: 2px;
    height: 10px;
    background-color: #fff;
}
.close-x-s::before    {transform: rotate(45deg);}
.close-x-s::after    {transform: rotate(-45deg);}




/* tooltip */
.page-sub .tooltip-group {
    position: relative;
}

.page-sub .tooltip-box {
    display: none;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    border-radius: 0.6rem;
    padding: var(--r10);
    border: 1px solid #ddd;
    transform: translateY(100%);
    background: #fff;
    font-weight: 600;
}

/* color */
.page-sub .text-box-type1 .title    {margin: 0 0 0.625rem;}
.page-sub .section-wrap-sub {padding-bottom: 1.5rem;}
.page-sub .info-title	{margin: 0 0 0.625rem}

.page-sub .text-box-type1 .link {
    font-size: 0.875rem
}

/*.page-sub .text-box-type1 p {color:var(--grayscale-1);}*/
.page-sub .text-box-type1 span {color:var(--grayscale-2);font-size:var(--t7-font-size);line-height:var(--t7-line-height);letter-spacing:var(--t7-letter-spacing); display: inline-block;}


/* 이용약관 [하단 텍스트] */
.page-sub .agree-note--add > p	{
    font-size: var(--t8-font-size);
    margin: 0.8rem 0 1.2rem;
    padding: 0;
}
.page-sub .agree-note--add .im-agree    {font-size: 1rem;}
.page-sub .note-p {
    margin: 1rem 0 0;
    margin-top: 1rem;
    padding: 0;
    font-size: 0.8125rem;
    line-height: var(--r18);
    background: none;
}
.ic-qu-trr-add  {
    position: relative;
    vertical-align: middle;
    top: -2px;
    display: inline-block;
    color: transparent;
    margin: 0 1px 0 2px;
    width: 14px;
    height: 14px;
    background: url(https://rl9mnsqm6.toastcdn.net/mmc/common/icon-question-trriger.png) no-repeat 0 0;
    /*background: url(/img/icon-question-trriger-b1b7170991e048b8ebab601de493f92e.png) no-repeat 0 0;*/
    background-size: 100%;
}

/* text */
.fw-regular {font-weight: 400 !important;}
.fw-medium {font-weight: 500 !important;}
.fw-bold    {font-weight: 600 !important;}
.fw-bolder {font-weight: 700 !important;}

.fw-300 {font-weight: 300 !important;}
.fw-400 {font-weight: 400 !important;}
.fw-500 {font-weight: 500 !important;}
.fw-600 {font-weight: 600 !important;}
.fw-700 {font-weight: 700 !important;}

.ta-center {text-align: center !important;}
.ta-right {text-align: right !important;}
.ta-left {text-align: left !important;}

/* height */
.m-h-auto {min-height: auto !important;}

/* fixble */
.page-sub .fixed-on-btn   {bottom: 6rem;}
.page-sub .fixble p {margin-top: var(--r10);}
.t-underline    {text-decoration: underline;}

/* box type s */
.text-box-type3	{
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}
.text-box-type3 .title-box	{
    display: flex;
    justify-content: space-between;
}
.text-box-type3 .title-box .tit	{
    display: flex;
    align-items: center;
    font-weight: 500;
}
.text-box-type3 .title-box .arrow-r-small	{
    display: flex;
    align-items: center;
}
.text-box-type3 .title-box .arrow-r-small.line	{
    border: 1px solid #ddd;
    border-radius: 20px;
    padding: 0 0.4rem;
    line-height: 0;
}
.text-box-type3 .title-box .arrow-r-small::after	{
    top: initial;
    right: 8px;
}
.text-box-type3 .title-box .arrow-r-small .icon	{padding: 0.2rem;}

.text-box-type3 .text-box	{
    display: flex;
    align-items: center;
    gap: 1rem;
}
.text-box-type3 .text-box .color-blue	{color: #0C58CA;}
/* box type e */

/* depth */
.depth10 {padding-left: .625rem !important;}

/* position */
.p-relative {position: relative !important;}

/* flex */
.d-flex {display: flex !important;}
.items-center {align-items: center;}
.content-center {justify-content: center;}
.content-space-b {justify-content: space-between;}

/* p */
.p-list > p {margin: .5rem 0;}