/* 커스텀 모달 팝업 */
.dim-layer{display: block; width: 100%;background-color: rgba(0, 0, 0, 0.5);position: fixed; left: 0;top: 0px;margin: 0;padding: 0;z-index: 9998; animation: fadeIn 0.1s ease-in;}
.custom-modal-section{position:fixed; display: none;z-index: 9999; width:90%; max-width:400px;
    border-radius: 8px;padding: 32px 36px 30px;box-sizing: border-box; text-align: center; background: #ffffff;
    top: 50%;left: 50%; -webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.custom-modal-section .message-box{font-variant-numeric: stacked-fractions slashed-zero;}
.custom-modal-section .message-box .main-msg{font-size: 1.6rem; font-style: normal;font-weight: 800;line-height: 150%; color:#333; padding-bottom: 25px;}
.custom-modal-section .message-box .sub-msg{padding-bottom: 25px; font-size: 1.3rem; font-style: normal; font-weight: 400; line-height: 140%; color:#474747;}
.sub-msg:empty {display: none;}
.custom-modal-section .btn-box{display: flex; flex-direction: row; justify-content: space-between;}
.custom-modal-section .btn-box button{margin-left:8px; cursor: pointer; text-align: center;border-radius: 5px; outline: none; font-weight: 800; padding:11px 14px 10px; font-size: 1.6rem; line-height: 2.4rem; display: block; width:100%; border:2px solid #BFBFBF;}
.custom-modal-section .btn-box button:first-child{margin-left:0px;}
.custom-modal-section .btn-box button.btn-cancel{background: #fff; color:#BFBFBF;}
.custom-modal-section .btn-box button.btn-ok{background: #fff; color:#2AA76F; border-color: #2AA76F;;}
.custom-modal-section .btn-box button.btn.one{display: block; width:140px; _width: 100%; box-sizing: border-box; margin:0 auto;}
.custom-toast-message{position: fixed; display: none; background: rgba(0, 0, 0, 0.5); border-radius: 16px; padding:16px; width:96%; left:2%; bottom:30px; z-index:10000;}
.custom-toast-message .main-msg{background:url('/public/img/alert/icn_toast_alert.svg') no-repeat; background-size: 20px 20px; padding-left:30px; padding-top:1px; line-height:140%; min-height:20px; font-size:1.4rem; font-weight:700; color:#fff;}
.custom-toast-message .main-msg.icn-ok{background:url('/public/img/alert/icn_toast_ok.svg') no-repeat; background-size: 20px 20px;}


/* 커스텀 바텀 시트 */
.custom-bottom-sheet{display: none; position:fixed; z-index: 9999; bottom: 0px; left:0px; width:100%; padding:24px 12px 12px; box-sizing: border-box; background: #fff; border-top-left-radius:32px; border-top-right-radius:32px;}
.custom-bottom-sheet .tit{font-size: 2.0rem; font-weight: 700; line-height: 140%; color:#141414; margin-bottom:20px; padding:0px 4px;}
.custom-bottom-sheet .cont{position: relative;}
.custom-bottom-sheet .info-box-1{position: relative;}
.custom-bottom-sheet .info-box-1 dl{position: relative; padding:12px 4px; border-bottom:1px solid #DEDEDE;}
.custom-bottom-sheet .info-box-1 dl:last-child{border-bottom:none;}
.custom-bottom-sheet .info-box-1 dl dt{padding-left:32px; background:url('') left 0px no-repeat; background-size: 24px 24px; font-size: 1.6rem; font-weight: 500; line-height: 24px; color:#141414; margin-bottom:9px;}
.custom-bottom-sheet .info-box-1 dl dt.icn-card{background-image:url('/public/img/alert/icn_bt_card.svg');}
.custom-bottom-sheet .info-box-1 dl dt.icn-point{background-image:url('/public/img/alert/icn_bt_point.svg');}
.custom-bottom-sheet .info-box-1 dl dt.icn-coupon{background-image:url('/public/img/alert/icn_bt_coupon.svg');}
.custom-bottom-sheet .info-box-1 dl dt.icn-link{background-image:url('/public/img/alert/icn_bt_link.svg');}
.custom-bottom-sheet .info-box-1 dl dd{font-size: 1.4rem; font-weight: 400; line-height: 140%; color:#474747;}

/* 바텀시트 최대 높이 + 세로 스크롤 수정 */
.custom-bottom-sheet{max-height:90%; overflow-y: auto;}


/* 커스텀 모달 팝업 - 추가 */
.custom-modal-section .message-box .main-msg .sub-msg.orange{color:#FF601B; margin-top:2px;}
.custom-modal-section .message-box .main-msg dl.popcorn {display: flex; flex-direction: row; align-items: center; justify-content: space-between; padding:16px 20px; background: #F8F5FF; border-radius: 99px;}
.custom-modal-section .message-box .main-msg dl.popcorn dt{font-size: 1.2rem; font-weight: 500; line-height: 140%; letter-spacing: -0.48px; color:#000;}
.custom-modal-section .message-box .main-msg dl.popcorn dd{font-size: 1.2rem; font-weight: 500; line-height: 140%; letter-spacing: -0.48px; color:#141414; padding-left:24px; background: url('/public/img/alert/icn_popcorn.png') left no-repeat; background-size: 18px auto;}

/* 커스텀 바텀시트 - 디자인 수정 */
.custom-bottom-sheet .select-box p{background:url('/public/img/alert/icn_sel_check.svg') right center no-repeat; background-size: 24px 24px; line-height: 24px;}
.custom-bottom-sheet .select-box p.selected{background:url('/public/img/alert/icn_checked.svg') right center no-repeat; background-size: 24px 24px;}

/* 커스텀 바텀시트 - 추가 */
.custom-bottom-sheet .btn-box{padding-top:20px;}
.custom-bottom-sheet .btn-box a.com-btn{}


/* 커스텀 모달 버튼 디자인 추가 */
.custom-modal-section .btn-box button.btn-red {
    background: #FBD5D0 !important;
    color: #E15241 !important;
}

/* 커스텀 토스트 메세지 - 투명도 변경 0.5 => 0.8 */
.custom-toast-message{background: rgba(0, 0, 0, 0.8); z-index: 9999;}
.custom-toast-message .main-msg.icn-none{background:none; text-align:center;}

/* 투명도 변경 0.5 => 0.6 */
.dim-layer{display: block; width: 100%;background-color: rgba(0, 0, 0, 0.6);}


/* 커스텀 바텀시트 - 디자인 수정 */
.custom-bottom-sheet .select-box.type-2{padding:10px 0px;}
.custom-bottom-sheet .select-box.type-2 p{background:none;}
.custom-bottom-sheet .select-box.type-2 p.selected{background:url('/public/img/alert/icn_checked.svg') right center no-repeat; background-size: 24px 24px;}

/* 커스텀 모달 팝업 - 추가 */
.custom-modal-section .message-box .main-msg dl.popcorn.point dd{background: url('/public/img/alert/icn_point.png') left no-repeat; background-size: 18px auto;}

