@charset "euc-kr";
/* Reset */
body, figure {
  width: 100%;
  margin: 0;
  word-break: keep-all;
  letter-spacing: -.4px;
  font-family: 'Noto Sans KR', sans-serif;
}
section {
  font-family: 'Noto Sans KR', sans-serif;
}
select {
   font-family: 'Noto Sans KR', sans-serif;
	/*appearance: none; 
  -webkit-appearance: none; 
  -moz-appearance: none;  */	
-webkit-border-radius: 0;
}
input {
	font-family: 'Noto Sans KR', sans-serif;
}
textarea {
	font-family: 'Noto Sans KR', sans-serif;
}
textarea::placeholder{
	font-family: 'Noto Sans KR', sans-serif;
}
button {
  font-family: 'Noto Sans KR', sans-serif;
  cursor: pointer;
  -webkit-appearance: button;
  text-rendering: auto;
  word-spacing: normal;
  text-transform: none;
  text-indent: 0px;
  text-shadow: none;
  display: inline-block;
  text-align: center;
  align-items: flex-start;
  padding: 0;
  margin: 0;
  border: 0;
  border: none;
  line-height: normal;
}
* {
  box-sizing: border-box;
  -webkit-text-size-adjust: none;
  margin: 0;
  padding: 0;
}
:focus {
  	outline: 1px solid #222F66;
	font-size: 16px;
	font-weight: 400;
	line-height: 23.68px;
	text-align: left;
	color: #333333;
}
:focus:not(:focus-visible) {
  outline: 0;
}
div {
  box-sizing: border-box;
}
a {
  color: #333;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-decoration: none;
}
ol, li, dl, dt, dd {
  list-style: none;
}
h1, h2, h3, h4, h5, h6 {
  margin: unset;
  font-weight: 400
}
img {
  max-width: 100%;
  vertical-align: middle;
  border-style: none;
}
/* flex */
.flex_column {
  -webkit-box-orient: vertical;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
}
.flex--wrap {
  flex-wrap: wrap;
}
.flex {
  display: flex;
}
.flex-pointer {
  cursor: pointer;
}
.flexauto {
  flex-basis: auto;
}
.flex-sa {
  justify-content: space-around;
}
.flex-center {
  justify-content: center;
  align-items: center;
}
.flex-direction-column {
  flex-direction: column;
}
.h1 {
  font-size: 27px;
  line-height: 38px;
  font-weight: 700;
  letter-spacing: -1.5px;
}
.h2-1 {
  font-size: 21px;
  line-height: 29px;
  font-weight: 900;
}
.h2-2 {
  font-size: 21px;
  line-height: 29px;
  font-weight: 700;
}
.h3-1 {
  font-size: 20px;
  line-height: 27px;
  font-weight: 700;
}
.h3-2 {
  font-size: 20px;
  line-height: 27px;
  font-weight: 400;
}
.h4-1 {
  font-size: 19px;
  line-height: 27px;
  font-weight: 700;
}
.h4-2 {
  font-size: 19px;
  line-height: 27px;
  font-weight: 500;
}
.h5-1 {
  font-size: 18px;
  line-height: 27px;
  font-weight: 700;
}
.h5-2 {
  font-size: 18px;
  line-height: 27px;
  font-weight: 500;
}
.h5-3 {
  font-size: 18px;
  line-height: 27px;
  font-weight: 700;
}
.h6 {
  font-size: 17px;
  line-height: 25px;
  font-weight: 500;
}
.h-p1-1 {
  font-size: 16px;
  line-height: 23px;
  font-weight: 700;
}
.h-p1-2 {
  font-size: 16px;
  line-height: 23px;
  font-weight: 500;
}
.h-p1-3 {
  font-size: 16px;
  line-height: 23.68px;
  font-weight: 400;
}
.h-p2-1 {
  font-size: 15px;
  line-height: 22px;
  font-weight: 700;
}
.h-p2-2 {
  font-size: 15px;
  line-height: 22px;
  font-weight: 500;
}
.h-p2-3 {
  font-size: 15px;
  line-height: 35px;
  font-weight: 400;
}
.h-p3-1 {
  font-size: 13px;
  line-height: 18px;
  font-weight: 700;
}
.h-p3-2 {
  font-size: 13px;
  line-height: 18px;
  font-weight: 500;
}
.h-p4-1 {
  font-size: 12px;
  line-height: 17px;
  font-weight: 700;
}
.h-p4-2 {
  font-size: 12px;
  line-height: 17px;
  font-weight: 500;
}
.height--100 {
  height: 100%;
}
.width--100 {
  width: 100%;
}
.text--left {
  text-align: left;
}
.text--overflow-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
}
.bg-blk-1 {
  background: #111111 !important;
}
.bg-blk-2 {
  background: #333333 !important;
}
.f-c-1 {
  color: #BB0842;
}
.f-b-1 {
  color: #111111;
}
.f-b-2 {
  color: #333333;
}
.f-g-1 {
  color: #828282;
}
.f-gold {
  color: #A3836A;
}
.f-blue {
  color: #257ACD;
}
.f-main {
  color: #BB0842;
}
.f-wt {
  color: #ffffff;
}
/*grid*/
.grid_m {
  overflow: hidden;
  width: 100%;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.grid_col_lg_1 {
  flex-basis: 8.33%;
  max-width: 8.33%;
}
.grid_col_lg_2 {
  flex-basis: 16.67%;
  max-width: 16.67%;
}
.grid_col_lg_3 {
  flex-basis: 25%;
  max-width: 25%;
}
.grid_col_lg_4 {
  flex-basis: 33.33%;
  max-width: 33.33%;
}
.grid_col_lg_5 {
  flex-basis: 41.67%;
  max-width: 41.67%;
}
.grid_col_lg_6 {
  flex-basis: 50%;
  max-width: 50%;
}
.grid_col_lg_7 {
  flex-basis: 58.33%;
  max-width: 58.33%;
}
.grid_col_lg_8 {
  flex-basis: 66.67%;
  max-width: 66.67%;
}
.grid_col_lg_9 {
  flex-basis: 75%;
  max-width: 75%;
}
.grid_col_lg_10 {
  flex-basis: 83.33%;
  max-width: 83.33%;
}
.grid_col_lg_11 {
  flex-basis: 91.67%;
  max-width: 91.67%;
}
.grid_col_lg_12 {
  flex-basis: 100%;
  max-width: 100%;
}
.grid_col_370 {
  flex-basis: 370px;
  max-width: 370px;
}
.bor_top_blk {
  border-top: 1px solid #111;
}
.mg_bt_30 {
  margin-bottom: 16px;
}
/*main*/
.M_wrap {
  overflow: hidden;
  width: 100%;
  max-width: 660px;
  background: #fff;
  margin: 0 auto;
}
.M_Header_wrap {
  overflow: hidden;
  width: 100%;
  height: 54px;
  background: #fff;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 999;
}
.M_Header {
  float: left;
  position: relative;
  width: 100%;
  height: 54px;
  display: flex;
  align-items: center;
}
.M_Header .M_logo {
  /* width: 107px; */
  margin: 0 auto;
}
.M_Header .M_menu {
  position: absolute;
  top: 16px;
  left: 16px;
}
.M_Header .S_menu {
  position: absolute;
  top: 16px;
  right: 16px;
}
.M_contents {
  width: 100%;
  position: relative;
  margin-top: 103px; /* z-index: 1;*/
  padding: 0 0px;
  background: #EAEEF3;
}
.Photo {
  max-width: 100%;
  height: auto;
}
.flex_column {
  -webkit-box-orient: vertical;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
}
/* ¸ð¹ÙÀÏ ¸íÀÇ ¸ÞÀÎ */
/* ¸íÀÇ ¸ÞÀÎ ¼­Ä¡*/
.search-section {
  display: flex;
  justify-content: center;
  padding: 20px;
}
.search-bar {
  width: 80%;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 5px;
}
.doctor-info p {
  color: #555;
}
.hospital-list ul {
  list-style: none;
  padding: 0;
}
.hospital-list li {
  margin-bottom: 10px;
}
/* ¸íÀÇ ¸ÞÀÎ ¹è³Ê ¹× ¼­Ä¡*/
/*Çì´õ ¸Þ´º */
.m_htv {
  width: 100%;
  padding: 10px 15px;
  margin-bottom: 0px;
}
ul.tabs {
  margin: 0px;
  padding: 0px;
  list-style: none;
}
ul.tabs li {
  background: none;
  color: #222;
  padding: 10px 15px;
  cursor: pointer;
}
ul.tabs li.current {}
.header_wrap {
  border-bottom: 0px solid #5641c5;
  position: relative;
  width: 100%;
}
.header_area {
  display: flex;
}
.section_title {
  color: #111;
  font-size: 21px;
  font-style: normal;
  font-weight: 900;
  line-height: 29px; /* 138.095% */
  position: absolute;
  top: 18px;
  left: 0;
  bottom: 0;
  width: 40px;
  background: #ffffff;
}
.header_area::after {
  left: 40px;
  background-image: linear-gradient(90deg, #fff, rgba(255, 255, 255, 0.5) 100%);
}
.header_area::after, .header_area::before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  width: 13px;
  z-index: 1;
  pointer-events: none;
}
/* ¸ð¹ÙÀÏ ÇªÅÍ */
.M_footer {
  width: 100%;
  padding: 0;
  margin: 0;
  margin-top: 36px;
  background: #111;
}
.M_footer_section {
  width: 100%;
  background: #111;
  text-align: center;
  padding: 45px 0px;
  border-bottom: 1px solid #111;
}
.M_footer_section .health_logo {
  padding: 20px;
}
.M_footer_section .footer_list ul {
  overflow: hidden;
  width: 100%;
  padding: 0 5% 0 10%;
  box-sizing: border-box;
}
.M_footer_section .footer_list li {
  float: left;
  width: 33%;
  font-size: 15px;
  color: #fff;
  line-height: 1em;
  padding: 10px;
  box-sizing: border-box;
}
.M_footer_section a {
  color: #fff;
}
span.h-hidden {
    display: none !important;
}
.m_healthchosun {
  width: 100%;
}
.m_healthchosun img {
  aspect-ratio: 161 / 48;
  width: 161px;
}
.M_footer_sns {
  width: 100%;
  text-align: center;
  padding: 0px 20px 30px;
  box-sizing: border-box;
}
.M_footer_sns span {
  display: block;
  width: 100%;
  text-align: center;
  color: #fff;
  padding: 0px 0 15px 0;
}
.M_footer_sns .sns_list {
  border: 0px solid #fff;
}
.M_footer_sns .sns_list ul {
  position: relative;
  display: flex;
  justify-content: space-between;
  overflow: hidden;
  width: 100%;
  padding: 0 10%;
  box-sizing: border-box;
}
.M_footer_sns .sns_list li {
  float: left;
  width: 20%;
  text-align: center;
  padding: 10px 0;
}
.M_footer_sns .sns_list li img {
  width: 40px;
  filter: grayscale(100%);
}
.M_footer_menu {
  overflow: hidden;
  width: 100%;
  background: #111;
  text-align: center;
  font-size: 13px;
  color: #fff;
}
.M_footer_menu .menu_list ul {
  display: flex;
  justify-content: space-between;
  width: 100%;
  border-top: 0px solid #111;
  border-bottom: 0px solid #111;
  padding: 2px 20px;
}
.M_footer_menu .menu_list li {
  line-height: 1em;
  border-right: 0px solid #fff;
}
.M_footer_menu .menu_list li:last-child {
  border-right: 0px solid #fff;
}
.M_footer_menu .menu_list li span {}
.M_footer_menu a {
  color: #fff;
}
.M_footer_menu2 {
  overflow: hidden;
  width: 100%;
  background: #111;
  text-align: center;
  font-size: 13px;
  color: #fff;
}
.M_footer_menu2 .menu_list ul {
  display: flex;
  justify-content: space-between;
  width: 100%;
  border-top: 0px solid #111;
  border-bottom: 0px solid #111;
  padding: 2px 20px;
}
.M_footer_menu2 .menu_list li {
  line-height: 1em;
  border-right: 0px solid #fff;
}
.M_footer_menu2 .menu_list li:last-child {
  border-right: 0px solid #fff;
}
.M_footer_menu2 .menu_list li span {}
.M_footer_menu2 a {
  color: #fff;
}
.M_footer_copy {
  overflow: hidden;
  width: 100%;
  background: #111;
  text-align: center;
  padding: 30px 0;
  font-size: 11px;
  color: #989898;
  letter-spacing: 0px;
  line-height: 1.5em;
}
.M_footer_copy .copy_list ul {
  width: 100%;
  text-align: center;
}
.M_footer_copy .copy_list li {
  display: inline;
  padding: 0 10px;
}
.M_footer_copy a {
  color: #b2b2b2;
}
.txt_line {
  -webkit-line-clamp: 3;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-break: break-all;
}
.thumb_photo {
  width: 100%;
  overflow: hidden;
  border-radius: 0px;
  display: flex;
  justify-content: center;
  align-items: center;
  max-height: 63vw;
}
.thumb_photo .Bon {
  width: 100%;
}
.thumb_photo .Bon img {
  width: 100%;
}
.thumb_tit { /* float: left; */ width: 100%;
  text-align: left;
  font-size: 19px;
  padding: 10px 0% 0;
}
/*¸ÞÀÎ ¸Þ´º*/
.hc_main_menu {
  position: fixed;
  inset: 0px 0 auto;
  margin-top: 52px;
  z-index: 51; /*position: relative;*/ /*overflow: hidden;*/ width: 100%;
  box-sizing: border-box;
  border-top: 1px solid #d7d7d7;
  border-bottom: 2px solid #BB0842;
  margin-bottom: 0px;
  background: #fff;
}
ul.hc_main {
  white-space: nowrap;
  box-sizing: border-box;
  font-size: 0;
}
ul.hc_main li {
  position: relative;
  display: inline-block;
  padding: 0 10px;
  line-height: 0;
}
ul.hc_main li a {
  display: block;
  height: 37px;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 33px;
  text-decoration: none;
}
ul.health_main li:first-child a {
  padding: 0 0px 0 5px;
}
.health_main_menu a.h_menu_search {
  position: absolute;
  top: 0;
  right: 0;
  width: 80px;
  height: 37px;
  padding-left: 13px;
  box-sizing: border-box;
  background: #fff;
  font-size: 15px;
  line-height: 50px;
  color: #003071;
  font-weight: bold;
}
.hc_main_menu nav {
  /* position: fixed;
    inset: 50px 0 auto;
    margin-top: -52px;*/
  height: 48px;
  background-color: #fff;
  /*border-bottom: 2px solid #2b9696;*/
  -webkit-transition: margin .2s;
  transition: margin .2s;
  z-index: 11;
}
.hc_main_menu nav > button {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 40px;
  text-indent: -9999px;
  background: url(https://m.health.chosun.com/img/2023/more.svg) no-repeat 50% 50% #fff;
}
.hc_main_menu nav::after, .hc_main_menu nav::before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  width: 13px;
  z-index: 1;
  pointer-events: none;
}
.hc_main_menu nav::before {
  left: 0;
  background-image: -webkit-gradient(linear, right top, left top, color-stop(0, rgba(255, 255, 255, 0)), to(#fff));
  background-image: linear-gradient(-90deg, rgba(255, 255, 255, 0) 0, #fff 100%);
}
.hc_main_menu nav::after {
  right: 40px;
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, 0)), to(#fff));
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.5) 0, #fff 100%);
}
.hc_main_menu nav ul {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  margin-right: 40px;
  padding: 0 7px;
  height: 48px;
  line-height: 1;
  font-size: 0;
  text-align: center;
  white-space: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.hc_main_menu nav li {
  display: inline-block;
  line-height: 1;
  vertical-align: middle;
}
.hc_main_menu nav li[data-visible] {
  display: inline-block;
}
.hc_main_menu nav li.on a {
  color: #BB0842;
  font-weight: 700;
}
.hc_main_menu nav a {
  display: block;
  padding: 10px 9px;
  font-size: 17px;
  font-weight: 500;
  line-height: 25px;
  color: #111;
}
.hc_main_menu nav a svg {
  margin-left: 4px;
}
.hc_main_menu .nav-bottom {
  display: none;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin: 0px 20px 0;
  padding: 12px 4px;
  border-top: 0px solid #eee;
}
button.link-close {
  font-size: 15px;
  color: #BB0842;
  background: #fff;
  font-weight: 700;
}
.hc_main_menu nav[data-expand] {
  height: auto;
  max-width: 660px;
  margin: 0 auto;
}
.hc_main_menu nav[data-expand]::after, .hc_main_menu nav[data-expand]::before, .hc_main_menu nav[data-expand] > button {
  display: none;
}
.hc_main_menu nav[data-expand] ul {
  margin-right: 0;
  padding-bottom: 0;
  height: auto;
  white-space: normal;
  text-align: left;
}
.hc_main_menu nav[data-expand] ul li {
  width: 33.3%;
}
.hc_main_menu nav[data-expand] .nav-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
/* ¸®½ºÆ® ¼­ºê ¸Þ´º */
.hc_list_menu {
  margin-top: 52px;
  width: 100%;
  box-sizing: border-box;
  border-bottom: 3px solid #111111;
  padding-left: 3px;
  background: #fff;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.hc_list_menu.borderadd {
  border-bottom: 1px solid #d9d9d9;
}
ul.hc_main {
  white-space: nowrap;
  box-sizing: border-box;
  font-size: 0;
}
ul.hc_main li {
  position: relative;
  display: inline-block;
  padding: 0 10px;
  line-height: 0;
}
ul.hc_main li a {
  display: block;
  height: 37px;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 33px;
  text-decoration: none;
}
ul.health_main li:first-child a {
  padding: 0 0px 0 5px;
}
.mcsg_main_menu {
  position: relative;
}
ul.mcsg_main {
   display: flex; 
    align-items: center; /* ¼öÁ÷ °¡¿îµ¥ Á¤·Ä */
  flex-wrap: nowrap;
  overflow-x: auto;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
  padding: 0;
  margin: 0;
  list-style: none;
	gap:16px;
}
ul.mcsg_main::-webkit-scrollbar {
  display: none; /* À¥Å¶ ±â¹Ý ºê¶ó¿ìÀú¿¡¼­ ½ºÅ©·Ñ¹Ù ¼û±â±â */
}
ul.mcsg_main li {
  position: relative;
  padding: 0 2px;
}
/* °¢ Ç׸ñ ½ºÅ¸ÀÏ */
.mcsg_main .mcsg_menu_item {
  display: inline-flex; /* inline-blockÀ» inline-flex·Î º¯°æ */
  align-items: center; /* °¢ ¸Þ´º Ç׸ñ ³» ÅؽºÆ® ¼öÁ÷ °¡¿îµ¥ Á¤·Ä */
}

/* ¸¶Áö¸· Ç׸ñ ¿À¸¥ÂÊ °£°Ý Á¦°Å */
.mcsg_main .mcsg_menu_item:last-child a{
  margin-right: 16px;
}
button.link-close {
  font-size: 15px;
  color: #BB0842;
  background: #fff;
  font-weight: 700;
}
/* ǪÅÍ ½ºÅ¸ÀÏ */
.hc_footer_sns {
  width: 100%;
  background: #E7E7E7;
  text-align: center;
  padding: 20px 20px 30px;
  box-sizing: border-box;
}
.hc_footer_sns span {
  display: block;
  width: 100%;
  text-align: center;
  color: #111111;
  padding: 0px 0 15px 0;
}
.hc_footer_sns .sns_list {
  border: 0px solid #fff;
}
.hc_footer_sns .sns_list ul {
  position: relative;
  display: flex;
  justify-content: space-between;
  overflow: hidden;
  width: 100%;
  padding: 0 10%;
  box-sizing: border-box;
}
.hc_footer_sns .sns_list li {
  float: left;
  width: 20%;
  text-align: center;
  padding: 10px 0;
}
.hc_footer_sns .sns_list li img {
  width: 40px;
  filter: grayscale(100%);
}
.hc_footer_sns .sns_list li svg path {
  filter: opacity(0.5);
}
.hc_footer_sns .sns_list li:hover svg path {
  filter: opacity(1);
}
.main_photo {
  width: 100%;
  overflow: hidden;
  border-radius: 0px;
  display: flex;
  justify-content: center;
  align-items: center;
  max-height: 60vw;
}
.main_photo .Bon {
  width: 100%;
}
.main_photo .Bon img {
  width: 100%;
}
/*¸Þ´º*/
.M_menu_div {
  background: #fff;
  box-sizing: border-box;
  height: 100%;
  left: 0px;
  overflow-y: scroll;
  position: fixed;
  top: 0px;
  width: 100%;
}
.M_health {
  display: inline-block;
  height: 0px;
  position: absolute;
  left: 20px;
  top: 24px;
}
.M_health_logo {
  display: block;
  height: 26px;
  margin: 13px auto 9px;
  width: 189px;
}

/* ¸íÀÇ ¸®½ºÆ® ¸Þ´º */
.hc_life_menu_wrap {
  background: #fff;
	position: relative;
	z-index: 49;
}
.hc_life_menu {
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 0px;
  background: #fff;
  position: relative;
	padding: 0 0px 0 16px;
}
.hc_life_menu nav {
  height: 69px;
  background-color: #fff;
  -webkit-transition: margin .2s;
  transition: margin .2s;
  /*z-index: 11;*/
  overflow: hidden;	
  /*border-bottom: 3px solid #111111;*/
}
.mcsg_menu_line {	
	margin-right: 16px;
	border-bottom: 3px solid #111111;
}
.sub_news_title {
  position: absolute;
  top: 20px;
  left: 16px;
  bottom: 0;
  font-size: 21px;
  font-style: normal;
  font-weight: 900;
  line-height: 29px;
  z-index: 12;
  width: 74px;
}
.hc_life_menu nav::after, .hc_life_menu nav::before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  width: 14px;
  z-index: 1;
  pointer-events: none;
}
.hc_life_menu nav::before {
  left: 52px;
  background: linear-gradient(-90deg, #fff 100%, rgba(255, 255, 255, 0.8) 0);
}
.hc_life_menu nav ul {
  margin-left: 74px;
  text-align: center;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.hc_life_menu nav li.sub_add a::after {
  content: '';
  display: inline-block;
  width: 23px;
  height: 20px;
  background: url(https://m.health.chosun.com/img/2023/stroke_down.svg) no-repeat;
  margin-top: 0px;
  margin-left: -2px;
  vertical-align: top;
}
.hc_life_menu nav li.sub_add a.active::after {
  content: '';
  display: inline-block;
  width: 13px;
  height: 8px;
  background: url(https://m.health.chosun.com/img/2023/stroke_up.svg) no-repeat;
  background-position: 0px 0px;
  margin-top: 7px;
  margin-left: 3px;
}
.hc_life_menu nav li[data-visible] {
  display: inline-block;
}
.hc_life_menu nav li.on a {
  color: #BB0842;
  font-weight: 700;
}
.hc_life_menu nav a {
  padding: 23px 0px 0 0;
  font-size: 15px;
  font-weight: 400;
  color: #828282;
  vertical-align: middle;
}
.hc_life_menu nav a.active { 
  color: #111;
  font-weight: 700;
}
.hc_life_menu nav a svg {
  margin-left: 0px;
}
.hc_life_menu .nav-bottom {
  display: none;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin: 0px 20px 0;
  padding: 12px 4px;
  border-top: 0px solid #eee;
}
/* ¶óÀÌÇÁ ¸®½ºÆ® ¸Þ´º ³¡*/
/* ¸íÀÇ ¸ÞÀΠž À̹ÌÁö */
.bd_top_img {
  margin-top: -3px;
	position: relative;
  z-index: 50;
}
.bd_top_img img {
  width: 100%;
}
/* ¸íÀÇ ¸ÞÀÎ °Ë»ö ¹Ù*/
.shb-header {
  background-color: #fff;
  padding: 16px 0px;
}
.search-bar-container {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 16px;
}
.input-with-button {
  position: relative;
  width: 100%;
}
.bd-search-icon {
  position: absolute;
  left: 18px;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  pointer-events: none;
}
.bd-search-bar {
  width: 100%;
  padding: 15px;
  padding-left: 20px;
  background: #FFFFFF;
  box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2);
  border-radius: 16px;
  border: 0;
  color: #222F66;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 23.17px;
}
.bd-search-bar::placeholder {
  color: #222F66;
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
	line-height: 23.17px;
}
.bd-search-bar:focus {
  border: 1px solid #222F66;
  outline: none;
}

.filter-button {
  position: absolute;
  right: 20px;
  top: 25px;
  transform: translateY(-50%);
  background: none;
  border: none;
  cursor: pointer;
}
.filter-button img {
  width: 17px;
  height: 16px;
}
/*¸íÀÇ ¸ÞÀÎ °Ë»ö ¿µ¿ª end */
/* ¸¹ÀÌ Ã£´Â 5´ë ¾Ï ¸íÀÇ */
.title_listwrap {
  display: flex;
  width: 100%;
  justify-content: center;
  margin-bottom: 16px;
  padding: 0 16px;
}
.title_listline_font h2 {
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  line-height: 46px;
  text-align: center;
  color: #333333;
}
.title_listline_font .tspan {
  font-weight: 400;
}
.tab-section {
  background-color: #fff;
  display: flex;
  padding-bottom: 16px;
}
.tabs {
  display: flex;
  justify-content: space-between;
  gap: 4px;
  overflow-x: auto; 
  white-space: nowrap; 
  padding: 0 16px 0 16px;
  scrollbar-width: none; 
}
.tabs::-webkit-scrollbar {
  display: none; 
}
.tab-content {
  display: none;
}
.tab-content.active {
  display: block;
}
.tab-button {
  padding: 8px 16px 10px;
  border: none;
  border: 1px solid #DFE0E2;
  background: #F9FAFC;
  border-radius: 38px;
  cursor: pointer;
  font-weight: 400;
  font-size: 18px;
  line-height: 26px;
  text-align: center;
  color: #222F66;
  flex: 0 0 auto; /* ¹öÆ°µéÀÌ ÁÙ ¹Ù²ÞµÇÁö ¾Ê°í ÇÑ ÁÙ¿¡ Ç¥½ÃµÇµµ·Ï ¼³Á¤ */
  white-space: nowrap; /* ¹öÆ° ÅؽºÆ®°¡ ÁÙ ¹Ù²ÞµÇÁö ¾Êµµ·Ï */
}
.tab-button.active {
  border: 1px solid #222F66;
  background-color: #222F66;
  color: #ffffff;
  font-weight: 700;
}
/* ½ºÅ©·Ñ¹Ù ½ºÅ¸ÀÏÀ» ±ò²ûÇÏ°Ô */
.tabs::-webkit-scrollbar {
  height: 6px;
}
.tabs::-webkit-scrollbar-thumb {
  background-color: #ccc;
  border-radius: 3px;
}
/* Swiper.js °ü·Ã ½ºÅ¸ÀÏ */
.swiper {
  width: 100%;
  height: 100%;
  overflow: inherit !important;
}
.swiper-wrapper {
  display: flex;
}
.swiper-slide {
  width: 240px;
  height: auto;
}
/* ¸¹ÀÌ Ã£´Â 5´ë ¾Ï ¸íÀÇ */
.bd-cancer {
  background: #fff;
  padding: 20px 0px 36px;
}
.doctor-list {
  padding: 0 16px 0 16px;
}
.doctor-list li {
	display: flex;
	flex-direction: column;
	gap:8px;
	border-top: 1px solid #d9d9d9;
	padding:16px 0;
}
.doctor-list li:first-child {
	border-top: 1px solid #333;
}
.doctor-card {
  display: flex;
  align-items: center;
  flex-direction: column;
  border: 1px solid #D9D9D9;
  width: 300px;
  height: 418px;
  border-radius: 16px;
  padding: 16px;
}
.doctor-card .bd_col_wrap {
  border: 0px solid rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.doctor-card .bd_col_wrap .bdcw_img {
  width: 100%;              
  background: #F3F3F3;
  border-radius: 8px;
  overflow: hidden;
}
.doctor-card .bd_col_wrap .bdcw_img img {
    display: block;
	aspect-ratio: 260 / 230;  
    max-width: 260px;
    object-fit: cover; 
	border: 1px solid #E7E7E7;
	box-sizing: border-box;
    border-radius: 8px;
}
.bdcw_name {
  width: 260px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  justify-content: space-around;
}
.bdcw_title_a {
  font-size: 16px;
  font-weight: 500;
  line-height: 23.68px;
  letter-spacing: -0.01em;
  text-align: left;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
}
.bd_gblue {
  color: #237694 !important;
}
.bdcw_title {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.bdcw_title .bdcw_one {
  font-size: 28px;
  font-weight: 400;
  line-height: 40.55px;
  text-align: left;
}
.bdcw_title .bdcw_two {
  font-size: 16px;
  font-weight: 400;
  line-height: 23.17px;
  text-align: left;
  border-top: 1px solid #d9d9d9;
  padding-top: 12px;
  color: #999999;
}
/* °ü·ÃÁúȯ ¸íÀÇ º¸±â ¹öÆ° ÄÁÅ×ÀÌ³Ê */
.related_doctors_btn_container {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 24px; /* ÇÊ¿ä ½Ã ¹öÆ°°ú À§ ÄÜÅÙÃ÷ °£ °£°Ý Á¶Á¤ */
  padding: 0 16px;
}
/* °ü·ÃÁúȯ ¸íÀÇ º¸±â ¹öÆ° ½ºÅ¸ÀÏ */
.related_doctors_btn {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 20px;
  width: 100%;
  background: #237694;
  color: #FFFFFF;
  padding: 12px 20px;
  border-radius: 50px;
  cursor: pointer;
}
.related_doctors_btn span {
  font-size: 18px;
  font-weight: 500;
  letter-spacing: -0.01em;
}
.related_doctors_btn img {
  padding: 5px;
}
.related-doctors-btn:hover {}
/* ¸íÀÇ ¸ÞÀÎ 5´ë ¾Ï ¸íÀÇ  end*/
/* Çѱ¹ÀÎ ´ëÇ¥ ¸¸¼ºÁúȯ  */
.bd-chronic {
  background: #fff;
  margin-top: 10px;
  padding: 36px 0px;
}
.bd_chblue {
  color: #4B70BE !important;
}
.bd-chronic .related_doctors_btn {
  background: #4B70BE;
}
/* Çѱ¹ÀÎ ´ëÇ¥ ¸¸¼ºÁúȯ end*/
/* Àü±¹ ¸íÀÇ ¹è³Ê ¹× ¹Ù·Î°¡±â ¸Þ´º */
/* ¸Þ´º ÄÁÅ×ÀÌ³Ê ½ºÅ¸ÀÏ */
.direct-section {
  margin-top: 10px;
  background: url('https://m.health.chosun.com/img/bestdoctor/direct_object.png') -40px -10px no-repeat;
  background-color: #F7F7FB; /* ¹è°æ»ö ¼³Á¤ */
  padding: 20px 16px 36px; /* ³»ºÎ ¿©¹é */
}
.menu-card-top h3 {
  margin: 0;
  font-weight: 700;
  font-size: 28px;
  line-height: 41px;
  text-align: right;
  color: #333333;
  margin-bottom: 12px;
}
.menu-card-top h3 span {
  font-weight: 400;
}
.menu-card-top p {
  font-size: 16px;
  font-weight: 400;
  line-height: 23.17px;
  text-align: right;
}
.menu-card-wrap {
  border: 2px solid #222F66;
  background: #F7F7FB;
  border-radius: 12px;
  margin-top: 13px;
}
.menu-card {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #B6BAC3;
  padding: 20px;
}
.menu-card:last-child {
  border-bottom: none;
}
.menu-link {
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-decoration: none;
  color: #333;
  width: 100%;
}
.menu-content h3 {
  font-size: 18px;
  font-weight: 700;
  line-height: 26.06px;
  text-align: left;
  color: #222F66;
  margin-bottom: 4px;
}
.menu-content p {
  margin: 5px 0 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 20.27px;
  letter-spacing: -0.01em;
  text-align: left;
  color: #333;
}
.menu-arrow img {
  width: 14px;
  height: 14px;
}
/* Àü±¹ ¸íÀÇ ¹è³Ê ¹× ¹Ù·Î°¡±â ¸Þ´º end*/
/* ÁÖ¿ä Å°¿öµå ÁßÁõÁúȯ  */
.bd-severe {
  background: #fff;
  margin-top: 10px;
  padding: 36px 0px;
}
.bd_svhblue {
  color: #2C9B81 !important;
}
.bd-severe .related_doctors_btn {
  background: #2C9B81;
}
/* ÁÖ¿ä Å°¿öµå ÁßÁõÁúȯend*/
/* ºóµµ°¡ ³ôÀº °æÁõÁúȯ ¼½¼Ç */
.bd-mild {
  background: #fff;
  margin-top: 10px;
  padding: 36px 0px;
}
.bd_mdhblue {
  color: #809F29 !important;
}
.bd-mild .related_doctors_btn {
  background: #809F29;
}
/* ºóµµ°¡ ³ôÀº °æÁõÁúȯ ¼½¼Ç end */
/* ¸íÀÇ °Ç°­Á¤º¸ ¼½¼Ç*/
/* Àüü ¿µ¿ª ½ºÅ¸ÀÏ */
.hc_area {
  width: 100%;
  padding: 36px 16px;
  margin-top: 10px;
  margin-bottom: 10px;
  background: #F7F7FB;
}
.hc_media_title_area {
  display: flex;
  flex-direction: row;
  justify-content: center;
  text-align: center;
  gap: 16px;
  margin: 0px 0 24px;
}
.hc_media_title_area .ta_txt {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  gap: 5px;
}
.hc_media_title_area .ta_txt h2 {
  font-size: 32px;
  font-weight: 700;
  color: #333333;
}
.hc_media_title_area .ta_txt span {
  font-size: 16px;
  font-weight: 400;
  color: #655E54;
}
.hc_media_area {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.hc_ma_wrap {
  border-radius: 20px;
  width: 100%;
  position: relative;
  background: #ffffff;
  border: 1px solid #D9D9D9
}
.hc_ma_wrap a.hc_m_tv {
  position: relative;
  display: flex;
  flex-direction: column;
}
.hc_media_area .hc_m_tv {
  position: relative;
}
.hc_m_sub_top {
  padding: 20px;
}
.hc_m_sub_tit {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  border-bottom: 1px solid #D9D9D9;
  padding-bottom: 20px;
}
.hc_m_sub_tit h2 {
  font-size: 24px;
  font-weight: 700;
  line-height: 34.76px;
  text-align: left;
  color: #333333;
}
.hc_m_sub_tit span {
  font-size: 14px;
  font-weight: 400;
  line-height: 20.27px;
  letter-spacing: -0.01em;
  text-align: left;
  color: #888888;
}
.tv_contents_area {
  display: flex;
  flex-direction: column;
  padding: 20px 0 0;
  gap: 8px;
}
.tv_contents {
  font-size: 18px;
  font-weight: 400;
  line-height: 26.07px;
  letter-spacing: -0.01em;
  text-align: left;
  color: #333333;
}
.tv_contents_name {
  font-size: 14px;
  font-weight: 400;
  line-height: 20.27px;
  letter-spacing: -0.01em;
  text-align: left;
  color: #A3836A;
}
.hc_m_tv .nogradi {
	position: relative;
  border-radius: 0 0 20px 20px;
}
.hc_m_tv .nogradi img {
	width: 100%;
  aspect-ratio: 3 / 2;
  object-fit: cover;
  border-radius: 0 0 20px 20px;	
}
.gradient2 {
  position: relative;
  border-radius: 0 0 20px 20px;
}
.gradient2 img {
  width: 100%;
  aspect-ratio: 3 / 2;
  object-fit: cover;
  border-radius: 0 0 20px 20px;
}
.gradient2:before {
  z-index: 0;
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  /*background: linear-gradient(to bottom, rgba(255, 255, 255, 0.0) 15.18%, rgba(255, 255, 255, 0.2) 85%, rgba(0, 0, 0, 0.8) 100%);*/
	
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 42.5%, rgba(0, 0, 0, 0.7) 100%);

  left: 0;
  bottom: 0;
  border-radius: 0 0 20px 20px;
}
.icon_ab {
  position: absolute;
  right: 30px;
  bottom: 30px;
}
.icon_ab img {
  width: 55px;
}
.bestdoctor_tag {
  position: absolute;
  top: 0;
  left: 0;
  padding: 8px 20px;
	font-size: 14px;
	font-weight: 500;
	line-height: 20.31px;
	letter-spacing: -0.01em;
  background-color: #5A514F;
  color: #fff;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border-radius: 0 0 11px 0;
}
/* ¸íÀÇ °Ç°­Á¤º¸ ¼½¼Ç end */
/* ¸íÀÇ º´¿ø */
.bd-hospital {
  width: 100%;
  margin: 0 auto;
  padding: 32px 16px 0;
  text-align: center;
  background: #ffffff;
}
.bd-hospital h2 {
  font-size: 28px;
  font-weight: 700;
  text-align: center;
  color: #333333;
  margin-bottom: 24px;
}
.hospital-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
.hospital-card {
  background-color: white;
  border: 1px solid #ddd;
  border-radius: 8px;
  text-align: center;
}
.hospital-card .cach_logo {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  border-bottom: 0px solid #ececec;
  border-radius: 8px 8px 0 0;
  /*height: 97px;*/
  text-align: center;
  position: relative;
}
.hospital-card .cach_logo::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.05); 
  border-radius: 0px 0px 0 0; 
  z-index: 1;
}
.hospital-card .cach_logo img {
  display: flex;
  justify-content: center;
  padding: 0 12px;
	 z-index: 0;
	
  border-bottom: 1px solid #ececec;
}
 
.location {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px; /* ÅؽºÆ®¿Í ¾ÆÀÌÄÜ °£ÀÇ °£°Ý */
  padding: 16px;
}
.location p {
  margin: 0; /* ¿©¹é Á¦°Å */
  font-size: 15px;
  font-weight: 500;
  line-height: 21.72px;
  text-align: left;
  color: #A3836A;
}
.location img {
  width: 24px; /* ¾ÆÀÌÄÜ Å©±â */
  height: 24px;
}
.hos-button {
  width: 100%;
  padding: 10px 20px;
  margin-top: 20px;
  border-radius: 50px;
  cursor: pointer;
  font-size: 16px;
  border: 1px solid #11111166;
  background: #FFFFFF;
  display: flex;
  flex-direction: row;
  gap: 20px;
  justify-content: center;
  align-items: center;
  height: 50px;
}
.hos-button span {
  font-size: 18px;
  font-weight: 500;
  line-height: 26.07px;
  letter-spacing: -0.01em;
  text-align: left;
  color: #333333;
}
.hos-button img {
  padding-top: 5px;
}
.hos-button:hover {
  background-color: #F3F3F3;
}
/* ¸íÀÇ º´¿ø end */
section {
  display: block;
}
/* ¸íÀÇ ºä ÆäÀÌÁö */
.dc_info {
  position: relative;
  width: 100%;
  background-color: #f9f9f9;
  padding: 0 16px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  background-image: url(https://m.health.chosun.com/img/bestdoctor/sub_bdv_bg.jpg);
  background-size: cover;
  padding-bottom: 32px;
}
.dci_img {
  width: 100%;
  height: auto;
}
.doctor_info {
  display: flex;
  flex-direction: column;
  text-align: center;
  padding: 24px 20px 24px 20px;
  gap: 20px;
  border-radius: 20px;
  background: #FFFFFF;
  box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.1);
}
.di_name {
  text-align: center;
  border-bottom: 1px solid #E8EAEE;
}
.di_name .subtitle {
  font-size: 16px;
  font-weight: 500;
  line-height: 23.17px;
  text-align: center;
  color: #BB0842;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
	margin-bottom: 8px;
}
.doctor_name {
  position: relative;
  font-size: 36px;
  font-weight: 700;
  text-align: center;
  margin: 0px 0;
  color: #333333;
  padding-bottom: 10px;
}
.doctor_name span {
  font-weight: 300;
}
.doctor_name::before, .doctor_name::after {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.doctor_name::before {
  content: '';
  background-image: url('https://health.chosun.com/bestdoctor/img/bd_name_ic_L.svg');
  background-size: contain;
  background-repeat: no-repeat;
  width: 15px;
  height: 35px;
  left: 36px;
}
.doctor_name::after {
  content: '';
  background-image: url('https://health.chosun.com/bestdoctor/img/bd_name_ic_R.svg');
  background-size: contain;
  background-repeat: no-repeat;
  width: 15px;
  height: 35px;
  right: 36px;
}
.di_dis {
  list-style: none;
  padding: 0;
  margin: 0;
}
.di_text_item {
  margin-bottom: 10px;
  text-align: left;
  display: flex;
  gap: 16px;
}
.comp_em_v, .comp_em_p {
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  color: #333;
  width: 60px;
}
.comp_v {
  margin-left: 10px;
  color: #888888;
  display: inline-block;
}
.comp_v span {
  font-size: 16px;
  font-weight: 400;
  line-height: 23.68px;
  text-align: left;
  display: -webkit-box;
  -webkit-line-clamp: 3; /* µÎ ÁÙ·Î Á¦ÇÑ */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.di_buttons button {
  position: absolute;
  top: 16px;
  right: 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
  border-radius: 35px;
}
.di_buttons button img {
  width: 35px;
  height: 35px;
}
.di_buttons button span {
  font-size: 12px;
  color: #333;
}
/* ¸íÀÇ ºäÆäÀÌÁö ÅÇ */
.dc_v_tabs {
  margin-top: 10px;
  background: #ffffff;
  display: flex;
  justify-content: flex-start;
  flex-wrap: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch; /* iOS¿¡¼­ ºÎµå·¯¿î ½ºÅ©·Ñ¸µ */
  padding: 20px 8px 0px 20px;
  border-bottom: 1px solid #E8EAEE;
}
/* ½ºÅ©·Ñ¹Ù ¼û±â±â (À¥Å¶ ºê¶ó¿ìÀú) */
.dc_v_tabs::-webkit-scrollbar {
  display: none;
}
.dc_v_tabs li {
  flex-shrink: 0;
  padding-bottom: 8px;
  flex: 0 0 auto; /* ¿ä¼ÒµéÀÌ ÀÚµ¿ Å©±â·Î ½ºÅ©·ÑµÇµµ·Ï ¼³Á¤ */
  font-size: 18px;
}
.dc_v_tabs li a {
  font-weight: 400;
  text-decoration: none;
  color: #767678;
  padding-bottom: 8px;
  text-align: center;
  font-size: 18px;
}
.dc_v_tabs li a.active {
  font-weight: 700;
  color: #BB0842;
  border-bottom: 2px solid #BB0842;
  padding-bottom: 7px;
  font-size: 18px;
}
.dc_v_tabs li:not(:last-child)::after {
  content: "";
  display: inline-block;
  width: 3px;
  height: 3px;
  background-image: url("https://m.health.chosun.com/img/bestdoctor/tab_parts.svg");
  background-size: cover;
  vertical-align: middle;
  margin-left: 12px;
  margin-right: 12px;
}
.dc_v_tabs li:last-child a{
  margin-right: 12px;
}
/* ½ºÅ¸ÀÏ: ¼±ÅÃµÈ ÅǸ¸ Ç¥½Ã */
.content-section {
  display: none; /* ¸ðµç ¼½¼ÇÀ» ±âº»ÀûÀ¸·Î ¼û±â±â */
}
.active-section {
  display: block; /* È°¼ºÈ­µÈ ¼½¼Ç¸¸ º¸À̱â */
}
.content-section.active-section {
  display: block; /* active-section Ŭ·¡½º°¡ Ãß°¡µÈ ¼½¼Ç¸¸ Ç¥½Ã */
}
/*¸íÀÇ ºä ÆäÀÌÁö _ ¸íÀǼҰ³*/
.intro_txt {
  background: #fff;
  padding: 24px 16px 34px;
    overflow: hidden;
    position: relative;
}
.intro_txt .intcont {
	position: relative;
  max-height: 300px; /* ÃÖ´ë ³ôÀÌ ¼³Á¤ */
  overflow: hidden; /* ±âº»ÀûÀ¸·Î ½ºÅ©·Ñ ¼û±è */
  font-weight: 400;
  font-size: 18px;
  line-height: 27px;
  color: #333333;
}
.intro_txt .swiper-container {
    max-height: 300px;
    overflow: hidden;
}
.intro_txt .swiper-slide {
	padding-right: 8px;
}
.intro_txt .swiper-scrollbar {
    background-color: #d9d9d9;
    border-radius: 10px;
	right: 0px !important;
}
/* À¥Å¶ ±â¹Ý ºê¶ó¿ìÀú¿¡¼­ ½ºÅ©·Ñ¹Ù ½ºÅ¸ÀÏ */
.intcont::-webkit-scrollbar {
  width: 3px; /* ½ºÅ©·Ñ¹Ù ³Êºñ */
  background: #D9D9D9;
  border-radius: 30px;
}
.intcont::-webkit-scrollbar-track {
  background: #D9D9D9; /* ½ºÅ©·Ñ¹Ù Æ®·¢ »ö»ó */
  border-radius: 30px; /* µÕ±Ù ¸ð¼­¸® */
}
.intcont::-webkit-scrollbar-thumb {
  background-color: #333; /* ½ºÅ©·Ñ¹Ù ÇÚµé »ö»ó */
  border-radius: 30px; /* µÕ±Ù ¸ð¼­¸® */
  border: 4px solid #D9D9D9; /* ÇÚµé ÁÖº¯ ¿©¹é */
}
/* Firefox¿¡¼­ ½ºÅ©·Ñ¹Ù ½ºÅ¸ÀÏ */
.intcont {
  scrollbar-width: thin; /* ½ºÅ©·Ñ¹Ù ³Êºñ: thin, auto, none */
  scrollbar-color: #333 #D9D9D9; /* ½ºÅ©·Ñ¹Ù »ö»ó (ÇÚµé »ö»ó Æ®·¢ »ö»ó ¼ø) */
}
/* ¸íÀÇ ºä _ ¸íÀÇ ÇÁ·ÎÇÊ */
.mBdView section {}
.content-section {}
.content-section h2 {
  
  font-weight: 700;
  font-size: 20px;
  color: #333333;
  margin-bottom: 20px;
  line-height: 24px;
  border-bottom: 1px solid #333;
  padding-bottom: 13px;
}

.brdT10 {
  border-top: 10px solid #EAEEF3;
}
.intro_profile {
	display: flex;
	flex-direction: column;
  margin-top: 10px;
  background: #ffffff;
  padding: 20px 16px 0px;
}
.intro_profile h2 {
	display: flex;
  flex-direction: row;
  justify-content: flex-start;
	flex-wrap: wrap;
	align-items: center;	
	gap: 6px;
}
.intro_profile h2 img{
  width: 24px;
	height: 24px;
}
.profile-container {
	position: relative;
}
h3.pb-title {
  font-size: 18px;
  font-weight: 700;
  line-height: 26.06px;
  text-align: left;
  border-bottom: 1px solid #333;
  padding-bottom: 8px;
}
.profile-box ul li {
	position: relative;
  display: flex;
  padding: 8px 12px;
  font-size: 16px;
  font-weight: 400;
  line-height: 23.68px;
  text-align: left;
  border-bottom: 1px solid #D9D9D9;
}
.profile-box ul li:last-child {
  margin-bottom: 36px;
}
.profile-box ul li .aca_act {
  flex-shrink: 0;
  width: 75px;
  text-overflow: ellipsis;
  word-break: break-word;
}
.profile-box ul li .aca_act_t {
    display: inline-flex; 
    align-items: flex-start;
    position: relative; 
}
.profile-box ul li .aca_act_t::before {
	content: '|';
    color: #D9D9D9;
    display: flex; 
    align-items: flex-start;
    height: 100%; 
    margin-left: 8px;
    margin-right: 8px;
}
.tag {
  border-radius: 5px;
  font-size: 14px;
  display: inline-block;
  font-weight: 500;
  padding: 2px 12px;
}
.tag.col {
  background-color: #E6EFF8;
  color: #1065D9;
}
.tag.hthbo {
  background-color: #f8f8f8;
  color: #999999;
  border: 1px solid #E6E6E6;
}
.tag.inter {
  background-color: #F0E7DF;
  color: #8E6755;
}
.column_info .tag {
  margin-right: 15px;
}
/* ¸íÀÇ ºä _ ¸íÀÇ ÇÁ·ÎÇÊ end*/
/* ¸íÀÇ ºä _ °Ç°­¹Ìµð¾î */
.media {
  margin-top: 10px;
  background: #ffffff;
  padding: 20px 16px 36px;
}
.media h2 {
  font-weight: 700;
  font-size: 20px;
  color: #333333;
  line-height: 28.96px;
  border-bottom: 1px solid #333;
  padding-bottom: 13px;
	display: flex;
  flex-direction: row;
  justify-content: flex-start;
	flex-wrap: wrap;
	align-items: center;	
	gap: 6px;
}
.media h2 img{
	width: 24px;
	height: 24px;
}
.media_item {
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid #D9D9D9;
  padding-top: 16px;
  padding-bottom: 16px;
  gap: 12px;
}
.mi_wrap {
  display: flex;
  gap: 12px;
}
.media_img {}
.media_img img {
  aspect-ratio: 126 / 86; /* 126:86 ºñÀ² À¯Áö */
  object-fit: cover; /* ºñÀ²À» À¯ÁöÇϸç À߸² ¾øÀÌ À̹ÌÁö°¡ ¸ÂÃçÁöµµ·Ï */
}
.mi_wrap h3 {
  font-size: 18px;
  font-weight: 500;
  line-height: 26.06px;
  text-align: left;
  display: -webkit-box;
  -webkit-line-clamp: 2; /* µÎ ÁÙ·Î Á¦ÇÑ */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.media_item p {
  font-size: 16px;
  font-weight: 400;
  line-height: 23.68px;
  text-align: left;
  color: #828282;
  display: -webkit-box;
  -webkit-line-clamp: 2; /* µÎ ÁÙ·Î Á¦ÇÑ */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.media_content {
  display: flex;
  flex-direction: column;
  gap: 9px;
}
/* ¸íÀÇ ºä °Ç°­¹Ìµð¾î end*/
/* ¸íÀÇ ºä _ ¸íÀÇ qna */
.bd_qna {
  margin-top: 10px;
  background: #ffffff;
  padding: 20px 16px 36px;
}
.bd_qna h2 {
   font-weight: 700;
  font-size: 20px;
  color: #333333;
  line-height: 28.96px;
  border-bottom: 1px solid #333;
  padding-bottom: 13px;
	display: flex;
  flex-direction: row;
  justify-content: flex-start;
	flex-wrap: wrap;
	align-items: center;	
	gap: 6px;
	margin-bottom: 20px;
}
.bd_qna h2 a{
	display: flex;
  flex-direction: row;
  justify-content: flex-start;
	flex-wrap: wrap;
	align-items: center;	
	gap: 6px;
}
.bd_qna h2 img{
  width: 24px;
	height: 24px;
}
.tab_qna {
  margin-bottom: 20px;
  overflow: hidden;
  background: #FFFFFF;
  border-bottom: 1px solid #D9D9D9;
  display: flex;
  flex-direction: column;
  padding-bottom: 20px;
  gap: 16px;	
}
.tab_qna:last-child {	
	margin-bottom: 0px;
}
.tab_qna .qna_a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  font-size: 18px;
}
.tab_qna .qna_a_txt {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0px 0px;
  background-color: #fff;
  cursor: pointer;
  gap: 10px;
  color: #333333;
  font-size: 18px;
  font-weight: 700;
  line-height: 26.06px;
  text-align: left;
}
.toggle-btn {
  background: none;
  border: none;
  cursor: pointer;
  width: 26px;
  height: 26px;
}
.plus-icon, .minus-icon {
  cursor: pointer;
}
.plus-icon {
  background-image: url(https://health.chosun.com/bestdoctor/img/qplus_icon.svg);
  background-size: cover;
}
.minus-icon {
  background-image: url(https://health.chosun.com/bestdoctor/img/qminus_icon.svg);
  background-size: cover;
}
.tab_qna .qna_q_con {
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  font-size: 18px;
}
.qna_a_con {
  width: 100%;
}
.qna_a_con p {
  font-size: 18px;
  font-weight: 400;
  line-height: 26.64px;
  text-align: left;
  color: #888888;
}
/* ¸íÀÇ ºä _ ¸íÀÇ qna end */
/* ¸íÀÇ ºä _ ¸íÀÇ ¼Ò¼Óº´¿ø */
.bd_hospital_info {
  margin-top: 10px;
  background: #ffffff;
  padding: 20px 16px 36px;
}
.bd_hospital_info h2 {
  font-weight: 700;
  font-size: 20px;
  color: #333333;
  line-height: 28.96px;
  border-bottom: 1px solid #333;
  padding-bottom: 13px;
  margin-bottom: 16px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  flex-wrap: wrap;
  align-items: center;	
}
.bd_hospital_info h2 img {
	width: 24px;
	height: 24px;
	margin-right: 6px;
}
.hos_d_name {
  display: flex;
  gap: 10px;
  border-bottom: 1px solid #D9D9D9;
  padding-bottom: 15px;
}
.hos_d_name h3 {
  font-size: 18px;
  font-weight: 700;
  line-height: 26.06px;
  text-align: left;
  color: #222F66;
}
.hos_d_name .tags {
  padding: 0px 15px;
  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-items: center;
  justify-content: center;
  border-bottom: 1px solid #D9D9D9;
}
.contact_info {
  display: flex;
  flex-direction: column;
  gap: 15px;
  border-bottom: 0px 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;  
  align-items: flex-start;
}
.contact_info img {
	padding-top: 4px;
  margin-right: 10px;
}
.hospital_details .contact_info .ci_nh div a{
	width: 100%;
	word-break: break-all;
}
.ci_nh .ci_nh_tit {
  font-size: 16px;
  font-weight: 500;
  line-height: 23.68px;
  color: #333;
  margin-right: 34px;
}
.facilities {
  border-bottom: 1px solid #D9D9D9;
  padding: 20px 0;
}
.facilities h3 {
  font-size: 18px;
  font-weight: 700;
  line-height: 26.06px;
  text-align: left;
  color: #222F66;
}
.facility-icons {
  display: flex;
  justify-content: space-between;
  gap: 4px;
  margin-top: 12px;
}
.facility {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 6px;
  justify-content: center;
  align-items: center;
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  color: #333333;
}
.facility img.none_active {
  opacity: 0.2;
  filter: grayscale(100%);
}
.facility img {
  width: 41px;
  height: 41px;
  text-align: center;
  margin: 0 auto;
}
.hospital_des_img {
  padding: 0px 0 0px;
}
.hospital_des_img img {
  width: 100%;
}
.hospital_description {
  padding: 20px 0 28px;
}
.hospital_description img {
  width: 100%;
}
.hospital_description p {
  font-size: 16px;
  font-weight: 400;
  line-height: 23.68px;
  text-align: left;
  color: #828282;
}
.adrs_txt {
  background: #222F66;
  text-align: center;
	height: 100%;
}
.adrs_txt p {
  font-style: normal;
  font-weight: 500;
  font-size: 15px;
  line-height: 160%;
  letter-spacing: -0.01em;
  color: #FFFFFF;
  padding: 8px 16px;
}
.hos_map {
  position: relative;
  border:1px solid #d9d9d9;
   border-top: 0;
  	
}
.ci_inf span {
	color: #888888;
}
.ci_inf a {	
	height: 24px;
	display: flex;	
	justify-content: flex-start;
	align-items: center;
	gap:6px;
	
}
.ci_inf a span{
	width: 59px;
	height: 24px;
	font-weight: 400;
	font-size: 16px;
	line-height: 148%;
	color: #888888;
	word-break: break-all;
}
.ci_inf a img {
	padding: 0 !important;
	margin: 0 !important;
}
.ci_infv span {
	color: #888888;
}
.ci_infv a {	
	height: 24px;
	display: flex;	
	justify-content: flex-start;
	align-items: center;
	gap:6px;
	
}
.ci_infv a span{
	width: 59px;
	height: 24px;
	font-weight: 400;
	font-size: 16px;
	line-height: 148%;
	color: #888888;
	word-break: break-all;
}
.ci_infv a img {
	padding: 0 !important;
	margin: 0 !important;
}
/*¸íÀÇ ¼Ò¼Óº´¿ø Á¤º¸ Áöµµ ¸¶Ä¿ ½ºÅ¸*/
.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;
}
.bestdoctor_marker .text_area {
  display: table-cell;
  vertical-align: middle;
  overflow: hidden;
  white-space: nowrap;
}
.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;
  background: #fff;
  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: "";
}
.blind {
  position: absolute;
  font-size: 0;
  display: block;
  overflow: hidden;
  left: 0;
  top: -5000px;
}
.bestdoctor_marker .text_area {
  display: table-cell;
  vertical-align: middle;
  overflow: hidden;
  white-space: nowrap;
}
.bestdoctor_marker .main_text {
  padding: 2px 0;
  margin: -2px 0;
  overflow: hidden;
  text-overflow: ellipsis;
  height: auto; /* º¯°æ: ³ôÀÌ ÀÚµ¿ Á¶Á¤ */
  line-height: 1.2em; /* º¯°æ: ÁÙ °£°Ý Á¶Á¤ */
}
.bestdoctor_marker .main_text .hos_name {
  font-size: 13px;
  letter-spacing: -0.4px;
  font-weight: 700;
  color: #000;
  padding: 0 12px 0 8px;
  position: relative;
  z-index: 1; /* ºÎ¸ð ¿ä¼Ò¿Í Ãæµ¹ ¹æÁö */
}
.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: "";
}
.bd_hospital_info .button-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 20px 0 0 0;
  padding: 0px;
  gap: 8px;
}
.bd_hospital_info .btn {
  width: 85%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 20px;
  background-color: #ffffff;
  color: #222F66;
  font-size: 18px;
  font-weight: 500;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  height: 50px;
  background: #FFFFFF;
  border: 1px solid #222F66;
  border-radius: 50px;
}
.bd_hospital_info .btn img {
  padding-top: 5px;
}
.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: 50px;
  height: 50px;
  background: #222F66;
  border-radius: 50px;
}
.bd_hospital_info .home-btn img {
  width: 24px;
  height: 24px;
}
/* ¸íÀÇ ºä _ ¸íÀÇ ¼Ò¼Óº´¿ø end */
/* ¸íÀÇ Ãßõ ¹è³Ê */
.recommendation-banner {
  padding: 0 16px;
  background: #ffffff;
}
/* ¸íÀÇ ºä _ °°Àº ºÐ¾ß ¸íÀÇ */
/* ¸íÀÇ ºä _ °°Àº ºÐ¾ß ¸íÀÇ end */
.doc_section {
  padding: 20px 16px 0;
  background: #ffffff;
}
.same-field-doctors h3 {
  font-size: 18px;
  font-weight: 700;
  line-height: 26.06px;
  text-align: left;
  color: #222F66;
  margin-bottom: 14px;
}
.doc_cards {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 16px;
}
.doc_card {
  display: flex;
  justify-content: flex-start;
  background-color: white;
  border-radius: 20px 0 20px 0;
  text-align: left;
  border-width: 1px 1px 1px 1px;
  border-style: solid;
  border-color: #E6E6E6;
  height: 104px;
}
.doc_card .d_img {
  flex-shrink: 0;
  border-radius: 20px 0 0px 0;
  border-width: 1px 1px 1px 0px;
  border-style: solid;
  border-color: #E6E6E6;
  background-color: #F2F2F2;
  width: 118px;
  height: 104px;
  overflow: hidden;
}
.doc_card img {
  aspect-ratio: 118 / 104;
  overflow: hidden;
  object-fit: cover; /* ºñÀ²À» À¯ÁöÇϸç À߸² ¾øÀÌ À̹ÌÁö°¡ ¸ÂÃçÁöµµ·Ï */
}
.doc_card .d_info {
  padding: 19px 22px;
  display: flex;
  flex-direction: column;
  border-radius: 0px 0 30px 0;
  gap: 8px;
  border-width: 0px;
  border-style: solid;
  border-color: #E6E6E6;
}
.doc_card .d_info h4 {
  font-weight: 700;
  font-size: 24px;
  line-height: 34.76px;
  color: #333333;
  word-break: break-all;
}
.doc_card .d_info h4 span {
  font-weight: 400;
  font-size: 24px;
  line-height: 34.76px;
  color: #333333;
}
.doc_card .d_info p {
  font-size: 16px;
  font-weight: 400;
  line-height: 23.17px;
  letter-spacing: -0.01em;
  text-align: left;
  color: #888888;
  overflow: hidden;
  word-break: break-all;
}
.more_doctors {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 20px;
  margin-top: 24px;
  height: 50px;
  border-radius: 50px;
  border: 1px solid #222F66;
  vertical-align: middle; /* À̹ÌÁö¿Í ÅؽºÆ®°¡ ´õ Àß ¸ÂÃçÁöµµ·Ï */
}
.more_doctors span {
  font-size: 18px;
  font-weight: 500;
  line-height: 26.07px;
  letter-spacing: -0.01em;
  text-align: left;
  color: #222F66;
}
.more_doctors img {
  width: 16px;
  height: 16px;
  display: inline-block;
  vertical-align: middle; /* À̹ÌÁö¿Í ÅؽºÆ®°¡ ´õ Àß ¸ÂÃçÁöµµ·Ï */
  margin: 5px 0px; /* ÅؽºÆ®¿Í À̹ÌÁö »çÀÌÀÇ °£°Ý */
}
/* ¸íÀÇ ºä ¸íÀǼҰ³  end*/
/* ¸íÀÇ ºä _ÁýÇÊÀú¼­ ÅÇ */
.book-section {}
.main-book {
  display: flex;
  flex-direction: column;
  border: 0px solid #ccc;
  padding: 16px 16px 24px;
  gap: 20px;
  background: #ffffff;
}
.book-cover {}
.book-cover img {
  width: 100%;
  aspect-ratio: 361 / 240;
  object-fit: cover;
  object-position: top;
  margin-right: 20px;
  border-radius: 8px;
}
.book-info {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.book-info h3 {
  margin-top: 8px;
  font-size: 20px;
  font-weight: 700;
  line-height: 28.96px;
  text-align: left;
  color: #333333;
  padding-bottom: 16px;
  border-bottom: 1px solid #d9d9d9;
}
.book-info ul {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  justify-content: space-between;
  gap: 12px;
  display: flex;
  flex-wrap: wrap;
  padding: 0;
}
.book-info ul li {
  margin-bottom: 5px;
  display: flex;
  gap: 24px;
  flex: 1;
  margin: 0 0px;
  color: #333333;
  position: relative;
  font-size: 16px;
  font-weight: 400;
  line-height: 23.68px;
  text-align: left;
}
.book-info ul li .aca_act {
  width: 60px;
  font-size: 16px;
  font-weight: 700;
  line-height: 23.17px;
  text-align: left;
}
.book-info ul li:first-child {
  flex-basis: 100%;
}
.tag.tra_book {
  border-radius: 6px;
  background-color: #ffffff;
  border: 1px solid #BB0842;
  color: #BB0842;
  padding: 2px 12px 3px;
}
.book-title {
  margin: 10px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 20px;
  background: #FFFFFF;
  padding: 16px;
  color: #222F66;
}
.book-title h3 {
  font-size: 20px;
  font-weight: 700;
  text-align: center;
}
.book-title span {
  font-size: 16px;
  font-weight: 400;
  text-align: center;
  color: #888888;
}
.book-list {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 20px;
  background: #FFFFFF;
  padding: 16px 16px 36px;
}
.book-table {
  width: 100%;
  border-collapse: collapse;
}
.book-table th {
  width: 108px;
  background-color: #F7F7F7;
  letter-spacing: -0.01em;
  color: #888888;
  border-bottom: 1px solid #E6E6E6;
  font-size: 16px;
  font-weight: 400;
  text-align: center;
}
.book-table td {
  text-align: left;
  background-color: #fff;
  border-bottom: 1px solid #E6E6E6;
  padding: 8px 12px;
  font-size: 16px;
  font-weight: 400;
  line-height: 23.68px;
  text-align: left;
}
.book-table tr:nth-child(1) th {
  border-top: 1px solid #B1B1B1 !important;
}
.book-table tr:nth-child(1) td {
  border-top: 1px solid #B1B1B1 !important;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  letter-spacing: -0.01em;
  color: #333333;
}
.book-btn {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 20px;
  height: 50px;
  border-radius: 50px;
  border: 1px solid #333333;
  vertical-align: middle;
}
.book-btn span {
  font-size: 18px;
  font-weight: 500;
  line-height: 26.07px;
  letter-spacing: -0.01em;
  text-align: left;
  color: #333333;
}
.book-btn img {
  width: 16px;
  height: 16px;
  display: inline-block;
  vertical-align: middle; 
}
/* ¸íÀÇ ºä _ÁýÇÊÀú¼­ ÅÇ end */
/* ¸íÀÇ ºä _ ÁÖ¿ä³í¹® ÅÇ */
.thesis-title {
  margin: 0px 0 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  background: #FFFFFF;
  padding: 16px;
  color: #222F66;
}
.thesis-title h3 {
  font-size: 20px;
  font-weight: 700;
  text-align: center;
}
.thesis-title span {
  font-size: 16px;
  font-weight: 400;
  text-align: center;
  color: #888888;
}
.thesis-list {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 20px;
  background: #FFFFFF;
  padding: 16px 16px 36px;
}
.thesis-table {
  width: 100%;
  border-collapse: collapse;
}
.thesis-table th {
  width: 108px;
  background-color: #F7F7F7;
  letter-spacing: -0.01em;
  color: #888888;
  border-bottom: 1px solid #E6E6E6;
  font-size: 16px;
  font-weight: 400;
  text-align: center;
}
.thesis-table td {
  text-align: left;
  background-color: #fff;
  border-bottom: 1px solid #E6E6E6;
  padding: 8px 12px;
  font-size: 16px;
  font-weight: 400;
  line-height: 23.68px;
  text-align: left;
}
.thesis-table tr:nth-child(1) th {
  border-top: 1px solid #B1B1B1 !important;
}
.thesis-table tr:nth-child(1) td {
  border-top: 1px solid #B1B1B1 !important;
  font-style: normal;
  font-size: 16px;
  letter-spacing: -0.01em;
  color: #333333;
}
.thesis-btn {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 20px;
  height: 50px;
  border-radius: 50px;
  border: 1px solid #333333;
  vertical-align: middle; /* À̹ÌÁö¿Í ÅؽºÆ®°¡ ´õ Àß ¸ÂÃçÁöµµ·Ï */
}
.thesis-btn span {
  font-size: 18px;
  font-weight: 500;
  line-height: 26.07px;
  letter-spacing: -0.01em;
  text-align: left;
  color: #333333;
}
.thesis-btn img {
  width: 16px;
  height: 16px;
  display: inline-block;
  vertical-align: middle; /* À̹ÌÁö¿Í ÅؽºÆ®°¡ ´õ Àß ¸ÂÃçÁöµµ·Ï */
  margin-top: 6px; /* ÅؽºÆ®¿Í À̹ÌÁö »çÀÌÀÇ °£°Ý */
}
/* ¸íÀÇ ºä _ ÁÖ¿ä³í¹® ÅÇ end */
/* ¸íÀÇ ºä ÆäÀÌÁö end*/
/* ¸íÀÇ ¸®½ºÆ® ÆäÀÌÁö */
/* ¸íÀÇ ¸®½ºÆ® _ Áúȯº° Ä«Å×°í¸® */
.bd_list_cate {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.dis-icon-menu-list {
  text-align: center;
  padding: 16px;
  background: #fff;
  display: grid;
  overflow: hidden;
  transition: max-height 0.3s ease;
}
.dis-icon-menu {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: repeat(2, auto);
  gap: 10px;
  list-style: none;
  padding: 0;
  margin: 0;
}
.dis-icon-menu-list.expanded .dis-icon-menu {
  grid-template-rows: none; /* ¸ðµç ÁÙ º¸ÀÌ ¼³Á¤ */
}
.hidden-item {
  display: none;
}
.dis-icon-menu-list.expanded .hidden-item {
  display: block;
}
.dis-icon-menu li {
  text-align: center;
}
.dis-icon-menu li a {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  color: #333;
  transition: all 0.3s;
  gap: 4px;
}
.dis-icon-menu li a .im_wrap {
  width: 54px;
  height: 54px;
  background-color: #F3F3F3;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 16px;
}
.dis-icon-menu li a span {
  font-size: 14px;
  font-weight: 400;
  line-height: 20.27px;
  text-align: center;
  color: #333333;
}
.dis-icon-menu li a img {
  width: 36px;
  height: 36px;
  display: inline-block;
  margin: 0 auto;
}
.dis-icon-menu li a.active .im_wrap {
  color: #333;
  background-color: #DBCBB5;
}
button#toggleMore {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: center;
  align-items: center;
  margin-top: 16px;
  background-color: #fff;
  cursor: pointer;
  height: 50px;
  border-radius: 50px;
  border: 1px solid #999999;
  font-size: 18px;
  font-weight: 500; 
  letter-spacing: -0.01em;
  text-align: left;
  
}
button#toggleMore span {
	 line-height: 25px;
	color: #999999;
}
#toggleMore img {
  margin-top: 2px;
}
#toggleMinus img {
  margin-top: 4px;
}
button#toggleMinus {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: center;
  align-items: center;
  margin-top: 16px;
  background-color: #fff; 
  cursor: pointer;
  height: 50px;
  border-radius: 50px;
  border: 1px solid #999999;
  font-size: 18px;
  font-weight: 500;
  line-height: 26.07px;
  letter-spacing: -0.01em;
  text-align: left;
  color: #999999;
}
button#toggleMinus span {
	 line-height: 25px;
	color: #999999;
}
.secon_cate_wrap {
  padding: 0 0px 0 16px;
  background: #fff;
  border-bottom: 1px solid #E8EAEE;
}
.secon_cate {
  padding: 16px 0 0 0;
}
.secon_cate.active {
  display: block;
}
.secon_cate ul {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap; /* ÇÑ ÁÙ·Î À¯Áö */
  gap: 12px;
  overflow-x: auto; /* °¡·Î ½ºÅ©·Ñ È°¼ºÈ­ */
  white-space: nowrap; /* ÁÙ ¹Ù²Þ ¹æÁö */
  -webkit-overflow-scrolling: touch; /* iOS¿¡¼­ ½ºÅ©·ÑÀÌ ºÎµå·´°Ô µÇµµ·Ï ¼³Á¤ */
  padding: 0px 16px 16px 0;
  scrollbar-width: none; 
}
.secon_cate ul::-webkit-scrollbar {
  display: none; 
}
.secon_cate ul li {
  flex: 0 0 auto; /* ¾ÆÀÌÅÛÀÌ ÇÑ ÁÙ¿¡ Ç¥½ÃµÇµµ·Ï ¼³Á¤ */
}
.secon_cate ul li:not(:last-child):not(:first-child)::after {
  content: "";
  display: inline-block;
  width: 3px;
  height: 8px;
  background-image: url(https://m.health.chosun.com/img/bestdoctor/tab_parts.svg);
  background-position: top 0px; /* ¼ýÀÚ¸¦ Á¶Á¤ÇÏ¿© À§Ä¡¸¦ Á¶Àý */
  background-repeat: no-repeat;
  margin-left: 12px;
}
.secon_cate ul li a {
  color: #767678;
  font-style: normal;
  letter-spacing: 0px;
  font-size: 18px;
  font-weight: 400;
  text-align: center;
}
.secon_cate ul li.fst_all {
  position: relative;
  margin-right: 12px;
}
.secon_cate ul li.fst_all a::after {
  position: absolute;
  top: 5px;
  width: 2px;
  right: -12px;
  height: 18px;
  background: #E3E3E3;
  content: '';
}
.secon_cate ul li a.active {
  font-size: 18px;
  font-weight: 700;
  color: #333333;
}
/* ¸íÀÇ ¸®½ºÆ® _ Áúȯº° Ä«Å×°í¸® */
/* ¸íÀÇ ¸®½ºÆ®_¸íÀÇ */
.bdl_container {
  margin: 0 auto;
  padding: 12px 16px 0px 16px;
  background-color: #fff;
}
.mbList-wrap {
	display: flex;
	flex-direction: column;
	gap: 0px;
}
.m-bestdoctor-list {
  padding: 0 0 0 0px;
}
.m-bestdoctor-list li {
	display: flex;
	position: relative;
	flex-direction: column;
	border-bottom: 1px solid #d9d9d9;
	padding:16px 0;
	overflow: hidden;
}

.m-bestdoctor-list li:first-child {
	/*border-top: 1px solid #333;*/
}
.m-bestdoctor-list li strong { 
    color: #333 !important;
    font-weight: 700 !important;	
}
.dd_container li {
	display: flex;
	position: relative;
	flex-direction: column;
	border-bottom: 1px solid #d9d9d9;
	padding:16px 0;
}
.dd_container li:first-child {
	border-top: 1px solid #d9d9d9;
}
.bdl_tit {
  display: flex;
  align-items: center;
  justify-content: space-between;
	padding-bottom: 8px;
	border-bottom: 1px solid #333;
}
.bdl_tit h1 {
  display: flex;
  align-items: center;
  color: #222F66;
  font-size: 20px;
  font-weight: 700;
  line-height: 28.96px;
  text-align: left;
}
.bdl_tit h1 span {
  margin-left: 6px;
}

/* ¼¿·ºÆ® ¹Ú½º ½ºÅ¸ÀÏ */
.select-list-box select {
  appearance: none !important; /* ºê¶ó¿ìÀú ±âº» ½ºÅ¸ÀÏ Á¦°Å */
  -webkit-appearance: none !important; /* Å©·Ò, »çÆĸ® ±âº» ½ºÅ¸ÀÏ Á¦°Å */
  -moz-appearance: none !important; /* ÆÄÀ̾îÆø½º ±âº» ½ºÅ¸ÀÏ Á¦°Å */	
  -webkit-border-radius: 8px;
  
  width: 100%; /* ³Êºñ 100% */
  padding: 8px 10px; /* ³»¿ÜºÎ ¿©¹é */
  border: 0px solid #ddd; /* Å׵θ® »ö»ó */
  border-radius: 8px; /* µÕ±Ù Å׵θ® */
  background-color: #ffffff; /* ¹è°æ »ö»ó */
  font-size: 16px; /* ±Û¾¾ Å©±â */
  color: #333; /* ±Û¾¾ »ö»ó */
  cursor: pointer; /* Ä¿¼­ ½ºÅ¸ÀÏ */
	font-weight: 700;
}

/* ¼¿·ºÆ® ¹Ú½º È­»ìÇ¥ Ãß°¡ 
.select-list-box {
  position: relative;
  display: inline-block;
  width: 118px; 
}

.select-list-box::after {
  content: ""; 
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  width: 12px; 
  height: 12px; 
  background-image: url('https://m.health.chosun.com/img/bestdoctor/select_arw.svg'); 
  background-size: cover; 
  pointer-events: none;
}
/* Æ÷Ä¿½º(Ŭ¸¯ÇÏ¿© ÆîÃÄÁ³À» ¶§) ½ºÅ¸ÀÏ 
.select-list-box select:focus {
  outline: none;
  background-color: #ffffff; 
	box-shadow: 0px 0px 8px 0px #00000040;
}

/* option ¿ä¼ÒÀÇ ½ºÅ¸ÀÏ ¼³Á¤ÇÏ¿´Áö¸¸ ¾È¸ÔÈû
.select-list-box select option {
  padding: 8px; 
  background-color: #fff;
  color: #333;
	border-radius: 8px 8px;
	border: 1px solid #fff;;	
	box-shadow: 0px 0px 8px 0px #00000040;
}
/* ¼±ÅÃµÈ option ½ºÅ¸ÀÏ
.select-list-boxx select option[selected] {
  color: #BB0842; 
  background-color: #F3F3F3; 
}

/* hover È¿°ú
.select-list-box select option:hover {
	  color: #BB0842;
  background-color: #F3F3F3;
}*/
/* ¼¿·ºÆ® ¹Ú½º ½ºÅ¸ÀÏ */
.custom-select-box {
  position: relative;
  width: 118px;
  cursor: pointer;
}

.selected-option {
  padding: 8px 10px;
  border-radius: 0px;
  font-size: 16px;
font-weight: 700;
line-height: 23.17px;
text-align: left;

	color: #333333;

}
.selected-option::after {
  content: "";
  position: absolute;
top:12px;
  right: 16px;
  width: 12px;
  height: 12px;
  background-image: url('https://m.health.chosun.com/img/bestdoctor/select_arw.svg');
  background-size: cover;
  transition: transform 0.3s;
}
/* µå·Ó´Ù¿î ¿­¸± ¶§ È­»ìÇ¥ ¾ÆÀÌÄÜ º¯°æ */
.custom-select-box.open .selected-option {
	border-radius: 8px;
	background-color: #ffffff; 
	box-shadow: 0px 0px 8px 0px #00000040;	
}
.custom-select-box.open .selected-option::after {
  background-image: url('https://m.health.chosun.com/img/bestdoctor/select_arw.svg');
  transform: rotate(180deg); /* ¾ÆÀÌÄÜ È¸Àü È¿°ú */
}

.options-container {
  display: none; /* ±âº»ÀûÀ¸·Î ¼û±è */
  position: absolute;
  top: 100%;
  width: 100%;
  background-color: #ffffff;
  border: 0px solid #ddd;
  border-radius: 8px;  
	box-shadow: 0px 0px 8px 0px #00000040;
	color: #767676;
  z-index: 10;
}

.custom-option {
  padding: 10px;
  background-color: #ffffff;
font-size: 16px;
font-weight: 700;
line-height: 23.17px;
text-align: left;
	color: #767676;
}
.custom-option:first-child{
	border-radius: 8px 8px 0 0;
}
.custom-option:last-child{
	border-radius: 0px 0px 8px 8px;
}
.custom-option:focus {
	color: #BB0842;
	font-weight: 700;
  background-color: #F3F3F3;
}

.custom-option:hover {
	color: #BB0842;
	font-weight: 700;
  background-color: #F3F3F3;
}





.m-bd-item {
  display: flex;
	gap:16px;
	align-items: center;
	
}
.m-bd-img {
	position: relative;
  width:120px;
  height: 105px;
	background-color: #F2F2F2;
border-radius: 20.34px 0px 0px 0px;
border: 1.02px solid #0000000D;
	flex-shrink: 0;
}
.m-bd-img img {
 width: 100%; /* ºÎ¸ð ¿ä¼Ò ³Êºñ¿¡ ¸ÂÃß±â */
  max-width: 120px; /* ÃÖ´ë ³Êºñ */
  aspect-ratio: 120 / 105; /* ¿øÇÏ´Â ºñÀ² À¯Áö (120:105) */
  object-fit: cover; /* À̹ÌÁö°¡ ºñÀ²¿¡ ¸Â°Ô ä¿öÁöµµ·Ï */
  height: auto; /* ³ôÀ̸¦ ÀÚµ¿À¸·Î ¼³Á¤ */
	background-color: #F2F2F2;
border-radius: 20.34px 0px 0px 0px;
}
.m-bd-item .m-bd-details {
  flex-grow: 1;
}
.m-bd-item .m-bd-details h2 {
  color: #333;
  margin: 0;
font-size: 28px;
font-weight: 700;
line-height: 40.54px;
text-align: left;
	padding-bottom: 8px;

}
.m-bd-item .m-bd-details p {
  font-size: 14px;
  color: #555;
  margin: 4px 0;
}
.m-bd-hospital {
	position: relative;
  display: grid;
  grid-template-columns: minmax(auto, max-content) minmax(auto, max-content);
  gap: 17px; 
  align-items: flex-start; 
}

.m-bd-hospital .hopital_name {
	position: relative;
  font-size: 14px;
  font-weight: 400;
  line-height: 20.27px;
  text-align: left;
	white-space: normal; 
  word-break: break-word; 
}

.m-bd-hospital .part_name {
	position: relative;
  font-size: 14px;
  font-weight: 400;
  line-height: 20.27px;
  text-align: left;
  white-space: normal; 
  word-break: break-word; 
}

.m-bd-hospital .part_name::before {
  position: absolute;
  top: 5px;
  width: 1px;
  left: -9px;
  height: 12px;
  background: #D9D9D9;
  content: '';     
}
.m-bd-item .dc_list_name {
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 10px;
    color: #333;
}
.m-bd-item .dc_list_name span {
    font-weight: normal;
    font-size: 28px;
    color: #333;
	margin-left: 8px;
}

/* Àü¹® ºÐ¾ß Á¤º¸ */
.m-bd-specialties {
  font-size: 18px;
  font-weight: 500;
  line-height: 26.07px;
  letter-spacing: -0.01em;
  text-align: left;
  color: #1D67A3;
	border-bottom: 1px solid #e6e6e6;
	padding-top: 8px;
	 padding-bottom: 8px;
}
.m-bd-keywords {
  display: flex;
  align-items: flex-start;
font-size: 16px;
font-weight: 400;
line-height: 23.17px;
letter-spacing: -0.01em;
text-align: left;
	color: #888888;
	padding-top: 8px;
}
.m-bd-keywords span{
  display: -webkit-box;
  -webkit-line-clamp: 2; /* ÃÖ´ë 2ÁÙ¸¸ Ç¥½Ã */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis; /* »ý·« Ç¥½Ã */
}
.m-bd-keywords .icon {
  width: 13px;
  height: 13px;
  margin-top: 6px;
  margin-right: 9px;
}
/* "NEW" ¶óº§ */
.new-badge {
    position: absolute;
    top: 6px;
    left: 6px;
    background-color: #BB0842;
    color: white;
    font-size: 8px;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
}
.m-bd-btn{
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 20px;
    height: 50px;
    border-radius: 50px;
    border: 1px solid #333333;
    vertical-align: middle;
	margin-top: 32px;
}
.m-bd-btn span {
    font-size: 18px;
    font-weight: 500;
    line-height: 26.07px;
    letter-spacing: -0.01em;
    text-align: left;
    color: #333333;
}
.m-bd-btn img {
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
}
/* °úº° Ä«Å×°í¸® */
.part-icon-menu-list {
  text-align: center;
  padding: 16px;
  background: #fff;
  display: grid;
  overflow: hidden;
  transition: max-height 0.3s ease;
}
.part-icon-menu {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(2, auto);
  gap: 10px;
  list-style: none;
  padding: 0;
  margin: 0;
}
.part-icon-menu-list.expanded .part-icon-menu {
  grid-template-rows: none; /* ¸ðµç ÁÙ º¸ÀÌ ¼³Á¤ */
}
.hidden-item {
  display: none;
}
.part-icon-menu-list.expanded .hidden-item {
  display: block;
}
.part-icon-menu li {
  text-align: center;
}
.part-icon-menu li a {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  color: #333;
  transition: all 0.3s;
  gap: 4px;
}
.part-icon-menu li a .im_wrap {
  width: 54px;
  height: 54px;
  background-color: #F3F3F3;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 16px;
}
.part-icon-menu li a span {
  font-size: 14px;
  font-weight: 400;
  line-height: 20.27px;
  text-align: center;
  color: #333333;
}
.part-icon-menu li a img {
  width: 36px;
  height: 36px;
  display: inline-block;
  margin: 0 auto;
}
.part-icon-menu li a.active .im_wrap {
  color: #333;
  background-color: #DBCBB5;
}
/* °úº° Ä«Å×°í¸® end */

/* ¸íÀÇ ¸®½ºÆ® ÆäÀÌÁö end */


/* ¸íÀÇ ¼­Ä¡ ÆäÀÌÁö */
/* ¸¹ÀÌ Ã£´Â Áúȯ Å°¿öµå */
.bd_search_tags {
    display: flex;
	flex-direction: column;
    justify-content: flex-start;
    gap: 12px;
    padding: 16px 0 0px 16px;
}
.bdst_tit {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.bdst_tit span {
    line-height: 200%;
    letter-spacing: -0.01em;
    color: #222F66;
	font-size: 16px;
	font-weight: 500;
	text-align: left;
	margin-left: 8px;
}
.bdst_tags {
    display: flex;
    flex-wrap: nowrap; 
    gap: 4px;
    overflow-x: auto; 
    -webkit-overflow-scrolling: touch; 
    padding: 0px 16px 0 0 ; 
    white-space: nowrap;
}
.bdst_tags::-webkit-scrollbar {
    display: none; 
}
.bdst_tags a {
    padding: 6px 12px 8px;
    background: #FFFFFF;
    border: 1px solid #D9D9D9;
    border-radius: 38px;
    font-weight: 400;
    font-size: 16px;    
    color: #888888;
    display: inline-block; 
}
/* ¸¹ÀÌ Ã£´Â Áúȯ Å°¿öµå */
/* ¸íÀÇ °Ë»ö _ Áø·á°ú Áúȯº° Áö¿ªº® ÅÇ */
.bds_tabs {
	margin-top: 10px;
    display: flex;
	background-color: #ffffff;
	padding: 16px 16px 0;
}
.bds_tabs button {
	flex: 1; 
    padding: 8px 0px 10px;
    background-color: #ffffff;
    border: 1px solid #DFE0E2;
    cursor: pointer;
	font-size: 18px;
	font-weight: 500;
	line-height: 26.06px;
	text-align: center;
	color: #767676;
}
.bds_tabs button:first-child {
    border-width: 1px 0px 1px 1px;
    border-style: solid;
    border-color: #DFE0E2;
    cursor: pointer;
    border-radius: 8px 0 0;
}
.bds_tabs button:last-child {
    border-width: 1px 1px 1px 0;
    border-style: solid;
    border-color: #DFE0E2;
    cursor: pointer;
    border-radius: 0 8px 0 0;
}
.bds_tabs button.active {
    background-color: #222F66;
    border-color: #222F66;
    color: white;
}
.tab_search {
    display: none;
}
.tab_search.active {
    display: block;
}
#tab3{
	background: #fff;
}
/* ¸íÀÇ °Ë»ö :: tab1 Áø·á°ú Ãʼº°Ë»ö */
.alp_flt_clinic {
    display: flex;
	flex-direction: column;
    margin-bottom: 10px;
    padding: 12px 16px 16px;
    background-color: #ffffff;
}
.alp_tit_all {
	 display: flex;
	flex-direction: row;
	justify-content:space-between;
	align-items: center;
}
.alp_tit_all h4 {   
	font-size: 20px;
	font-weight: 700;
	line-height: 28.96px;
	text-align: left;
	color: #999999;
}

.alp_tit_all .switch {
    display: flex;
    align-items: center;
    margin-left: auto;
    position: relative;
}

.alp_tit_all .switch-label {
    margin-left: 8px;
    font-size: 18px;
    font-weight: 700;
    color: #767676;	
    position: relative;
	line-height: 26.06px;
	text-align: center;
}

.alp_tit_all .switch input {
    display: none;
}

.alp_tit_all .switch .slider {
    width: 34px;
    height: 20px;
    background-color: #767676;
    border-radius: 18px;
    cursor: pointer;
    position: relative;
    transition: background-color 0.2s;
}

.alp_tit_all .switch .slider:before {
    content: "";
    position: absolute;
    top: 1px;
    left: 1px;
    width: 18px;
    height: 18px;
    background-color: #fff;
    border-radius: 50%;
    transition: transform 0.2s;
}

.alp_tit_all .switch input:checked + .slider {
    background-color: #222F66;
}

.alp_tit_all .switch input:checked + .slider:before {
    transform: translateX(14px);
}
.alp_tit_all .switch input:checked ~ .switch-label {
    color: #222F66; 
}
.alp_flt_clinic .button-container {
    display: grid;	   
	grid-template-columns: repeat(7, 1fr); 
	grid-template-row: repeat(2, 1fr); 	
	grid-row-gap: 8px;
    margin-top: 8px;
	justify-content: center;
	justify-items: center;
	align-items: center;	
	width:100%;
}

.alp_flt_clinic .button-container button {
    display: flex;
	align-items: center;
	justify-content: space-around;
    width: 44px;
    height: 44px;
    border: 1px solid #DFE0E2;
    border-radius: 50%;
    font-size: 18px;
    font-weight: 500;
    color: #222F66;
    background-color: #F9FAFC;
    cursor: pointer;
    transition: background-color 0.2s, color 0.2s;
    padding-bottom: 2px; 
}

.alp_flt_clinic .button-container button.active {
    background-color: #222F66;	
    color: #fff;
	border: 1px solid #222F66;
}
.alp_flt_clinic .button-container button[disabled] {
    color: #D9D9D9;
    background-color: #F9FAFC;
    cursor: not-allowed;
	border: 1px solid #DFE0E2;
}
/*Áø·á°ú ¾ÆÀÌÄÜ ¸®½ºÆ®*/
.cate_section_wrap {
	margin-top: 10px;
	padding: 0px 16px 16px;
	background: #fff;
}
.cate_section {	
	padding: 16px 0px 16px;
	background: #fff;
	border-bottom: 1px solid #d9d9d9;
}
.cate_section:last-child {		
	border-bottom: 0px solid #d9d9d9;
}
.cate_section h2 {
	font-size: 20px;
	font-weight: 700;
	line-height: 28.96px;
	text-align: left;
	color: #333333;
}
.bdP_card-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 11px;
    margin-top: 16px;
}
.bdP_card {	
	height: 113px;	
	border-radius: 8px;
	background: #F4F5F7;
	border: 1px solid #D9D9D9;
	text-align: center;	
}
.bdP_top {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: center;
	align-content: center;
	align-items: center;
	gap:6px;
	padding: 22px 0 24px;
}
.bdP_img img {
    width: 39px;
    height: 39px;
}
.bdP_tit {
    font-size: 14px;
    font-weight: 500; 
    color: #333333;
    font-style: normal;
    line-height: 210%;
    text-align: center;
    letter-spacing: -0.01em;
}
#tab2 .recomm-banner {
    padding: 0 16px 0px;
    background: #ffffff;
}
.recomm-banner {
    padding: 0 16px 36px;
    background: #ffffff;
}
/* Áø·á°ú Ãʼº°Ë»ö end */

