.findParty .btn-s{/*box-shadow:0 0 20px rgb(255 97 66 / 33%);*/ outline: 1px solid;}/*수정 boxshadow 주석*/



.modal {
    display: none;
    overflow-x: hidden;
    overflow-y: auto;
    position: fixed;
    height: 100%;
    left: 0;
    outline: 0;
    top: 0;
    width: 100%;
    z-index: 9999999999;
}


.modal-dialog {
    pointer-events: none;
    position: relative;
    width: auto;
    z-index: 9000;
}

.modal.fade .modal-dialog {
    transform: translateY(-50px);
    transition: transform 0.3s ease-out;
}

@media (prefers-reduced-motion: reduce) {
    .modal.fade .modal-dialog {
        transition: none;
    }
}

.modal.show .modal-dialog {
    transform: none;
}

.modal.modal-static .modal-dialog {
    transform: scale(1.02);
}

.modal-dialog-centered {
    align-items: center;
    display: flex;
    /*min-height: 100%;*/
}

.modal-content {
    background-clip: padding-box;
    background-color: #fff;
    border-radius: 1.25rem;
    display: flex;
    flex-direction: column;
    outline: 0;
    pointer-events: auto;
    position: relative;
    width: 100%;
}

.modal-backdrop {
    background-color: rgba(0, 0, 0, 0.6);
    height: 100vh;
    left: 0;
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: 8900;
}

.modal-backdrop.fade {
    opacity: 0;
}

.modal-backdrop.show {
    opacity: 0.5;
}

/* 240512수정 .modal-header */

.modal-header {
    align-items: center;
    border-top-left-radius: calc(0.5rem - 1px);
    border-top-right-radius: calc(0.5rem - 1px);
    display: flex;
    flex-shrink: 0;
    justify-content: flex-end;
    padding: 1.25rem 1.88rem;
    position: sticky;
    z-index: 99;
    background-color: #fff;
}



.modal-title {
    margin-bottom: 0;
    color: #333;
    font-weight: 600;
    font-size: 1.25rem;
    display: flex;
    justify-content: center;
    width: 100%;
}


/* 240512수정 .modal-body */

.modal-body {
    flex: 1 1 auto;
    padding: 30 1.88rem 1.5rem;
    position: relative;
    height: 100%;
    max-height: calc(100vh - 210px);
    overflow-y: auto;
}

.modal-footer {
    align-items: center;
    border-bottom-left-radius: calc(0.5rem - 1px);
    border-bottom-right-radius: calc(0.5rem - 1px);
    display: flex;
    flex-shrink: 0;
    flex-wrap: wrap;
    justify-content: space-between;
}

@media (min-width: 576px) {
    .modal-dialog {
        margin: 1.75rem auto;
        max-width: 600px;
    }

    .modal-dialog-centered {
        min-height: calc(100% - 3.5rem);
    }

    .modal-content {
        box-shadow: 0 0.5rem 1.5rem rgba(22, 28, 45, 0.1);
    }

    .modal-sm {
        max-width: 370px;
    }
}

@media (min-width: 992px) {
    .modal-lg,
    .modal-xl {
        max-width: 800px;
    }
}

@media (min-width: 1200px) {
    .modal-xl {
        max-width: 1140px;
    }
}

.modal-fullscreen {
    height: 100%;
    margin: 0;
    max-width: none;
    width: 100vw;
}

.modal-fullscreen .modal-content {
    border: 0;
    border-radius: 0;
    height: 100%;
}

.modal-fullscreen .modal-header {
    border-radius: 0;
}

.modal-fullscreen .modal-body {
    overflow-y: auto;
}

.modal-fullscreen .modal-footer {
    border-radius: 0;
}

@media (max-width: 575.98px) {
    .modal-fullscreen-sm-down {
        height: 100%;
        margin: 0;
        max-width: none;
        width: 100vw;
    }

    .modal-fullscreen-sm-down .modal-content {
        border: 0;
        border-radius: 0;
        height: 100%;
    }

    .modal-fullscreen-sm-down .modal-header {
        border-radius: 0;
    }

    .modal-fullscreen-sm-down .modal-body {
        overflow-y: auto;
    }

    .modal-fullscreen-sm-down .modal-footer {
        border-radius: 0;
    }
}

