/* 퀵배너 */

/* 퀵배너 공통 */
.quick_com{position: fixed; right:5px;z-index: 99; width:150px;padding:7px; border-radius:10px;}
.quick_com a{border-radius: 10px; 
    font-weight: 700; font-size: 17px;}
.quick a:hover{background: #fff1a1;}
.quick{top: 250px; background:#dc0305; height:292px;}
.quick_2{background:#333af8; top:550px; text-align: center;padding:10px;}
.quick_2 a{text-align: center; color:#fff;font-size:25px;}
.quick_2_text{font-size:17px; background:#000; padding:0 10px;}

.quick a{text-align: left;background: #fff; display: block; margin-bottom: 5px; 
    padding: 13px; color: #212121; }
.quick_title{margin-top:10px; font-size: 25px; font-weight: 700; color: #fff;}

/* “에게만” 꼬리표 */
.quick .egeman{
    position: absolute;
    bottom: 33px; 
    right: 0;
    background: #dc0305; 
    color: #fff1a1;    
    font-size: 13px;
    transform: rotate(-18deg);
    transform-origin: left bottom;
}



/* 팝업 */
.pop_wp{z-index: 9999; display: none; background: rgba(0,0,0,0.7); height: 100%; width: 100%; align-items: center; position: fixed; top: 0; left: 0; z-index: 99; justify-content: center;}
.div_pop{ margin: 100px auto;position: relative; width: 38rem; background: #fff; 
    height: fit-content; max-height: 88%; border-radius: 10px; padding: 1.5rem 3rem 3rem;}
.div_pop *{font-size: 16px;} 


.div_pop .pop_tit{text-align: center; padding: 20px 0 7px; font-size: 25px; border-bottom: 2px solid #000; font-weight: 900;}
.pop_tit span{font-size: 16px; font-weight: 300;}


.div_pop .pop_conts{color: #212121;}
.div_pop .pop_conts table{margin: 10px 0;}
.div_pop .pop_conts table th,
.div_pop .pop_conts table td{text-align: left; padding: 8px 15px; border-bottom: 1px solid #f5f5f5;}
.div_pop .pop_conts label{cursor: pointer; padding: 3px 0; display: block;}
.div_pop .pop_conts tr:nth-child(4) label{display: inline-block;}
.div_pop .pop_conts input[type="text"],
.div_pop .pop_conts input[type="tel"],
.div_pop .pop_conts select{padding: 5px 10px; font-size: 15px;}
.div_pop .pop_conts input[type="radio"],
.div_pop .pop_conts input[type="checkbox"]{width: 18px; height: 18px; vertical-align: middle; margin-right: 5px;}
.div_pop .pop_conts input[type="radio"]:last-child{margin-left: 10px;}

.div_pop .agreebox{font-size: 14px; line-height: 1.3; padding: 0 10px;    text-align: left;}
.div_pop .agreebox label{font-weight: 800; padding-bottom: 10px; width: fit-content;}

.bottom_bg{
    background:#dc0305;
    padding:1.875rem 6.25rem;
    border-radius: 10px;
}



/* 닫기 신청하기 버튼 */
.btn_wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    margin-top: 25px;
}
.btn_wrap a {
    flex: 1 1 0;
    text-align: center;
    text-decoration: none;
}
.btn_wrap .btn_ok {
    background: #ea1149;
    color: #fff;
    padding: 15px 0;
    font-size: 17px;
    text-align: center;
    border-radius: 5px;
    width: 100%;
    font-weight: 900;
    margin: 0;
}
.btn_wrap .btn_cancel {
    background: #f5f5f5;
    color: #222;
    padding: 15px 0;
    font-size: 17px;
    text-align: center;
    border-radius: 5px;
    width: 100%;
    font-weight: 900;
    margin: 0;
    border: 1px solid #ddd;
}
.btn_wrap a:first-child { order: 2; }
.btn_wrap a:last-child { order: 1; }

 /*띠배너 - 아이폰에서도 맨하단에 위치하도록 수정 */
 .bottom_banner {
    width: 100vw;
    left: 0;
    right: 0;
    text-align: center;
    font-size: 1.6rem;
    position: fixed;
    bottom: 0;
    z-index: 50;
    background-color: #0042ff;
    padding: 20px 0;
    color: #fff;
    font-weight: 700;
 }

@media (max-width: 720px) {
    .quick_com{display: none;}
    .btn_wrap {
        display: flex;
        flex-direction: column;
        gap: 6px;
        margin-top: 10px;
        width: 100%;
    }
    .btn_wrap a {
        width: 100%;
        font-size: 1.15rem;
        font-weight: 900;
        padding: 14px 0;
        min-height: 46px;
        box-sizing: border-box;
        border-radius: 3px;
        margin: 0;
        text-align: center;
    }
    .btn_wrap .btn_ok {
        background: #ea1149;
        color: #fff;
        border: none;
    }
    .btn_wrap .btn_cancel {
        background: #f5f5f5;
        color: #222;
        border: 1px solid #ddd;
    }
    .btn_wrap a:first-child { order: 1; }
    .btn_wrap a:last-child { order: 2; }

    .div_pop {
        width: 98vw;
        max-width: 410px;
        padding: 0.9rem 0.2rem 1rem;
        min-height: 0;
    }
    #evtForm {
        margin-top: -36px;
    }
}