/* ¸íÀÇ °Ë»ö :: tab2 Áúȯº° ÅÇ Ãʼº°Ë»ö */
/* Áúȯº° Ãʼº°Ë»ö */
.alp_flt_disease {
    display: flex;
	flex-direction: column;
    margin-bottom: 10px;
    padding: 12px 16px 16px;
    background-color: #ffffff;
	justify-content: center;
}
.alp_tit_di_all {
	 display: flex;
	flex-direction: row;
	justify-content:space-between;
}
.alp_tit_di_all h4 {   
	font-size: 20px;
	font-weight: 700;
	line-height: 28.96px;
	text-align: left;
	color: #999999;
}

.alp_flt_disease .switch {
    display: flex;
    align-items: center;
    margin-left: auto;
    position: relative;
}

.alp_flt_disease .switch-label {
    margin-left: 8px;
    font-size: 18px;
    font-weight: 700;
    color: #767676;	
    position: relative;
	
	
}

.alp_flt_disease .switch input {
    display: none;
}

.alp_flt_disease .switch .slider {
    width: 34px;
    height: 20px;
    background-color: #767676;
    border-radius: 18px;
    cursor: pointer;
    position: relative;
    transition: background-color 0.2s;
}

.alp_flt_disease .switch .slider:before {
    content: "";
    position: absolute;
    top: 1px;
    left: 1px;
    width: 18px;
    height: 18px;
    background-color: #fff;
    border-radius: 50%;
    transition: transform 0.2s;
}

