@charset "euc-kr";
* {}
/* ====================================== ¸íÀÇ °³Æí 2024 css ½ÃÀÛ ====================================== */
@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800");
@import url('https://fonts.googleapis.com/earlyaccess/notosanskr.css');
html {
  scroll-behavior: smooth;
}
a, article, body, dd, div, dl, dt, figcaption, figure, h1, h2, h3, h4, h5, h6, li, ol, p, section, ul {
  margin: 0;
  padding: 0;
}
#bdContent a, a:hover {
  cursor: pointer;
  text-decoration: none !important;
}
#bdContent {
  position: relative;
  width: 1200px;
  margin: 0 auto;
  padding-top: 0px;
  box-sizing: border-box;
  font-family: 'Noto Sans KR', sans-serif !important;
}
section {
  position: relative;
  width: 1200px;
  margin: 0 auto;
  padding-top: 0px;
  box-sizing: border-box;
  font-family: 'Noto Sans KR', sans-serif !important;
}
input:focus, textarea:focus {
  	outline: 1px solid #333333;
	font-size: 16px;
	font-weight: 400;
	line-height: 23.68px;
	text-align: left;
	color: #333333;
}
#topNav {
  width: 1200px;
  margin: 0 auto;
  position: relative;
  background-color: #ffffff;
}
.mrb_15 {
  margin-bottom: 15px;
}
/*¸íÀÇ °Ë»ö _ Áø·á°úº° 01 tab1*/
/* Áø·á°ú ±×¸®µå ½ºÅ¸ÀÏ */
.bdP_card-grid {
  display: grid;
  grid-template-columns: repeat(8, 1fr); /* 8¿­ ±×¸®µå */
  gap: 13px;
  margin-top: 20px;
}
/* Áø·á°ú Ä«µå ½ºÅ¸ÀÏ */
.bdP_card {
  border: 1px solid #d9d9d9;
  border-radius: 8px;
  text-align: center;
  width: 136px;
  height: 136px;
  display: flex;
  justify-content: center;
  align-content: center;
}
.bdP_card:hover {
  border: 0px solid #ffffff;
  /*filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.25));*/
}
.bdP_top {
  width: 132px;
  height: 132px;
  border-radius: 8px;
  border: 2px solid #ffffff;
  background-color: #ffffff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: center;
  gap: 20px;
}
.bdP_card:hover .bdP_top {
  border: 2px solid #A9425F;
  filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.25));
}
/* À̹ÌÁö ÄÁÅ×ÀÌ³Ê */
.bdP_img {}
.bdP_img img {
  width: 50px;
  height: 50px;
}
.bdP_tit {
  font-size: 14px;
  font-weight: 500;
  color: #333333;
  font-style: normal;
  line-height: 210%;
  text-align: center;
  letter-spacing: -0.01em;
}
.cate_section {
  margin-bottom: 100px;
}
.cate_section h2 {
  font-size: 24px;
  font-weight: 700;
  margin: 40px 0 20px;
  color: #333333;
  background-color: #F8F8F8;
  padding: 20px 0;
  text-align: center;
  margin-bottom: 20px;
  border-bottom: 2px solid #555555;
}
/*¸íÀÇ °Ë»ö _ Áø·á°úº° 01 tab1 end*/
/*¸íÀÇ °Ë»ö _ Áúȯº° 02 tab2*/
.bd_search {
  width: 1100px;
  box-shadow: 0px 0px 10px #E6E6E6;
  text-align: center;
  margin: 0 auto 70px;
  background: #FFFFFF;
  border-width: 1px;
  border-style: solid;
  border-color: #D9D9D9;
  border-radius: 15px 15px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.bd_search_bar {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 40px;
  padding: 25px 0;
}
.bd_search_bar .bssb_tit h1 {
  font-style: normal;
  font-weight: 700;
  font-size: 30px;
  letter-spacing: -0.02em;
  color: #19284E;
  line-height: 140%;
}
.bd_search_bar .bssb_tit p {
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  letter-spacing: -0.02em;
  color: #19284E;
}
.bd_search_bar input {
  width: 580px;
  padding: 0 0 0 15px;
  border: 1px solid #dcdcdc;
  border-radius: 4px 0 0 4px;
  margin-right: 5px;
  color: #B4B4B4;
}
.bd_search_bar input::placeholder {
  font-size: 15px;
  color: #B4B4B4;
}
.bd_search_bar input::-webkit-input-placeholder {
  color: #B4B4B4;
}
.bd_search_bar input:-ms-input-placeholder {
  color: #B4B4B4;
}
.bd_search_bar input::-ms-input-placeholder {
  color: #B4B4B4;
}
.bd_search_bar button {
  width: 150px;
  height: 50px;
  background: #D8B36A;
  border-radius: 0px 0px 20px 0px;
  padding: 15px 30px;
  font-size: 16px;
  font-weight: 500;
  color: #ffffff;
  ;
  border: none;
  cursor: pointer;
  display: flex;
  gap: 10px;
}
.bd_search_bar .search_bar_area {
  display: flex;
}
.bd_search_tags {
  background: #F7F7F7;
  display: flex;
  justify-content: flex-start;
  gap: 12px;
  padding: 25px 0 25px 40px;
  border-radius: 0px 0 15px 15px;
}
.bdst_tit span {
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 200%;
  letter-spacing: -0.01em;
  color: #19284E;
}
.bds_tags {
  margin-top: 10px;
  display: flex;
  justify-content: center;
  gap: 10px;
  flex-wrap: wrap;
}
.bds_tags span {
  background-color: #eeeeee;
  padding: 8px 12px;
  border-radius: 20px;
  font-size: 14px;
}
.bdst_tags {
  display: flex;
  gap: 7px;
}
.bdst_tags a {
  padding: 7px 20px;
  gap: 10px;
  background: #FFFFFF;
  border: 1px solid #D9D9D9;
  border-radius: 50px;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 15px;
  letter-spacing: -0.01em;
  color: #888888;
}
.bds_tabs {
  display: flex;
  justify-content: space-between;
}
.bds_tabs button {
  width: 400px;
  padding: 6px 0px 7px;
  background-color: #ffffff;
  border: 1px solid #dcdcdc;
  cursor: pointer;
  font-weight: 500;
  font-size: 20px;
  line-height: 200%;
  letter-spacing: -0.01em;
  color: #333333;
}
.bds_tabs button:first-child {
  border-width: 1px 0px 1px 1px;
  border-style: solid;
  border-color: #dcdcdc;
  cursor: pointer;
  border-radius: 15px 0 0;
}
.bds_tabs button:last-child {
  border-width: 1px 1px 1px 0;
  border-style: solid;
  border-color: #dcdcdc;
  cursor: pointer;
  border-radius: 0 15px 0 0;
}
.bds_tabs button.active {
  background-color: #222F66;
  border-color: #dcdcdc;
  color: white;
}
.tab_search {
  display: none;
}
.tab_search.active {
  display: block;
}
/* Áø·á°úº° Ãʼº°Ë»ö ½ºÅ¸ÀÏ */
.alp_flt_clinic {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-content: center;
  margin: 50px 0;
  gap: 10px;
  line-height: 200%;
}
.alp_flt_clinic h4 {
  position: relative;
  flex-wrap: wrap;
  justify-content: center;
  align-content: center;
  align-content: center;
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.01em;
  color: #888888;
  margin-right: 20px;
}
.alp_flt_clinic h4::before {
  content: '¡¤';
  color: #888888;
  position: absolute;
  left: -10px;
  top: 15px;
  width: 5px;
  height: 5px;
}
.alp_flt_clinic button {
  padding: 17px 18px;
  border: 1px solid #dcdcdc;
  background-color: #ffffff;
  cursor: pointer;
  font-weight: 500;
  font-size: 16px;
  color: #000000;
  border-radius: 100px;
}
.alp_flt_clinic button.fir {
  padding: 17px 25px;
}
.alp_flt_clinic button.onact {
  background-color: #222F66;
  color: white;
  font-weight: 700;
}
.alp_flt_clinic button:disabled {
  background-color: #e0e0e0;
  color: #a0a0a0;
  cursor: not-allowed; /* ºñÈ°¼ºÈ­µÈ ¹öÆ°¿¡ ºñÈ°¼º¸ð¾ç Ä¿¼­ ½ºÅ¸ÀÏ */
}
.alp_flt_clinic button.active {
  background-color: #222F66; /* ¹öÆ° ¼±Åà ½Ã »ö»ó */
  color: white;
  font-weight: 700;
}
.alp_flt_clinic button:hover {
  background-color: #222F66; /* ¹öÆ°¿¡ ¸¶¿ì½º¸¦ ¿Ã·ÈÀ» ¶§ »ö»ó */
  color: white;
}
/* Áø·á°úº° Ãʼº°Ë»ö ½ºÅ¸ÀÏ end */
/* Áúȯº° Ãʼº°Ë»ö ½ºÅ¸ÀÏ */
.alp_flt_disease {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-content: center;
  margin: 50px 0;
  gap: 10px;
  line-height: 200%;
}
.alp_flt_disease h4 {
  position: relative;
  flex-wrap: wrap;
  justify-content: center;
  align-content: center;
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.01em;
  color: #888888;
  margin-right: 20px;
}
.alp_flt_disease h4::before {
  content: '¡¤';
  color: #888888;
  position: absolute;
  left: -10px;
  top: 15px;
  width: 5px;
  height: 5px;
}
.alp_flt_disease button {
  padding: 17px 18px;
  border: 1px solid #dcdcdc;
  background-color: #ffffff;
  cursor: pointer;
  font-weight: 500;
  font-size: 16px;
  color: #000000;
  border-radius: 100px;
}
.alp_flt_disease button.fir {
  padding: 17px 25px;
}
.alp_flt_disease button.onact {
  background-color: #222F66;
  color: white;
  font-weight: 700;
}
.alp_flt_disease button:disabled {
  background-color: #e0e0e0;
  color: #a0a0a0;
  cursor: not-allowed; /* ºñÈ°¼ºÈ­µÈ ¹öÆ°¿¡ ºñÈ°¼º¸ð¾ç Ä¿¼­ ½ºÅ¸ÀÏ */
}
.alp_flt_disease button.active {
  background-color: #222F66; /* ¹öÆ° ¼±Åà ½Ã »ö»ó */
  color: white;
  font-weight: 700;
}
.alp_flt_disease button:hover {
  background-color: #222F66; /* ¹öÆ°¿¡ ¸¶¿ì½º¸¦ ¿Ã·ÈÀ» ¶§ »ö»ó */
  color: white;
}
/* Áúȯº° Ãʼº°Ë»ö ½ºÅ¸ÀÏ end*/
.alp_flt {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-content: center;
  margin: 50px 0;
  gap: 10px;
  line-height: 200%;
}
.alp_flt h4 {
  position: relative;
  flex-wrap: wrap;
  justify-content: center;
  align-content: center;
  align-content: center;
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.01em;
  color: #888888;
  margin-right: 20px;
}
.alp_flt h4::before {
  content: '¡¤';
  color: #888888;
  position: absolute;
  left: -10px;
  top: 15px;
  width: 5px;
  height: 5px;
}
.alp_flt button {
  padding: 17px 18px;
  border: 1px solid #dcdcdc;
  background-color: #ffffff;
  cursor: pointer;
  font-weight: 500;
  font-size: 16px;
  color: #000000;
  border-radius: 100px;
}
.alp_flt button.fir {
  padding: 17px 25px;
}
.alp_flt button.onact {
  background-color: #222F66;
  color: white;
  font-weight: 700;
}
.alp_flt button:disabled {
  background-color: #e0e0e0;
  color: #a0a0a0;
  cursor: not-allowed; /* ºñÈ°¼ºÈ­µÈ ¹öÆ°¿¡ ºñÈ°¼º¸ð¾ç Ä¿¼­ ½ºÅ¸ÀÏ */
}
.alp_flt button.active {
  background-color: #222F66; /* ¹öÆ° ¼±Åà ½Ã »ö»ó */
  color: white;
  font-weight: 700;
}
.alp_flt button:hover {
  background-color: #222F66; /* ¹öÆ°¿¡ ¸¶¿ì½º¸¦ ¿Ã·ÈÀ» ¶§ »ö»ó */
  color: white;
}
.bds_card-grid {
  position: relative;
  display: grid;
  grid-template-columns: repeat(4, 1fr); /* 2¿­·Î º¯°æ */
  grid-row-gap: 40px;
  grid-column-gap: 13px;
  margin-bottom: 100px;
}
.bds_card {
  position: relative;
  margin-top: 40px;
  display: flex;
  flex-direction: column;
  background-color: #F8F8F8;
  border-radius: 8px;
  width: 288px;
  /*box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);*/
  padding: 0px;
  text-align: center;
  border-width: 1px;
  border-style: solid;
  border-color: #E6E6E6;
}
.bds_card.recom {
  /*grid-column: span 2;*/
  text-align: center;
  background-color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.recom .recom_banner {
  border-radius: 0px;
  display: flex;
  flex-direction: column;
  gap: 15px;
  align-items: center;
  justify-content: center;
  width: 100%;
  box-sizing: border-box;
  font-weight: 400;
  font-size: 15px;
  line-height: 148%;
  letter-spacing: -0.01em;
  color: #888888;
  height: 100%;
  text-decoration: none;
}
.bds_card_top_wrap {
	width: 288px;
  position: relative;
  height: 100px;
  text-align: center;
  border-bottom: 2px solid #555555;
  background-color: #ffffff;
  border-radius: 8px 8px 0 0;
}
.bds_card_top {
  position: absolute;  
  top: -41px;
  left: 50%;
	transform: translateX(-50%); 
  display: flex;
  flex-direction: column; 
  justify-content: center; 
  align-items: center; 
  text-align: center; 
  gap: 15px; 
}
.bdsc_img {
  width: 80px;
  height: 80px;
  background: #F8F8F8;
  border: 1px solid #D9D9D9;
  border-radius: 41px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-content: center;
}
.bdsc_img img {
  max-width: 100%;
  width: 50px;
  height: 50px;
}
.bdsc_tit {
  position: relative;
  text-align: center;
  font-weight: 500;
  font-size: 20px;
  letter-spacing: -0.02em;
  color: #BB0842;
  width: 100%;
}
.bdsc_tit span {
  position: relative;
  text-align: center;
  color: #333333;
}
.bds_card_list_wrap {
  border-radius: 0px 0px 8px 8px;
  padding: 25px 26px 20px;
}
.bds_card_list_wrap span {
  display: flex;
  width: 100%;
  background-color: #ffffff;
  justify-content: center;
  text-align: center;
  height: 28px;
  font-weight: 500;
  font-size: 14px;
  line-height: 200%;
  letter-spacing: -0.01em;
  color: #999999;
  margin-bottom: 20px;
}
.bds_card_list_wrap ul {
  list-style: none;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.bds_card ul li {
  text-align: left;
  position: relative;
  flex-basis: 50%;
  margin-bottom: 16px;
}
.bds_card ul li::before {
  content: '¡¤';
  color: #B1B1B1;
  line-height: 0;
  font-size: 23px; /* ºÒ¸´ Å©±â¸¦ Á¶Á¤ */
  margin-right: 4px; /* ºÒ¸´°ú ÅؽºÆ® »çÀÌÀÇ °£°Ý */
  display: inline-block;
  vertical-align: middle; /* ¼öÁ÷ °¡¿îµ¥ Á¤·Ä */
}
.bds_card ul li a {
  font-weight: 400;
  font-size: 14px;
  line-height: 120%;
  letter-spacing: -0.01em;
  color: #555555;
}
.bds_card ul li a:hover {
  font-style: normal;
  color: #BB0842;
  font-weight: 700;
  text-decoration: none;
}
.bds_card ul li.active {
  display: list-item; /* ÇÊÅ͸µµÈ Ç׸ñ¸¸ º¸ÀÓ */
}
/* 02 tab02 Áúȯº° end */
/* 03 tab3 Áö¿ªº°*/
/* °Ë»ö¹Ù ½ºÅ¸ÀÏ */
.bd-search-bar {
  background-color: #f9f9f9;
  padding: 44px 35px;
  border-radius: 8px;
  margin-bottom: 20px;
}
.bd-search-bar label {
  display: block;
  font-style: normal;
  font-weight: 700;
  font-size: 22px;
  letter-spacing: -0.01em;
  color: #222F66;
}
.bd-search-bar option {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: -0.5px;
  color: #888888;
}
.location-search {
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: space-between;
}
.location-search select {
  padding: 0px 0 0 20px;
  border: 1px solid #ccc;
  border-radius: 0px;
  width: 314px;
  height: 50px;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: -0.5px;
  color: #888888;
  appearance: none; /* ºê¶ó¿ìÀú ±âº» ½ºÅ¸ÀÏ Á¦°Å */
  -webkit-appearance: none; /* »çÆĸ® ºê¶ó¿ìÀú ±âº» ½ºÅ¸ÀÏ Á¦°Å */
  -moz-appearance: none; /* ÆÄÀ̾îÆø½º ºê¶ó¿ìÀú ±âº» ½ºÅ¸ÀÏ Á¦°Å */
  background: url('https://health.chosun.com/bestdoctor/img/select_icon.svg') no-repeat right 20px center; /* ¾ÆÀÌÄÜ À§Ä¡ ¼³Á¤ */
  background-color: #fff; /* ¼¿·ºÆ® ¹Ú½º ¹è°æ */
}
.input-wrapper {
  position: relative;
  flex-grow: 1;
}
.input-wrapper input {
  padding: 0px 0 0 20px;
  border: 1px solid #ccc;
  border-radius: 0px;
  padding-right: 50px; /* ¹öÆ° °ø°£À» È®º¸Çϱâ À§ÇØ padding Ãß°¡ */
  width: 550px;
  height: 50px;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: -0.5px;
  color: #888888;
}
#search-btn {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  border: none;
  padding: 0 15px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  cursor: pointer;
}
#search-btn img {
  width: 23px;
  height: 24px;
}
#refresh-btn {
  position: relative;
  width: 50px;
  height: 50px;
  background-color: #222F66;
  padding: 10px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}