@media (max-width: 767.98px) {
    .modal-fullscreen-md-down {
        height: 100%;
        margin: 0;
        max-width: none;
        width: 100vw;
    }

    .modal-fullscreen-md-down .modal-content {
        border: 0;
        border-radius: 0;
        height: 100%;
    }

    .modal-fullscreen-md-down .modal-header {
        border-radius: 0;
    }

    .modal-fullscreen-md-down .modal-body {
        overflow-y: auto;
    }

    .modal-fullscreen-md-down .modal-footer {
        border-radius: 0;
    }
}

@media (max-width: 991.98px) {
    .modal-fullscreen-lg-down {
        height: 100%;
        margin: 0;
        max-width: none;
        width: 100vw;
    }

    .modal-fullscreen-lg-down .modal-content {
        border: 0;
        border-radius: 0;
        height: 100%;
    }

    .modal-fullscreen-lg-down .modal-header {
        border-radius: 0;
    }

    .modal-fullscreen-lg-down .modal-body {
        overflow-y: auto;
    }

    .modal-fullscreen-lg-down .modal-footer {
        border-radius: 0;
    }
}

@media (max-width: 1199.98px) {
    .modal-fullscreen-xl-down {
        height: 100%;
        margin: 0;
        max-width: none;
        width: 100vw;
    }

    .modal-fullscreen-xl-down .modal-content {
        border: 0;
        border-radius: 0;
        height: 100%;
    }

    .modal-fullscreen-xl-down .modal-header {
        border-radius: 0;
    }

    .modal-fullscreen-xl-down .modal-body {
        overflow-y: auto;
    }

    .modal-fullscreen-xl-down .modal-footer {
        border-radius: 0;
    }
}

@media (max-width: 1399.98px) {
    .modal-fullscreen-xxl-down {
        height: 100%;
        margin: 0;
        max-width: none;
        width: 100vw;
    }

    .modal-fullscreen-xxl-down .modal-content {
        border: 0;
        border-radius: 0;
        height: 100%;
    }

    .modal-fullscreen-xxl-down .modal-header {
        border-radius: 0;
    }

    .modal-fullscreen-xxl-down .modal-body {
        overflow-y: auto;
    }

    .modal-fullscreen-xxl-down .modal-footer {
        border-radius: 0;
    }
}


/* 240512 수정 */
.checkbox-tile-coupon { 
    display: -webkit-box; 
    display: -ms-flexbox; 
    display: flex; 
    -webkit-box-orient: vertical; 
    -webkit-box-direction: normal; 
    -ms-flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center; 
    -webkit-box-pack: center; 
    -ms-flex-pack: center; 
    justify-content: space-between;
    align-items: center;
    border: 1px solid #d2d2d2;
    padding:1.25rem 32px; 
    border-radius: 1rem; 
    -webkit-transition: 0.15s ease; 
    transition: 0.15s ease; 
    position: relative;
}

.checkbox-tile-coupon-party {
    display: flex;
    padding: 24px;
    align-items: center;
    border: 1px solid #d2d2d2;
    padding:1.25rem; 
    border-radius: 1rem; 
    -webkit-transition: 0.15s ease; 
    transition: 0.15s ease; 
}

/* 240518 보언 추가 */
.tile-coupon { 
    display: -webkit-box; 
    display: -ms-flexbox; 
    display: flex; 
    -webkit-box-orient: vertical; 
    -webkit-box-direction: normal; 
    -ms-flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center; 
    -webkit-box-pack: center; 
    -ms-flex-pack: center; 
    justify-content: space-between;
    align-items: center;
    border: 1px solid #d2d2d2;
    padding:1.25rem 32px; 
    border-radius: 1rem; 
    -webkit-transition: 0.15s ease; 
    transition: 0.15s ease; 
    position: relative;
}