.alp_flt_disease .switch input:checked + .slider {
    background-color: #222F66;
}

.alp_flt_disease .switch input:checked + .slider:before {
    transform: translateX(14px);
}
.alp_flt_disease .switch input:checked ~ .switch-label {
    color: #222F66; 
}
.alp_flt_disease .button-container {
     display: grid;	   
	grid-template-columns: repeat(7, 1fr); 
	grid-template-row: repeat(2, 1fr); 	
	grid-row-gap: 8px;
    margin-top: 8px;
	justify-content: center;
	justify-items: center;
	align-items: center;	
	width:100%;
}

.alp_flt_disease .button-container button {
	display: flex;
	align-items: center;
	justify-content: space-around;
    width: 44px;
    height: 44px;
    border: 1px solid #DFE0E2;
    border-radius: 50%;
    font-size: 18px;
    font-weight: 500;
    color: #222F66;
    background-color: #F9FAFC;
    cursor: pointer;
    transition: background-color 0.2s, color 0.2s;
    padding-bottom: 2px; 
}

.alp_flt_disease .button-container button.active {
    background-color: #222F66;	
    color: #fff;
	border: 1px solid #222F66;
}
.alp_flt_disease .button-container button[disabled] {
    color: #D9D9D9;
    background-color: #F9FAFC;
    cursor: not-allowed;
	border: 1px solid #DFE0E2;
}

