@font-face {
  font-family: 'NanumSquare Neo';
  src: url('../fonts/NanumSquareNeoTTF-bRg.eot');
  src: url('../fonts/NanumSquareNeoTTF-bRg.eot?#iefix') format('embedded-opentype'),
      url('../fonts/NanumSquareNeoTTF-bRg.woff2') format('woff2'),
      url('../fonts/NanumSquareNeoTTF-bRg.woff') format('woff'),
      url('../fonts/NanumSquareNeoTTF-bRg.ttf') format('truetype'),
      url('../fonts/NanumSquareNeoTTF-bRg.svg#NanumSquareNeoTTF-bRg') format('svg');
  font-weight: normal;
  font-style: normal;
 font-display: block;
}

@font-face {
  font-family: 'NanumSquare Neo';
  src: url('../fonts/NanumSquareNeoTTF-bRg_1.eot');
  src: url('../fonts/NanumSquareNeoTTF-bRg_1.eot?#iefix') format('embedded-opentype'),
      url('../fonts/NanumSquareNeoTTF-bRg_1.woff2') format('woff2'),
      url('../fonts/NanumSquareNeoTTF-bRg_1.woff') format('woff'),
      url('../fonts/NanumSquareNeoTTF-bRg_1.ttf') format('truetype'),
      url('../fonts/NanumSquareNeoTTF-bRg_1.svg#NanumSquareNeoTTF-bRg') format('svg');
  font-weight: normal;
  font-style: normal;
 font-display: block;
}

@font-face {
  font-family: 'NanumSquare Neo';
  src: url('../fonts/NanumSquareNeoTTF-eHv.eot');
  src: url('../fonts/NanumSquareNeoTTF-eHv.eot?#iefix') format('embedded-opentype'),
      url('../fonts/NanumSquareNeoTTF-eHv.woff2') format('woff2'),
      url('../fonts/NanumSquareNeoTTF-eHv.woff') format('woff'),
      url('../fonts/NanumSquareNeoTTF-eHv.ttf') format('truetype'),
      url('../fonts/NanumSquareNeoTTF-eHv.svg#NanumSquareNeoTTF-eHv') format('svg');
  font-weight: 900;
  font-style: normal;
 font-display: block;
}

@font-face {
  font-family: 'NanumSquare Neo';
  src: url('../fonts/NanumSquareNeoTTF-aLt.eot');
  src: url('../fonts/NanumSquareNeoTTF-aLt.eot?#iefix') format('embedded-opentype'),
      url('../fonts/NanumSquareNeoTTF-aLt.woff2') format('woff2'),
      url('../fonts/NanumSquareNeoTTF-aLt.woff') format('woff'),
      url('../fonts/NanumSquareNeoTTF-aLt.ttf') format('truetype'),
      url('../fonts/NanumSquareNeoTTF-aLt.svg#NanumSquareNeoTTF-aLt') format('svg');
  font-weight: 300;
  font-style: normal;
 font-display: block;
}

@font-face {
  font-family: 'NanumSquare Neo';
  src: url('../fonts/NanumSquareNeoTTF-cBd.eot');
  src: url('../fonts/NanumSquareNeoTTF-cBd.eot?#iefix') format('embedded-opentype'),
      url('../fonts/NanumSquareNeoTTF-cBd.woff2') format('woff2'),
      url('../fonts/NanumSquareNeoTTF-cBd.woff') format('woff'),
      url('../fonts/NanumSquareNeoTTF-cBd.ttf') format('truetype'),
      url('../fonts/NanumSquareNeoTTF-cBd.svg#NanumSquareNeoTTF-cBd') format('svg');
  font-weight: bold;
  font-style: normal;
 font-display: block;
}

@font-face {
  font-family: 'NanumSquare Neo';
  src: url('../fonts/NanumSquareNeoTTF-dEb.eot');
  src: url('../fonts/NanumSquareNeoTTF-dEb.eot?#iefix') format('embedded-opentype'),
      url('../fonts/NanumSquareNeoTTF-dEb.woff2') format('woff2'),
      url('../fonts/NanumSquareNeoTTF-dEb.woff') format('woff'),
      url('../fonts/NanumSquareNeoTTF-dEb.ttf') format('truetype'),
      url('../fonts/NanumSquareNeoTTF-dEb.svg#NanumSquareNeoTTF-dEb') format('svg');
  font-weight: bold;
  font-style: normal;
 font-display: block;
}


