﻿button{border:none; background:none;}
body.on{overflow:hidden;}
.seach_modal_con{display:none; max-width:700px; width:95%; position:fixed; top:50%; left:50%; transform: translate(-50%,-50%);
    padding:40px 35px; box-sizing:border-box; border:2px solid #EFEFEF; background:#fff;
}
.seach_modal_con.on{display:block;}
.seach_modal_con_dummy{display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5);}
.seach_modal_con_dummy.on{display:block;}
.seach_modal_con select{
background: url('') no-repeat 95% 50%;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.search_title{font-size:20px; color:#00426E; border-bottom:1px solid #00426E;
text-align:left;padding-bottom:10px; margin-bottom:30px;}
.close_btn{width:19px; height:19px; position: absolute; top:40px; right:40px; cursor:pointer;}
.close_btn span{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; height:1px; background:#00426E;}
.close_btn .line1{transform:translate(-50%,-50%) rotate(45deg);}
.close_btn .line2{transform:translate(-50%,-50%) rotate(-45deg);}
.flex_box1,.flex_box2{display:flex; box-sizing : border-box;}
.flex_box1{margin-bottom:10px; height:40px;}
.flex_box1 select,.flex_box1 input{margin-right:10px;}
.flex_box1 select{width: 150px; padding:0px 7px; font-size: 1rem; border:1px solid #e7e7e7; color:#00426E;
text-align:left; height: inherit; border-radius:0;}
.flex_box1 input{width:210px; border:1px solid #e7e7e7; padding:0px 7px;height: inherit; box-sizing:border-box; box-shadow: none;
    border-radius: 0;-webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;}
.flex_box1 input::placeholder{color:#B8B8B8; font-size:1rem;}
.flex_box1 .search_btn{width: 90px; height: inherit; background:#00426E; color:#fff; font-size:1rem; cursor:pointer;}

.flex_box2{margin-bottom:30px;}
.flex_box2 .list_container{width:310px;border:1px solid #efefef; margin-right:10px; padding:10px; box-sizing: border-box;}
.flex_box2 .list_container_inner{max-height: 300px; min-height: 300px;}
.flex_box2 .list_container_inner1 span,.flex_box2 .list_container_inner4 span{font-size:1rem; color:#888888; line-height: initial;}
.flex_box2 .list_container_inner2{overflow-y: auto;  padding-right: 10px;}
.flex_box2 .list_container_inner2::-webkit-scrollbar { width: 2px; background-color: #fff; }
.flex_box2 .list_container_inner2::-webkit-scrollbar-thumb{width:2px; background:#EFEFEF; }
.flex_box2 .list_container .list_container_inner2 ul{padding:0;margin: 0}
.flex_box2 .list_container .list_container_inner2 li{border:1px solid #fff;border-bottom:1px solid #F3F3F3; margin-bottom:10px; padding:10px; cursor:pointer;}
.flex_box2 .list_container .list_container_inner2 li:active,.flex_box2 .list_container .list_container_inner2 li.liActive{background:#f2f2f2;border: 1px solid #f1f1f1;}
.flex_box2 .list_container .list_container_inner2 li.direct_input{margin-bottom:0; border-bottom:0; padding-bottom:0;}
.flex_box2 .list_container .list_container_inner2 h4{color:#888888; font-size:1rem; text-align: left; line-height: 1.5; margin:0;}
.flex_box2 .list_container .list_container_inner2 span{color:#B8B8B8; font-size:14px; font-weight: lighter; text-align: left; line-height: 1.5; }
.flex_box2 .list_container_inner3{text-align:center;}
.flex_box2 .list_container_inner3 span{font-size:1rem; color:#111111; line-height: initial; padding:130px 0; display:inline-block; padding:130px 0;}
.flex_box2 .detail_select_bar{width:310px; }
.flex_box2 .detail_select_bar .detail_select_bar_inner{width:100%; margin-bottom:10px; border:1px solid #00426E; padding:15px 10px; box-sizing:border-box;}
.detail_select_bar_inner h4{font-size:1rem; line-height:1.5; color:#00426E; margin:0;}
.detail_select_bar_inner span{font-size:1rem; color:#161616;}
.detail_select_bar_inner2 input{margin-bottom:10px;}
.detail_select_bar_inner2 input,.detail_select_bar_inner3 input{ width: 100%; height:40px; font-size:1rem;  border:1px solid #00426E; padding:0px 7px; color:#000; box-sizing: border-box; border-radius: 0;
    box-shadow: none; -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;}
.detail_select_bar_inner2 input::placeholder,.detail_select_bar_inner3 input::placeholder{color: #B8B8B8;}
.confirm_btn{text-align:center; margin-top: 30px;}
.confirm_btn button{ width:150px; height:40px; background:#DE1515; color:#FFFFFF; cursor:pointer; font-size:1rem; }

/*미디어 쿼리*/
@media  all and (max-width:787px){
.seach_modal_con{width:100%;
    position:fixed; top:0; left:0; transform: unset; max-width:unset; border:none; height:100%;
    padding:30px 20px; overflow: auto;
}
.close_btn{top:30px; right:20px;}
.search_title{margin-bottom:20px;}
.flex_box1, .flex_box2{display:unset;}
.flex_box1{height:auto;}
.flex_box1 select{width:100%; height:40px; margin-bottom:10px;}
.flex_box1 input{width: 100%; height:40px; margin-bottom:20px;}
.flex_box1 .search_btn{width:100%; height:50px; margin-bottom:20px;}
.flex_box2 .list_container{width:100%; margin-bottom:10px;}
.flex_box2 .list_container_inner{max-height:300px; min-height: 300px;}
.flex_box2 .detail_select_bar{width:100%;}
.seach_modal_con select{background: url('') no-repeat 98% 50%;}
.confirm_btn{ margin-top:20px;}
.confirm_btn button{width:100%; height:50px; font-size:18px;}
}
table input.hospitalBox{background: #e9e9e9;
    color: #555;
    cursor: auto;
}