.bds_card-grid {
    position: relative;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-row-gap: 16px;
    grid-column-gap: 13px;
	background: #fff;
	padding: 16px;
}
.bds_card_top {	
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
height: 60px;
border-radius: 16px 16px 0px 0px;
	border: 1px solid #D9D9D9;	
	gap:10px;
}
.bdsc_img {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap:10px;
}
.bdsc_img img{
	width: 36px;
	height: 36px;
}
h3.bdsc_tit{	
	font-size: 20px;
	font-weight: 700;
	line-height: 35px;
	text-align: center;
	color: #222F66;

}


.bds_card_list_wrap {	
   display: flex;
    flex-direction: column;
    width: 100%;
}
.bds_card_list_wrap span {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 16px;
	padding: 8px 0;
	font-weight: 700;
	line-height: 23.17px;
	text-align: center;
	color: #999999;
	border-left: 1px solid #d9d9d9; 
    border-right: 1px solid #d9d9d9; 
	border-bottom: 1px solid #d9d9d9; 
}

.bds_card_list_wrap ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr); 
     gap: 0px; 
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
}

.bds_card_list_wrap li {
	
    text-align: center;
	background: #F4F5F7;
    padding: 9px 0 10px;
    font-size: 16px;
    position: relative;
	border: 1px solid #d9d9d9; 
    border-top: none; 
	/*border-left: 1px solid #d9d9d9; 
    border-bottom: 1px solid #d9d9d9; 
    border-right: 1px solid #d9d9d9; */
}
.bds_card_list_wrap li:nth-child(2n) {
    border-left: none; 
}
/*.bds_card_list_wrap li:nth-child(2n) { 
    border-left: none;
}*/

