#calculator {
    padding: 0 1rem;
}
#calculator .question_wrap p{
    font-weight: 600;
    font-size: 1.5rem;
}

.result_modal { display: none; position: fixed; width: 100%; height: 100%; background: #33333359;top: 0; left: 0; z-index: 9999; }
.result_modal.on { display: block;}
.result_modal .result_inner { position: absolute; text-align: right; top: 50%; left: 50%; padding: 1.5rem 1.5rem 3rem; border-radius: 15px; background: #fff; transform:translate(-50%, -50%) ;}
.result_modal .result_inner img { width: 1.5rem; }
.result_modal .result_inner > p { font-weight: 600;font-size: 1.5rem;text-align: center; margin-top: 1.5rem; line-height: 1.3;}
.result_modal .result_inner > p #result { font-size: 1.4rem; font-weight: 600; color: #fe8f38;}
.result_modal .result_inner .link_btn { transition: .2s;color: #fe8f38; background: #ffe9d9; margin-top: 1.5rem; display: block; text-align: center; padding: 1rem; border-radius: 15px; border: 1px solid #fecca2;line-height: 1.3;}
.result_modal .result_inner .link_btn:hover { box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;}
.result_modal .result_inner .link_btn p { color: #fe8f38;font-size: 1.4rem; font-weight: 600;}

.question_wrap li.trip_type {
    padding-bottom: 2rem;
}

.question_wrap li.trip_type .input_wrap input {
    display: none;
}

.question_wrap li .input_wrap input:checked + label {
    color: #fe8f38;
    background: #ffe9d9;
    border: 1px solid #fecca2;
    font-weight: 500;
    width: 50%;
}
.question_wrap li .input_wrap label {
    border-radius: 1rem;
    border: 1px solid #e0e0e0;
    background: #f5f5f5;
    text-align: center;
    padding: 1rem 0;
    font-size: 1.3rem;
    width: 50%;
    color: #bdbdbc;
}
.question_wrap li {
    margin-bottom: 1.5rem;
}

.question_wrap li .input_wrap {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-top: 0.7rem;
    gap: 0.5rem;
    
}

.question_wrap li .input_wrap input[type=number] {
    border: 1px solid #fecca2;
    width: 100%;
    font-size: 1.8rem;
    padding: .7rem 1rem 1rem 1rem;
    background: #fff;
    border-radius: 1rem;
}
.question_wrap li .input_wrap input[type=number]::placeholder {
    font-size: 1.2rem;
    font-weight: 500;
    color: #c5b9b5;
    
}
.result_btn {
    display: block;
    margin: 0 auto;
    font-size: 2rem;
    color: #fff;
    border-radius: 1rem;
    background: #1CA485;
    padding: 1.5rem 0;
    width: 100%;
    margin-top: 5rem;
}