/*공통*/
.content.sub{
  font-size: 0.8rem;
  display: block;
}

.tb_wrap{
  overflow: auto;
  display: inline-block;
  width: 100%;
  position: relative;
  -webkit-overflow-scrolling:touch;
}

table{
  border-collapse: collapse;
}

.tb_type1{
  width: 1000px;
  font-weight: 0.75rem
}

.tb_type1 th, .tb_type1 td{
   border: 1px solid #ddd;
}

/*진료과/의료진*/
.subTab1_wrap{
  display: inline-block;
  width: 100%;
  border-bottom: 1px solid #ddd;
}

.subTab1_wrap div{
  width: 25%;
  float: left;
  text-align: center;
  padding: 10px 5px;
  position: relative;
}

.tab_border{
  display: block;
  width:25%;
  padding: 0 5%;
  transition: 0.3s ease;
}

.tab_border:before{
  content: "";
  display: block;
  height: 3px;
  background: rgb(27, 114, 172);
}

.subTab1_wrap.on0 .tab_border{ transform: translateX(0%);}
.subTab1_wrap.on1 .tab_border{ transform: translateX(100%);}
.subTab1_wrap.on2 .tab_border{ transform: translateX(200%);}
.subTab1_wrap.on3 .tab_border{ transform: translateX(300%);}

.bannerTyPe_ul{
  display: inline-block;
  padding: 5% 0;
  width: 100%;
}

.bannerTyPe_ul li{
  display: inline-block;
  width: 50%;
  float: left;
  padding: 5px 5px 0px 10px;
  font-size:0.75rem
}

.bannerTyPe_ul li:nth-of-type(even){
  padding-left: 0;
  padding-right: 10px;
}

.bannerTyPe_ul li a, .bannerTyPe_ul li span{
  display: block;
  border: 1px solid #ddd;
  padding: 10px;
}

#medi_info .bannerTyPe_ul li a{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}

/*진료과 의료진? 의료진소개*/
.colum_type1.docIntroduce{
  padding: 0.7rem 0;
}

.colum_type1.docIntroduce .colum1{
  border: 1px solid #ddd;
  padding: 0.75rem;
}

.colum_type1.docIntroduce h3:before{
  margin-left: 10px;
}

.colum_type1.docIntroduce .colum1 h4:first-child{
  margin-top: 0;
}

.colum_type1.docIntroduce .colum1 .txt_ul{
  padding-left: 0.75rem;
}

.colum_type1.docIntroduce .colum2{
  display: inline-block;
  width: 100%;
  margin:0 0 2rem 0;
  /*border-top: 1px solid #ddd;*/
  border-bottom: 1px solid #ddd;
}

.colum_type1.docIntroduce .profile{
  display: inline-block;
  width: 100%;
}


.colum_type1.docIntroduce .info{
  width: 70%;
  float: left;
  padding-left: 10px;
}

.colum_type1.docIntroduce .colum2 .name{
  font-size: 1.5rem;
  padding: 0.5rem 0 0.3rem 0;
  margin-bottom: 0.3rem;
}

.colum_type1.docIntroduce .colum2 .part{
  font-size: 1rem;
  opacity: 0.8;
  /*color: #115aa3*/
}

.colum_type1.docIntroduce .colum2 .specialty{
  margin-top: 0.3rem;
  opacity: 0.7;
}

.colum_type1.docIntroduce .colum2 .expand_more{
  position: absolute;
  top:15px;
  right: 15px;
  padding: 0.4rem;
  border: 1px solid #333;
  border-radius: 100%;
  transition: background 0.3s ease;
}

.colum_type1.docIntroduce .colum2 .expand_more.on{
  transform: rotate(180deg);
  background: #333;
  color: #fff;
}

.colum_type1.docIntroduce .colum2 .detail{
  display: none;
}

.colum_type1.docIntroduce .colum2 .expand_more.on + .detail{
  display: block;
  border-top: 1px dotted #ddd;
  padding-top: 0.75rem;
}

.colum_type1.docIntroduce .colum2 .detail>li>div{
  font-size: 0.9rem;
  margin: 0.8rem 0 0.5rem 0;
}

.colum_type1.docIntroduce .colum2 .detail>li:first-child div{
  margin-top: 0;
}

.colum_type1.docIntroduce .colum2 .detail>li>ul{
  border: 1px solid #ddd;
  border-radius: 5px;
  padding: 0.75rem;
  opacity: 0.7;
}

/*서브콘텐츠*/

.subTab2_wrap{
  display: inline-block;
  width: 100%;
  border-bottom: 1px solid #ddd;
  margin-bottom: 5%;
}

.subTab2_wrap2{
  width: 100%;
  margin: auto;
  overflow: auto;
  text-align: center;
}

.subTab2_wrap2>ul{
  display: inline-block;
  margin: auto;
  padding: 10px 0;
}

.subTab2_wrap2>ul>li{
  padding: 0 10px;
  display: inline-block;
  float: left;
  border-right: 1px solid #ddd;
}

.subTab2_wrap2>ul>li:last-child{
  border-right: none;
}