.bds_card_list_wrap li a {
	font-size: 16px;
	font-weight: 400;
	line-height: 23.17px;
	text-align: center;
	color: #222F66;
}

.bds_card_list_wrap li a:hover {
    font-weight: 700;
}

/* Áúȯº° ÅÇ Ãʼº°Ë»ö end*/


/* ¸íÀÇ °Ë»ö :: tab3 Áö¿ªº° ÅÇ  */
.bd-area-search {
    background-color: #ffffff;
    padding: 0px 16px 20px;
}
.location-search {
	display: flex;
	flex-direction: column;
	gap:16px;
	background-color: #F7F7F7;
    padding: 16px 16px 20px ;	
	border-bottom: 1px solid #E6E6E6;
}
.location-search label {
	font-size: 20px;
	font-weight: 700;
	line-height: 28.96px;
	text-align: left;
	color: #222F66;
}
.location-search .sel_wrap{
	display: flex;
	flex-direction: row;
	justify-content: space-between;	
	gap:13px;	
}
.select_wrap {
	display: flex;
	flex-direction: column;
	gap:10px;	
}
.result-info {
	background-color: #ffffff;
	padding: 0px 16px 12px; 
	
}
.result-info h4 {
    font-size: 18px;
	font-weight: 500;
    color: #333333;
}
.result-info span {
    font-size: 18px;
    font-weight: 500;
    color: #BB0842;
}
.location-search select {
	width: 100%;
    padding: 0px 0 0 20px;
    border: 1px solid #ccc;
    height: 44px;
    font-style: normal;
	font-size: 15px;
	font-weight: 400;
	line-height: 21.72px;
	text-align: left;
    color: #888888;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url(https://m.health.chosun.com/img/bestdoctor/select_icon_grey.svg) no-repeat right 20px center;
    background-color: #fff;
	border-radius: 8px;
}
.location-results {
    display: flex;
	flex-direction: column;
    gap: 0px;
	background-color: #fff;
}

