@charset "utf-8";
/*2024.03.22 운영배포*/
/*2024.03.29 운영배포*/
/*2024.04.05 운영배포*/
/*
2024 KINFA APP Renewer - base design system

※ lonLayout 용 (lon.jsp)
*/


/*media query 초기화*/
@media only screen and (max-width: 359px){
    html, body{font-size:16px;}
}

/* common layout */
.layer_area:not(.alert) .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;}
.layer_area:not(.alert) .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);}
.layer_area:not(.alert) .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;}



/* layer popup */
.layer_area .page-content{padding:3.48rem 0 9.55rem}
.layer_single .dummy{background-color: var(--dimmed-bg);opacity: 1;}
.layer_area.alert .inner_area {width:calc(100% - 3.76rem);border-radius: 2rem;}
.layer_area.alert .area_comm {padding: 1.875rem 1.5rem;}
.layer_area.alert .box_alert{margin-top: 0;}
.layer_area.alert .grp_gravity{margin-left:.5rem;}
.layer_area.alert .grp_gravity .inner_half{padding-left:.5rem;}
.box_alert .emph_alert{font-size:var(--t6-font-size);line-height:var(--t6-line-height);letter-spacing:var(--t6-letter-spacing);}
.box_alert .txt_alert{font-size:var(--t6-font-size);line-height:var(--t6-line-height);letter-spacing:var(--t6-letter-spacing);color:var(--grayscale-2)}
.box_alert + .grp_gravity{margin-top:1.5rem;}
.layer_area .grp_gravity .btn_comm.full span,
.layer_area .grp_gravity .btn_comm span{display:flex;justify-content:center;color:var(--grayscale-1);font-size:var(--t7-font-size);letter-spacing:var(--t7-letter-spacing);font-weight: 400;color:#fff;}
.layer_area .grp_gravity .btn_comm,
.layer_area .grp_gravity .btn_comm.full{padding:.56rem 1rem;height:2.375rem;border-radius:.625rem;background-color:var(--button-secondary1);}
.layer_area .grp_gravity .inner_half:first-child .btn_comm{background-color:var(--button-default);border:1px solid var(--button-default-border);color:var(--grayscale-1);}
.layer_area .grp_gravity .inner_half:first-child .btn_comm span{color:var(--grayscale-1);}
.layer_area .grp_gravity .btn_comm.idle{color:#fff;background-color:var(--button-secondary1);border:0;}
.layer_area .grp_gravity .btn_comm.idle span{color:#fff;}
.layer_area .grp_gravity .btn_comm.full{width:100%;}
.layer_header .header{position:fixed;top:0;left:0;right:0;background-color: #fff;z-index: var(--z-index-header-fixed);min-height:3.5rem;height:3.5rem;padding:0;}
.layer_header .header .tit_comm{display:flex;justify-content:center;align-items:center;margin:0;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);}
.layer_area .layer_header .close-button{position: absolute;top:50%;transform: translateY(-50%);}
.layer_area .layer_header .close-button:not(.func-prev){right:1.25rem;}
.layer_area .layer_header .close-button.func-prev{border:0;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;}
.layer_area .layer_container{padding-bottom:0;}
.layer_area.loading .inner_area{width: 100%;}

/*toast*/
.layer_wrapper.toast > .inner_wrapper{overflow:initial;}
.layer_area.toast .inner_area{display:flex;flex-direction:column;padding:2.5rem 0;}
.layer_area.toast .inner_area .toast_container{flex:1;overflow-y:auto;max-height: 80vh;}
.layer_area.toast .toast_header{padding:0 1.25rem;}
.layer_area.toast .toast_header .emph_toast{font-size:var(--t4-font-size);line-height:var(--t4-line-height);letter-spacing:var(--t4-letter-spacing);font-weight: 600;}
.layer_area.toast .toast_footer{top:2.5rem;right:1.5rem;}
.layer_area.toast .ic-modal-close{display:inline-block;text-indent:-999px;width:1.5rem;height:1.5rem;background-image:url(https://rl9mnsqm6.toastcdn.net/mmc_v2/images/icon_close.svg);}
.layer_area.toast .toast_container{margin-top: 1rem;padding:0 1.25rem;}
.layer_area.toast .toast_container .grp_gravity.caution{margin:2.5rem -1.25rem 0;padding:2.5rem 1.25rem 0;background:linear-gradient(180deg, #fafafa 0%, #fff 100%);}
.layer_area.toast .toast_container .grp_gravity.caution .txt_caution{display:block;margin-bottom:1rem;font-size:var(--t6-font-size);line-height:var(--t6-line-height);letter-spacing:var(--t6-letter-spacing);color:var(--grayscale-1);font-weight:600;}
.layer_area.toast .toast_container .grp_gravity.caution .bullet-list.dot{color:var(--grayscale-2);}
.layer_area.toast .grp_gravity .btn_comm.full{height:3.25rem;padding:.875rem 1rem;}
.layer_area.toast .grp_gravity .btn_comm.full,
.layer_area.toast .grp_gravity .btn_comm.full span{font-size:var(--t5-font-size);line-height:var(--t5-line-height);letter-spacing:var(--t5-letter-spacing);font-weight:400;}