#refresh-btn img {
  width: 30px;
  height: 30px;
}
.result-info {
  margin-bottom: 20px;
}
.result-info h4 {
  font-size: 17px;
  color: #333333;
  margin-bottom: 20px;
}
.result-info span {
  font-size: 17px;
  font-weight: 700;
  color: #BB0842;
}
.location-results {
  display: flex;
  gap: 40px;
  margin-bottom: 100px;
}
.bdsM_doctor_list {
  flex-basis: 400px;
  display: flex;
  flex-direction: column;
}
.bdsM_doctor_list:first-child {
  border-top: 2px solid #000000;
}
.bdsM_doctor {
  background-color: #ffffff;
  padding: 24px 24px;
  border-bottom: 1px solid #ddd;
  border-radius: 0px;
}
.bdsM_doctor:hover {
  background-color: #F7F7F7;
}
.bdsMd_top {
  display: flex;
  justify-content: space-between;
}
.bdsMd_part {
  position: relative;
  font-weight: 400;
  font-size: 15px;
  letter-spacing: -0.01em;
  color: #333333;
  display: flex;
  gap: 17px;
  margin-bottom: 18px;
}
.bdsMd_hosname {
  position: relative;
}
.bdsMd_hosname::after {
  position: absolute;
  top: 2px;
  width: 1px;
  right: -9px;
  height: 13px;
  background: #D9D9D9;
  content: '';
}
.bdsMd_num {
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 22px;
  color: #333333;
}
.doctor-actions {
  display: flex;
  gap: 5px; /* ¾ÆÀÌÄÜ »çÀÌ °£°Ý */
}
.doctor-actions button {
  background-color: transparent;
  border: none;
  cursor: pointer;
}
.doctor-actions img {
  width: 35px;
  height: 35px;
}
.bdsM_doctor h3 {
  margin-bottom: 5px;
  font-weight: 700;
  font-size: 23px;
  color: #333333;
}
.bdsM_doctor p {
  font-size: 14px;
  margin: 0;
}
.map-container {
  flex-basis: 760px;
  min-height: 650px;
}
.map-container img {
  width: 100%;
  height: auto;
  border-radius: 0px;
}
/* Pagination ½ºÅ¸ÀÏ */
.bds_map_page {
  display: flex;
  justify-content: center;
  gap: 2px;
  padding: 24px 0px 24px 0;
  border-bottom: 2px solid #000;
}
.bds_map_page button {
  padding: 4px 6px;
  border: 0px solid #ddd;
  background-color: #fff;
  cursor: pointer;
  border-radius: 0px;
}
.bds_map_page button:hover {
  font-weight: 700;
}
.bds_map_page button[class^='arrowbtn_fir'] {
  padding: 0px;
  position: relative;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 35px;
  height: 35px;
  vertical-align: top;
  margin-top: 0px;
  border: 1px solid #CCCCCC;
  margin-right: 8px;
}
.bds_map_page button[class^='arrowbtn_fir']:before {
  vertical-align: top;
  content: '';
}
.bds_map_page .arrowbtn_fir:before {
  background-image: linear-gradient(transparent, transparent), url(https://health.chosun.com/friends/img/friends.svg);
  background-size: 498px 478px;
  background-position: -280px -430px;
  width: 16px;
  height: 16px;
  display: inline-block;
  margin: 9px 10px 8px;
}
.bds_map_page button[class^='arrowbtn_next'] {
  padding: 0px;
  position: relative;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 35px;
  height: 35px;
  vertical-align: top;
  margin-top: 0px;
  border: 1px solid #CCCCCC;
  margin-left: 8px;
}
.bds_map_page button[class^='arrowbtn_next']:before {
  vertical-align: top;
  content: '';
}
.bds_map_page .arrowbtn_next:before {
  background-image: linear-gradient(transparent, transparent), url(https://health.chosun.com/friends/img/friends.svg);
  background-size: 498px 478px;
  background-position: -280px -430px;
  width: 16px;
  height: 16px;
  display: inline-block;
  margin: 8px 10px 7px 7px;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.blind {
  position: absolute;
  clip: rect(0 0 0 0);
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
}
.bds_map_page .arrowbtn {
  padding: 8px 12px;
  border: 1px solid #ddd;
  background-color: #fff;
  cursor: pointer;
  border-radius: 5px;
}
/*¸íÀÇ ¼Ò¼Óº´¿ø Á¤º¸ Áöµµ ¸¶Ä¿ ½ºÅ¸ÀÏ*/
.bds_marker {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 10;
}
.bds_marker .bdmarker {
  display: table;
  table-layout: auto;
  padding: 5px;
  border-radius: 30px;
  border: 1px solid #BB0842;
  background: rgb(255, 255, 255);
}
.bds_marker .bdmarker .icon_area {
  overflow: hidden;
  position: relative;
  z-index: 1;
  border-radius: 50%;
  display: table-cell;
  vertical-align: middle;
}
.bds_marker .bdmarker .icon_area .icon-hospital {
  overflow: hidden;
  display: inline-block;
  font-size: 1px;
  line-height: 1px;
  color: transparent;
  vertical-align: top;
  background-image: url(https://health.chosun.com/bestdoctor/img/map_in_icon.png);
  width: 28px;
  height: 28px;
  mask-image: none;
}
.bds_marker .btn_more {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  border-radius: 30px;
  border: 1px solid #BB0842;
}
.bds_marker .btn_more::after {
  position: absolute;
  bottom: 1px;
  left: 12px;
  width: 15px;
  height: 15px;
  transform: rotate(55deg) skew(17deg);
  content: "";
}
.bds_marker .text_area {
  display: table-cell;
  vertical-align: middle;
  overflow: hidden;
  white-space: nowrap;
}
.bds_marker .main_text {
  padding: 2px 0px;
  margin: -2px 0px;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 16px;
  line-height: 16px;
}
.bds_marker .main_text .hos_name {
  font-size: 13px;
  letter-spacing: -0.4px;
  font-weight: 700;
  color: #000;
  padding: 0px 12px 0 8px;
}
.bds_marker .dummy {
  position: absolute;
  bottom: -5px;
  left: 15px;
  width: 0px;
  height: 0px;
  border-width: 6px 4px 0px;
  border-style: solid;
  border-color: #BB0842 transparent transparent;
  pointer-events: none;
}
.bds_marker .dummy::before {
  opacity: 0.1;
  position: absolute;
  bottom: -2px;
  left: -5px;
  width: 10px;
  height: 3px;
  background-color: rgb(0, 0, 0);
  filter: blur(1px);
  content: "";
}
.bds_marker .dummy::after {
  width: 0px;
  height: 0px;
  border-width: 9px 6px 0px;
  border-style: solid;
  border-color: rgb(255, 255, 255) transparent transparent;
  position: absolute;
  top: -11px;
  left: -6px;
  content: "";
}
/*¸íÀÇ ¼Ò¼Óº´¿ø Á¤º¸ Áöµµ ¸¶Ä¿ ½ºÅ¸ÀÏ end */
/* 03 tab3 Áö¿ªº° end*/
/* °Ë»ö °á°ú ¿ä¾à ½ºÅ¸ÀÏ */
.search_summary {
  margin: 0px 0 50px;
  font-style: normal;
  font-weight: 500;
  font-size: 34px;
  text-align: center;
  letter-spacing: -0.01em;
  color: #555555;
}
.search_summary strong {
  font-size: 34px;
  color: #BB0842;
}
.search_results_tit {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  gap: 8px;
  border-top: 2px solid #cccccc;
  padding: 33px 0 29px 0;
}
.search_results_tit h3 {
  font-weight: 700;
  font-size: 27px;
  letter-spacing: -0.5px;
  color: #333333;
}
.search_results_tit span {
  font-style: normal;
  font-weight: 500;
  font-size: 27px;
  letter-spacing: -0.5px;
  color: #999999;
}
/* ÀÇ»ç ¸®½ºÆ® ±×¸®µå ½ºÅ¸ÀÏ */
.dd_container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  row-gap: 35px;
  column-gap: 30px;
}
.doctor-card {
  display: flex;
  gap: 25px;
  align-items: center;
  border: 1px solid #e6e6e6;
  border-radius: 30px 0 0 0;
  margin-bottom: 20px;
  position: relative;
  width: 100%;
  max-width: 800px;
}
.doctor-card .doctor-image {
  width: 262px;
  height: 230px;
  border-right: 1px solid #e6e6e6;
  border-radius: 30px 0 0 0;
  background-color: #F3F3F3;
}
.doctor-card .doctor-info {
  flex: 1;
  padding-right: 25px;
}
.doctor-card .dc_list_name {
  font-size: 25px;
  font-weight: 700;
  margin-bottom: 10px;
  color: #333;
}
.doctor-card .dc_list_name span {
  font-weight: normal;
  font-size: 25px;
  color: #333;
}
.doctor_hospital {
  display: flex;
  position: relative;
  flex-direction: row;
  letter-spacing: -1px;
  font-size: 13px;
  color: #333;
  margin-bottom: 10px;
}
.doctor_hospital .hopital_name::after {
	content: '|';
	margin: 0 8px;
	color: #E6E6E6;
}
.hopital_name {
  position: relative;
}
.doctor_description {
  font-size: 17px;
  color: #1D67A3;
  margin-bottom: 15px;
  font-weight: 500;
  height: 52px;
  letter-spacing: -0.04em;
  line-height: 140%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.doctor_keywords {
  display: flex;
  align-items: flex-start;
  font-size: 14px;
  color: #888888;
  gap: 5px;
  padding-top: 15px;
  border-top: 1px solid #E6E6E6;
}
.doctor_keywords img {
  padding-top: 4px;
}
.doctor_keywords span {
  line-height: 136%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: clip;
  white-space: normal;
  font-size: 14px;
  color: #888;
  letter-spacing: -0.04em;
}
.doctor-card .new-badge {
  position: absolute;
  top: 16px;
  left: 17px;
  background-color: #BB0842;
  color: white;
  font-size: 12px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;  
}
.bds_tabs_result {
  margin-top: 105px;
  display: flex;
  justify-content: space-between;
}
.bds_tabs_result button {
  width: 400px;
  padding: 6px 0px 7px;
  background-color: #ffffff;
  border: 1px solid #dcdcdc;
  cursor: pointer;
  font-weight: 500;
  font-size: 20px;
  line-height: 200%;
  letter-spacing: -0.01em;
  color: #333333;
}
.bds_tabs_result button.active {
  background-color: #222F66;
  border-color: #dcdcdc;
  color: white;
}
.bds_tabs_result button:first-child {
  border-width: 1px 0px 1px 1px;
  border-style: solid;
  border-color: #dcdcdc;
  cursor: pointer;
  border-radius: 15px 0 0;
}
.bds_tabs_result button:last-child {
  border-width: 1px 1px 1px 0;
  border-style: solid;
  border-color: #dcdcdc;
  cursor: pointer;
  border-radius: 0 15px 0 0;
}
.tab_result_section {
  margin-bottom: 80px;
}
.tab_search_result {
  display: none;
}
.tab_search_result.active {
  display: block;
}
.tab_search_result {
  position: relative;
  margin-top: 54px;
}
.tab_search_result ul {
  list-style: none;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.tab_search_result ul li {
  text-align: left;
  position: relative;
  flex-basis: 20%;
  margin-bottom: 16px;
}
.tab_search_result ul li::before {
  content: '¡¤';
  color: #B1B1B1;
  line-height: 0;
  font-size: 23px;
  margin-right: 4px;
  display: inline-block;
  vertical-align: middle;
}
/* Àü±¹ º´¿øº° ¸®½ºÆ® 04 search hospital */
.needs_tit {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  gap: 10px;
}
.needs_tit .ntit {
  text-align: center;
  font-weight: 700;
  font-size: 30px;
  line-height: 140%;
  letter-spacing: -0.02em;
  color: #19284E;
  width: 300px;
  background: linear-gradient(to top, #D9EDFF 30%, transparent 30%);
  margin: 0 auto;
}
.needs_tit span {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 140%;
  letter-spacing: -0.02em;
  color: #888888;
  margin-bottom: 18px;
}
.hospital_search_container {
  position: relative;
  display: flex;
  flex-direction: column;
}
/* º´¿ø ½½¶óÀÌ´õ ½ºÅ¸ÀÏ */
.hospital_slider_wrap {
  position: relative;
  display: flex;
  align-items: center;
  background: url(https://health.chosun.com/bestdoctor/img/search_hospital_top.jpg) no-repeat top;
	padding: 45px 43px 40px 43px;
}

.hospital_slider_w {
	width: 1120px;
	overflow: hidden;
}
.hospital_slider {
  display: flex;
  justify-content: center;
  align-items: center;
}
.slider_content {
}
.hospital_slide {
  text-align: center;
 /* width: 263px;*/
	width: calc(25% - 15.5px) !important;
  background: #FFFFFF;
  border-width: 0px 1px 1px 1px;
  border-style: solid;
  border-color: #D9D9D9;
  border-radius: 8px 8px 8px 8px;
}
.hospital_location {
  font-size: 14px;
  color: #555;
	display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    height: 16px;
}
.hospital_slide .hosS_img a{
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  align-content: center;
  border-bottom: 1px solid #D9D9D9;
  height: 170px;
  text-align: center;
}
.hospital_slide .hosS_img a img {
  display: flex;
  justify-content: center;
  padding: 0 40px;
  text-align: center;
}
.hosS_info a{
  padding: 24px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 26px;
}
.hosS_info_w {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 3px;
}
.hosS_address {
  text-align: left;
}
.hosS_tag_w {
  display: flex;
  flex-direction: row;
  gap: 8px;
}
.hosS_tag {
  border-radius: 5px;
  font-size: 13px;
  display: inline-block;
  font-weight: 500;
  padding: 5px 7px;
}
.hosS_tag.area {
  background-color: #89C7FD;
  color: #ffffff;
}
.hosS_tag.grade {
  background-color: #E6EFF8;
  color: #1065D9;
}
.prev_button, .next_button {
  background-color: #fff;
  border: 1px solid #ddd;
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: 44px;
  height: 44px;
  border-radius: 22px;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.24);
  z-index: 10; 
}
.next_button {
  right: 10px;
}
.next_button img {
  padding-left: 5px;
  padding-bottom: 1px;
}
.prev_button {
  left: 10px;
}
.prev_button img {
  padding-right: 4px;
  padding-bottom: 1px;
}
.next_button.swiper-button-disabled img, .prev_button.swiper-button-disabled img {
    opacity: .25;
    cursor: auto;
    pointer-events: none;
}


.hospital_list_section {
  margin-top: 30px;
}
.hospital_list_tit {
  display: flex;
  flex-direction: row;
	flex-wrap: wrap;
  justify-content: space-between;
	align-content: center;
  background-color: #F7F7F7;
  border-top: 2px solid #222F66;
  border-bottom: 1px solid #E6E6E6;
	height: 92px;
	padding: 0 18px;
}
.hospital_list_tit h2 {
  font-weight: 400;
  font-size: 24px;
  letter-spacing: -0.01em;
  line-height: 2;
  color: #222F66;
}
.hospital_list_tit span {
  font-weight: 700;
}
.hospital_list_tit h2 img{
	padding-bottom: 4px;
}
.filter_bar {
  display: flex;
  justify-content: space-between;
  gap:5px;
}
.filter_bar select {
  border: 1px solid #CBCBCB;
	width: 200px;
	padding: 0px 0 0 20px;
    border-radius: 0px;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: -0.5px;
    color: #888888;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url(https://health.chosun.com/bestdoctor/img/select_icon.svg) no-repeat right 20px center;
    background-color: #fff;
}
.filter_bar button {
  background-color: #007bff;
  color: white;
  cursor: pointer;
}
.filter_bar button:hover {
  background-color: #0056b3;
}
.fb_header {
    display: flex;
    justify-content:flex-end;
    align-items: center;
    padding: 18px 10px 4px 10px;
}
.fb_header .sort-options span {
  margin-left: 40px;
  color: #888;
  cursor: pointer;
  font-size: 14px;
  position: relative;
  font-weight: 400;
}
.fb_header .sort-options span::after {
  position: absolute;
  top: 4px;
  width: 1px;
  right: -20px;
  height: 15px;
  background: #E3E3E3;
  content: '';
}
.fb_header .sort-options span:last-child::after {
  position: absolute;
  top: 4px;
  width: 1px;
  right: -20px;
  height: 15px;
  background: #ffffff;
  content: '';
}
.fb_header .sort-options .active {
  color: #000; 
  font-weight: 500;
}
.hospital_grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 18px;
  margin-top: 40px;
}

.hospital_card {
  text-align: center;
  transition: transform 0.2s;
	 display: flex;
    flex-direction: column;
    gap: 0px;
    border-radius: 15px;
    width: 225px;
	
    border: 1px solid #D9D9D9;
}
.hospital_card:hover {
  transform: translateY(-5px);
}
.hos_reccom_banner {
  border: 1px solid #e1e1e1;
  border-radius: 8px;
  text-align: center;
  box-sizing: border-box;
	grid-column: span 5; /* ¹è³Ê°¡ 5°³ÀÇ ¿­À» ¸ðµÎ Â÷ÁöÇϵµ·Ï ¼³Á¤ */
  width: 100%; /* ¹è³Ê°¡ ±×¸®µå ³Êºñ¿¡ ¸Â°Ô È®Àå */
 margin: 32px 0 32px;
}

.hos_reccom_banner img {
  width: 100%; /* ¹è³Ê°¡ ±×¸®µå ¼¿¿¡ ²Ë Â÷µµ·Ï ¼³Á¤ */
  height: auto;
  border-radius: 8px;
}


.hospital_card .cach_logo {	
	display: flex;
    flex-direction: column;
    justify-content: center; 
    align-items: center;
    border-bottom: 1px solid #D9D9D9;
    border-radius: 15px 15px 0 0;
    text-align: center;
    background-color: #ffffff;
    height: 145px;
    padding: 10px 0;
    overflow: hidden;
    box-sizing: border-box;	
	width: 225px;
}
.hospital_card .cach_logo img{
	width: 180px;
    height: 104px;	
    object-fit: cover;
    display: block;
    padding: 0;
	text-align: center;
}
.hospital_card .cach_key {
    display: flex;
    flex-direction: row;
	flex-wrap: wrap;
    justify-content: space-between;
    align-content: center;
    padding: 0px 20px;
    font-size: 15px;
    font-weight: 500;
    line-height: 21.72px;
    text-align: left;
    color: #222F66;
    border-radius: 0 0 15px 15px;
	height: 70px;	
  background-color: #f9f9f9;
}
.hospital_card p {
  font-size: 14px;
  color: #555;
}
.more_button_container {
  margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 50px 0 0px;
    box-sizing: border-box;
    gap: 8px;
	margin-bottom: 80px;
}
.related-button {
    width: 400px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    color: #333;
    font-weight: 400;
    border: 1px solid #D9D9D9;
    border-radius: 0px;
    cursor: pointer;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    background-color: #fff;
    flex-wrap: wrap;
    line-height: 1%;
}
.related-button .bicon_add {
    margin-left: 16px;
}
.related-button:hover {
  background: rgba(0, 0, 0, 0.05);
}
.more_button_container .top-button {
    width: 60px;
    height: 60px;
    background-color: #988F88;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.5px;
    cursor: pointer;
    border-radius: 0px;
    border: 1px solid #80776F;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
.more_button_container .top-button a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: white;
}
/* Àü±¹ º´¿øº° ¸®½ºÆ® end*/

/* Àü±¹ º´¿øº° ¸®½ºÆ® »ó¼¼ ºä */
/* ¸íÀÇ ¼Ò¼Óº´¿ø*/
.bd_hospital_info {
  margin-top: 23px;
  margin-bottom: 50px;	
  border-radius: 20px;
  box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.05);
  border: 1px solid #D9D9D9;
}
.hospital_info {
  padding: 35px 35px;
  border-top: 1px solid #D9D9D9;
}
.hospital_header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 75px;
}
.hospital_details {
  display: flex;
  flex-direction: column;
  width: 555px;
}
.hos_top_n_w {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	background: #222F66;
	border-radius: 20px 20px 0 0;
	padding: 23px 35px 23px 35px;
}
.hos_top_share {
	cursor: pointer;
}
.hos_top_name {
  display: flex;
  gap: 10px;
  border-bottom: 0px solid #D9D9D9;	
}
.hos_top_name h3 {
  line-height: 28px;
  color: #ffffff;	
font-style: normal;
font-weight: 500;
font-size: 23px;
letter-spacing: -0.01em;
}
.hos_top_name .tags {
  padding: 0px 15px 0 12px;
  background: #F7FCFF;
  border: 1px solid #4994D0;
  border-radius: 3px 12px 3px 3px;
  font-size: 14px;
  line-height: 28px;
  color: #4294DA;
  text-align: center;
}
.hos_d_name {
  display: flex;
  gap: 10px;
  border-bottom: 1px solid #D9D9D9;
  padding-bottom: 15px;
}
.hos_d_name h3 {
  font-size: 20px;
  line-height: 28px;
  color: #222F66;
}
.hos_d_name .tags {
  padding: 0px 15px 0 12px;
  background: #F7FCFF;
  border: 1px solid #4994D0;
  border-radius: 3px 12px 3px 3px;
  font-size: 14px;
  line-height: 28px;
  color: #4294DA;
  text-align: center;
}
.hos_d_logo {
  display: flex;
  align-content: center;
  justify-content: center;
  border-bottom: 1px solid #D9D9D9;
}
.hos_d_logo img{
	width: 250px;
	height: 140px; 
	/* ¸íÀÇ ¼Ò¼Óº´¿ø ·Î°í À̹ÌÁö »çÀÌÁî °íÁ¤ */
}
.contact_info {
  display: flex;
  flex-direction: column;
  gap: 15px;
  border-bottom: 1px solid #D9D9D9;
  padding: 20px 0;
}
.contact_info .ci_nh {
  display: flex;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: -0.01em;
  color: #333333;
}
.ci_nh .ci_nh_tit {
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 150%;
  leading-trim: both;
  text-edge: cap;
  letter-spacing: -0.5px;
  color: #888888;
  width: 50px;
  margin-right: 25px;
}
.contact_info p {
  display: flex;
  align-items: center;
  margin: 5px 0;
}
.contact_info img {
  margin-right: 10px;
}
.hospital_description {
  border-bottom: 0px solid #D9D9D9;
  padding: 30px 0;
}
.hospital_description p {
  font-weight: 400;
  font-size: 16px;
  line-height: 200%;
  color: #333333;
}
.hospital_image {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.hospital_image img {}
.hos_map {
  position: relative;
}
.hos_map iframe{ width: 498px;  border:1px solid #aeaeae;}
/*¸íÀÇ ¼Ò¼Óº´¿ø Á¤º¸ Áöµµ ¸¶Ä¿ ½ºÅ¸*/
.bestdoctor_marker {
  position: absolute;
  bottom: 50%;
  left: 50%;
  z-index: 10;
}
.bestdoctor_marker .bdmarker {
  display: table;
  table-layout: auto;
  padding: 5px;
  border-radius: 30px;
  border: 1px solid #BB0842;
  background: rgb(255, 255, 255);
}
.bestdoctor_marker .bdmarker .icon_area {
  overflow: hidden;
  position: relative;
  z-index: 1;
  border-radius: 50%;
  display: table-cell;
  vertical-align: middle;
}
.bdmarker .icon_area .icon.-hospital {
  overflow: hidden;
  display: inline-block;
  font-size: 1px;
  line-height: 1px;
  color: transparent;
  vertical-align: top;
  background-image: url(https://health.chosun.com/bestdoctor/img/map_in_icon.png);
  width: 28px;
  height: 28px;
  mask-image: none;
}
.bestdoctor_marker .btn_more {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  border-radius: 30px;
  border: 1px solid #BB0842;
}
.bestdoctor_marker .btn_more::after {
  position: absolute;
  bottom: 1px;
  left: 12px;
  width: 15px;
  height: 15px;
  transform: rotate(55deg) skew(17deg);
  content: "";
}
.bestdoctor_marker .text_area {
  display: table-cell;
  vertical-align: middle;
  overflow: hidden;
  white-space: nowrap;
}
.bestdoctor_marker .main_text {
  padding: 2px 0px;
  margin: -2px 0px;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 16px;
  line-height: 16px;
}
.bestdoctor_marker .main_text .hos_name {
  font-size: 13px;
  letter-spacing: -0.4px;
  font-weight: 700;
  color: #000;
  padding: 0px 12px 0 8px;
}
.bestdoctor_marker .dummy {
  position: absolute;
  bottom: -5px;
  left: 15px;
  width: 0px;
  height: 0px;
  border-width: 6px 4px 0px;
  border-style: solid;
  border-color: #BB0842 transparent transparent;
  pointer-events: none;
}
.bestdoctor_marker .dummy::before {
  opacity: 0.1;
  position: absolute;
  bottom: -2px;
  left: -5px;
  width: 10px;
  height: 3px;
  background-color: rgb(0, 0, 0);
  filter: blur(1px);
  content: "";
}
.bestdoctor_marker .dummy::after {
  width: 0px;
  height: 0px;
  border-width: 9px 6px 0px;
  border-style: solid;
  border-color: rgb(255, 255, 255) transparent transparent;
  position: absolute;
  top: -11px;
  left: -6px;
  content: "";
}
.adrs_txt {
  width: 500px;
  height: 40px;
  background: #222F66;
  text-align: center;
}
.adrs_txt p {
  font-style: normal;
  font-weight: 500;
  font-size: 15px;
  line-height: 250%;
  letter-spacing: -0.01em;
  color: #FFFFFF;
}
.facilities {
  border-bottom: 1px solid #D9D9D9;
  padding: 20px 0;
}
.facilities h3 {
  padding: 0px 20px;
  width: 52px;
  height: 29px;
  left: 0px;
  top: 0px;
  background: #222F66;
  border-radius: 50px;
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 28px;
  letter-spacing: -0.01em;
  color: #FFFFFF;
  text-align: center;
}
.facility-icons {
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
}
.facility {
  width: 100px;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 15px;
  justify-content: center;
  align-content: center;
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  color: #333333;
}
.facility img {
  width: 55px;
  height: 55px;
  text-align: center;
  margin: 0 auto;
}
.facility img.none_active {
  opacity: 0.2;
  filter: grayscale(100%)
}
.map img {
  width: 100%;
  margin-top: 10px;
  border-radius: 10px;
}

.bd_hospital_info .button-container {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 20px 0;
  padding: 0px;
}
.bd_hospital_info .btn {
  display: inline-block;
  background-color: #ffffff;
  color: #000000;
  font-size: 18px;
  font-weight: 400;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  width: 500px;
  height: 60px;
  background: #FFFFFF;
  border: 1px solid #D9D9D9;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.13);
  border-radius: 8px;
}
.bd_hospital_info .btn span {
  color: #BB0842;
}
.bd_hospital_info .btn img {
  margin-left: 8px;
}
.bd_hospital_info .btn .plus-icon {
  margin-left: 5px;
  font-weight: normal;
}
.bd_hospital_info .btn:hover {
  background-color: #FCFCFC;
}
.bd_hospital_info .home-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #333;
  font-size: 18px;
  font-weight: bold;
  cursor: pointer;
  text-decoration: none;
  width: 60px;
  height: 60px;
  background: #FFFFFF;
  border: 1px solid #D9D9D9;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.13);
  border-radius: 8px;
}
.bd_hospital_info .home-btn img {
  width: 24px;
  height: 24px;
}
.bd_hospital_info .home-btn:hover {
  background-color: #FCFCFC;
}
/* ¸íÀÇ ¼Ò¼Óº´¿ø end*/
.hos_results_tit {
    border-top: 2px solid #cccccc;
    padding: 28px 0 40px 0;
}
.hos_results_tit h3{   
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 26px;
color: #333333;
}
.hos_results_tit h3 span{  
	font-weight: 700;
color: #BB0842;
}
/* Àü±¹ º´¿øº° ¸®½ºÆ® »ó¼¼ ºä end */
/* ¸íÀÇ Ãßõ */
.bd_recomm {
	
}

.bd_recomm .top-img-section img{
	border-radius: 20px;
	
}
.recomm_tit{
	margin-top: 60px;
}
.recomm_tit h2{
  display: flex;
  justify-content: center;
	align-items: center;
  text-align: center;
  gap: 10px;
  letter-spacing: -0.02em;	
	font-weight: 700;
	font-size: 36px;
	line-height: 52px;
	color: #333333;
}
.recomm_tit .ntit {
  background: linear-gradient(to top, #D9EDFF 30%, transparent 30%);
}
.recomm_tit .re_sub_tit {
	display: flex;
  	justify-content: center;
	padding-top: 28px;
	line-height: 36px ;
	color: #333333;
	padding-bottom: 36px;
	font-weight: 400;
	font-size: 20px;
	text-align: center;
}
.bd_recomm .criteria-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
	margin-bottom: 70px;
}

.criteria {
    flex-basis: calc(20% - 20px);
    background-color: #222F66;
    color: #fff;
    padding: 18px 0 14px;
    text-align: center;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.criteria img {
    max-width: 51px;
    max-height: 44px;
    padding-bottom: 9px;
}
.criteria h3 {
	font-weight: 700;
	font-size: 24px;
	line-height: 35px;
	text-align: center;
	color: #FFFFFF;
	margin-bottom: 3px;
}
.criteria span {
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	text-align: center;
	color: #FFFFFF99;
}
.form_section_wrap {
	display: flex;
	flex-direction: column;
	gap:50px;
}
.form_section {
	display: flex;
	flex-direction: row;	
}
.form_section .form_title {
	flex-basis: 250px;
}
.form_title h2 {
	font-style: normal;
	font-weight: 700;
	font-size: 27px;
	line-height: 39px;
	color: #333333;
	display: flex;
	align-content: center;
	gap:10px;
}

.form_wrap {
	flex-basis: 958px;
	border-top:2px solid #333;
	padding-top: 20px;
}
.form_wrap .recomm_form {
	display: flex;
	flex-direction: column;
}
.form_label_wrap {
	display: flex;
	flex-direction: column;
	gap:32px;
	border-bottom: 1px solid #d9d9d9;
	padding-bottom: 20px;	

}
.form_label {
	display: flex;
    flex-direction: row;
	justify-content: flex-start;
    align-items: center;
    gap: 32px; /* ¿ä¼Ò °£ °£°Ý */
}

.form_label label {
	 width: 148px;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 29px;
    color: #333333;
    white-space: nowrap; /* ÁÙ¹Ù²Þ ¹æÁö */
}
.bd_recomm input, .bd_recomm textarea {	
	width: auto;
    flex: 1;
    padding: 16px;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 400;
    line-height: 23.68px;
    text-align: left;
    background: #F7F7F7;
    color: #333;
    border: 0px;
}

.bd_recomm textarea {
    resize: vertical;
}
.bd_recomm input::placeholder, .bd_recomm textarea::placeholder {
	font-weight: 400;
	font-size: 16px;
	line-height: 148%;
	color: #B1B1B1;
}
.bd_recomm input:hover, .bd_recomm textarea:hover{
	outline: 0px solid #333333;
}
.bd_recomm input:focus, .bd_recomm textarea:focus {	
	outline: 1px solid #333333;
	font-size: 16px;
	font-weight: 400;
	line-height: 23.68px;
	text-align: left;
	color: #333333;
}
.form_wrap .alldt {
    color: #333333;
    font-size: 18px;
    font-weight: 700;
    padding: 20px 0 0px;
    text-align: left;
    white-space: nowrap;
}
.form_wrap .spam_star {
    font-size: 16px;
    font-weight: 700;
    color: #A3836A;
	margin-left: 4px;
}
input.chk_policy {
    width: 24px;
    margin-right: 5px;
    border-radius: 20px;
    border: 1px solid #9e9e9e;
}
input.chk_policy + label {
	 width: 100%;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 100%;
	display: flex;
	align-items: center;
}
input.chk_policy + label:before {
    display: inline-block;
    vertical-align: top;
    width: 24px;
    height: 24px;
    margin-right: 8px;
    border-radius: 50%; 
    background-color: #fff; 
	border:1px solid #9e9e9e;
    content: '';
}
input.chk_policy:checked + label:before {
    margin-right: 8px;
    background-color: #001f5b; 
	border:1px solid #001f5b;
}
.form_wrap .agree {
    font-size: 16px;
    font-weight: 400;
    line-height: 23.68px;
    text-align: left;
    color: #818181;
}
/*input.chk_policy:checked + label .agree {
    color: #001f5b; 
}*/
.form_wrap .char_limit {   
	display: block;
	font-weight: 400;
	font-size: 16px;
	line-height: 23px;
	color: #888888;
}
.form_wrap .spame {
    display: flex;
    gap: 20px;
	justify-content: flex-start;
	align-items: center;
    padding: 20px 0 20px;
	border-bottom: 1px solid #d9d9d9;
}
.form_wrap .spame input {
    width: 208px;
    background: #fff;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    box-sizing: border-box;
    color: #333;
    height: 56px;
}
.text {
    
    
}
.text label {
    display: block;
    margin: 0px;
    text-align: left;
    color: #888888;	
	font-weight: 700;
	font-size: 16px;
	line-height: 148%;
}
.text .spam_txt {
    font-size: 15px;
    font-weight: 400;
    text-align: left;
    color: #888888;
}
.bd_recomm .rec_button {	
	display: flex;
	justify-content: center;
	margin: 50px 0;
}
.bd_recomm .rec_button button {	
	width: 400px;	
	height: 60px;
	background: #988F88;
	border: 1px solid #80776F;	
	font-weight: 500;
	font-size: 18px;
	line-height: 140%;
	letter-spacing: -1px;
	color: #FFFFFF;
}
.recomm_tit .resulttit{	
	font-style: normal;
	font-weight: 700;
	font-size: 30px;
	line-height: 140%;
	text-align: center;
	letter-spacing: -0.02em;
	color: #19284E;
	background: linear-gradient(to top, #D9EDFF 30%, transparent 30%);
}
.recomm_tit .result_sub_tit {
	display: flex;
    justify-content: center;
	margin-top: 10px;
	font-weight: 400;
	font-size: 16px;
	line-height: 23px;
	text-align: center;
	letter-spacing: -0.01em;
	color: #888888;
}
.bd_recomm .result_button {
	display: flex;
	justify-content: center;
	margin: 90px 0 136px;
}
.bd_recomm .result_button button {	
	width: 400px;	
	height: 60px;
	background: #988F88;
	border: 1px solid #80776F;	
	font-weight: 500;
	font-size: 18px;
	line-height: 140%;
	letter-spacing: -1px;	
	color: #FFFFFF;
}
#description {
    min-height: 50px;
    overflow-y: auto;
    resize: none; 
  }
.recomm_agree .form_label{
    display: flex;
    flex-direction: row;	
    gap: 32px;
	align-items: flex-start;
	padding: 20px 0;
	
    border-bottom: 1px solid #e6e6e6;
}
.form_agree_wrap { 
	width: auto;
    flex: 1;	
}
.Scrollswiperwrap {
	border-radius: 4px;
	background: #F7F7F7;
  	padding: 12px 16px;	
    overflow: hidden;
    position: relative;
}
.swiper.Scrollswiper  {	
	max-height: 72px;
    width: 100%;	
	position: relative;
    background: #F7F7F7;
	 font-size: 16px;
    height: auto;
     -webkit-box-sizing: border-box;
    box-sizing: border-box; 
	
}
.Scrollswiper .swiper-slide {
	position: relative;    
}
.swiper-scrollbar.swiper-scrollbar-vertical {
	right: 0px !important;	
}
.Scrollswiper h2{
	font-style: normal;
	font-weight: 700;
	font-size: 16px;
	line-height: 24px;
	color: #333333;
 }  
.Scrollswiper h3{
	margin-top: 28px;
	font-style: normal;
	font-weight: 700;
	font-size: 16px;
	line-height: 24px;
	color: #333333;
 }  
.Scrollswiper p{
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	color: #888888;
 }
.Scrollswiper ul li {
    font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	color: #888888;
}
.contact-info ul:first-child{
	margin-bottom: 28px;
}

/* ¸íÀÇ Ãßõ end */