.bdsMd_top {
    display: flex;
    justify-content: space-between;
	margin-bottom: 2px;
}
.bdsMd_top h3{
	font-size: 24px;
	font-weight: 700;
	line-height: 34.75px;
	text-align: left;
	color:#333;
}
.bdsMd_part {
    position: relative;
    font-weight: 400;
    font-size: 15px;
    letter-spacing: -0.01em;
    color: #333333;
    display: flex;
	align-items: center;
    gap: 17px;
    margin-bottom: 6px;
}
.bdsMd_num {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;    
    color: #888888;
}
.bdsMd_hosname {
    position: relative;;
	font-size: 16px;
	font-weight: 400;
	line-height: 23.17px;
	text-align: left;
	color: #333;

}
.bdsMd_hosname::after {
    position: absolute;
    top: 6.5px;
    width: 1px;
    right: -9px;
    height: 10px;
    background: #D9D9D9;
    content: '';
}
.bdsM_doctor_list {
    display: flex;
    flex-direction: column;
	padding: 16px 16px 0;
	border-top: 1px solid #D9D9D9;
	background: #ffffff;
}
.bdsM_doctor {
    background-color: #ffffff;
    padding: 12px 0px;
    border-bottom: 1px solid #d9d9d9;
    border-radius: 0px;
}
.bdsM_doctor_list .bdsM_doctor:first-child {
    border-top: 1px solid #333;
}
.bds_map_page {
    display: flex;
    justify-content:space-between;
	flex-wrap: wrap;
	align-items: center;
    padding: 16px 0px 0;
    border-bottom: 0px 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[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: 102px;
    height: 50px;
	border-radius: 50px;
    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: url(http://m.health.chosun.com/img/bestdoctor/paging_re.svg) no-repeat;
  background-position: 2px 5px;
  width: 15px;
  height: 16px;
  display: inline-block;
	 position: absolute; 
    top: 16px;           
    left: 44px;  
}
.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: 102px;
    height: 50px;
	border-radius: 50px;
    vertical-align: top;
    margin-top: 0px;
    border: 1px solid #CCCCCC;
    margin-left: 8px;
}
.bds_map_page button[class^='arrowbtn_next']:focus {
    outline: none;
}
.bds_map_page .arrowbtn_next:before {
	 vertical-align: top;
  content: '';
 background: url(http://m.health.chosun.com/img/bestdoctor/paging_re.svg) no-repeat;
  background-position: 5px 2px;
  width: 15px;
  height: 16px;
  display: inline-block;
	 position: absolute; 
    top: 16px;           
    left: 44px;        
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.bds_map_page .bds_paging{
	display: flex;
	gap:12px;
}
.bds_paging span {	
font-size: 16px;
font-weight: 500;
line-height: 23.17px;
text-align: center;
color: #888888;
}
.bds_paging .nowpage {	
color: #111;
}
.map-container {    
	position: relative;
    height: 394px;
	border: 1px solid #d9d9d9;
}
/*¸íÀÇ ¼Ò¼Óº´¿ø Á¤º¸ Áöµµ ¸¶Ä¿ ½ºÅ¸ÀÏ*/
.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 .text_area {
  display: table-cell;
  vertical-align: middle;
  overflow: hidden;
  white-space: nowrap;
}
.bds_marker .main_text {
  padding: 2px 0;
    margin: -2px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    height: auto;
    line-height: 1.2em;
}
.bds_marker .main_text .hos_name {
    font-size: 13px;
    letter-spacing: -0.4px;
    font-weight: 700;
    color: #000;
    padding: 0 12px 0 8px;
    position: relative;
    z-index: 1;
}
.bds_marker .btn_more {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  border-radius: 30px;
  border: 1px solid #BB0842;
  background: #fff;
}
.bds_marker .btn_more::after {
  position: absolute;
  bottom: 1px;
  left: 12px;
  width: 15px;
  height: 15px;
  transform: rotate(55deg) skew(17deg);
  content: "";
}
.btn_more .blind {
    position: absolute;
    font-size: 0;
    display: block;
    overflow: hidden;
    left: 0;
    top: -5000px;
}
.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 */

button.favorite-btn {
	background: #fff;
}
button.call-btn {
	background: #fff;
}
/* Áö¿ªº° ÅÇ end*/
/* ¸íÀÇ ¼­Ä¡ ÆäÀÌÁö end*/

/* ¸íÀÇ ¼­Ä¡ °á°ú ÆäÀÌÁö */
.search_txt {
	background: #fff;
	margin-top: 10px;
	padding: 20px 0;
	text-align: center;	
	border-bottom: 1px solid #D9D9D9;
}
.search_txt h3{	
	font-size: 16px;
	font-weight: 500;
	line-height: 23.17px;
	text-align: center;
	color: #222F66;
}
.search_txt h3 span{	
	color: #BB0842;
}
.result_bd_list {
	padding: 0 16px 0px;
	background: #fff;
}
.result_bd_list_tit {
	padding: 16px  0 16px 0;
	display: flex;
	gap: 4px;
	flex-wrap: wrap;	
	align-items:center;
	justify-content: flex-start;
	border-bottom: 1px solid #333;
}
.result_bd_list_tit h2 {	
	font-size: 20px;
	font-weight: 700;
	line-height: 20px;
	text-align: left;
	align-items: center;
	color: #333333;
}
.result_bd_list_tit img {
	width: 24px;
	height: 24px;
	align-items: center;
}
.result_bd_list_tit span {	
font-size: 16px;
font-weight: 400;
line-height: 26px;
text-align: left;

	color: #888888;
}

/* ¸íÀÇ ¼­Ä¡ °á°ú ÆäÀÌÁö end */
/* ¸íÀÇ ¸ÞÀÎ ¼­Ä¡ °á°ú ÆäÀÌÁö */
.input-with-button {
  position: relative;
  width: 100%;
}

.bd-search-icon {
  position: absolute;
  left: 18px;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  pointer-events: none;
}

.clear-button {
  position: absolute;
  right: 45px; /* °Ë»ö ¾ÆÀÌÄÜ ¿ÞÂÊ¿¡ À§Ä¡ */
  top: 10px;  
  background: transparent;
  border: none;
  font-size: 18px;
  color: #888888;
  cursor: pointer;  
}

.search-results .bd-search-bar {
  background-color: #f0f4f8;
  border: 1px solid #222F66;
}
.all_search_txt {
	margin-top: 10px;
	background: #F7F7F7;
	padding: 20px 16px;
	border-bottom: 1px solid #E6E6E6
}
.all_search_txt h1 {	
	font-size: 24px;
	font-weight: 700;
	line-height: 34.75px;
	text-align: center;
	color: #333333;
	margin-bottom: 20px;
}

.result {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
	padding: 0px;
}

.result .input-with-button {
   position: relative;
}

.bd-search-bar-result {
	 font-size: 16px;
    color: #333333;
	box-shadow: none;	
    align-items: center;
    width: 100%;
    position: relative;
    border: 1px solid #D9D9D9;
    border-radius: 16px;
    padding: 15px;
    background-color: #FFFFFF;
}
.bd-search-bar-result:placeholder-shown {    
	font-family: Noto Sans KR;
	font-size: 16px;
	font-weight: 500;
	line-height: 23.17px;
	text-align: left;
	color:#333333;
}
.result .bd-search-bar-result::placeholder {
    color: #757575;
}

.result .clear-button img{
    width: 20px;
    height: 20px;
}
#clear-button {
	display: flex; 
    align-items: center;
    justify-content: center;
	position: absolute;
	top:16px;
    right: 42px;
	background: #fff;
}
#clear-button img{
    width: 20px;
    height: 20px;
}
.default-icon {
    display: inline;
}

.active-icon {
    display: none;
}
.result .filter-button img {
    width: 17px;
    height: 16px;
}

.result .bd-search-bar:focus{
  border: 1px solid #222F66;
  outline: none;
}
.result .bd-search-bar:focus .clear-button {
    display: flex; 
    align-items: center;
    justify-content: center;
	position: absolute;
    right: 40px;
	
}
.result .filter-button {
    position: absolute;
    right: 20px;
}

.se_column {
  margin-top: 10px;
  background: #ffffff;
  padding: 20px 16px 0px;
}
.se_column strong {
    color: #333 !important;
    font-weight: 700 !important;
}
.se_column h2 img{
	width: 24px;
	height: 24px;
	align-items: center;
}
.se_column_item {
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid #D9D9D9;
  padding-top: 16px;
  padding-bottom: 16px;
  gap: 12px;
}
.se_column_wrap {
  display: flex;
  gap: 12px;
}
.se_column_img {}
.se_column_img img {
  aspect-ratio: 126 / 86; 
  object-fit: cover; 
}
.se_column_content {
  display: flex;
  flex-direction: column;
  gap: 9px;
}
.se_column_content h3 {
  font-size: 18px;
  font-weight: 500;
  line-height: 26.06px;
  text-align: left;
  display: -webkit-box;
  -webkit-line-clamp: 2; 
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.se_column_item p {
  font-size: 16px;
  font-weight: 400;
  line-height: 23.68px;
  text-align: left;
  color: #828282;
  display: -webkit-box;
  -webkit-line-clamp: 2; 
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* ¸íÀÇ ¸ÞÀÎ ¼­Ä¡ °á°ú ÆäÀÌÁö end*/
/* ¸íÀÇ °Ë»ö Àü±¹ º´¿ø */
.hos_container{
	background: #ffffff;
}
.needs_tit {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    gap: 10px;
	padding: 20px 0;
	background: #fff;
}
.needs_tit .ntit {	
	font-size: 24px;
	font-weight: 700;
	line-height: 34.75px;
	text-align: center;
    color: #333333;
    background: linear-gradient(to top, #D9EDFF 30%, transparent 30%);
    margin: 0 auto;
}
.needs_tit span {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: -1%;
    color: #888888;
}

/* »ó´Ü º´¿ø ¸®½ºÆ® swiper */
.hospital_wrap {
    width: 100%;
    padding: 20px 20px 0px 20px;
	background: #222F66;
}
.hospital_slider_wrap {
    position: relative;
    display: flex;
	flex-direction: column;
	gap:24px;
    align-items: center;
}

.hospital_slide {
    text-align: center; 
    background: #FFFFFF;
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    border-color: #D9D9D9;
    border-radius: 8px 8px 8px 8px;
}
.hospital_slide .hosS_img a {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid #D9D9D9;
    height: 160px;
    text-align: center;
	position: relative;
}
.hosS_img {
	position: relative;
}
.hosS_img::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.05);
    border-radius: 8px 8px 0 0;
    z-index: 1;
}
.hosS_info a {
    padding: 14px 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.hosS_info .hosS_info_w {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
	align-items: center;
	gap:12px;
}
.hosS_tag_w {
    display: flex;
    flex-direction: row;
    gap: 8px;
}
.hosS_address {
    text-align: left;
}
.hosS_tag.area {
    background-color: #89C7FD;
    color: #ffffff;
}
.hosS_tag.grade {
    background-color: #E6EFF8;
    color: #1065D9;
}
.hospital_wrap .swiper-slide {
    width: 288px !important;
    margin-right: 16px;
}

.hosS_img img {
    display: flex;
    justify-content: center;
    padding: 0 40px;
    text-align: center;
}

.hospital_wrap .hosS_info {
    text-align: center;
    padding: 0px 0;
}

.hospital_wrap .hosS_tag {
	font-size: 16px;
	font-weight: 500;
	line-height: 23.17px;
	text-align: left;
	color: #A3836A;
	display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;	
}

.hospital_location {
    font-size: 12px;
    color: #757575;
}
/* ½ºÅ©·Ñ¹Ù Æ®·¢ »ö»ó */
.hospital_wrap .swiper-scrollbar {
	position: relative !important;
    width: 100%; 
    max-width: 288px; 
    margin: 0 auto;
    background: #FFFFFF47;
    height: 5px;
    border-radius: 5px;
}

.hospital_wrap .swiper-scrollbar-drag {
    background-color: #ffffff; 
    border-radius: 5px; 
}
.hos_location_search {
	margin-top: 20px;	
	display: flex;
	flex-direction: column;
	gap:10px;
	background-color: #F7F7F7;
    padding: 16px 16px 20px;
	border-top: 1px solid #333;
	border-bottom: 1px solid #E6E6E6;
}
.hos_location_search label {
	display: flex;
	flex-direction: row;
	gap:8px;
	flex-wrap: wrap;
	align-items: center;
	font-size: 20px;
	font-weight: 700;
	line-height: 28.96px;
	text-align: left;
	color: #222F66;
}
.hos_location_search .sel_wrap{
	display: flex;
	flex-direction: row;
	justify-content: space-between;	
	gap:13px;	
}
.hos_location_search select {
    width: 100%;
    padding: 0px 0 0 20px;
    border: 1px solid #ccc;
    height: 44px;
    font-style: normal;
    font-size: 15px;
    font-weight: 400;
    line-height: 21.72px;
    text-align: left;
    color: #888888;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url(https://m.health.chosun.com/img/bestdoctor/select_icon_grey.svg) no-repeat right 20px center;
    background-color: #fff;
    border-radius: 8px;
}

/* »ó´Ü º´¿ø ¸®½ºÆ® swiper end*/
.bd_hos_search {
    background-color: #ffffff;
    padding: 0px 16px 0px;
}
.grid_title {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: center;
	padding: 0 16px 0px;
}
.grid_title span{	
	font-size: 16px;
	font-weight: 700;
	line-height: 23.17px;
	text-align: left;
	color: #B0B0B0;
}
.hospital_grid {
	display: grid;
    grid-template-columns: repeat(2, 1fr);
	grid-column-gap: 13px;
	grid-row-gap: 12px;	    
	padding: 16px 16px 0;
}

.hospital_card {
    background-color: #ffffff;
    text-align: center;
    transition: transform 0.2s;
    display: flex;
    flex-direction: column;
    gap: 0px;
    border-radius: 8px;
    border: 1px solid #D9D9D9;
}
.hospital_card .cach_logo {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid #D9D9D9;
    border-radius: 8px 8px 0 0;
    text-align: center;
    background-color: #ffffff;
	height: 97px;
    min-height: 97px;
    padding: 0px 0;
    overflow: hidden;
    box-sizing: border-box;
	position: relative;
}
.cach_logo::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.05);
    border-radius: 8px 8px 0 0;
    z-index: 1;
}
.hospital_card .cach_logo img {
   /*aspect-ratio: 174 / 97; /* ¿øÇÏ´Â ºñÀ² ¼³Á¤ */
}
.hospital_card .cach_key {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding: 0px 16px;
    font-size: 15px;
    font-weight: 500;
    line-height: 21.72px;
    text-align: left;
    color: #A3836A;
    border-radius: 0 0 15px 15px;
    height: 44px;
}
.cach_key span{
	font-size: 15px;
	font-weight: 500;
	line-height: 21.72px;
	text-align: left;
	color: #A3836A;
}
.hopital-recomm {   
    text-align: center;
    box-sizing: border-box;
    grid-column: span 2;
    margin: 7px 0;
}
.hopital-recomm img {
    border-radius: 8px;   
    width: 100%;
}
@media (min-width: 768px) {
	.hospital_grid {
		grid-template-columns: repeat(2, 1fr);
	}
	/*.hopital-recomm {   
    grid-column: span 3;
	}*/
}

@media (min-width: 1024px) {
	.hospital_grid {
		grid-template-columns: repeat(2, 1fr);
	}
	
}
.hospital_add {
	margin: 0 16px;
}
.hospital_add .bd_add_btn {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 20px;
    height: 50px;
    border-radius: 50px;
    border: 1px solid #333333;
    margin-top: 36px;
}
.hospital_add .bd_add_btn span {
	font-size: 18px;
	font-weight: 500;
	line-height: 26.07px;
	letter-spacing: -0.01em;
	text-align: left;
	color: #333333;	
}
.hsc_view .hospital_details {
	padding: 0 16px;
}
.hsc_view .hospital_details .contact_info {
  display: flex;
  flex-direction: column;
  gap: 15px;
  border-bottom: 0px solid #D9D9D9;
  padding: 16px 0 29px 0;
}
.hsc_view .hospital_details .contact_info .ci_nh {
  display: flex;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: -0.01em;
  color: #333333;
  align-items: flex-start;
}
.hsc_view .hospital_details .contact_info img {
  padding-top: 4px;  margin-right: 10px;
	
}
.hsc_view .hospital_details .facilities {
    border-bottom: 1px solid #D9D9D9;
    padding: 20px 0;
}
.hsc_view .bd_hospital_info {
    background: #ffffff;
	margin-top: 0px;
    padding: 0px 0px 36px;
}
.hsc_view .hos_d_name {
	background: #222F66;
	height: 50px;
	flex-wrap: wrap;
	align-items: center;
	padding: 0 16px 0 ; 
}
.hsc_view .hos_d_name h3 {
    font-size: 18px;
    font-weight: 700;
    line-height: 26.06px;
    text-align: left;
    color: #ffffff;
}
.hsc_view .hos_d_name h3, .hsc_view .hos_d_name .tags {
	display: inline-block;
}
.hsc_view .hos_d_name img {
	margin-left: auto; 
}
.hsc_view .hospital_image {
	padding: 0 16px;
}
/* ¸íÀÇ °Ë»ö Àü±¹ º´¿ø end  */
/* ¸íÀÇ °Ë»ö Àü±¹ º´¿ø »ó¼¼ ºä */
.bdsv_list {
	margin-top: 10px;
	padding: 4px 16px 0px;
	background: #fff;
}
.bdsv_list_tit {
	padding: 16px 0;
	display: flex;
	gap: 4px;
	flex-wrap: wrap;	
	align-items:center;
	justify-content: flex-start;
	border-bottom: 1px solid #333;
}
.bdsv_list_tit h2 {	
	font-size: 18px;
	font-weight: 500;
	line-height: 26.06px;
	text-align: left;
	align-items: center;
	color: #333333;
}
.bdsv_list_tit span {	
	color: #BB0842;
}
.hos_container_v .hopital-recomm {	
    text-align: center;
    box-sizing: border-box;
    margin: 36px 0 0;	
}
/* ¸íÀÇ °Ë»ö Àü±¹ º´¿ø »ó¼¼ ºä end*/
/* ¸íÀÇ Ãßõ */
.bd_recomm .top-img-section {
	background: #fff;
	padding: 16px;
}
.bd_recomm .top-img-section img{
	border: 1px solid #0000000D;
	border-radius: 8px;
}
.bd_recomm .title_section {
	margin-top: 10px;
    text-align: center;
    padding: 20px 16px 32px;
    background-color: #fff;	
	color: #333333;
}
.bd_recomm .title_section h2 {
	font-size: 24px;
	font-weight: 700;
	line-height: 34.75px;
	padding-bottom: 20px;
}
.bd_recomm .title_section p {
	font-size: 18px;
	font-weight: 400;
	line-height: 26.64px;
	padding-bottom: 16px;
}
.bd_recomm .criteria-section {
    text-align: center;
    padding: 20px;
}

.bd_recomm .criteria-container {
      display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
    padding-top: 8px;
}
@media (max-width: 300px) {
    .bd_recomm .criteria-container {
        grid-template-columns: 1fr;
    }
}
.criteria {
	flex-basis: calc(50% - 8px); 
    background-color: #003366;
    color: #fff;
    padding: 18px 0 14px;
    text-align: center;
    border-radius: 8px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;	
}
.criteria img{
	max-width: 38px;
	max-height: 33px;	
	padding-bottom: 9px;
}
.criteria h3{
	font-size: 17px;
	font-weight: 700;
	text-align: center;
	line-height: 26.37px;
}
.criteria span {   
	font-size: 12px;
	font-weight: 500;
	text-align: center;
	color: #FFFFFF99;
} 
.bd_recomm .form_section {
	margin-top: 10px;
    background-color: #fff;
    padding: 20px 16px;
}
.bd_recomm .form_section h2 {
    display: flex;
	gap: 4px;
	font-size: 20px;
	font-weight: 700;
	line-height: 28.96px;
	text-align: left;
	border-bottom: 1px solid #000;
	padding-bottom: 12px;
	margin-bottom: 16px;
}
.form_section {
    display: flex;
    flex-direction: column;
}

.bd_recomm label {
    margin: 0px 0 12px;
	font-size: 18px;
	font-weight: 700;
	line-height: 26.06px;
	text-align: left;
	color:#333333;
}
.char_limit {
	font-size: 14px;
	font-weight: 400;
	line-height: 20.27px;
	text-align: left;
    color: #888888;
}
.agree{
	font-size: 16px;
	font-weight: 400;
	line-height: 23.68px;
	text-align: left;
    color:#818181;
	margin-right: 4px;
}

.bd_recomm input, .bd_recomm button {
    padding: 16px;
    margin-bottom: 16px;
    border-radius: 4px;
    font-size: 16px;
	font-weight: 400;
	line-height: 23.68px;
	text-align: left;	
	background: #F6F7FB;
	color: #333;
	border:0px;
}
.bd_recomm input:focus, .bd_recomm textarea:focus {
	color: #333;
}
.bd_recomm textarea {
    resize: vertical;
	 padding: 16px;
    border-radius: 4px;
    font-size: 16px;
	font-weight: 400;
	line-height: 23.68px;
	text-align: left;	
	background: #F6F7FB;
	color: #333;
	border:0px;
}
.bd_recomm input::placeholder, .bd_recomm textarea::placeholder {
	 font-size: 16px;
	font-weight: 400;
	line-height: 23.68px;
	text-align: left;	
	color: #B1B1B1;
}
.bd_recomm button {
    background-color: #222F66;
    color: #fff;
    font-size: 18px;
    border: none;
	font-weight: 500;
    cursor: pointer;
    padding: 12px;
    border-radius: 50px;
	text-align: center;
}
.recomm_agree {
	margin-top: 20px;
	padding: 20px 0;
	border-top:1px solid #e6e6e6;	
	border-bottom: 1px solid #e6e6e6;
}

.recomm_agree .ag_tit {
	font-weight: 700;
	font-size: 18px;
	line-height: 26px;
	color: #333333;
	margin-bottom: 12px;
}
	
.Scrollswiperwrap {
	border-radius: 4px;
	background: #F6F7FB;
  	padding: 16px 12px 16px 16px ;	
    overflow: hidden;
    position: relative;
}
.Scrollswiperwrap .swiper.Scrollswiper  {	
	max-height: 96px;
    width: 100%;	
	position: relative;
    background: #F6F7FB;
	 font-size: 16px;
    height: auto;
     -webkit-box-sizing: border-box;
    box-sizing: border-box; 	
}
.Scrollswiper .swiper-slide {
	position: relative;     
	width: 100%;	
	padding-right: 15px;
}
.Scrollswiper .swiper-scrollbar.swiper-scrollbar-vertical{
	right: 0px !important;
}
.Scrollswiper h3:first-child{
	font-style: normal;
	font-weight: 700;
	font-size: 16px;
	line-height: 23.68px;
	color: #333333;
	margin-top: 0px;
 }  
.Scrollswiper h3{
	margin-top: 28px;
	font-style: normal;
	font-weight: 700;
	font-size: 16px;
	line-height: 24px;
	color: #333333;
	margin-bottom: 0;
 }  
.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;
}