/*진료예약(변경)   border: 1px solid red;   */
	.colum_type1{
	  background: #ffffff;
	  padding: 0;
	  margin: 0;
	}
	 .gbar2,  .gbar3,  .gbar4 { background: #f2f2f2;  height:12px;}
	 .step1,  .step2, .step3,  .step4 {
		 display:block;
		 overflow:hidden;
		 height:45px;
		 padding: 0;
		 margin: 0;
	  }

    .colum_type1.reservation .bannerTyPe2_ul li{
      border: 1px solid #ddd;
      border-top: none;
    }

    .colum_type1.reservation .bannerTyPe2_ul li:first-child{
      border-top: 1px solid #ddd;
    }

  .colum_type1.reservation .bannerTyPe_ul2 li{
    padding: 0.5rem 0;
    /*height: 2.1052rem;*/
  }

  #step2 .bannerTyPe_ul2 li{
    height: 2.1052rem;
  }

	#step1 .bannerTyPe_ul2, #step2 .bannerTyPe_ul2, #step3 .bannerTyPe_ul2, #step4 .bannerTyPe_ul2 {
    display: inline-block;
    font-size: 0.9rem;
     padding: 0;
	   width:100%;

	}

.select_item1 {
  float: left;
  width: 35%;
  /*padding-top: 5px;*/
  /*height: 35px;*/
  text-align: center;
  background: #4fc0e8;
  overflow:hidden;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border: 1px solid #4fc0e8;
  box-sizing: border-box;
  color: #fff;
}

 .select_item2 {
  float: left;
  width: 65%;
  /*padding-top: 5px;*/
  /*height: 35px;*/
  text-align: center;
  border: 1px solid #4fc0e8;
  overflow:hidden;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;

  color: #4fc0e8 !important;
  box-sizing: border-box;
  cursor:pointer;
}

 .select_item3 {
 position:relative;
  float: left;

  width: 65%;
  height:2rem;
  line-height:2rem;
  text-align: center;
  border: 1px solid #4fc0e8;
  overflow:hidden;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  color: #4fc0e8;
  cursor:pointer;
  vertical-align:middle;
}


 .select_item2 .agree_ok {
   width: 90%;
   line-height:24px;
   border :none;
   margin:0;
    padding:0;
}


#step2 .pofile{
  display: inline-block;
  width: 100%;
  border-bottom: 1px solid #ddd;
  padding: 0.5rem 0;
}

#step2 .pofile .img_wrap{
  width: 30%;
  float: left;
  margin-right: 5%;
  /*overflow: hidden;*/
}

#step2 .pofile .img_wrap img {
 border-radius: 5px;
 width: 100%;
 margin-bottom: 0;
}

#step2 .doc_select_ul{
  /*height: 200px;*/
  /*overflow: auto;*/
  transition: 0.5s ease;
  border: 1px solid #ddd;
  border-radius: 5px;
  padding: 0.5rem;
}

#step2 .doc_select_ul>li:last-child{
  border-bottom: none;
}

#step2 .pofile .img_wrap .imgBox{
  margin: 0;
  width: 100%;
  /*height: 100px;*/
  padding-top: 110%;
  background-size: cover !important;
  border-radius: 5px;
}

#step2 .pofile .doc_info{
  display: inline-block;
  width: 65%;
}

#step2 .doc_info>li{
  padding: 0.2rem 0;
  border-bottom: 1px solid #ddd;
}

#step2 .doc_info>li:last-child{
  border-bottom: none;

}

#step2 .doc_info>li:last-child span, .exam{
  color: rgb(232, 144, 41);
  border: 1px solid rgb(232, 144, 41);
  padding: 0.1rem 0.3rem;
  font-size: 0.6rem;
  border-radius: 5px;
  position: relative;
  top: -2px;
}


#step2 .submit{
  background: #44a8cc;
  border-radius: 5px;
  border: none;
  color: #fff;
  padding: 0.3rem 0.5rem;
  margin-top: 0.5rem;
  height: 35px;
  width: 100%;
}


#step3 .date .controller{
		background: #4fc0e8;
		text-align: center;
		color: #fff;
    font-size: 0;
		padding: 0.3rem 0;
		position: relative;
    height:40px;
}

#step3 .date .controller .keyboard_arrow_down{
  display: inline-block;
  font-size: 1.2rem;
  position: relative;
  top: 0.31rem;
}

	#step3 .date .controller p {
	  display:inline-block;
    font-size: 0.9rem;
		cursor:pointer;
    /*position: absolute;
	 width:50%;
	 left:25%;
	 height:25px;
	 top:25%;*/
	 background: #4fc0e8;

	}


#step3 .date .controller .list{
  display:none;
  position: absolute;
  border-radius: 5px;
  width:50%;
  left:25%;
  height:6.6rem;
  top: 35px;
  line-height: 31px;
  overflow: hidden;
  background: #4fc0e8;
  z-index: 10;
  border:1px solid #ffffff;
  box-shadow:0px 0px 5px 0px rgba(0, 0, 0, 0.75);
  font-size: 0.9rem;
}


#step3 .date .controller .list span{
   cursor: pointer;
   display:block;
   padding: 0.25rem;
}

#step3 .date .controller .list span:first-child{
  padding-top: none;
}

#step3 .date .controller .list span:hover{
      transition-duration:0.2s;
	 transition-timing-function:ease;
     background: #1894BC;
}

/*
#step3 .date .controller .pre{
  position: absolute;
  left: 10px;
}

#step3 .date .controller .next{
  position: absolute;
  right: 10px;
}
*/

#step3  .date table{
  width: 100%;
  text-align: center;
}

#step3  .date table thead{
  background: #f1f2f6
}

#step3  .date table th,  #step3 .date table td{
  padding: 0.5rem;
  border: 1px solid #ffffff;
}

#step3 .date table th:first-child, #step3 .date table td:first-child{
  color: #ff4242;

}

#step3 .date table th:nth-child(7), #step3 .date table td:nth-child(7){
  color: #115aa3;
}

#step3 .date table .on{
  background: #44a8cc;
  color: #fff !important;
  transition: 0.5s;
}

