/* popup */
input,
select,
label,
input[type="checkbox"],
input[type="radio"],
button{all: revert;}

.pop_wrp{position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0, 0, 0, 0.85); display: none; align-items: center; justify-content: center; font-size: 15px; z-index: 1000; overflow: hidden;}
.pop_wrp .popup{position: relative; width: 25%;}
.pop_wrp .popup img{border-radius: 10px;}
.pop_wrp .closeX{position: absolute; right: 15px; top: 0; font-size: 58px; font-weight: 100; cursor: pointer;}

.pop_wrp .applyForm{position: relative; margin: 0 auto; padding: 30px; border-radius: 10px; background: #fff;}
.pop_wrp .applyForm > em{text-align: center; font-size: 16px; letter-spacing: -1px; font-weight: 500; padding: 10px 0 15px; display: block;}
.pop_wrp .pop_ttl{font-size: 26px; font-weight: 900; width: fit-content; margin: 0 auto 5px; text-align: center; line-height: 1.2;}
.pop_wrp .applyForm .closeX{top: 0; right: 0;}
.pop_wrp .applyForm .apply_conts{overflow-y: auto; max-height: 45rem; margin-bottom: 20px; border-bottom: 1px solid #ddd; border-top: 2px solid;}

.pop_wrp .applyForm .apply_conts ul{overflow: hidden;}
.pop_wrp .applyForm .apply_conts li{width: 100%; display: inline-flex; border-bottom: 1px solid #eee; align-items: center; padding: 12px 0;}
.pop_wrp .applyForm .apply_conts li:last-child{justify-content: center; background: #27b8b8; color: #fff; border: 0}
.pop_wrp .applyForm ul li div{width: 65%;}
.pop_wrp .applyForm ul li div:first-child{width: 30%;}
.pop_wrp .applyForm .apply_conts li .small{font-size: 14px; font-weight: 400; line-height: 1.2;}

.pop_wrp .applyForm sup{color: #ff3153; font-weight: 900; font-size: 18px; margin: -5px 0 0 2px; display: inline-block;}

.pop_wrp .agree{padding: 15px 0; line-height: 1.1; font-size: 14px;}
.pop_wrp .agree_box{padding: 10px 20px 15px; background: #efefef; border-left: 0; border-right: 0; margin: 10px 0; border-radius: 5px; line-height: 1.3; color: #555; font-size: 13px;}
.pop_wrp .agree_txt{text-align: center;}
.pop_wrp .agree strong{font-weight: 800; color: #5a5a5a; padding-top: 10px;}
.pop_wrp .agree_box strong{display: block;}
.pop_wrp .applyForm .check{display: block; font-size: 16px; font-weight: 700;}
.pop_wrp .applyForm .btn_ok{background: #000; color: #fff;}
.pop_wrp .applyForm .btn_close{border: 1px solid;}
.pop_wrp .applyForm .btn_wrap a{width: 30%; display: inline-block; margin: 20px 5px 0 0; padding: 13px 0 15px; border-radius: 50px; font-size: 19px; font-weight: 700; text-align: center;}
.pop_wrp .btn_wrap{text-align: center;}

.pop_wrp input[type="text"]{border: 1px solid #eee; padding: 6px 10px; width: 91%; height: 25px;}
.pop_wrp input[type="radio"]{width: 16px; height: 16px; margin-right: 5px; border: 1px solid; vertical-align: bottom;}
.pop_wrp input[type="checkbox"]:checked{background: #007bff;}
.pop_wrp label{margin: 5px 5px 0 0; cursor: pointer; display: inline-flex; align-items: center;}

.pop_wrp .phone select{width: 25%;}
.pop_wrp .phone input[type="text"]{width: 25%;}
.pop_wrp select{width: 100%; height: 40px; padding: 0 16px; margin: 3px 0; border: 1px solid #E8E8E8; box-sizing: border-box; font-weight: 500; font-size: 14px; line-height: 20px; letter-spacing: -0.05em; color: #252525; background: #FFF; cursor: pointer; border-radius: 4px; /* appearance: none; -webkit-appearance: none; text-overflow: ellipsis; white-space: nowrap; */}
.pop_wrp select.brand{display: none;}
.pop_wrp select.brand option:disabled{color: #cfcfcf;}
.pop_wrp .btn_plus,
.pop_wrp .btn_delete{border-radius: 50px; padding: 5px 10px; color: #fff; width: 75px; font-size: 13px; text-align: center; margin-top: 7px;}
.pop_wrp .btn_plus{background: #ff3153;font-weight: 600;}
.pop_wrp .btn_delete{background: #999; font-weight: 400;}
/*
.pop_wrp .btn_delete{display: none; font-size: 13px; color: #777; text-decoration: underline; margin: 15px 0;}*/


.pop_wrp .red{color: #ff3153;}


.evt_wrp .dungdung{animation: updown 1s both infinite alternate;} 
.evt_wrp .blink{animation: blink 1.5s infinite;} 
.evt_wrp .delay{animation-delay: 0.5s;} 
.evt_wrp .up-on-scroll{transition: transform .7s, opacity 1.7s;}

@keyframes blink{0%{opacity: 1} 50%{opacity:.2} 100%{opacity:1}} 
@keyframes updown{0%{transform: translateY(-5px);} 100%{transform: translateY(5px);}} 

@media screen and (max-width: 1024px){ 
    .pop_wrp .popup{width: 65%;}
}

@media screen and (min-width: 768px) and (max-width: 1024px){ 
.pop_wrp .applyForm .apply_conts{overflow-y: auto; max-height: 75rem;}
}

@media screen and (max-width: 760px){
    .pop_wrp .popup{width: 92%;} 
    .pop_wrp .phone input[type="text"]{width: 18%;}
    .pop_wrp .phone select{width: 33%;}
    .pop_wrp label{display: block;}
    .pop_wrp .applyForm .apply_conts li:last-child{padding-left: 5%;}
    .pop_wrp .applyForm{padding: 30px 6%;}
    .pop_wrp .apply_conts label em{padding-left: 20px;}
}