input.chk_policy {
    width: 24px;
    margin-right: 5px;
    border-radius: 20px;
    border: 1px solid #9e9e9e;
}
input.chk_policy + label {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 100%;
	display: flex;
	align-items: center;
	margin: 0;
}
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;
}
input.chk_policy:checked + label .agree {
    color: #001f5b; 
}
.fri_policy {	
    color: #818181;
}
.alldt {
    color: #333333;
    font-size: 18px;
    font-weight: 700;
    padding: 16px 0 0px;
    text-align: left;
    white-space: nowrap;	
}
.spame {
	display: flex;
	gap:8px;
	padding: 16px 0 0;
}
.spame input{
	width: 100%;
	background: #fff;
    border: 1px solid #d9d9d9;
    border-radius: 8px;
    box-sizing: border-box;
    color: #333;
    height: 52px;
}
.text {
	padding-bottom: 16px;
	border-bottom: 1px solid #d9d9d9;
}
.text label { 
	display: block;
	margin: 0px;
	font-size: 16px;
	font-weight: 700;
	text-align: left;
	color: #888888;	
}
.text .spam_txt{	
	font-size: 15px;
	font-weight: 400;
	text-align: left;
	color: #888888;
}
.blind {
    display: none;
}
.spam_star {
	font-size: 16px;
	font-weight: 700;
    color: #A3836A;
}
.recom_result {
	margin-top: 10px;
    display: flex;
    flex-direction: column;
    text-align: center;
    gap: 10px;
	padding: 60px 16px;
	background: #fff;
	min-height: 466px;
}
.recom_result .tit {	
	font-size: 24px;
	font-weight: 700;
	line-height: 34.75px;
	text-align: center;

    color: #333333;
    background: linear-gradient(to top, #D9EDFF 30%, transparent 30%);
    margin: 0 auto;
}
.recom_result span {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: -1%;
    color: #888888;
}
.recom_result button {    
	margin-top: 60px;
}
#description {
    width: 100%;
    overflow-y: auto; 
    resize: none; 
  }