/* .checkbox-tile-cupon:before {content: ""; position: absolute; display: block;width: 1.55rem; height: 1.55rem;border: 2px solid #d2d2d2;background-color: #fff; border-radius: 50%;
    top: 1.25em; right: 1.25rem; opacity:0; transform: scale(0); -webkit-transform: scale(0);transform: scale(0); -webkit-transition: 0.25s ease;  transition: 0.25s ease;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='192' height='192' fill='%23FFFFFF' viewBox='0 0 256 256'%3E%3Crect width='256' height='256' fill='none'%3E%3C/rect%3E%3Cpolyline points='216 72.005 104 184 48 128.005' fill='none' stroke='%23FFFFFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='32'%3E%3C/polyline%3E%3C/svg%3E");
    background-size: 16px; background-repeat: no-repeat; background-position: 50% 50%;}/*opacity 수정*/
.checkbox-tile-cupon:hover {border-color: #d2d2d2;} */

/* .checkbox-tile-cupon > div{flex: 0 0 auto; width: 88%;} */
.checkbox-tile-cupon > div > p{font-weight:600; font-size:1.13rem; letter-spacing:-0.05rem;}
.checkbox-tile-cupon ul {padding-left: 1.25rem; margin-top:0.5rem; font-size:0.88rem; line-height:1.25rem; letter-spacing:-0.05rem;}
.checkbox-tile-cupon li {margin-bottom: 0.5rem;list-style: disc;}
.checkbox-tile-cupon li:last-child {margin-bottom: 0px;}


/* .checkbox-tile-cupon-party { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column;
    flex-direction: column; -webkit-box-align: center;-ms-flex-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;border: 1px solid #d2d2d2;
    color:#666; padding:1.25rem; border-radius: 1rem; -webkit-transition: 0.15s ease; transition: 0.15s ease; cursor: pointer;position: relative;}

.checkbox-tile-cupon-party:before {content: ""; position: absolute; display: block;width: 1.55rem; height: 1.55rem;border: 2px solid #d2d2d2;background-color: #fff; border-radius: 50%;
    top: 1.25em; right: 1.25rem; opacity:0; transform: scale(0); -webkit-transform: scale(0);transform: scale(0); -webkit-transition: 0.25s ease;  transition: 0.25s ease;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='192' height='192' fill='%23FFFFFF' viewBox='0 0 256 256'%3E%3Crect width='256' height='256' fill='none'%3E%3C/rect%3E%3Cpolyline points='216 72.005 104 184 48 128.005' fill='none' stroke='%23FFFFFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='32'%3E%3C/polyline%3E%3C/svg%3E");
    background-size: 16px; background-repeat: no-repeat; background-position: 50% 50%;}/*opacity 수정*/
.checkbox-tile-cupon-party:hover {border-color: #d2d2d2;} */

.checkbox-tile-cupon-party > div{flex: 0 0 auto; width: 88%;}
.checkbox-tile-cupon-party > div > p{font-weight:600; font-size:1.13rem; letter-spacing:-0.05rem;}
.checkbox-tile-cupon-party ul {padding-left: 1.25rem; margin-top:0.5rem; font-size:0.88rem; line-height:1.25rem; letter-spacing:-0.05rem;}
.checkbox-tile-cupon-party li {margin-bottom: 0.5rem;list-style: disc;}
.checkbox-tile-cupon-party li:last-child {margin-bottom: 0px;}


/* 240512 수정 */

.coupon_box {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
}

.coupon_con {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
}

.coupon_tit {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
}

.coupon_name {
    color: var(--Title, #0F103F);
    font-size: 16px;
    font-weight: 700;
    letter-spacing: -0.5px;
}

.coupon_price {
    color: #3772FF;
    font-size: 26px;
    font-weight: 700;
    letter-spacing: -0.5px;
}

.coupon_ott {
    display: flex;
    padding: 6px 8px;
    justify-content: center;
    align-items: center;
    border-radius: 6px;
    background: #f3e4db;
}

.coupon_ott span {
    color: #a6644c;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: -0.5px;
}

.coupon_ott1 {
    padding: 6px 8px;
    justify-content: center;
    align-items: center;
    border-radius: 6px;
    background: #EAF0FF;
    color: #3772FF;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: -0.5px;
}

.coupon_ott2 {
    padding: 6px 8px;
    justify-content: center;
    align-items: center;
    border-radius: 6px;
    background: #f3e4db;
    color: #a6644c;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: -0.5px;
}


.coupon_limit {
    color: #666;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: -0.3px;
}

.checkbox-tile-coupon input {
    display: flex;
    padding: 12px 20px;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    background: #3772FF;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: -0.5px;
    border: none;
}


/* 240518 보언 추가 */
.tile-coupon {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 10px;
    background: #3772FF;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: -0.5px;
    border: none;
}


.checkbox-tile-coupon:hover,
.checkbox-tile-coupon:active,
.checkbox-tile-coupon:focus,
.checkbox-tile-coupon-party:hover,
.checkbox-tile-coupon-party:active,
.checkbox-tile-coupon-party:focus {
    box-shadow: 0 0 0 2px #3772FF inset;
}

.coupon-disabled {
    border-radius: 16px;
    border: 1px solid var(--BORDER, #D2D2D2);
    background: var(--LINE, #E9E9E9);
}
.coupon_txt-disabled, .ott-disabled span {
    color: #828282;
}

.ott-disabled {
    background: #F1F1F1;
}

.input-disabled {
    display: flex;
    padding: 12px 20px;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    background: #b4b4b4;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: -0.5px;
    border: none;
}


.login_detail {
    display: flex;
    gap: 24px;
}

.login_detail span {
    width: 100px;
}


@media (max-width: 575px){ 
    .checkbox-tile-coupon { 
        padding:1.25rem; 
    }

    .checkbox-tile-coupon input {
        display: flex;
        padding: 10px 12px;
        justify-content: center;
        align-items: center;
        border-radius: 10px;
        background: #3772FF;
        color: #fff;
        font-size: 12px;
        font-weight: 700;
        letter-spacing: -0.5px;
        border: none;
    }

	.login_detail {
		display: flex;
		flex-direction: column;
		gap: 0;
		align-items: flex-start !important;
	}
	.login_detail span {
		width: 75px;
		font-size: 13px;
		font-weight: 300;
		line-height: 1rem;
	}


	/* 240518 보언 추가 */
    .tile-coupon { 
        padding:1.25rem; 
    }

    .tile-coupon input {
        display: flex;
        padding: 10px 12px;
        justify-content: center;
        align-items: center;
        border-radius: 10px;
        background: #3772FF;
        color: #fff;
        font-size: 12px;
        font-weight: 700;
        letter-spacing: -0.5px;
        border: none;
    }



    .input-disabled {
        display: flex;
        padding: 10px 12px;
        justify-content: center;
        align-items: center;
        border-radius: 10px;
        background: #b4b4b4;
        color: #fff;
        font-size: 12px;
        font-weight: 700;
        letter-spacing: -0.5px;
        border: none;
    }

    .coupon_box {
        gap: 14px;
    }

    .coupon_btn {
        border-radius: 12px;
        width: 80px;
    }
}



/* =====================================================
   이용 중 서비스 안내 모달 (modal-short-*)
   custom.css의 .modal 규칙 충돌 해결
   ===================================================== */

/* ⭐ 기존 .modal-dialog의 width: auto 오버라이드 (공통) */
#using-service-modal .modal-dialog {
    width: 100%;
    max-width: 100%;
    margin: 0;
    pointer-events: auto;
}

/* 576px 이상 (데스크톱/태블릿) */
@media (min-width: 576px) {
    #using-service-modal .modal-dialog {
        width: auto !important;
        max-width: 550px !important;
        margin: 1.75rem auto !important;
        pointer-events: auto !important;
    }

    #using-service-modal .modal-dialog.modal-dialog-centered {
        display: flex !important;
        align-items: center !important;
        min-height: calc(100% - 3.5rem) !important;
    }

    #using-service-modal .modal-short-popup {
        width: 100%;
        margin: 0 auto;
        max-width: 350px;
        border-radius: 20px;
        pointer-events: auto;
    }

    #using-service-modal .modal-short-content {
        background-color: #fff;
        border-radius: 20px;
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
        border: none;
        overflow: hidden;
        pointer-events: auto;
    }

    #using-service-modal .modal-short-body {
        text-align: center;
        padding: 40px 30px 40px;
    }

    #using-service-modal .modal-short-body p {
        margin-bottom: 5px;
        font-size: 17px;
        font-weight: 500;
        color: #222;
        line-height: 1.4;
    }

    #using-service-modal .modal-short-body p:last-child {
        margin-bottom: 0;
    }

    #using-service-modal .modal-short-footer {
        padding: 0 30px 30px;
        display: flex;
        gap: 10px;
        pointer-events: auto;
    }

    #using-service-modal .modal-short-footer button {
        flex: 1;
        padding: 15px 15px;
        border: none;
        border-radius: 10px;
        font-size: 17px;
        font-weight: 600;
        cursor: pointer;
        transition: all 0.3s ease;
        pointer-events: auto;
    }

    #using-service-modal .modal-short-cancel {
        background-color: #aaa;
        color: #fff;
    }

    #using-service-modal .modal-short-cancel:hover {
        background-color: #999;
    }

    #using-service-modal .modal-short-confirm {
        background-color: #ff6142;
        color: #fff;
    }

    #using-service-modal .modal-short-confirm:hover {
        background-color: #e5533c;
    }
}