/*
#step3 .time{
  visibility: hidden;
  position: absolute;
  display: inline-block;
  width: 100%;
  border: 1px solid #4fc0e8;
  border-radius: 5px;
  overflow: hidden;
  margin-top: 0.75rem;
  opacity: 0;
  transition: 1s ease;
}

#step3 .time.on{
  visibility: visible;
  opacity: 1;
  position: inherit;
}
*/
	#rev_time {
    display:none;
    position: absolute;
    border-radius: 5px;
    padding:10px;
    width:80%;
    left:10%;
    height:auto;
    min-height:80px;
    top:308px;
    line-height: 30px;
    overflow: hidden;
    background: #4fc0e8;
    z-index: 10;
    border:1px solid #ffffff;
    box-shadow:0px 0px 5px 0px rgba(0, 0, 0, 0.75);
    color: #fff;
    font-size: 1rem;
		}

			#rev_time span:hover {
				  transition-duration:0.2s;
				 transition-timing-function:ease;
				 background: #1894BC;
			 }
/*
#step3 .time>div{
  width: 50%;
  float: left;
  background: #4fc0e8;
  color: #fff;
  text-align: center;
  height: 30px;
  line-height: 30px;
}

#step3 .time .time_select{
  width: 50%;
  height: 30px;
  line-height: 30px;
  border: none;
  padding-left: 5%;
  background: url("../img/common/select_bg.png") no-repeat 85% 13px;
  background-size: 7px 7px;
}



.reservation .submit_step3{
  visibility: hidden;
  opacity: 0;
  transition: 0.5s ease;
  margin-top: 1rem;
  position: absolute;
}

.reservation .submit_step3.on{
  visibility: visible;
  opacity: 1;
  position: inherit;
}


reservation .step4{
  height: 40px;
  overflow: hidden;
  transition: 0.5s ease;
}

.reservation .step4.on{
  height: auto;
}

.reservation .submit_step3:before{
  content: "";
  position: absolute;
  display: inline-block;
  width: 100%;
  height: 100%;
  right: 0;
  left:0;
  top:0;
  bottom:0;
  background: #000;
}

.reservation .step4 table th, .reservation .step4 table td{
  border: 1px solid #ddd;
  padding: 0.5rem 0.75rem;
}

.reservation .step4 table th{
  width: 25%;
  background:#4fc0e8;
  color: white;
  font-weight: normal;
  border-left: 1px solid #4fc0e8;
  border-bottom:1px solid #3baed7;
}

.reservation .step4 table td{
  width: 75%;
}

.reservation .step4 table td div{
  height: 200px;
  overflow: auto;
}

.reservation .step4 table td input{
  margin-top: 0.05rem;
  margin-left: 0.5rem;
  margin-right: 0.7rem;
  width: 15px;
  height: 15px;
  border-radius: 100%;
}

.reservation .step4 table td input:checked{
  background: url("../img/common/dot.png") no-repeat center;
  background-size: 7px;
}

.reservation .step4 .info{
  margin: 1rem 0 2rem 0;
  color: #595959;
}

*/
.bannerTyPe_ul5 {
    position:absolute;
	top:13%;
    left:2px;
	right:2px;
	height:14rem;
	line-height: 1rem;
	padding:0.5rem;
    background-color:#fafaf0;
  border-radius: 15px;
}

.bannerTyPe_ul5 .item_TH {
  float:left;
  margin-top: 5px;
  width: 50%;
  padding-top: 5px;
  height: 35px;
  text-align: center;
  border-radius: 5px;
  border: 1px solid #4fc0e8;
  color: #fff;
background-color: #4fc0e8;
}

.bannerTyPe_ul5 .item_TD {
  float:right;
  width: 100%;
  padding : 4px 10px 15px 5px;
  text-align: left;
  border-radius: 5px;
  border: 1px solid #4fc0e8;
 border:1px solid #4fc0e8;
 line-height:28px;
  margin-bottom: 5px;
}



#step4 .revCheck .bannerTyPe_ul4 .item_TH {
  float:left;
  margin-top: 5px;
  width: 50%;
  padding-top: 5px;
  height: 35px;
  text-align: center;
  border-radius: 5px;
  border: 1px solid #4fc0e8;
  color: #fff;
background-color: #4fc0e8;
}

#step4 .revCheck .bannerTyPe_ul4 .item_TD {
  float:right;
  width: 100%;
  padding : 5px 10px;
  text-align: left;
  border-radius: 5px;
  border: 1px solid #4fc0e8;
 z-index: 10;
 border:1px solid #4fc0e8;
 line-height:28px;
  margin-bottom: 5px;
}

#step4 .submit, #step4 .cancel{
  width: 100%;
  padding: 1rem;
  background: #EC6887;
  color: white;
  border: none;
  border-radius: 5px;
}

#step4 .cancel{
   background: rgb(25, 12, 61);
   margin-top: 1rem;
 }

 #step4 .select_item2{
   font-size: 0.7rem;
 }

/*
#step4 .agree_ck{
   background-color:#808080;
   color: #c0c0c0;
 }
*/

.colum_type1.reservation .preStep{
  position: fixed;
  bottom: 1.5rem;
  right: 1.5rem;
  background: rgb(78, 194, 157);
  color: #fff;
  z-index: 100;
  width: 3rem;
  height:3rem;
  line-height: 3rem;
  text-align: center;
  cursor: pointer;
  border-radius: 100%;
  box-shadow: 0px 0px 10px -4px rgba(0, 0, 0, 0.72);
}


/*빠른예약*/

.content.sub .quick .colum1{
  border: 1px solid #115aa3;
  padding: 0.8rem;
  border-radius: 5px;
  color: #333;
  position: relative;
  margin-top: 4.5rem;
}