/* ¸íÀÇ Ãßõ end */

















/*ÇｺÁ¶¼± ¼­ºñ½º ¹Ù·Î°¡±â*/
.sp_menu {
  overflow: hidden;
  padding: 20px 0px;
  display: block;
}
.sp_menu .hc_direct {
  overflow: hidden;
  margin: -3px;
}
.sp_menu .hc_sbox {
  float: left;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 33.3%;
}
.sp_menu .hc_sbox:hover .hc_sa {
  color: #BB0842;
}
.sp_menu .hc_sa {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid #efeff0;
  position: relative;
  display: block;
  padding: 0 7px;
  margin: 3px;
  font-size: 16px;
  line-height: 42px;
  font-weight: 500;
  text-align: center;
  letter-spacing: -.5px;
  color: #333333;
}
.sp_direct .hc_sbox:first-child a {
  font-size: 14px;
}
.menulist_title {
  border-bottom: 1px solid #D9D9D9;
  color: #111111;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.0rem;
  line-height: 23px;
  padding: 10px 0px 10px 10px;
  text-transform: capitalize;
  margin-bottom: 0px;
  position: relative;
  cursor: pointer;
}
.menulist_title:hover {
  color: #BB0842;
}
.menulist_title:hover button svg path {
  fill: #BB0842;
}
.menulist_title button {
  background: #fff;
  position: absolute;
  top: 50%;
  right: 16px;
  width: 12px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  padding: 0px;
  color: transparent;
  white-space: nowrap;
  overflow: hidden;
}
.menulist_title .m_close {
  display: none;
  width: 42px;
  height: 16px;
  background-position: -166px -78px;
}
#menulist_news, #menulist_detail, #menulist_doctor, #menulist_dstory, #menulist_life {
  display: none;
}
.menulist_ul {
  columns: auto 2;
  margin: 0px;
  padding: 10px 0px 19px 10px;
  border-bottom: 0px solid #111111;
}
.menulist_li {
  list-style-type: none;
}
.menulist_li_a {
  color: #333333;
  display: block;
  font-size: 15px;
  font-weight: 500;
  line-height: 28px;
  text-decoration: none;
  text-transform: capitalize;
}
.menulist_li_h3 {
  color: #333333;
  display: block;
  font-size: 15px;
  font-weight: 700;
  line-height: 42px;
  text-decoration: none;
  text-transform: capitalize;
}
.menulist_li:hover .menulist_li_h3 {
  color: #BB0842;
}
/*¸Þ´º ¾È °Ë»ö*/
.search_area {
  padding: 20px 0px 0 0;
}
.search_area_in {
  padding: 0px 20px;
}
.input_label_search {
  border-radius: 0px;
  display: inline-block;
  margin-right: 0px;
  padding: 0px 0px;
  position: relative;
  width: calc(100% - 37px);
  border: 0;
}
.search_area section {
  padding: 0px 20px;
}
.input_search[type="text"] {
  border: 0px;
  border-bottom: 2px solid #111;
  border-radius: 0px;
  box-sizing: border-box;
  color: #333;
  font-size: 16px;
  font-weight: bold;
  height: 45px;
  letter-spacing: 0px;
  line-height: 27px;
  margin: 0px;
  padding: 1px 40px 0px 10px;
  vertical-align: middle;
  font-family: "NotoSansKR-Regular", sans-serif;
  font-family: 'Noto Sans KR', sans-serif;
  width: 100%;
}
/*¸Þ´º ¾È °Ë»ö _ ¹öÆ°*/
.search_button {
  border-radius: 0px;
  cursor: pointer;
  transition: all 0.6s ease 0s;
  white-space: nowrap;
  background-color: #fff;
  letter-spacing: 0.0em;
  text-transform: uppercase;
  height: 45px;
  border-bottom: 2px solid #111;
  margin: 0px;
  padding: 8px 9px 6px;
  vertical-align: middle;
  margin-left: -4px;
}
.search_button:disabled {
  cursor: default;
  opacity: 0.9;
}
#myLinks {
  display: none;
}
.main_c_red {
  color: #c51917;
  font-weight: bold;
}
/* ¸ð¹ÙÀÏ °Ç°­Ä®·³ */