input {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}

select {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}
textarea, select, input, button { outline: none; }
::-webkit-scrollbar {display: none;}

img {border: 0px; padding: 0px; margin: 0px}
body {font-size: 16px; color: black; margin: 0px; padding: 0px; font-family: 'Noto Sans KR', 'sans-serif'; background-color: #F2f2f2}
a {text-decoration: none}
.clear {clear: both}
.pad5 {padding: 5%}
.i_100 {width: 100%}

.bgcover {background-size: cover; background-position: center; background-repeat: no-repeat;}


.meet_logo {width: 138px; height: 128px; margin: 40% auto 0px auto; background-image: url('/garage/images/meet_logo.png'); background-size: contain; background-position: center; background-repeat: no-repeat;}
.meet_logo_txt {width: 164px; height: 58px; margin: 20px auto; background-image: url('/garage/images/meet_logo_txt.png'); background-size: contain; background-position: center; background-repeat: no-repeat;}
.meet_title {margin: 20px auto; font-size: 26px; font-weight: 700; color: white; text-align: center;}
.meet_title_se {margin: 16px auto; font-size: 19px; font-weight: 400; color: white; text-align: center;}
.meet_loading {position: relative; width: 200px; height: 2px; border-radius: 1px; background-color: #fbb0cf; margin: 170px auto 10px auto}
.meet_loading_bar {position: absolute; top: 0px; left: 0px; width: 10%; height: 2px; border-radius: 1px; background-color: white; animation: fill-progress 3s ease-in-out forwards;}
@keyframes fill-progress {0% {width: 0%;} 100% {width: 100%;}}
.meet_loading_txt {text-align: center; font-size: 18px; opacity: 0.7; color: white;}


.header {width: 90%; background-color: white; padding: 5% 5%; box-shadow: 0px 0px 10px #dfdfdf;}
.header_title {float: left; height: 40px; line-height: 40px; font-size: 22px; font-weight: 700;}
.header_logo {float: left; width: 130px; height: 40px; background-image: url('/garage/images/header_logo.png'); background-size: contain; background-position: center; background-repeat: no-repeat;}
.header_noti {float: right; width: 26px; height: 26px; margin: 7px 0px; background-image: url('/garage/images/header_noti.png'); background-size: contain; background-position: center; background-repeat: no-repeat;}
.header_searching {float: right; width: 26px; height: 26px; margin: 7px 0px; background-image: url('/garage/images/header_searching.png'); background-size: contain; background-position: center; background-repeat: no-repeat;}
.header_search {width: 100%; height: 56px; background-color: #f2f2f2; border-radius: 28px; margin: 10px 0px 0px 0px}
.header_search_ipt {width: calc(100% - 60px); height: 56px; border: 0px;  border-radius: 28px; padding: 0px 0px 0px 60px; background-image: url('/garage/images/header_search_ipt.png'); background-size: 30px; background-position: 15px center; background-repeat: no-repeat; background-color: #f2f2f2; font-size: 18px}

.footer {position: fixed; left: 0px; bottom: 0px; width: 100%; height: 75px; background-color: white; border-top: 1px solid #dfdfdf}
.footer_m {float: left; width: 20%; color: #AAAAAA}
.footer_m_s {float: left; width: 20%; color: #EF5A98}
.footer_mp {width: 26px; height: 26px; margin: 10px auto; background-size: cover; background-position: center; background-repeat: no-repeat}
.footer_mc {text-align: center; font-size: 15px;}

.footer_vct {height: 100px}

.common_title {margin: 10% 0px 5% 0px; line-height: 30px;}
.common_title_txt {float: left; font-size: 22px; font-weight: 700;}
.common_title_more {float: right; font-size: 18px; color: #EF5A98}

.idx_menu {margin: 5% 0px; width: 90%; padding: 5%; background-color: white; border-radius: 20px; box-shadow: 0px 0px 10px #dfdfdf;}
.idx_menu_m {float: left; width: 25%}
.idx_menu_mp {width: 56px; height: 56px; margin: 0px auto 10px auto; background-size: cover; background-position: center; background-repeat: no-repeat;}
.idx_menu_mc {text-align: center; font-size: 15px; font-weight: 500px;}

.idx_procedure {width: 100%; height: 265px; overflow-x: scroll;}
.idx_hospital {}


.procedure_m {float: left; width: 180px; height: 257px; border-radius: 15px; box-shadow: 0px 0px 7px #dfdfdf; background: white}
.procedure_mp {width: 180px; height: 110px; border-top-left-radius: 15px; border-top-right-radius: 15px;}
.procedure_mc {padding: 10px 10px 5px 10px; font-size: 19px; font-weight: 700;}
.procedure_mb {padding: 0px 10px; font-size: 15px; font-weight: 400px; color: #888888}
.procedure_mprice {padding: 5px 10px; font-size: 14px; color: #888888}
div.procedure_mprice span {color: #EF5A98; font-size: 21px; font-weight: 700;}
.procedure_mstar {font-size: 15px; color: #888888; padding: 0px 10px}

.hospital_m {width: 100%; border-radius: 15px; margin: 0px 0px 20px 0px; background: white}
.hospital_mp {height: 180px; border-top-left-radius: 15px; border-top-right-radius: 15px}
.hospital_mc {padding: 10px 10px 10px 10px; font-size: 21px; font-weight: 700;}
.hospital_mcategory {padding: 0px 10px}
.hospital_mcategory_m {float: left; line-height: 30px; background-color: #FFF0F7; color: #EF5A98; padding: 0px 10px; border-radius: 5px; margin: 0px 5px 0px 0px; font-size: 14px;}
.hospital_mstar {padding: 10px; font-size: 16px; color: #888888}
div.hospital_mstar span {font-size: 19px; font-weight: 700; color: black;}
.hospital_mmap {height: 18px; margin: 5px 10px; padding: 0px 0px 0px 25px; line-height: 18px; background-image: url('/garage/images/ic_map.png'); background-size: 18px; background-repeat: no-repeat; background-position: left center; font-size: 16px}
.hospital_mtime {height: 18px; margin: 10px 10px; padding: 0px 0px 0px 25px; line-height: 18px; background-image: url('/garage/images/ic_time.png'); background-size: 18px; background-repeat: no-repeat; background-position: left center; font-size: 16px}
div.hospital_mtime span {color: #00A854; font-weight: 700;}
.hospital_mline {height: 1px; width: 90%; margin: 5%; background-color: #efefef}
.hospital_mfav {float: left; width: 44px; height: 44px; background-size: 24px; background-image: url('/garage/images/ic_fav.png'); background-position: center; background-repeat: no-repeat; margin: 0px 0px 0px 10px}
.hospital_monline {float: right; width: 118px; height: 42px; line-height: 42px; border: 1px solid #EF5A98; border-radius: 22px; font-size: 16px; font-weight: 500; color: #EF5A98; text-align: center; margin: 0px 10px 5% 0px}
.hospital_mreservation {float: right; width: 118px; height: 42px; line-height: 42px; border: 1px solid #EF5A98; background: #EF5A98; border-radius: 22px; font-size: 16px; font-weight: 500; color: white; text-align: center; margin: 0px 10px 5% 0px}