.content.sub .quick .colum1:before, .content.sub .quick .colum1:after{
  content:"";
  display: block;
  position: absolute;
  top:-30px;
  left: 50%;
  border: solid transparent;
}

.content.sub .quick .colum1:before{
  border-bottom-color: #115aa3;
  border-width: 15px;
  margin-left: -15px;
}

.content.sub .quick .colum1:after{
  border-bottom-color: #fff;
  border-width: 16.5px;
  margin-left: -16.5px;
}

@keyframes headset_mic{
  0%{opacity: 1}
  50%{opacity: 0.7}
  100%{opacity: 1}
}

.content.sub .quick .colum1 .headset_mic{
  position: absolute;
  font-size: 2rem;
  padding: 0.5rem;
  border: 2px solid #115aa3;
  color: #115aa3;
  border-radius: 100%;
  background: #fff;
  left: 50%;
  margin-left: -1.625rem;
  top:-4.44444rem;
  animation: headset_mic 3s infinite;
}

.content.sub .quick .info{
  color: #EC6887;
  margin: 0.5rem 0;
}

.content.sub .quick .colum2{
  display: inline-block;
  width: 100%;
  margin: 2rem 0 0.8rem 0;
}

.content.sub .quick .colum2{
  font-size: 0;
}

.content.sub .quick .colum2>.input_phonenum{
  font-size: 0.9rem;
  font-weight: bold;
  width: 33.333333%;
  border-radius: 5px;
  padding: 0.8rem;
  text-align: center;
}

.content.sub .quick .colum2>.input_phonenum:first-child{
  width: 23.333333%;
  background-position: 85% 1.2rem;
}

.content.sub .quick .colum2>.input_phonenum:nth-child(2){
  margin: 0 5%;
}



.content.sub .quick .submit, .submit99 {
  width: 100%;
  background: #EC6887;
  border: 1px solid #EC6887;
  color: #fff;
  padding: 0.8rem;
  border-radius: 5px;
  margin: auto;
  display: block;
  margin-bottom: 60px;
  font-size: 1.17rem;
  font-weight: bold;
}


.colum3 { text-align:right;  padding: 0;  margin:10px 2px 10px 2px;  }
.iphone {
	  font-size: 0.9rem;
	  font-weight: bold;
	  width: 22%;
	  border-radius: 5px;
	  padding: 0.8rem;
	  text-align: center;
	  margin:0 2px;
}
.iphone::placeholder {
  color: gray;
	  font-size: 0.7rem;
  font-style: italic;
}

.isubtn {
	  width: auto;
	  background: #EC6887;
	  border: 1px solid #EC6887;
	  color: #fff;
	  padding: 0.7rem;
	  border-radius: 5px;
	  margin:0;
	  font-size: 0.80rem;
	  font-weight: bold;
}

.renum {
	vertical-align:top;
	 display:inline-block;
	  font-size: 0.9rem;
	  font-weight: bold;
	  width: auto;
	  height:50px; line-height:50px;
	  padding: 0;
	  text-align: right;
	  margin:0 2px;
/*border:1px solid red;*/
}

/*진료시간표*/
.colum_type2{
  margin: 20px 0 0 0;
}


.colum_type3.schedule .profile{
  position: relative;
  display: inline-block;
  width: 100%;
}

.colum_type3.schedule .img_wrap{
  width: 20%;
  height: auto;
  float: left;
}

.colum_type3.schedule .img_wrap img{
  display: block;
  width: 100%;
}

.colum_type3.schedule .info{
  width: 80%;
  padding-top: 7%;
  padding-left: 5%;
  float: left;
}

.colum_type3.schedule .name{
  font-size: 1.2rem;
  margin-bottom: 0.2rem;
}

.colum_type3.schedule .etc{
  opacity: 0.8;
}

.colum_type3.schedule .date_range, .colum_type3.schedule .expand_more{
  position: absolute;
  right: 50px;
  top: 50%;
  margin-top: -25px;
  padding: 0.4rem;
  border: 1px solid #333;
  border-radius: 100%;
  opacity: 0.8;
  transition: background 0.3s ease;
}

.colum_type3.schedule .date_range{
  border: none;
}


.colum_type3.schedule .expand_more{
  right: 0;
}

.colum_type3.schedule .expand_more.on{
  background: #333;
  color: #fff;
  transform: rotate(180deg);
}

.colum_type3.schedule .detail{
  display: none;
  position: relative;
  border: 1px solid #ddd;
  padding: 0.75rem;
  border-radius: 5px;
  margin-top: 10px;
}

.colum_type3.schedule .detail.on{
  display: block;
}


.colum_type3.schedule .detail.on:before, .colum_type3.schedule .detail.on:after{
  content: "";
  display: block;
  position: absolute;
  bottom: 100%;
  right: 10px;
  border: solid transparent;
}

.colum_type3.schedule .detail.on:before{
  border-bottom-color: #ddd;
  border-width: 15px;
}

.colum_type3.schedule .detail.on:after{
  border-bottom-color: white;
  border-width: 13.5px;
  right: 11.5px;
}


.colum_type3.schedule table{
  width: 100%;
  text-align: center;
  margin-top: 0.75rem;
}

.colum_type3.schedule table th{
  background: #44a8cc;
  color: #fff;
  border: 1px solid #44a8cc !important;
}

.colum_type3.schedule table th, .colum_type3.schedule table td{
  border: 1px solid #ddd;
  padding: 0.3rem;
}

.colum_type3.schedule .caption{
  text-align: center;
  margin: 5px;
  font-size: 0.7rem;
  width: 100%;
}