/* YDH */
.not_result_hospital {
  margin-top: 30px;
  margin-left: 15px;
}
.mo {display: none;}
.pc_animation {
  transform: translatey(0px);
  animation: pfloat 3s ease-in-out infinite;
}
@keyframes pfloat {
	0% {
		transform: translatey(0px);
	}
	50% {
		transform: translatey(-20px);
	}
	100% {
		transform: translatey(0px);
	}
}
.download_btn {
  
}
/* html {
  opacity: 0;
  visibility: hidden;
} */


:active,
:focus {
  outline: none !important;
}

html {
 font-family: 'NanumSquare Neo';
}
body {
 
    position: relative; font-family: 'NanumSquare Neo';
}

a {
  text-decoration: none;
  color:#000; font-family: 'NanumSquare Neo';
}
a:hover,
a:focus {
  text-decoration: none;
  outline:none;
}
a:hover {color: #878787;}
a img {
  border: none;
}
img, iframe {
  max-width: 100%;
}

a {transition: all 0.3s ease-in-out 0s;}
.padding_0 {padding:0 !important;}

.blind { position: absolute;
  overflow: hidden;
  border: 0;
  width: 1px;
  height: 1px;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);}

  .comn_link_img {position: relative;}
  .comn_link_img img {width: 100%;}
  .comn_link_img .comn_linking {display: block;
		font-size: 0;
		text-indent: -9999px;
		background: rgba(0, 0, 255, 0);
		position: absolute;
		overflow: hidden;}

  .comn_link_img .comn_linking.link01 {width: 11%;
    height: 10%;
    left: 6%;
    bottom: 0;}

  .color_blue {color: #796ef9;}


.header, .hm_banner {width:100%; position: relative;}

.navigation {width:100%;    position: absolute;
  z-index: 99;}

  .navigation .navbar {padding:45px 0 0;}
  .navbar-brand {width:200px}

  .navigation .nav-item {margin-left:100px;}
  .navigation .nav-link {color:#fff;    font-size: 22px;
    font-weight: normal;}
    
   .hm_banner .carousel-caption {text-align: left; top: 30%; left:23%}
   .hm_banner .carousel-indicators {    margin-left: -32.5%; bottom:4%}
   .hm_banner .carousel-caption  h3 {font-size: 34px; font-weight: 900; color:#fff;}
   .hm_banner  .banner_link {    width: 170px;
    background-color: transparent;
    border: solid 3px #fff;
    border-radius: 100px;
    display: block;
    height: 50px;
    text-align: center;
    font-weight: bold;
    font-size: 18px;
    color: #fff;
    line-height: 46px;
    margin-top: 22px;}
   .hm_banner  .banner_link:hover {color:#fff;}
   .hm_banner .carousel-indicators [data-bs-target] {width:10px; height: 10px; border-radius: 100%; margin-right:6px;}
   .navigation .nav-link.active {font-weight: bold; color:#fff; border-bottom: solid 3px #4a3bf9;} 

   .section {width: 100%; position: relative; padding:80px 0;}
   .section h2 {width: 100%; text-align: center; font-size: 36px; font-weight: bold; margin:0 0 50px;}
   
.section.sec03 {padding:80px 0;}
   /* Section 02 start */
   .find_hospital_link {
    /*width: 10%;*/
    width:130px;
    display: inline-block;
    position: fixed ;
    right: 8%;
    bottom: 3%;
    z-index: 9999;
}
.find_hospital_link  img {width:100%;}
  /*.fixed.find_hospital_link {    position: fixed;
    top: 4%;
    right: 16%;
    width: 10%;}*/

   .pets_info_sec02 {     width: 80%;
    padding-left: 0;
    display: inline-block;
    margin: 0 auto;
   }
   .pets_info_sec02 h5{text-align: center; font-size: 24px; font-weight: bold; margin:0 0 18px}
   .pets_info_sec02 h2 {width: 100%; text-align: center; margin-top:0px}
   .pets_info_sec02 h2 img {width: 280px;}

   .tabs_sec02  {    margin: 80px 0 0;}
   .tabs_sec02 .nav-tabs  {border: none;}
   .tabs_sec02 .nav-tabs  .nav-item {border-bottom:solid 1px #eaeaea;    padding: 0 20px; color:#666666;}
   .tabs_sec02 .nav-tabs  .nav-item:first-child{padding-left: 0;}
   .tabs_sec02 .nav-tabs  .nav-item:last-child{padding-right: 0;}
   .tabs_sec02 .nav-tabs  .nav-item  .nav-link {border: none; color:#666666; font-size: 20px; font-weight: normal;    padding: 5px 20px;}
   .tabs_sec02 .nav-tabs  .nav-item  .nav-link.active {border-bottom: solid 3px #4a3bf9; color: #000; font-weight: bold;}


   .tabs_sec02  .tab-content {padding-top:70px}


   /*sec03 start */

   .sec03 {background-color: #f9f9f9;}


   /*section 04 start */
.intro_sec04  img {width:70%; margin:0 auto}
   /*.info_slider { position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;}*/


    .info_slider {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100%;
      overflow: hidden;
      height: 500px;
    }
    
    .swiper-container {
      position: relative;
      width: 90vw;
      height: 300px;
      margin-top:0px
    }

    .swiper-container .swiper-slide {
      visibility: hidden/*수정 0322-2*/
    }

    .swiper-container .swiper-slide.swiper-slide-active,
    .swiper-container .swiper-slide.swiper-slide-next,
    .swiper-container .swiper-slide.swiper-slide-prev {
      visibility: visible; /*수정 0322-2*/
    }
    
    .swiper-container > .swiper-slide__content {
      position: absolute;
      top: 0;
    }
    
    .swiper-slide {
      height: 300px;
      display: flex;
      background: #fff;
      align-items: center;
      justify-content: center;
      transition: all 200ms linear;
      transform: scale(0.8);
      text-align: center;
      opacity: 0.4;
    }
    .swiper-slide.swiper-slide-active {
      transform: scale(1);
      opacity: 1;
    }
    
    .swiper-slide__content {
      height: 300px;
    }

    .swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
      border-radius: 10px;
    }
  
    .slider_content {display: block; padding:20px 0 10px; visibility: hidden;}
    .slider_content h4 {font-size: 23px; font-weight: bold;}
    .slider_content p {font-size: 16px; font-weight: normal;    margin: 0 0 24px}
    .slider_content p img {width: 20px; margin-right:10px; display: inline-block;}
   /* .slider_content .com_btn {font-size: 16px; color:#000;
      font-weight: bold;
      padding: 7px 40px;
      border-radius: 100px;
      border: solid 1px #000;
      background-color: #fff;}*/

      .slider_content .com_btn {font-size: 0px; color:#000;
        font-weight: bold;
        padding: 0;
        border-radius: 0;
        border: none;
        background-color: #fff; width:30%}

      .swiper-slide.swiper-slide-active .slider_content {display: block; visibility: visible;}


      .swiper-button-next,
      .swiper-button-prev {
        top: 32%; /*수정 0322*/
        width: 70px;
        height: 80px;
      
       
      }
      
      .swiper-button-next::after,
      .swiper-button-prev::after {
        color: #fff;
        font-size: 12px;
      }
      
      .swiper-button-next {
        transform: translate(50%, -50%);
        right: calc((100% - 40%) / 2);
        background: url("../images/next_icon.png") no-repeat center center;
      }
      
      .swiper-button-prev {
        transform: translate(-50%, -50%);
        left: calc((100% - 40%) / 2);
        background: url("../images/prev_icon.png") no-repeat center center;
      }
      .swiper-button-next::after, .swiper-button-prev::after {font-size: 0;}
   /*.swiper {
    width: 100%;
    height: 100%;
  }

  .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0.4;
    overflow: hidden;
    transition: .7s;
    border-radius: 0.4285rem;
    padding: 85px 0;
    
  }

  .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
  }

  .slider_content {display: none; padding:20px 0}
  .slider_content h4 {font-size: 15px; font-weight: bold;}
  .slider_content p {font-size: 12px; font-weight: normal;}
  .slider_content p img {width: 20px; margin-right:10px; display: inline-block;}
  .slider_content .com_btn {font-size: 14px;
    font-weight: bold;
    padding: 7px 40px;
    border-radius: 100px;
    border: solid 1px #000;
    background-color: #fff;}

  .swiper-slide.swiper-slide-active {opacity: 1;
    z-index: 1;
    transform: scale(1.7); padding: 130px 0;}
    .swiper-slide.swiper-slide-active .slider_content {display: block;}

    .swiper-button-next,
.swiper-button-prev {
  top: 38%;
  width: 70px;
  height: 70px;

 
}

.swiper-button-next::after,
.swiper-button-prev::after {
  color: #fff;
  font-size: 12px;
}

.swiper-button-next {
  transform: translate(50%, -50%);
  right: calc((100% - 40%) / 2);
  background: url("../images/next_icon.png");
}

.swiper-button-prev {
  transform: translate(-50%, -50%);
  left: calc((100% - 40%) / 2);
  background: url("../images/prev_icon.png");
}

.swiper-button-next::after, .swiper-button-prev::after {font-size: 0;}*/


.footer {width:100%; border-top:solid 1px #e3e3e3; padding: 50px 0;}
.pt50 {padding-top:50px;}
.footer p {color:#000; font-size: 14px;}
.footer p.compy_info {margin:0 0 45px;}
.footer p span {font-size: 16px; font-weight: normal;}
.fimaly_site {width:100%; position: relative;}
.fimaly_site  select {font-size: 16px; color:#000;
  font-weight: bold;
  text-transform: uppercase;
  border: solid 1px #000;
  padding: 7px 40px 7px 20px;
  border-radius: 6px;-webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none; position: relative; width: 100%;    z-index: 99;
  background: transparent;}

  .fimaly_site:after  {content: "";
    position: absolute;
    background: url(../images/down_arrow.png) no-repeat right 15% center;
    width: 100%;
    height: 100%;
    right: 0;}




    /* inner bvanner start */
.inner_banner {position: relative;}
    .inner_banner_info {position: absolute; top: 45%; left:0; right:0; bottom:0; text-align: center;}
    .inner_banner_info h2 {color: #fff;font-weight: bold; font-size: 38px; margin:0 0 20px; line-height: 52px;}
    .inner_banner_info p {color: #fff;font-weight: normal; font-size: 18px; margin:0 0 30px;     line-height: 38px;}
    .inner_banner_info p span.display_b {display: block;}
    .inner_banner_info p span.bg_blue {background-color: #5648f9; font-weight: bold;padding: 5px;}
    .inner_banner_info input {    width: 60%;
      font-size: 18px;
      border: none;
      border-radius: 100px;
      padding: 16px;
      text-align: center;
      font-weight: bold; background: url("../images/search_icon.png") no-repeat right 5% center;
      background-size: 20px; background-color: #fff;}



      .inner_section {position: relative; }
      .find_hos01 {
        background-color:#f9f9f9 ;
      }
      .find_hos01 .tabs_sec02 {margin: 0;}
      .tabs_menus {width:100%; background-color: #fff;     border-bottom: solid 1px #eaeaea;}

      .tabs_menus .nav-tabs .nav-item {width: 50%; padding:0;
        text-align: center;}
        .tabs_menus .nav-tabs .nav-item {border: none;}
        .tabs_menus .nav-tabs .nav-item .nav-link {    padding: 15px 20px;}
        .tabs_menus .nav-tabs .nav-item .nav-link.active {    color: #5648f9;    border-bottom: solid 3px #5648f9;}

        .find_hos01 .tab-content {padding: 0;}
        .find_hos01 .finding_hospitals_list > div,  .find_hos01 .finding_hospitals_list .provision_listing > div{width:49%; display: inline-block;     vertical-align: top;}
        .find_hos01 .finding_hospitals_list .provision_listing{border:none; background-color: #fff;     padding: 0px 0;
          height: 600px;
          overflow: auto;}
        .find_hos01 .finding_hospitals_list .provision_listing ul {padding-top:0px; padding-left:0;}
        .find_hos01 .finding_hospitals_list .provision_listing li {
          list-style: none; text-align: center; padding:12px 10px; font-size: 18px;
        }
        .find_hos01 .finding_hospitals_list .provision_listing li a.active {font-weight: bold; color:#5648f9 !important}
       /* .find_hos01 .finding_hospitals_list .provision_listing .city_listing {border-right:solid 1px #eaeaea;}*/
        .find_hos01 .finding_hospitals_list .provision_listing > div.area_listing {border-left:solid 1px #eaeaea}
        .line_middle {height:10px;width:49%;border-right:1px solid #eaeaea;}
/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {

}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #e8e8e8; 
  border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #e8e8e8; 
}
.provision_listing_box {    background-color: #fff;
  border: solid 1px #eaeaea;
  padding-top: 0px; padding-right:10px;}
.find_hos01 .area_by_hospitals {    padding: 0 0 0 20px; height:600px; overflow: auto;width: 100%;
  display: inline-block;margin-top: 10px;
}
.area_by_hospitals_info {
  width: 95%;
    margin: 10px 0 12px;
    display: inline-block;
    background: #fff;
    padding: 20px 40px;
    border-radius: 20px;
    box-shadow: 7px 7px 7px 0px rgba(0,0,0,0.1);
}

.find_hos01 .finding_hospitals_list  div.provision_listing_box {width:50%;}
.find_hos01 .finding_hospitals_list > div#address {width:49%}
.area_by_hospitals.hospital_map_areas {padding: 0;}
.area_by_hospitals_info  h6 {font-size: 18px;
  font-weight: bold;
  margin: 0 0px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-wrap: nowrap;}
.extra_text_search {width:100%; display: block; padding:0 0 50px}

  .area_by_hospitals_info p, .extra_text_search p {font-size: 16px;
    color: #666666;
    font-weight: normal;
    margin: 3px 0 7px;
    height: 24px;
    overflow: hidden;}
    .extra_text_search p  {color:#A0A0A0;}
    .area_by_hospitals_info  a{font-size: 16px;
      color: #5648f9;
      font-weight: normal;
      margin: 0 0 0px;
      border-bottom:solid 1px #5648f9;
     }


     .hospital_map {width:100%; position: relative;     z-index: 1;
     }

     .hospital_map .search_map_btn {position: absolute;
      left: 39%;
      width: 230px;
      bottom: 6%;
      height: auto;
      font-size: 0;
      background: transparent;z-index: 98;
      border: none;
    }

      .hospital_map .send_loc_btn {    position: absolute;
    right: 3%;
    width: 80px;
    bottom: 6%;
    height: auto;
    font-size: 0;
    background: transparent;z-index: 98;
    border: none;
    overflow: visible !important;
    }

    .calling_map {position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: #fff;}

     .hospital_map_areas {height: auto !important; margin:20px 0 40px;}

     .hospital_map_areas > .area_by_hospitals_info {
      width: 48%;
      margin: 15px 10px; border:solid 1px #e5e5e5;

  }
  .hospital_map_areas > .area_by_hospitals_info:nth-child(odd) {margin-left: 0;}
  .hospital_map_areas > .area_by_hospitals_info:nth-child(even) {margin-right: 10px;
    float: right;}

  .intro_sec {margin: 80px 0 0;}
  .intro_inner_info {width:100%; position: relative; margin: 0 0 40px;}
  .intro_inner_info > div {width:49%; display: inline-block; vertical-align: middle; text-align: left;}
  .display_b {display: block;}
  .color_blue {color: #5648f9;}

  .intro_inner_info h3 {font-size: 28px; font-weight: bold; margin:0 0 20px; color:#000}
  .intro_inner_info p {font-size: 20px; font-weight: normal; margin:0 0 15px; color:#000}
  .intro_inner_info img {width:80%;}

  .intro_inner_info_left {padding: 0 0 0 50px;}


  .intro_sec03 {width:100%; position: relative; border-top:solid 1px #e3e3e3; margin:50px 0 0; padding:100px 0 0;}
  .video_frame {width: 100%; position: relative; margin:0 0 0px;}
  .video_frame img {width:100%; cursor: pointer;}


  .youtube_inner {
		position: relative;
		display: block;
    padding: 20% 0 0;
	}
  .youtube_wrap iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	

  .intro_sec04 {background-color: #f9f9f9;}


  .news_sec, .faq_sec {margin: 80px 0;}
  .news_tabel table{width:100%;    border-top: solid 3px #5648f9; border-bottom: solid 3px #5648f9;}
  .news_tabel table tr{width:100%; border-bottom: solid 1px #eaeaea;}
  .news_tabel table tr td {padding: 26px 5px; text-align: left;}
  .news_tabel table tr td:first-child {width: 12%;     text-align: center;}
  .news_tabel table tr td:last-child {width: 15%; }

  .news_pagination {width:100%; display: block; margin:50px 0 0;}
  .news_pagination li {margin: 0 5px;}
  .news_pagination li a.page-link {
    padding: 6px;
    font-weight: bold;
    color: #000;
    width: 40px;
    text-align: center;
    background-color: #fff;
}

.news_pagination li.active a.page-link {background-color: #5648f9; color: #fff;     border-color: #5648f9;}
.page-item:first-child .page-link, .page-item:last-child .page-link {border-radius: 0;}



.filter-button
{
  font-size: 16px;
  border: 1px solid #dddddd;
  border-radius: 5px;
  text-align: center;
  color: #000;
  width: 120px;
  height: 50px;
  margin: 0 5px;
  line-height: initial;
}

.filter-button:hover {border:solid 1px #eaeaea}
.btn-default:active .filter-button:active, .filter-button.active
{
    background-color: #5648f9;
    color: white;
    font-weight: bold;
}



.pets_info_sec02 .faq_accord h2 {margin: 0;}
.faq_accord {margin:50px 0 0;   border-top: solid 3px #5648f9; border-bottom: solid 3px #5648f9;}
.faq_accord p {margin: 0;}
.faq_accord .w120 {width:20%; text-align: center; display: inline-block; font-weight: bold; color:#000; font-size:18px;}
.faq_accord .w_full {width:80%;  display: inline-block;}

.faq_accord  .accordion-button.collapsed .w_full {font-weight: normal; color:#000; font-size:18px;}
.faq_accord  .accordion-button .w_full {font-weight: bold; color:#5648f9; font-size:18px;}
.faq_accord  .accordion-body .w_full {font-weight: normal; color:#000; font-size:16px; text-align: left;}




.accordion-item:first-of-type, .accordion-item {border: none;}
.accordion-item {border-bottom: solid 1px #eaeaea !important;}

.accordion-button:not(.collapsed) {background-color: transparent; border: none; box-shadow: none;}

.accordion-button {padding:25px 0;}
.accordion-body {padding-bottom: 25px;}

.accordion-button:not(.collapsed) {padding-bottom: 0;}


.accordion-button::after {background-image: url("../images/accor_icon.png");}
.accordion-button:not(.collapsed)::after {background-image: url("../images/accor_icon.png")}

.veteinar_btn, .veteinar_btn:hover, #myBtnContainer button.filter-button:last-child
{
    
    border: 1px solid #cfcbff !important;
    border-radius: 5px;
    text-align: center;
    color: #5648f9 !important;
    background-color: #cfcbff !important;
    font-weight: bold !important;

}
.btn-default:active .filter-button:active, .filter-button.active, .filter-button { border-radius: 5px !important;}
#myBtnContainer button.filter-button.active:last-child {    background-color: #5648f9  !important;
  border: 1px solid #5648f9 !important;
  color: white  !important;}

.pc_none, .mo_display {display: none;}

.pc_display {display: block !important;} 
.mo_display, .info_slider_mo_only {display: none !important;}
.info_slider_pc_only {display: flex;}





    .sec04, .intro_sec03 {background-color: #fff;}
    .intro_sec03 .section {padding:100px 0;}
    .mo_display_b {display: inline;}
    .footer {  background-color: #fff;    position: relative;}

.search_bar {position: relative;}
.search_bar button {
  position: absolute;
  right: 22%;
  width: 5%;
  top: 12%;
  height: 70%;
  font-size: 0;
  background: transparent;
  border: none;
}

.search_bar_content_box {
  position: absolute;
  /* width: 40.2%;
  top: 57%; */
  max-height: 500px !important;
  /* left: 29.89%; */
  background: #fff;
  z-index: 999;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  overflow-y: scroll;
  overflow-x: hidden;
}

.search_bar.active input {    border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
  border-bottom: solid 2px #ccc;}
  .search_bar.active .search_bar_content_box {display: block;}


.youtube_wrap {display: none;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background: #000; }

  .video_frame button {    position: absolute;
    top: 40%;
    left: 45%;
    width: 10%;
    height: 20%;
    background: transparent;
    border: none;
    font-size: 0;}

  .search_results_box {position: absolute;}

  .youtube_wrap.active {display: block;}
  /* /marker */

/*.box-marker_info {    border: solid 1px #5648f9;
  border-radius: 100px;
  width: auto;
  position: relative;
  padding: 10px 10px 0 10px;
  background: #fff;}
  .box-marker_info img {    width: 60px;}

  .box-marker_info p, .box-marker_info a{font-size: 16px; color:#000; font-weight: bold;    display: inline-block;}

  .arrow_icon {    background: url(../images/icon_arrow_small.png) no-repeat bottom left;
    position: absolute;
    left: 4%;
    width: 20px;
    height: 30px;
    bottom: 0.85%;
    z-index: 9;}
*/


/* marker */
.img-marker {
   width: 42px !important;
   max-width: 42px !important;
}
.box-marker_info .img-marker {
  margin-top: 1px;
  margin-left: 0;
  margin-bottom: -7px;
  
}

.box-marker{
  width: 100%;
}

.box-marker_info {
  border: solid 1px #5648f9;
  border-radius: 100px;
  position: relative;
  padding: 5px 15px 5px 5px;
  background: #fff;
  display: flex;
  align-items: center;
  overflow: hidden;
}

.box-marker_info a {
  font-size: 16px;
  color: #000;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 11em;
  min-width: auto;
  width: max-content;
}
.arrow-marker{
  color: #5648f9;
}
/*.arrow_icon {
  background: url(../images/icon_arrow_small.png) no-repeat bottom left;
  position: absolute;
  left: 12%;
  width: 20px;
  height: 30px;
  bottom: -13.3%;
  z-index: 9;
} jyoti*/
.arrow_icon {
  background: url(../images/icon_arrow_small.png) no-repeat bottom left;
  position: absolute;
  left: 12%;
  width: 20px;
  height: 30px;
  bottom: -16%; /*수정 0322*/
  z-index: 1000; /*수정 0322*/
  transform: rotate(-1deg);  /*수정 0322*/
}
.intro_sec03 .pets_info_sec02, .intro_sec04 .pets_info_sec02{width:70%}

#map {margin: 0 !important;}
.hospital_map .send_loc_btn {
  overflow: visible !important;
  }
  .search_bar_content_box {color:#989898 !important; }
  
#result-search .row-search{
  width: 100%;
  overflow-wrap: break-word;
  color: black;
  cursor: pointer;
  font-weight: 600;
  border-radius: 5px;
  font-size: medium;
  margin: 5px 5px 10px;
  line-height: 28px !important;
  float: left;
  text-align: left;
  padding-left: 20px;
}
.row-search:hover{
  background-color: gainsboro;
}

/* map */

@media screen and (min-width: 768px) {
  #map {
      height: 320px;
  }
}
@media screen and (min-width: 1200px) {
  #map {
      height: 500px;
  }
}

@media (max-width: 1488px) {
  #map {
      width: 100%;
      height: 40vw;
      margin-top: 3px
  }
}
@media (max-width: 767px) {
  #map {
      height: 320px;
  }
}


/* */

.find_hos01 .tabs_sec02 .nav-tabs .nav-item:first-child {width:50%}
.find_hos01 .tabs_sec02 .nav-tabs .nav-item:last-child {width:50%}

#accordionExample .accordion-collapse .accordion-body {padding:20px 0px 20px 10px;}

#result-search .row-search > span.search_row_title {width: 30%;
  float: left;}

  #result-search .row-search > span.search_row_info {
    width: 68%;
    float: right;
    color: #666666;
    font-weight: normal;
}



.speech.down {
  display: flex;
    width: auto;
    position: relative;
    text-align: left;
    background: #fff;
    border: 1px solid #5648f9;
    border-radius: 100px;
    color: #000;
    padding: 6px;
    font-size: 16px;
    font-weight: bold;
    text-align: left;
    height: 62px;
    vertical-align: middle;
    align-items: center;
}


.speech.down:before {
       display: block;
    position: absolute;
    content: '';
    top: auto;
    transform: translate(50%, -50%) rotate(-315deg) translateZ(0);
    left: 14%;
    height: 15px;
    width: 15px;
    background: linear-gradient(-45deg, #fff 52%, transparent 0);
    border: inherit;
    border-width: 0 1px 1px 0;
    border-radius: 0 0 2px 0;
    bottom: -28%;
}

.speech.down > div {width: 100%;
    display: inline-block; }
	
	.speech.down  > div .img-marker {    display: inline-block;
    margin-top: 13px;}
	.speech.down  > div .marker-content {display:inline-block}

  .box-marker_info {z-index:999}


  .truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 11em;
    min-width: auto;
    width: max-content;
  }
  .truncate_deail {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
    min-width: auto;
    width: max-content;
  }

/* loading */
  
#loading-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent black background */
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 999; /* Ensure the backdrop is on top of everything */
}

.spinner {
  width: 50px;
  height: 50px;
  border: 5px solid #fff; /* White border for the spinner */
  border-radius: 50%;
  border-top-color: transparent; /* Creates a spinning effect */
  animation: spin 1s linear infinite;
}

@keyframes spin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}


.navigation .container {max-width:77%}

.footer .container {max-width:80%}


.find_hos01 .tabs_sec02 .tabs_menus > .container, .find_hos01 .tabs_sec02 > .container {max-width: 56%;;}
.menu_opacity {display:none}


#accordionExample .accordion-button {padding-right:50px;}
#accordionExample .accordion-collapse .accordion-body p.w_full {padding-right: 100px; margin-left:-40px;}


.footer_logo {width:15%;}
.pt50.footer_content {padding-top:55px;}


.new_footer {    width: 100%;
  border-top: solid 1px #e3e3e3;
  padding: 50px 0;}
  .new_footer  .container {    max-width: 80%;}

  .new_footer   .footer_content_panel {display: flex;
    justify-content: space-between;
    text-align: left;
    flex-direction: row;
    align-items: flex-end;}

    .new_footer    .footer_content_panel  .footer_policy_text {    width: 65%;
      padding-left: 20px;}

      .new_footer    .footer_content_panel  .footer_policy_text  p{margin: 0;color: #000 !important;
        font-size: 14px;}
        .new_footer    .footer_content_panel  .footer_policy_text  p span {
          font-size: 16px;
          font-weight: normal;
      }


      .new_footer   .fimaly_site select {
        font-size: 16px;
        color: #000;
        font-weight: bold;
        text-transform: uppercase;
        border: solid 1px #000;
        padding: 7px 40px 7px 20px;
        border-radius: 6px;
        -webkit-appearance: none;
        -moz-appearance: none;
        -o-appearance: none;
        appearance: none;
        position: relative;
        width: 100%;
        z-index: 99;
        background: transparent;
      }
.new_footer .footer_logo_new {width:14%}
      .new_footer .fimaly_site {
        width: 15%;
        position: relative;
    }

    .new_footer  .compy_info {    padding: 15px 10px 30px 0px;}
    .new_footer  .copyright {   padding-left: 0px;}



    .detailed_news td .detailed_news_header {text-align: left;padding-left: 60px;padding-right: 60px;font-weight: bold; font-size: 24px;/* border-bottom: solid 1px red; */}

    .detailed_news td .detailed_news_header span {display: block;font-weight: normal;font-size: 18px;margin-top: 6px;color: #000;}
    .detailed_news .news_pdf {width:100%; display: block;
      padding: 75px 62px 0; margin-top:25px;
      border-top: solid 1px #eaeaea;
  }
  .detailed_news .news_pdf {text-align: center;}
  .detailed_news .news_pdf img {width:100%;margin: 0 0 60px;}
  .detailed_news .news_pdf a img {width:260px; height:auto; margin: 0 0 46px;}
  .detailed_news .news_pdf button {width:32%; display: inline-block; border:none; background: transparent;}

  .news_listing_btn {
    width: 100%;
    display: block;
    margin: 72px 0 0;
}
.news_listing_btn button {width:22%; display: inline-block; border:none; background: transparent;}
.news_listing_btn button  img {width: 100%;}

.detailed_news .news_pdf > p {margin:0;}

.news_listing_btn > imh {width:260px;}