.md_wrap {position: fixed; z-index: 500; top: 0; left: 0; width: 100vw; height: 100vh; background-color: #00000070;}
.md_wrap.alert {z-index: 600;}
.md_container {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.md_box {background-color: #fff; padding: 40px; border-radius: 15px; }
.md_tit {font-size: clamp(15px, 3vw, 20px); color: #333; width: 100%; text-align: center;} 
.md_text {border-radius: 10px; overflow: hidden; background-color: #f3f3f3; padding: 20px; line-height: 1.6; font-size: clamp(14px, 2vw, 16px); height: 40vh; margin: 20px 0; max-height: 360px; overflow-y: scroll;}
.md_text::-webkit-scrollbar {width: 5px;}
.md_text::-webkit-scrollbar-thumb {border-radius: 10px; background-color: #ccc; height: 50%;}
.md_btn {display: flex; justify-content: center; gap: 8px;}

.md_box dl {display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; gap: 15px; margin-bottom: 30px;}
.md_box dt {font-size: clamp(13px, 2vw, 17px); color: #809da1; text-align: center;}
.md_box dd {font-size: clamp(15px, 3vw, 18px); text-align: center; font-weight: 600;}


.md_wrap.inquiry {background-color: transparent; }
.md_box .tit_inq {display: flex; align-items: center; gap: 10px; flex-direction: row; margin-bottom: 20px;}
.tit_inq dt {width: 35px; aspect-ratio: 1; background: url(../img/symbol_col.png) no-repeat center/contain;}
.tit_inq dd {font-size: clamp(18px, 2vw, 24px); color: #fff;}
.md_box.inquiry {box-shadow: 0 0 15px #083e5750; width: 20vw; background-color: #005e8a; min-width: 450px;}
.md_data + .md_data {margin-top: 10px;}
.chk_data {padding: 15px; border-radius: 10px; background-color: #fff;}
.chk_data .chk_con + .chk_con {margin-top: 8px;}
.md_data .data_tit {font-size: clamp(14px, 1.8vw, 18px); padding: 12px 0 8px; display: block; color: #fff;}
.md_data .data_tit em {font-size: clamp(13px, 1.5vw, 15px); opacity: .7;}
.md_box.inquiry .md_btn {margin-top: 20px;}
.md_call {padding: 16px 20px; border-radius: 10px; background-color: #00D1E9; display: flex; align-items: center; justify-content: space-between; margin-top: 15px;}
.md_call span {font-size: clamp(14px, 1.5vw, 15px); color: #fff; opacity: .8;}
.md_call p {font-size: clamp(15px, 1.5vw, 20px); color: #fff;}
.md_data input[type="text"], .md_data input[type="phone"] {background-color: #fff !important; font-family: inherit; padding: 10px 14px !important; font-size: 16px; border-radius: 8px !important;}


/* ======== 1080px ======== */
@media screen and (max-width: 1080px) {
    .md_container {width: 80vw;}
    .md_box {border-radius: 10px;}
    .md_box dl {gap: 8px; margin-bottom: 20px;}

    .md_wrap.inquiry .md_container {width: auto;}
}


/* ======== 650px ======== */
@media screen and (max-width: 650px) {
    .md_container {width: 100vw;}
    .md_box {padding: 25px;}
    .md_text {padding: 12px; border-radius: 5px; margin: 15px 0 20px;}

    .md_box.inquiry {width: 95vw; min-width: 260px;}
    .md_data + .md_data {margin-top: 6px;}
    .md_call {margin-top: 10px;}
    .md_box.inquiry .md_btn {margin-top: 15px;}
    .md_data .data_tit {padding: 8px 0;}
}