.colum_type3.schedule .box{
  margin: 0.75rem 0 0 0;
  display: inline-block;
  width: 100%;
}

.colum_type3.schedule .box:first-child{
  margin: 0;
}

.colum_type3.schedule .box div{
  display: inline-block;

}

.colum_type3.schedule .box div:last-child{
  color: #4f4f4f
}

.colum_type3.schedule .title{
  width: 95px;
  margin-right: 5px;
  margin-bottom: 5px;
  text-align: justify;
  text-align-last: auto;
}

/*전화번호*/
.colum_type2.call{
  margin-top: 0;
}

.colum_type2.call .bannerTyPe2_ul{
  display: inline-block;
  width: 100%;
}

.colum_type2.call .bannerTyPe2_ul .bannerTyPe2_title{
  display: inline-block;
  width: 100%;
  float: left;
}

.colum_type2.call .bannerTyPe2_ul>li{
  float: left;
}

.colum_type2.call .bannerTyPe2_ul>li>div{
  float: left;
}

.colum_type2.call .info{
  width: 70%;
}

.colum_type2.call .call_btn{
  width: 30%;
  text-align: right;
}

.colum_type2.call .part{
  font-size: 1.1rem;
  margin-bottom: 0.2rem;
}

.colum_type2.call .phone{
  opacity: 0.7;
}

.colum_type2.call .call_btn .call{
  border: 1px solid rgb(64, 218, 84);
  border-radius: 100%;
  padding: 0.4rem;
  color: rgb(64, 218, 84)
}

/*오시는길*/
#daumRoughmapContainer1474355388959, #daumRoughmapContainer1475110691384{
  width: 100%;
}

.colum_type1.loacation h3{
  margin-top: 2rem;
}

.colum_type1.loacation .colum1 h3{
  margin-top: 0;
}

.colum_type1.loacation .sub_title{
  margin: 0.5rem 0;
}

.colum_type1.loacation .text{
  opacity: 0.8;
  text-align: justify;
  text-align-last: auto;
}

/*마이페이지*/

.colum_type1.reservation_check .caution{
  border: 1px solid rgb(232, 144, 41);
  padding: 0.75rem;
}

.colum_type1.reservation_check .caution li:first-child{
  color: rgb(238, 133, 8);
  font-weight: bold;
  text-align: center;
  font-size: 1.1rem;
  margin-bottom: 0.5rem;
}

.colum_type1.reservation_check .caution li{
  opacity: 0.7;
  padding: 0.2rem 0;
}

.colum_type1.reservation_check .no{
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  background: #4fc0e8;
  color: #fff;
}

.colum_type1.reservation_check .no, .colum_type1.reservation_check .date{
  text-align: center;
}

.colum_type1.reservation_check .submit{
  width: 100%;
  background: #EC6887;
  border: 1px solid #EC6887;
  color: #fff;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.reservation_check .goToReservation{
  display: block;
  width: 100%;
  padding: 1rem;
  background: rgb(238, 133, 8);
  color: #fff !important;
  text-align: center;
  margin: 2rem 0;
  border-radius: 5px;
}

/*장례식장*/