/* 576px 미만 (모바일) */
@media (max-width: 575px) {
    #using-service-modal .modal-dialog {
        position: fixed !important;
        top: 50% !important;
        left: 50% !important;
        transform: translate(-50%, -50%) !important;
        width: 85% !important;
        margin: 0 !important;
        pointer-events: auto !important;
    }

    #using-service-modal .modal-dialog.modal-dialog-centered {
        display: block !important;
        align-items: unset !important;
        min-height: unset !important;
    }

    #using-service-modal .modal-short-popup {
        margin: 0;
        max-width: 100%;
        border-radius: 20px;
        pointer-events: auto;
    }

    #using-service-modal .modal-short-content {
        background-color: #fff;
        border-radius: 20px;
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
        border: none;
        overflow-y: auto;
        max-height: 80vh;
        pointer-events: auto;
    }

    #using-service-modal .modal-short-body {
        text-align: center;
        padding: 35px 20px 35px;
    }

    #using-service-modal .modal-short-body p {
        margin-bottom: 4px;
        font-size: 16px;
        font-weight: 500;
        color: #222;
        line-height: 1.4;
    }

    #using-service-modal .modal-short-body p:last-child {
        margin-bottom: 0;
    }

    #using-service-modal .modal-short-footer {
        padding: 0 20px 20px;
        display: flex;
        gap: 10px;
        pointer-events: auto;
    }

    #using-service-modal .modal-short-footer button {
        width: 100%;
        padding: 14px 15px;
        border: none;
        border-radius: 10px;
        font-size: 16px;
        font-weight: 600;
        cursor: pointer;
        transition: all 0.3s ease;
        pointer-events: auto;
    }

    #using-service-modal .modal-short-cancel {
        background-color: #aaa;
        color: #fff;
        order: 2;
    }

    #using-service-modal .modal-short-cancel:active {
        background-color: #999;
    }

    #using-service-modal .modal-short-confirm {
        background-color: #ff6142;
        color: #fff;
        order: 1;
    }

    #using-service-modal .modal-short-confirm:active {
        background-color: #e5533c;
    }
}

/* 공통 스타일 */
#using-service-modal {
    background-color: rgba(0, 0, 0, 0.5);
}

#using-service-modal .modal-short-content::-webkit-scrollbar {
    width: 6px;
}

#using-service-modal .modal-short-content::-webkit-scrollbar-track {
    background: #f5f5f5;
    border-radius: 10px;
}

#using-service-modal .modal-short-content::-webkit-scrollbar-thumb {
    background: #d2d2d2;
    border-radius: 10px;
}

#using-service-modal .modal-short-content::-webkit-scrollbar-thumb:hover {
    background: #aaa;
}