@charset "utf-8";

/* 버튼 */
a.payment_btn {line-height: 2.18em; font-weight: 400; padding: 10px 18px; box-sizing: border-box; border-radius: 60px; background-color: #f5960e; color: #fff; font-size: 16px;}

/* 노란색 input Radio */
input[type=radio].yellow_btn { appearance: none; display: inline-block; width: 22px; height: 22px; border: 1px solid #666666; border-radius: 50%;}
input[type=radio].yellow_btn:checked { background: url("/img/front/ck_ion_o.png")no-repeat center center;border: 1px solid #f5950e;}

/* checkbox */
.check_custom :is(input[type="checkbox"], input[type="radio"]) {border: none; background: none; appearance: none; -webkit-appearance: none; -moz-appearance: none;}
.check_custom p {display: inline-block; vertical-align: middle; width: 22px; height: 22px; background: url('/img/front/check_custom_img01.png') no-repeat;}
.check_custom :is(input[type="checkbox"]:checked, input[type="radio"]:checked) + p {background: url('/img/front/check_custom_img01_on.png') no-repeat;}

.ajaxLoader { background-color:#efefef; }
.ajaxLoader > div { background-repeat:no-repeat; background-position:center center; z-index: 10000; width: 100%; height: 100%; }
form .error { color:red; list-style: disc; padding-left: 20px; font-size: initial; letter-spacing: initial; }
.alert { max-width: 900px; margin: 0 auto; }
.alert > span, .alert a { font-size:1rem; }
.alert a { color: inherit; text-decoration: underline; }
.modal-backdrop { z-index: 2040 !important; opacity:0.5 !important; }
.modal { z-index: 2050 !important; }
.modal .close { font-weight: bold; }
.page-item.active .page-link { background-color: #ca4e34; border-color:#ca4e34; }
.btn-rounded { border-radius: 20px; }
.page-item.disabled .page-link {border: 0 !important}

.label {
    background-color: #D1DADE;
    color: #5E5E5E;
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 600;
    padding: 3px 8px;
    text-shadow: none;
    border-radius: 0.25em;
    line-height: 1;
    white-space: nowrap;
    font-size: 12px;
}
.label-warning {
    background-color: #f8ac59;
    color: #FFFFFF;
}

.coupon-select-wrap { flex: 1 1 auto; min-width: 0; max-width: 100%; overflow: hidden; } /* ★ 중요 */

/* 네이티브 select에 폭/수축 제한 방지 + 선택된 값 말줄임 */
.coupon-select {
    display: block;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    min-width: 0;
    padding: 12px 14px;
    border: 1px solid #ddd;
    border-radius: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;      /* 닫힌 상태에서 선택된 라벨에 적용 */
    font-size: 16px;              /* iOS 자동 줌 방지 */
    background: #fff;
}