.content.sub.funeral .tb_type3 .no{
  background: #333;
  color: #fff;
  text-align: center;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.content.sub.funeral .colum_type1 h3{
  margin: 0.75rem 0 0.75rem 0;
}

.content.sub.funeral .colum_type1 .first{
  margin-top: 0;
}

.content.sub.funeral .tb_type3 .tr{
  position: relative;
}

.content.sub.funeral .tb_type3 .tr div:first-child{
  position: absolute;
  height: 100%;
}

.content.sub.funeral .tb_type3 .tr div:last-child{
  margin-left: 30%;
}

.content.sub.funeral .tb_type3>div:last-child div:first-child{
  border-bottom: 1px solid #ddd;
  border-bottom-left-radius: 5px;
}

.content.sub.funeral .tb_type3>div:last-child div:last-child{
  border-bottom: 1px solid #ddd;
  border-bottom-right-radius: 5px;
}

.content.sub.funeral .colum1 .tb_type2{
  width: 100% !important;
  min-width: inherit;
  white-space: normal;
}

.content.sub.funeral .colum1 .tb_type2 th{
  width: 25%;
}

.content.sub.funeral .colum1 .tb_type2 td{
  text-align: left;
}

.content.sub.funeral .accordion_wrap .tb_type2{
  min-width: 100%;
}

.content.sub.funeral .accordion_wrap .lv_ul{
  font-size: 0;
  text-align: center;
  margin: 0.75rem 0;
}

.content.sub.funeral .accordion_wrap .lv_ul .on{
  background: #333;
  color: #fff;
  border: 1px solid #333;
}


.content.sub.funeral .accordion_wrap .lv_ul li{
  display: inline-block;
  font-size: 0.8rem;
  padding: 0.5rem;
  border: 1px solid #ddd;
  border-left: none;
}

.content.sub.funeral .accordion_wrap .lv_ul li:first-child{
  border-left: 1px solid #ddd;
}


.content.sub.funeral .accordion_wrap .imgMap_ul{
  display: inline-block;
  width: 100%;
}

.content.sub.funeral .accordion_wrap img{
  display: block;
  margin: 0;
}

.content.sub.funeral .accordion_wrap .imgMap_ul{
  border: 1px solid #ddd;
}

.content.sub.funeral .accordion_wrap .imgMap_ul>li{
  display: none;
}

.content.sub.funeral .accordion_wrap .imgMap_ul>li.on{
  display: block;
}

.content.sub.funeral .accordion_wrap .imgMap_ul .img_ul li{
  width: 50%;
  float: left;
  text-align: center;
}

.content.sub.funeral .accordion_wrap .imgMap_ul .img_ul li div{
  padding: 0.3rem 0.5rem;
  color: #333;
  border-radius: 10px;
  margin: 0.3rem 0;
  display: inline-block;
}

.content.sub.funeral .accordion_wrap .bannerTyPe3_ul li{
  border: 1px solid #ddd;
  margin: 0.3rem 0;
  border-radius: 5px;
  display: inline-block;
}

.content.sub.funeral .accordion_wrap .bannerTyPe3_ul li:before{
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}


.content.sub.funeral .accordion_wrap .bannerTyPe3_ul .img_wrap{
  margin-right: 0.5rem;
}

.content.sub.funeral .accordion_wrap .bannerTyPe3_ul .info{
  padding-top: 5%;
  display: inline-block;
  vertical-align: middle;
}

.content.sub.funeral .accordion_wrap .bannerTyPe3_ul .info .name{
  margin-bottom: 0.3rem;
}

.content.sub.funeral .accordion_wrap .bannerTyPe3_ul .info .loca{
  opacity: 0.7;
}


/*원내배치도*/
.colum_type3.mapInfo .subTab3_wrap div{
  width: 33.33333%;
}

.colum_type3.mapInfo .wrap{
  padding: 0.75rem;
}

.colum_type3.mapInfo .info{
  display: inline-block;
  width: 100%;
}

.colum_type3.mapInfo .lv{
  width: 15%;
  max-width: 50px;
  font-size: 1.5rem;
  border: 1px solid rgb(232, 144, 41);
  display: inline-block;
  padding: 0.65rem 0.4rem;
  color: rgb(232, 144, 41);
  float: left;
  margin-right: 5%;
  text-align: center;
}

.colum_type3.mapInfo .text{
  float: left;
  width: 80%;
}

.colum_type3.mapInfo .text .name{
  font-size: 1rem;
  margin-top: 0.3rem;
}

.colum_type3.mapInfo .text .sub{
  opacity: 0.7
}

.colum_type3.mapInfo img{
  display: block;
  margin: auto;
}

.colum_type3.mapInfo .img_ul li{
  display: none;
}

.colum_type3.mapInfo .lv_ul{
  margin: 0.75rem 0;
  border-top: 1px solid #ddd;
  padding-top: 0.75rem;
}

.colum_type3.mapInfo .lv_ul .on{
  background: #333;
  color: #fff;
  border: 1px solid #333;
}

.colum_type3.mapInfo .img_ul .on{
  display: block;
}

.colum_type3.mapInfo .img_ul{
  margin: 0.75rem 0;
}

.colum_type3.mapInfo .lv_ul{
  display: inline-block;
  width: 100%;
  text-align: center;
  font-size: 0
}

.colum_type3.mapInfo .lv_ul li{
display: inline-block;
font-size: 0.7rem;
border: 1px solid #ddd;
padding: 0.3rem 0.5rem;
}

/*편의시설안내*/
.colum_type3.amenity .bannerTyPe3_ul .info{
  padding-left: 15px;
  width: 70%;
  float: left;
}

.colum_type3.amenity .bannerTyPe3_ul .info div{
  opacity: 0.7;
  margin: 0.1rem 0;
}

.colum_type3.amenity .bannerTyPe3_ul .name{
  font-size: 1rem;
  margin-bottom: 0.4rem !important;
  opacity: 1;
}

/*주차*/
.colum_type1.parking{

}

.colum_type1.parking .wrap{
  width: 100%;
  overflow: auto;
}

.colum_type1.parking .tb_type4{
  min-width: 700px;
  margin: 0.75rem 0 0.4rem 0;
}


/*.tb_wrap_shadow{
  display: block;
  position: fixed;
  width: 10px;
  height: 100%;
  top:0;
  opacity: 0.2;
  background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5));
  right: 0;
}*/

/*.tb_wrap:before{
  left: 0;
  background: linear-gradient(to right, rgb(0, 0, 0), rgb(255, 255, 255));
}*/

/*병원장인사말*/
.colum_type1.greeting{
 text-align: justify;
 text-align-last: auto;
}

.colum_type1.greeting .colum1{
  border: 1px solid #ddd;
  padding: 0.75rem;
  border-radius: 5px;
  box-shadow: 0px 0px 19px -10px rgba(0,0,0,0.75)
}

.colum_type1.greeting .ceo_pic{
  margin: auto;
  display: block;
  border: 1px solid #ddd;
}

.colum_type1.greeting .con{
  margin: 0.75rem 0 0 0;
}

.colum_type1.greeting .con .text1 b{
  font-size: 1rem;
}

.colum_type1.greeting .con .text1{
  text-align: center;
  margin: 1rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px dotted #ddd;
}

.colum_type1.greeting .con .img_warp{
  text-align: right;
}

.colum_type1.greeting .con .sign{
  margin-top: 1.5rem;
  display: inline-block;
}

/*병원연혁*/
.colum_type1.history .wrap{
  display: inline-block;
  width: 100%;
  margin-top: 0.75rem;
}

.colum_type1.history .wrap.first{
  /*margin: 0;*/
}

.colum_type1.history .year{
  width: 20%;
  font-size: 1rem;
  float: left;
  border-top: 2px solid #2aad4d;
  padding-top: 0.75rem;
  text-align: center;
}

.colum_type1.history .con_ul{
  width: 80%;
  float: left;
  padding: 0.75rem;
  opacity: 0.7;
  border-top: 2px solid #115aa3;
}

.colum_type1.history .con_ul .date{
  font-size: 0.8rem;
  margin-bottom: 0.1rem;
}

.colum_type1.history .con_ul li{
  border-bottom: 1px solid #ddd;
  padding: 0.3rem 0;
}

.colum_type1.history .con_ul li:first-child{
  padding-top: 0;
}

.colum_type1.history .con_ul li:last-child{
  border-bottom: none;
}

/*조직도*/
.colum_type1.status .tb_type2 th, .colum_type1.status .tb_type2 td{
  width: 50%;
}

/*미션과 비전*/
.colum_type1.vision{
  background: rgba(255, 255, 255, 0.75);
  position: relative;
}

.colum_type1.vision .bg{
  position: absolute;
  z-index: -10;
  bottom: -5rem;
  right: 0
}

.colum_type1.vision h3{
  margin: 0.75rem 0;
}

.colum_type1.vision h3:first-child{
  margin-top: 0;
}

/*외래진료*/
.content.sub.outTreatment .subTab3_wrap.item3{

}

/*외래진료*/
.content.sub.outTreatment .colum_type1{
  text-align: initial;
}

.content.sub.outTreatment img{
  margin: 0.75rem 0;
}

.content.sub .viewDetail~.txt_ul{
  display: none;
}

.content.sub .viewDetail~.txt_ul.on{
  display: block;
}

/*의료사획복지*/
.content.sub.welfare .tb_wrap{
  white-space: nowrap;
}

.content.sub.welfare .tb_type4{
  width: 700px;
  margin: 0.5rem 0;
}

/*국내의료봉사*/
.content.sub.service .info{
  width: 70%;
  padding-left: 15px;
  float: left;
  opacity: 0.75;
}

.content.sub.service .tb_type4{
  min-width: 800px;
  /*white-space: nowrap;*/
}

/*발전 후원회*/

.content.sub.supportIndroduce{}

.content.sub.supportIndroduce .colum_type1 .sub{
  /*border: 1px solid rgb(232, 144, 41);*/
  /*border-radius: 5px;*/
  padding: 0.75rem;
  line-height: 1.2rem;
  text-align: center;
}

.content.sub.supportIndroduce .img_wrap .txt_box{
  text-align: center;
  font-size: 0.9rem;

}

.content.sub.supportIndroduce .img_wrap .gage{
  position: absolute;
  background: linear-gradient(rgba(255, 255, 255, 0.57) 5%, #be1e2d 95%);
  width: 40px;
  height: 170px; /*/+50*/
  left: 50%;
  margin-left: -19.5px;
  bottom: 190px;
}

.content.sub.supportIndroduce .img_wrap .txt_box div{
  margin: 0.2rem 0;
}

.content.sub.supportIndroduce .img_wrap .txt_box div:first-child{
  color: #be1e2d;
  font-weight: bold;
}

.content.sub.supportIndroduce .img_wrap .txt_box div:last-child{
  color: #ff4242;
}

/*후원자 예우*/

.content.sub.supportRespect .tb_type4{
  min-width: 700px;
}

/*후원회 현황*/

.content.sub.donation .tb_type4{
  text-align: center;
}

.content.sub.donation .donationStatus_wrap>div{
  display: inline-block;
  width: 100%;
  position: relative;
  border:1px solid #ddd;
  border-top: none;
  padding: 0.5rem;
}

.content.sub.donation .donationStatus_wrap .colum1{
  position: relative;
  border: 1px solid #EC6887;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  text-align: center;
  background: #EC6887;
  color: #fff;
  font-size: 1.1rem;
}

.content.sub.donation .donationStatus_wrap .colum1 .material-icons{
  position: absolute;
  top: 50%;
  margin-top: -0.5rem;
}

.content.sub.donation .donationStatus_wrap .colum1 .keyboard_arrow_left{
  left: 1rem;
}

.content.sub.donation .donationStatus_wrap .colum1 .keyboard_arrow_right{
  right: 1rem;
}

.content.sub.donation .donationStatus_wrap .colum4{
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.content.sub.donation .donationStatus_wrap .year{
  margin-bottom: 0.5rem;
}

.content.sub.donation .donationStatus_wrap h4{
  margin: 0;
  margin-bottom: 0.3rem;
}

.content.sub.donation .donationStatus_wrap h4::before{
  display: none;
}

.content.sub.donation .donationStatus_wrap .icon_wrap{
  text-align: center;
  position: absolute;
  width: 20%;
  left: 0;
  top: 50%;
  margin-top: -0.8rem;
}

.content.sub.donation .donationStatus_wrap .material-icons.favorite{
  font-size: 0.7rem;
  border: 1px solid #EC6887;
  border-radius: 100%;
  padding: 0.4rem;
  color: #EC6887;
}

.content.sub.donation .donationStatus_wrap .name{
  width: 80%;
  margin-left: 19%;
}

.content.sub.donation .donationStatus_wrap span{
  margin-right: 0.3rem;
}

.content.sub.donation .search_wrap{
  max-width: 500px;
  margin: 0.75rem auto;
  font-size: 0;
}

.content.sub.donation .search_wrap input{
  /*height: 1.8rem;*/
  font-size: 0.9rem;
  padding: 0.5rem;
}

.content.sub.donation .search_wrap .text{
  border-right: none;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  width: 75%;
}

.content.sub.donation .search_wrap .submit{
  width:25%;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border: 1px solid #44a8cc;
  background: #44a8cc;
  color: #fff;
}

.content.sub.funeral .tb_type4, .content.sub.funeral .tb_type2{
  min-width: 700px;
  text-align: center;
  white-space: nowrap;
}

.content.sub.funeral .tb_type2 th{
  width: 12.5%;
}

/*예약조회변경*/
.colum_type2.memberInfo .tb_type2{
  font-size: 0.7rem;
}

.colum_type2.memberInfo .tb_type2 input, .colum_type2.memberInfo .tb_type2 select{
  height: 1.5rem;
  padding: 0.2rem;
  }

.colum_type2.memberInfo .tb_type2 input[type="text"]{
  width: 100%;
}

.colum_type2.memberInfo .tb_type2 th{
  width: 25%;
  text-align: left;
}

.colum_type2.memberInfo .tb_type2 td{
  width: 85%;
}

.colum_type2.memberInfo .select{
  width: 30%;
  background-position: 85% 0.65rem;
}

.colum_type2.memberInfo .tb_type2 tr .phoneNum_mi{
  width: 30%;
}

.colum_type2.memberInfo .tb_type2 tr .phoneNum_la{
  width: 30%;
}


.colum_type2.memberInfo .tb_type2 .checkBox{
  width: 20px;
  height: 20px;
  padding: 0;
}

.colum_type2.memberInfo .tb_type2 .checkBox:checked{
  background: #ddd;
  border: 5px solid #333;
  border-radius: 2px;
}

.colum_type2.memberInfo .submit, .colum_type1.memberInfo .submit{
  padding: 0.75rem;
  color: #fff;
  border-radius: 5px;
  background: #EC6887;
  width: 100%;
  margin: 1.5rem 0;
}

form.frm_give{
	  max-width: 500px;
	  margin: 0.75rem auto;
}

form.frm_give select {
	   float:left;
		  width:22%;
		height:1.8rem;
	    padding: 0.4rem;
		margin-bottom:2px;
	    border-radius: 5px;
		margin-right:2px;
}

  .personal input[name='pgname'] {
	   float:left;
	  border-radius: 5px;
		height:1.8rem;
	    padding: 0.4rem;
	  width: 30%;
	  margin-right:2px;
}

  .group input[name='pgname'] {
	   float:left;
	  border-radius: 5px;
		height:1.8rem;
	    padding: 0.4rem;
	  width: 55%;
	  margin-right:2px;
}


 input[name='ptel'] {
	   float:left;
     border-radius: 5px;
		height:1.8rem;
	    padding: 0.4rem;
	  width: 25%;
	  margin-right:2px;
}


.frm_give .submit{
	   float:left;
		height:1.8rem;
  width:15%;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border: 1px solid #44a8cc;
  background: #44a8cc;
  color: #fff;
}

.table_blue {
  width:100%;
    min-width: 630px;
   border-color:#004080;
}


.table_blue th {
		text-align:center;
		height:2.0rem;
		background-color:#46a3ff;
		color:#fff;
}

.table_blue td {
		text-align:center;
		height:1.5rem;
		background-color:#b5daff;
		padding-left:0.4rem;
		padding-right:0.4rem;
}

.table_blue td.align_l {
	text-align:left;
}
.txt_orange { color:#ff3300; font-weight:bold;}
.txt_blue { color:#0080ff; font-weight:bold; }

.table_blue2 {
  width:100%;
   border-color:#fff;
   margin: 0;
    padding:0;
}

.table_blue2 th {
		text-align:center;
		height:2.0rem;
		background-color:#46a3ff;
		color:#fff;
		border:1px solid #fff;
}

.table_blue2 td {
		text-align:center;
		height:1.5rem;
		background-color:#fff;
		padding-left:0.4rem;
		padding-right:0.4rem;
		border:1px solid #fff;
}

td.am, td.pm {
		text-align:center;
		background-color:#a2d0ff;
}

.notfound {
		text-align:right;
		background-color:#46a3ff;
		color:#fff;
		width:100%;
		padding:1.4rem;

}

.notfound a {
		padding-right:10%;
}

.search_return {
		text-align:center;
		background-color:#c0c0c0;
		color:#0000ff;
		font-size:0.9rem;
		height:2.4rem;
}

.ibox {
    display:inline-block;
	height:1.4rem;
	width:1.4rem;

}

.depart {   float:left;}

.departSearch_warp{
   position: absolute;
   left:4.0rem;
   width: auto;
   margin-top: -0.2rem;
    //  border: 1px solid red;
}

.departSearch_warp  input{
  height: 26px;
  font-size: 0.9rem;
  width: 11.5rem;
  font-weight: normal;
  text-align: center;
}

/*

.departSearch_warp{
  position: absolute;
  width: 100%;
  left: 0;
  top: 50%;
  margin-top: -13px;
  padding-right: 10px;
}
.departSearch_warp>div {
  width: 60%;
  float: right;
}
.departSearch_warp .search_btn{
  float: right;
  margin-left: 10px;
}

.departSearch_warp>div.on{
  display: block;
}

.departSearch_warp #doc_search{
  width: 70%;
}

.departSearch_warp .search_submit{
  width: 30%;
  border-left: none;
}
*/




@media (min-width: 700px){
  /*.subTab2_wrap2 ul{
    width: 580px !important;
  }*/

  .colum_type1 h3:before{
    width: 3px;
    height: 14px;
    margin-top: 0.14rem;
    margin-right: 0.4rem;
  }

  .colum_type1 h4::before{
    width: 4px;
    height: 4px;
    margin-top: 0.44rem;
    margin-right: 0.4rem;
  }

}

.appointGuide_wrap .guide_img {
	text-align:center;
}
.appointGuide_wrap .guide_img img {
	width:100%;
}
.appointGuide_wrap .guide_btn {
	display:flex; 
	gap:10px;
}
.appointGuide_wrap .guide_btn a {
	flex:1
}