@charset "euc-kr";
* {}

/*Á¶¼±¹Ìµð¾î °øÅë ½ºÅ¸ÀÏ Àû¿ë¿¡ ÇÊ¿äÇÑ ÆùÆ®
@font-face {
    font-family: 'Spoqa Han Sans Neo';
    src: url('https://health.chosun.com/fonts/SpoqaHanSansNeo-Bold.woff2') format('woff2');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Spoqa Han Sans Neo';
    src: url('https://health.chosun.com/fonts/SpoqaHanSansNeo-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Spoqa Han Sans Neo';
    src: url('https://health.chosun.com/fonts/SpoqaHanSansNeo-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}*/
#wrap{overflow:hidden;width:1200px;margin:0px auto ;  }


/* ¿ìÃø ÇÏ´Ü ¹Ù·Î°¡±â ¸Å´º */
.news_go { width:42px; height:42px; position:fixed; bottom:50px; right:10px; z-index:1;}
.news_go a { display:block; width:42px; height:42px; background:url(https://health.chosun.com/images/2015/cs_art_ico.png) no-repeat; font-size:0; line-height:0; text-indent:-9999px; overflow:hidden; }
.news_go a #news_go_list { background-position: -150px -450px;}
.news_go a #news_go_top { background-position: -150px -500px; margin-top:-1px;}



/* ====================================== ÇｺÁ¶¼±ÇÁ·»Áî º´¿ø ¼Ò°³ css ½ÃÀÛ ====================================== */
@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800");
@import url('https://fonts.googleapis.com/earlyaccess/notosanskr.css');*/

a, article, body, dd, div, dl, dt, figcaption, figure, h1, h2, h3, h4, h5, h6, li, ol, p, section, ul {
    margin: 0;
    padding: 0;
    /*-webkit-box-sizing: border-box;*/
    /* box-sizing: border-box; */
}

#friContent a, a:hover{
	cursor: pointer;
	text-decoration: none !important;
}
#friContent {
	position: relative;
    width: 1200px;
    margin: 0 auto;
    padding-top: 0px;
    box-sizing: border-box;
   font-family: 'Spoqa Han Sans Neo', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', 'Nanum Gothic', sans-serif; 
}
#topNav {
    width: 1200px;
    margin: 0 auto;
    position: relative;
    background-color: #ffffff;
}
.section_recent .title_area {
    position: relative;
    width: 1200px;
    border-bottom: 2px solid #BB0842;
    padding-bottom: 15px;
    display: flex;
    justify-content: flex-start;
    vertical-align: bottom;
    align-items: flex-end;
    height: 87px;
}
.section_recent .title_area h2 {
    font-size: 42px;
    font-weight: 700;
    letter-spacing: -.033em;
    padding-right: 32px;
    display: inline-block;
    vertical-align: bottom;
    justify-content: flex-start;
}
.section_recent .title_area .section_navi {
    display: inline-block;
    width: 595px !important;
    letter-spacing: -.0125em;
}
#main_contents {width:1200px; margin:0px 0px 0px 0px; z-index:1; position:relative; border: 0px solid #000000; 
	font-family: 'Spoqa Han Sans Neo', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', 'Nanum Gothic', sans-serif;  }
#main_contents:after {content:'';display:block;clear:both;*zoom:1;}

#main_contents .top_img {
	display:flex;
	flex-direction: row;
	gap:24px;
	height:328px; 
	position:relative;
	justify-content: space-between;
}

#friends_contents {width:1200px; margin:0px 0px 0px 0px; z-index:1; position:relative; border: 0px solid #000000; font-family: 'Spoqa Han Sans Neo', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', 'Nanum Gothic', sans-serif;  }
#friends_contents:after {content:'';display:block;clear:both;*zoom:1;}
#friends_contents .top_img {
	display:flex;
	flex-direction: row;
	gap:24px;
	height:328px; 
	position:relative;
	justify-content: space-between;
}
.top_img #motionj_fade {position:relative; float:left;}
.top_img #motionj_fade ul.main_01 {height:328px; border:0px solid #e4e4e4;}

.top_img #motionj_fade ul.main_01 .swiper-slide {
	
	border-radius: 8px; 
	/*border: 1px solid #ECECEC;*/
}
.top_img #motionj_fade ul.main_01 .swiper-slide img {
	
	border-radius: 8px; 
	border: 1px solid #ECECEC;
}

.top_hopital #motionj_fade2 {position:relative; float:left;}
.top_hopital #motionj_fade2 {width:673px; height:272px; border:1px solid #e4e4e4;}
#motionj_fade2_r {position:relative; float:left;}
#motionj_fade2_r {width:259px; height:272px; margin-left:25px; border:0px solid #e4e4e4;}

.top_img .main_01-1 {display:flex; flex-direction: column; gap: 24px;}

.top_img .main_01-1 .main_img{
	border-radius: 8px;
	background: rgba(216, 230, 255, 0.70);	
	padding: 28px 24px;
}
.top_img .main_01-1 .main_img:last-child {
    border-radius: 8px;
    background: #F6F6F6;
}
.top_img .main_01-1 .main_img a {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	width: 336px;
	}
.main_img a .ban_t {
	display: flex;
	flex-direction: column;
	gap:17px;
	
}
.main_img a .ban_t h5{
	color: #333;
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}
.main_img a .ban_t span{
	color: #888;
	font-size: 15px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}
.top_img ul.main_01-1 a li.small_img01 {height:272px;}
.top_img ul.main_01-1 li.small_img02{margin-top:6px;}
.top_img .btn_main_visual {z-index:999; float:right; margin-right:10px;}

.newsq_toggle_add {font-size: 15px; position: absolute; right: 10px; top: 3px;}
.align_add {font-size: 11px; position: absolute; right: 10px; top: 3px; color:#4294DA;}

.top_hopital h5 {font-size: 20px; font-weight: bold; line-height: 44px; position: relative; padding-left: 15px;}
.top_hopital h5.iconf { cursor:pointer;
	   padding-left: 10px; border-bottom: 1px dashed #4294DA;}

.top_hopital h5.iconbg {background-image: url('https://health.chosun.com/images/together/together_icon.jpg'); background-position: 15px center; background-repeat: no-repeat;cursor:pointer;
	   padding-left: 45px; border-bottom: 1px dashed #c51917;}
.top_hopital span.pointR { /*color: #c51917;*/ color: #4294DA;}

.slide-wrap_2 {height:277px; overflow:hidden; background-repeat:no-repeat; width:673px; }
ul.slide-list{ position:absolute; left:0; width:675px; }
ul.slide-list li.f01 {position:relative; float:left; width:1250px; height:150px; border:0px solid #e4e4e4; z-index: 0;}	
ul.slide-list li.f01 dl { position:relative;}
ul.btn_list_th li.btn_list_th_li {position:relative; float:left; margin-top:15px; margin-right:5px;}	
#main_contents .top_hopital #motionj_fade2 div.ee { position: relative;	width:673px;}



#main_contents .top_hopital #motionj_fade2 div.ee a.arrow_l {
 background: rgba(0, 0, 0, 0) url("https://health.chosun.com/images/bestdoctor/arrow_left_off.png") no-repeat scroll 0 0;
 height: 24px;  left: 8px;  position: absolute;  top: 95px;  width: 14px; }

#main_contents .top_hopital #motionj_fade2 div.ee a.arrow_l:hover {
 background: rgba(0, 0, 0, 0) url("https://health.chosun.com/images/togheter/arrow_left_on.png") no-repeat scroll 0 0;
 height: 24px;  width: 14px; }

#main_contents .top_hopital #motionj_fade2 div.ee a.arrow_r {
 background: rgba(0, 0, 0, 0) url("https://health.chosun.com/images/bestdoctor/arrow_right_off.png") no-repeat scroll 0 0;
 height: 24px; position: absolute; right: 8px; top: 95px;  width: 14px; }
#main_contents .top_hopital #motionj_fade2 div.ee a.arrow_r:hover {
 background: rgba(0, 0, 0, 0) url("https://health.chosun.com/images/togheter/arrow_right_on.png") no-repeat scroll 0 0;
 height: 24px;   width: 14px;}
a#prev2 {
    z-index: 20;
}
a#next2 {
    z-index: 20;
}
.slide-wrap_2 .main_02{	margin:33px 0px 0px 33px;}
.slide-wrap_2 .eclinicListimg {	float:left;	margin:0px 15px 0px 0px;}
.slide-wrap_2 .eclinicListcover {width:600px;}
.slide-wrap_2 .eclinicListcover .ov_hos { color: #3d3d3d; font-size: 17.5px; font-weight: bold;	line-height:28px; }
.slide-wrap_2 .eclinicListcover .ov_medi { color: #3d3d3d; font-size: 13.5px;	line-height:20px; }
.slide-wrap_2 .eclinicListcover .ov_name { color: #8b8b8b; font-size: 11.5px; 	line-height:16px; }

dl.column_newsq_item2 { margin: 0 auto; padding-bottom: 15px; width: 259px;}
dl.column_newsq_item2 dd.thumb { float: right; margin-left: 10px; margin-right: 10px; margin-top: 4px;}
dl.column_newsq_item2 dt { color: #222; font-size: 13px; font-weight: bold; margin: 12px 11px 0 15px;}
dl.column_newsq_item2 dt.tsmall {min-height:32px; border:1px solid #ffffff; line-height:15px;}
dl.column_newsq_item2 dt.tsmall a { color: #999; font-size: 12px; }

.bottomLine {  border-bottom: 1px solid #e4e4e4; }

/* ÇｺÁ¶¼± ÇÁ·»Áî ¸®½ºÆ® */
.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%;
}
.f-margin-right {     margin-right: 0px;}
.f-margin-left {     margin-left: 0px;}
.flex-sa {
    justify-content: space-around;
}
.flex {
    display: flex;
}
.flex-center {
    justify-content: center;
    align-items: center;
}

.title_listline { position: relative; margin: 0 auto;
    width: 1200px; letter-spacing: -.2px; padding-top: 0px; padding-bottom: 11px;
    margin-top: 40px; margin-bottom: 0px;
	border: 1px;
    border-width: 0px;
    border-bottom: 2px;
    border-left: 0;
    border-right: 0;
    border-color: #333;
    border-style: solid;
	
}


.title_listline_font {
    font-size: 22px;
    color: #333;
    font-weight: 700;
    display: block;
    margin-top: -4px;
}
.title_listline_text {
    float: right;
}
.tip_list {
    border: 0px solid #ccc;   
    padding: 5px 5px;
    font-size: 15px;
    font-weight: 400;
    border-radius: 15px 15px;
    margin: 0 0px;
	color:#333;
}
.layout-friends {
    position: relative;
    margin: 0 auto;
    width: 1200px;
    letter-spacing: -.2px;
    border: 0px solid #000;
    /* height: 370px; */
    margin-bottom: 50px;
}
.tip_list strong {color:#BB0842;}



.h_friends_wrap section {padding-top: 28px;
	display: grid;
    grid-template-columns: 1fr 1fr 1fr !important;
    -ms-grid-columns: 1fr 1fr 1fr !important;
    grid-column-gap: 24px;
	grid-row-gap: 40px;
}
.h_friend {
    border: 0px solid #e5e5e5;
    padding: 0px 0px;
	border-radius: 0px;
	
}
.h-doctor-art-right {
    align-items: center;
    display: flex;
	flex-direction: column;
    justify-content: center;
	gap:16px;	
	position: relative;
}
.h-friends-img {
	
}
.h-new_icon {
	position: absolute;
	top:8px;
	left: 8px;
	width: 40px;
	height: 40px;
	border-radius: 38px;	
	background: #BB0842;
	font-size: 11px;
	font-weight: 700;
	line-height: 38px;
	letter-spacing: 0em;
	text-align: center;
	color: #fff;
	display: flex;
	justify-content: center;
	align-content: center;
}
.mid-banner {
	
	margin: 50px 0px;
}
.mid-banner img {
	border-radius: 8px;
	
}
.h-friends-left {
	display: flex;
	flex-direction: column;    
	    gap: 16px;
	width: 100%;
}
.h-friends-img img {
	border-radius: 8px;
    width: 384px;
    height: 239px;
	aspect-ratio: auto 384 / 239;
	object-fit: cover;
}
.h-doctor-title {
    padding: 0px 0px 0px 0px;
    text-align: left;
    position: relative;	
	color: #333;
	
	display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
font-size: 22px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
.h-doctor-title a span {
	color: #333;
	font-size: 22px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}
.h-friends-info {
	display: flex;
	flex-direction: column;
	gap:16px;		
}
.hfi_add{
	display: flex;
	flex-direction: column;
	gap:4px;		
}
.hfi_add a.add_txt {
	display: flex;
	flex-direction: row;
	align-content: center;
	gap:8px;		
	justify-content: flex-start;
	height: 24px;
	-webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-break: break-all;
}
.hfi_add a.add_txt svg {
	padding-top: 8px;
}
.hfi_homepage{	
	border-top: 1px solid #E6E6E6;	
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	padding-top: 12px;
	justify-content: space-between;	
	align-content: center;
}
.hfi_homepage .link_home a {
	color: #333;
	font-size: 14px;
	font-weight: 500;
	line-height: 200%;
}
.hfi_homepage .link_home a.off {
	color: #e6e6e6;
	font-size: 14px;
	font-weight: 500;
	line-height: 200%;
}
.hfi_homepage ul.snsicon {
	display: flex;
	flex-direction: row;
	gap:8px;
}

.h-doctor-component {   
    position: relative;
	    overflow: hidden;
    text-overflow: ellipsis;
	padding: 0px 0px 0px 0px;
	
}
.h-doctor-component a {
	margin-bottom: 10px;
}
.h-doctor-component:first-child {       
	padding: 0px 0px 8px 0px;
}
.badge_hidden svg {margin-bottom: 3px; margin-right: 8px;}

.h-friends-center {
	padding: 10px 0px 5px 0px;
	border-top: 1px solid #dddddd;	
}




/*°´¿ø Ä®·³*/
.title_line { 
	color: #333;
	margin-top: 40px;
	padding-bottom: 12px;
	font-size: 22px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	border-bottom: 2px;
    border-left: 0;
    border-right: 0;
    border-color: #333;
    border-style: solid;	
}
.friends-col {
	height: 250px;
	overflow: hidden;
	padding: 25px 5px 0; 	
}

.friends-col-wrap {	
}
.fri_col_wrap {	
	padding: 28px 32px 20px 32px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-start;
	border-radius: 8px;
	gap:12px;
	background: #FFF;
	box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.24);
}
.fri_col_wrap  .fcw_title_a {	
	height: 54px;
}
.fri_col_wrap  .fcw_title_a h4 {
	color: #333;
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: 148%; /* 26.64px */
	
	display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
	overflow: hidden;
}
.fri_col_wrap .fcw_info_a {
	display: flex;
	flex-direction: row;	
	gap:20px;
	margin-bottom: 4px;
	justify-content: space-between;
	padding-bottom: 16px;
	border-bottom: 1px solid #E6E6E6;
}
.fri_col_wrap .fcw_info_a span {
	color: #888;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 168%; /* 20.72px */
	display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
	overflow: hidden;
}
.fri_col_wrap .fcw_info_a img {
	width: 72px;
	height: 72px;
	border-radius: 72px;
	border: 1px solid #E6E6E6;
}
.fcw_name_a {
	position: relative;
}
.fcw_name_a span{
	position: relative;
}
span.fcwn_one {
	color: #A3836A;
	font-size: 13px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}
.fcwn_one::after {
    position: absolute;
    top: 4px;
    width: 1px;
    right: -11px;
    height: 13px;
    background: #888;
    content: '';
}
span.fcwn_two {
	margin-left: 16px;
	color: #888;
	font-size: 13px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}


.swiper-container { padding: 00px; }
.swiper-slide-active { margin: -00px; }




/* °Ë»ö ½ºÅ¸ÀÏ */
.list-search { 
	width: 730px;
	display: flex;
	justify-content: center;
	flex-direction: row;
	flex-wrap:wrap;
	align-content: center;
	margin:40px auto 0; 
	background-color: #ffffff;  
	text-align: center;
	padding: 15px 22px;
	border-radius: 60px;
	gap:20px;
	border: 1px solid #4294DA;
}

.select_component {
    display: inline-block;
    position: relative;
    height: 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: solid 0px;
    text-align: left;
    border-color: #ddd;
    background-color: #fff;    
	border-radius:4px;
	margin-right:8px;
}
.select_component {font-size: 15px; font-weight: 400; color: #808080; line-height: 40px;}
.select_component svg{margin-top: 5px;}
.select_component h3 {font-size: 26px; font-weight: 700; color: #6EB00E; line-height: 22px;}
.pointF { color: #19B6C9;}


.select_component .select_box {
    display: block;
    position: relative;
	width:200px;
    height: 52px;
    padding: 0px 36px 0 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	color: #808080;
	font-size:16px;
	background-image: url(https://health.chosun.com/friends/img/Icon_Arrow.svg) no-repeat;
}
.select_component label {display: none;}
.select_component select {
	position: relative;
    height: 52px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: solid 1px;
    text-align: left;
    vertical-align: top;
    border-color: #ddd;
    background-color: #fff;
    border-radius: 4px;
    margin-right: 8px;
	-webkit-appearance:none; /* Å©·Ò È­»ìÇ¥ ¾ø¾Ö±â */
    -moz-appearance:none; /* ÆÄÀ̾îÆø½º È­»ìÇ¥ ¾ø¾Ö±â */
    appearance:none; /* È­»ìÇ¥ ¾ø¾Ö±â */
	background-image: url(https://health.chosun.com/friends/img/Icon_Arrow.svg) ;
	background-repeat: no-repeat;
    vertical-align: top;
	background-position: 175px 22px;
}
.select_component .select_list {
    display: none;
    overflow-y: auto;
    position: absolute;
    top: 34px;
    left: -1px;
    width: 100%;
    max-height: 288px;
    border: solid 1px #ddd;
    background-color: #fff;
    z-index: 12;
	width: 291px;
    max-height: 295px;
}
.select_component .select_list li a {
    display: block;
    height: 36px;
    padding: 0 12px;
    line-height: 36px;
    color: #333;
    white-space: nowrap;
}

.select_component .date_enter {
    padding: 14px;
    border-top: 1px solid #ddd;
    background-color: #fff;
}
.select_component .date_enter .tit {
    display: block;
    padding-bottom: 6px;
}
.select_component .date_enter input {
    width: 100px;
    height: 24px;
    padding: 0 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: solid 1px #ddd;
    line-height: 13px;
}
.select_component .date_enter .btn_set {
    width: 52px;
    padding: 3px 0 4px;
    background-color: #a4abb9;
    border: 1px solid #9599a6;
    font-size: 14px;
    line-height: 14px;
    color: #fff;
    vertical-align: top;
}
.input_search_area .input_component {
    height: 26px;
    border-right: 0;
	
	
}    
.input_search_area {
    
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: center;
	justify-content: space-between;
}

.input_component input {      
	border: 0px;
	margin: 0px;
	padding: 0px;
	height: 26px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
	background-color: #fff; 			
	font-family: 'Spoqa Han Sans Neo', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', 'Nanum Gothic', sans-serif; 
	color: #4294DA;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	width: 650px;
}
.input_component  input::placeholder {
	color: #4294DA;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	font-family: 'Spoqa Han Sans Neo', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', 'Nanum Gothic', sans-serif; 
	
}
.input_search_area .btn-search-blue {
    display: inline-block;
    width: 22px;
    height: 22px;
    border: 0;
    color: #fff;
	line-height: 24px;
}
/* °Ë»ö end */


.h-friends-headline {font-size: 20px; font-weight: 500; color:#333; }
a.friends-dic span {
	font-size: 14px; font-weight: 400; color:#888; line-height: 148%;
min-height: 42px;
	display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.badge_text {
	font-size: 16px; 
	font-weight: 400; color:#333;	    
    text-align: left;    
    white-space: nowrap;
    overflow: hidden;	
    text-overflow: ellipsis;
	line-height: 150%;
	width: 364px;
}

.hospital_list_wrap {
	position: relative;
    -webkit-box-flex: 1;
    flex: 1 1 0%;
    min-height: 0;       
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;   
    flex-direction: column;
}

#them_hospital .pagination {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-top: 50px;
    padding-bottom: 0px;    
    border-top: 0px solid rgba(0, 0, 0, 0.1);
	display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.pagination .page_list {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding: 4px 30px;
    white-space: nowrap;
    font-size: 0;
}
.pagination .page {
    display: inline-block;
	margin-top: 0px;
}
.pagination .page + .page {
	margin-top: 0px;
    margin-left: 6px;
}


.pagination .page_link {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    display: block;
    min-width: 30px;
    height: 28px;
    border: 1px solid transparent;
    border-radius: 5px;
    padding: 0 7px;
    font-size: 14px;
    font-weight: normal;
    line-height: 26px;
    color: #303038;
    text-align: center;
}
.pagination .page.selected .page_link {
    border-color: #0073e6;
    color: #0073e6;
}
.blind {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
}
ol {
    list-style: none;
}
.pagination button[class^='button'] {
    position: relative;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 35px;
    height: 35px;
    vertical-align: top;
	margin-top:0px;
	border: 1px solid #CCCCCC;
}
.pagination button[class^='button']:disabled {
    opacity: 0.4;
    cursor: default;
}

.pagination .button_first, .pagination .button_previous {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1;
}
.pagination .button_previous {
    margin-left: 0px;
}
.pagination .button_next {
    margin-right: 0px;
}
.pagination .button_first:before, .pagination .button_last:before {
    background-image: url(https://health.chosun.com/friends/img/friends.svg);
    background-image: -webkit-gradient( linear, left top, left bottom, from(transparent), to(transparent) ), url(https://ssl.pstatic.net/static/pwe/naver_mail/sp_naver_mail_d1d4b552.svg);
    background-image: linear-gradient(transparent, transparent), url(https://health.chosun.com/friends/img/friends.svg);
    background-size: 498px 478px;
    background-position: -255px -430px;
    width: 16px;
    height: 16px;
    display: inline-block;
}
.pagination .button_previous:before, .pagination .button_next:before {    
    background-image: linear-gradient(transparent, transparent), url(https://health.chosun.com/friends/img/friends.svg);
    background-size: 498px 478px;
    background-position: -303px -430px;
    width: 16px;
    height: 16px;
    display: inline-block;
}
.pagination button[class^='button']:before {
    margin: 9px 8px 8px;
    vertical-align: top;
    content: '';
}
.pagination .button_next:before, .pagination .button_last:before {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

#maparea {clear:both; height:632px; width:958px; }

/* main map area */

#map_container{	width:1200px; position:relative; border:0px solid #cbcbcb; background-color:#f8f8f8; border-bottom:0px solid #c51917; display: flex; margin-bottom: 100px;}





#map_container ul.content_box {  background-color:#f8f8f8; padding:0px; display: flex; flex-direction: column; border:1px solid #ccc; }
#map_container ul.content_box:first-child {z-index: 10; box-shadow: 3px 0px 2px rgba(0, 0, 0, 0.1);}
#map_container ul.content_box:last-child { z-index: 9; margin-left: -1px; }
#map_container ul.content_box li.box_li {float:left; margin:0px 0 0 0px;}
#map_container ul.content_box li.box_li h5 {text-align: center; color:#fff; font-size: 14px; font-weight: 500; height: 30px; background: linear-gradient(90deg, #17B6CB 50%, #B1E366 90.62%); line-height: 30px; }
#map_container ul.content_box li.box_li .content div.logo_area {display: flex; flex-direction: row; border:0px solid #ccc; text-align: center;  justify-content: space-between; height: 41px; padding: 14px 30px 0 30px; }
#map_container ul.content_box li.box_li .content div.logo_area div { cursor: pointer;/* text-align: center; margin: 0 auto; */}
#map_container ul.content_box li.box_li .content div.logo_area div.f_c a{display: flex; flex-direction: column; color: #17B6CB; font-size: 12px; text-align: center; }
#map_container ul.content_box li.box_li .content div.logo_area div.f_c a svg {margin-left: 2px; margin-bottom: 3px; }
#map_container ul.content_box li ul.content{width: 400px; background:#fff; border:0px solid #cbcbcb;}
#map_container .with_list ul {display: flex;  flex:0 0 0; justify-content:center; flex-wrap: wrap; padding: 14px 23px 23px; }
#map_container .with_list ul li{ list-style-type:none;  width:110px; height: 40px; border:1px solid #ccc; float: left; font-size: 14px; font-weight: 400; color: #333; text-align: center;  margin: 3px;  /* float: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 33.3%; */}
#map_container .with_list ul li .wl_a { overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    border: 0px solid #efeff0;
    position: relative;
    display: block;
    padding: 0 6px;    
    font-size: 14px;
    line-height: 40px;
    font-weight: 400;
    text-align: center;
	letter-spacing: -.5px;}
#map_container .with_list ul li .wl_a:hover {color:#fff; background:#17B6CB; }
#map_container .with_list ul li .wl_a_select {color:#fff; background:#17B6CB; }

#map_container ul.content_box li.mapf {float:left; margin:0px 0 0 0px; background:#fff; border:0px solid #cbcbcb;}

#map_container ul.tab {border-top:1px solid #c51917;}
#map_container ul.tab li.first a{width: 158.5px; border-bottom:1px solid #CFCFCF; border-right:1px solid #CFCFCF;}
#map_container ul.tab li.add a{width: 158.5px; border-bottom:1px solid #CFCFCF; border-right:1px solid #CFCFCF;}
#map_container ul.tab li.last a{width:160px; border-bottom:1px solid #CFCFCF;}

#map_container ul.tab li{ list-style-type:none; width:159px; height:50px; float:left; font-size:16px; color:#585858;  }
#map_container ul.tab li a{ background-color:#ffffff;display:block;color:#444;line-height:49px;text-align:center;text-decoration:none;letter-spacing:-1px;}
#map_container ul.tab li a:hover{ background-color:#f6f6f6; color:#c51917;cursor:pointer;}
#map_container ul.tab li a.active{	background-color:#f6f6f6; color:#c51917;cursor:pointer; }





/* main map area */

#map_wrap{	width:1200px; position:relative; border-bottom:0px solid #c51917; display: flex; flex-direction: column; margin-bottom: 100px;
}
#map_wrap .map_title {
	border-radius: 4px 4px 0px 0px;
	border: 1px solid #D9D9D9;
	background: #FFF;
	display: flex;
	flex-wrap: wrap;
	align-content: center;
	height: 57px;
	flex-direction: row;
	justify-content: space-between;	
	padding: 0 50px 0 20px;
}
#map_wrap .map_title img{
	padding-top: 6px;
	width: 129px;
	height: 31px;
}
#map_wrap .map_title span{
	font-size: 14px;
	font-weight: 500;
	line-height: 43px;
	text-align: right;
	height: 43px;
	color: #8E8E8E;
	
}

#map_wrap .map_area {
	display: flex;
	flex-direction: row;
	gap:0;
	background:#A5D1F2; 
	border-style: solid;
	border-color: #D9D9D9; 
	height: 474px; 
	position: relative; 
	border-radius: 0px 0px 4px 4px; 
	border-width: 0px 1px 1px 1px;	
}
.map_hos_point img { /*border: 1px solid #D9D9D9;*/ object-fit: cover; /*width: 1198px;*/  border-radius: 0px 0px 0px 0px;}
#map_wrap .map_area .content_box { 
	position: relative; width:384px;height: 474px;
}
#map_wrap .map_area .map_hos_point{
	position: relative; width:815px;height: 474px;
}

#map_wrap ul.content_box li ul.content{ 
	background:#fff; 
	border-style: solid;
	border-color: #D9D9D9;  
	border-width: 0px 1px 0px 0px;
	padding: 24px 20px 29px; 
	display: flex; 
	flex-direction: column; 
	border-radius: 0px 0 0px 4px;
    gap:20px;}

#map_wrap .m_title { font-weight: 700; font-size: 20px; color:#333; }
#map_wrap .all_list ul {padding-bottom: 20px; display: grid;  grid-template-columns: 2fr 1fr !important; grid-column-gap: 8px; 
border-bottom: 1px solid #d9d9d9;}
#map_wrap .all_list ul li{ list-style-type:none;  height: 40px; font-size: 14px; font-weight: 500; color: #828282; text-align: center; 
	-webkit-border-radius: 8px;
    border-radius: 8px;}
#map_wrap .all_list ul li:first-child{ 
	border:0px solid #d9d9d9; font-weight: 700; font-size: 20px; color:#333; text-align: left;
	line-height: 40px;
}
#map_wrap .all_list ul li .wl_a { 
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    border: 0px solid #efeff0;
    position: relative;
    display: block;  
    font-size: 14px;
    line-height: 40px;
    text-align: center;
	letter-spacing: -.5px;
	border:1px solid #d9d9d9;
	color: #828282;
}
#map_wrap .all_list ul li:hover { border:0px solid #A3836A; }
#map_wrap .all_list ul li .wl_a:hover {color:#4294DA; background:#F7FCFF; font-weight: 500; border:1px solid #4994D0; }
#map_wrap .all_list ul li .wl_a_select {color:#4294DA; background:#F7FCFF; font-weight: 500; border:1px solid #4994D0; }

#map_wrap .with_list ul { display: grid;  grid-template-columns: 1fr 1fr 1fr !important; grid-column-gap: 10px; }
#map_wrap .with_list ul li{ margin-bottom: 10px; list-style-type:none; height: 40px; float: left; font-size: 14px; font-weight: 500; color: #828282; text-align: center;
	-webkit-border-radius: 8px;
    border-radius: 8px; }
#map_wrap .with_list ul li:nth-child(n+18) { 
	margin-bottom: 0px;
}
#map_wrap .with_list ul li .wl_a { overflow: hidden;
	color: #828282;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    border:1px solid #d9d9d9;
    position: relative;
    display: block; 
    font-size: 14px;
    line-height: 40px;
    font-weight: 500;
    text-align: center;
	letter-spacing: -.5px;}
#map_wrap .with_list ul li .wl_a:hover {color:#4294DA; background:#F7FCFF; font-weight: 500; border:1px solid #4994D0;}
#map_wrap .with_list ul li .wl_a_select {color:#4294DA; background:#F7FCFF; font-weight: 500; border:1px solid #4994D0; }

#map_wrap ul.content_box li.mapf {float:left; margin:0px 0 0 0px; background:#fff; border:0px solid #cbcbcb;}

#map_wrap ul.tab {border-top:1px solid #c51917;}
#map_wrap ul.tab li.first a{width: 158.5px; border-bottom:1px solid #CFCFCF; border-right:1px solid #CFCFCF;}
#map_wrap ul.tab li.add a{width: 158.5px; border-bottom:1px solid #CFCFCF; border-right:1px solid #CFCFCF;}
#map_wrap ul.tab li.last a{width:160px; border-bottom:1px solid #CFCFCF;}

#map_wrap ul.tab li{ list-style-type:none; width:159px; height:50px; float:left; font-size:16px; color:#585858;  }
#map_wrap ul.tab li a{ background-color:#ffffff;display:block;color:#444;line-height:49px;text-align:center;text-decoration:none;letter-spacing:-1px;}
#map_wrap ul.tab li a:hover{ background-color:#f6f6f6; color:#c51917;cursor:pointer;}
#map_wrap ul.tab li a.active{	background-color:#f6f6f6; color:#c51917;cursor:pointer; }

						.friends_marker {
								position: absolute;
								bottom: 50%;
								left: 50%;
								z-index: 10;
							}
							.friends_marker .fmarker {
								display: table;
								table-layout: auto;
								padding: 5px;
								border-radius: 30px;
								border: 1px solid rgb(8, 180, 201);
								background: rgb(255, 255, 255);
							}
							
							.friends_marker .fmarker .icon_area {
								overflow: hidden;
								position: relative;
								z-index: 1;
								border-radius: 50%;
								display: table-cell;
								vertical-align: middle;
							}							
							 .fmarker .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/friends/img/map_in_hos.png);								
								width: 28px;
								height: 28px;
								mask-image: none;
							}
							.friends_marker .btn_more {
									position: absolute;
									top: 0px;
									left: 0px;
									width: 100%;
									height: 100%;
									border-radius: 30px;
									border: 1px solid rgb(8, 180, 201);
								}
							 .friends_marker .btn_more::after {
									position: absolute;
									bottom: 1px;
									left: 12px;
									width: 15px;
									height: 15px;
									transform: rotate(55deg) skew(17deg);
									content: "";
								}
							.friends_marker .text_area {
									display: table-cell;
								    vertical-align: middle;
									overflow: hidden;
									white-space: nowrap;
								}
							.friends_marker .main_text {
									padding: 2px 0px;
									margin: -2px 0px;								    
									overflow: hidden;
									text-overflow: ellipsis;
									height: 16px;
									line-height: 16px;
							}
							.friends_marker .main_text .hos_name {
									font-size: 13px;
									letter-spacing: -0.4px;
									font-weight: 700;
									color: #000;
								    padding: 0px 12px 0 8px;
								}
							.friends_marker  .dummy {
								position: absolute;
								bottom: -5px;
								left: 15px;
								width: 0px;
								height: 0px;
								border-width: 6px 4px 0px;
								border-style: solid;
								border-color: rgb(8, 180, 201) transparent transparent;
								pointer-events: none;
								}
							.friends_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: "";
							}
			
							.friends_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: "";
							}


/*¼­ºê*/
#sub_contents {width:1200px; float:left; margin:10px 0px 30px 0px; z-index:1; position:relative; font-family: 'Spoqa Han Sans Neo', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', 'Nanum Gothic', sans-serif; }
#sub_contents:after {content:'';display:block;clear:both;*zoom:1;}
#sub_contents h3.tit {position:relative; margin:55px 0 7px 0;}

#sub_contents .hospital_page {position:relative; border: 0px solid #e4e4e4; width:100%; height:330px;}
#sub_contents .hospital_page h5 {font-size: 20px; font-weight: bold; height: 35px; line-height: 32px; position: relative; color:#ffffff;}
#sub_contents .hospital_page h5.iconbg {
background-image: url('https://health.chosun.com/images/together/sub_title_bg.jpg'); background-position: 0px center; background-repeat: no-repeat;cursor:pointer;
padding-left: 35px; border-bottom: 1px solid #c51917;}
#sub_contents .hospital_page span.pointR { color: #c51917;}

#sub_contents .hospital_page ul.slide-list{ position:absolute; left:0;}
#sub_contents .hospital_page ul.slide-list li.f01 {position:relative; float:left; width:905px; height:205px; border:0px solid #e4e4e4;}	
#sub_contents .hospital_page ul.slide-list li.f01 dl { position:relative;}
#sub_contents .hospital_page ul.btn_list_th li.btn_list_th_li {position:relative; float:left; margin-top:15px; margin-right:5px;}	

#sub_contents .hospital_page .hospital_page_info { height:330px; /*overflow:hidden;*/background-repeat:no-repeat;}
.hospital_page_info .clinicListimg { float:left; margin:0px 15px 0px 0px;}
.hospital_page_info .clinicListtxt {float: left; letter-spacing: 0px; line-height: 1.6; margin-left: 10px; width: 665px; border: 1px solid #e4e4e4; border-radius: 0 40px 0 0;}
.hospital_page_info .clinicListtxt dl {padding: 0 30px 25px 30px;}
.hospital_page_info .clinicListtxt dl dt {clear: both; color: #17222B; float: left; font-size: 16px; font-weight: bold; padding-bottom: 8px; width: 90px;}
.hospital_page_info .clinicListtxt dl dt svg {padding-bottom: 3px; padding-right: 5px;}
.hospital_page_info .clinicListtxt dl dd {color: #808080; float: left; font-size: 15px; margin-right: 6px; padding-bottom: 8px; width: 500px;}
.hospital_page_info .clinicListtxt .info_logo { margin-bottom: 2px; }
 .mo-top-swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
}


.friends_ct {position:relative; }
.friends_ct .hospital_info{ position:relative; overflow:auto; overflow:hidden; border: 1px solid #DDDDDD; border-top:2px solid #000; margin:55px 0px 25px 0; padding:55px 66px 55px 66px;}
.friends_ct .hospital_info dt {clear: both; color: #333333; float: left; font-size: 20px; font-weight: 700;
width: 90px;
    height: 32px;
    position: relative;
    display: inline-block;
    border-radius: 50%;
    background-color: #fff;
    line-height: 32px;
    text-align: center;
    vertical-align: top;}
.dot_point {
    position: absolute;
    top: 0px;
    left: 85px;
    width: 10px;
    height: 10px;
    background-color: #BE0942;
    box-shadow: 0 2px 4px 0 rgba(240,68,51,.16);
    box-sizing: border-box;
    border: 1px solid rgba(0,0,0,.04);
    border-radius: 13px;
    line-height: 18px;
    font-weight: 700;
    text-align: center;
color: #fff;
}
.friends_ct .hospital_info dd {color: #333333; float: left; font-size: 16px; font-weight: 400; margin-left: 120px; margin-right:0px; width: 850px; line-height:32px; letter-spacing: -0.4px;}
.friends_ct .contents dd.txt {border: 1px solid #DDDDDD; font-size: 16px;  margin-right:0px; padding-bottom: 35px; box-sizing: border-box;}
.friends_ct .contents dd.map_a {border: 1px solid #DDDDDD; font-size: 16px; padding-top: 0px; margin-right:0px; padding-bottom: 50px;}

/*ºä ÆäÀÌÁö ¿øÀå ÀÎÅͺä 1¸í ȤÀº 2¸íÀ϶§ ½ºÅ¸ÀÏ */
.friends_ct .contents .fri_doctor { display: flex; justify-content: center; align-content: center; padding: 60px 0px; }
.fri_doctor ul { display: flex; gap:28px; list-style-type: none; overflow: hidden; justify-content: center;}
.fri_doctor ul li.d_li { display: flex; flex-direction: row; flex-shrink: 0; width: 530px; height: 224px; justify-content: center; align-content: center; border:1px solid #DDDDDD; padding: 0px; background: #F5F5F5; border-radius:15px; box-sizing: border-box; overflow: hidden;}
.fri_doctor ul li.d_li .i_li { display: flex; align-items: center; justify-content: center; flex-shrink: 0; width: 241px; border-right: 1px solid #D9D9D9; background: #fff; box-sizing: border-box; height: 224px; }
.fri_doctor ul li.d_li img { width: 180px; height: 180px; background: #fff;  position: relative; display: inline-block; border-radius: 50%; border:1px solid #D9D9D9; box-sizing: border-box; }
.fri_doctor ul li.d_li .t_li { background: #F5F5F5;  width: 289px; align-content: center; border-radius:0 15px 15px 0; font-weight: 500; font-size: 14px; color: #888;  }
.fri_doctor ul li.d_li .t_li div{ display: flex; flex-direction: column; gap:8px; align-items: center !important;  padding: 0px 0; }
.fri_doctor ul li.d_li .t_li h3{font-weight: 700; font-size: 32px; text-align: center;  color: #333; height: 38px; line-height: 38px; letter-spacing: -0.02em; }
.fri_doctor ul li.d_li .t_li div span { font-weight: 400; font-size: 18px; text-align: center;  height: 22px;font-style: normal; line-height: 22px; letter-spacing: -0.02em; color: #888888; }
/*ºä ÆäÀÌÁö ¿øÀå ÀÎÅͺä 1¸í ȤÀº 2¸íÀ϶§ ½ºÅ¸ÀÏ ³¡ */
/*ºä ÆäÀÌÁö ¿øÀå ÀÎÅͺä 3¸í ȤÀº 4¸íÀ϶§ ½ºÅ¸ÀÏ */
.friends_ct .contents .fri_ndoctor { display: flex; justify-content: center; align-content: center; padding: 60px 0 56px;  }
.fri_ndoctor ul { display: flex; gap:28px; list-style-type: none; overflow: hidden; justify-content: center;}
.fri_ndoctor ul li.d_li { display: flex; flex-direction: column; flex-shrink: 0; width: 241px; height: 340px; align-content: center; border:1px solid #DDDDDD; padding: 0px; background: #F5F5F5; border-radius:15px; box-sizing: border-box; overflow: hidden;}
.fri_ndoctor ul li.d_li .i_li { display: flex; align-items: center; justify-content: center; flex-shrink: 0; width: 241px; border-bottom: 1px solid #D9D9D9; background: #fff; box-sizing: border-box; height: 224px; }
.fri_ndoctor ul li.d_li img { width: 180px; height: 180px; background: #fff;  position: relative; display: inline-block; border-radius: 50%; border:1px solid #D9D9D9; box-sizing: border-box; }
.fri_ndoctor ul li.d_li .t_li { display: flex; align-items: center; justify-content: center; background: #F5F5F5; border-radius:0 15px 15px 0; font-weight: 500; font-size: 14px; color: #888; height: 116px; }
.fri_ndoctor ul li.d_li .t_li div{ display: flex; flex-direction: column; gap:8px; align-items: center !important;  padding: 0px 0; }
.fri_ndoctor ul li.d_li .t_li h3{ font-weight: 700; font-size: 32px; text-align: center;  color: #333; height: 38px; line-height: 38px; letter-spacing: -0.02em; }
.fri_ndoctor ul li.d_li .t_li div span { font-weight: 400; font-size: 18px; text-align: center;  height: 22px;font-style: normal; line-height: 22px; letter-spacing: -0.02em; color: #888888; }
/*ºä ÆäÀÌÁö ¿øÀå ÀÎÅͺä 3¸í ȤÀº 4¸íÀ϶§ ½ºÅ¸ÀÏ ³¡ */

.interview_txt {min-height:100px; padding: 30px 73px 0; }
.friends_ct .contents dd.txt .interview_txt:nth-child(2) {
    padding-top: 0 !important;
}
.interview_txt ul.int_wrap { clear: both; margin: 0 auto;  border-bottom: 1px solid #ddd; display: flex; flex-direction: row; gap:14px;}
.interview_txt:last-child ul.int_wrap {  border-bottom: 0px solid #ddd; }

.clearfix::after { content: ''; clear: both; display: block; }

.interview_txt ul.int_wrap li:first-child { border: 0px solid #ddd; }
.interview_txt ul.int_wrap li:last-child { width: 933px;  border: 0px solid #ddd; }
.interview_txt ul.int_wrap li h2{ display: block; color:#A3836A; font-size: 35px; font-weight: 700; height:44px; }
.interview_txt dl.int_info dt h3 { color:#A3836A; font-size: 20px; font-weight: 500; margin-top: 20px; height:24px;  margin-bottom: 11px;}
.interview_txt dl.int_info dd { color: #333333; font-size:16px; font-weight:400; line-height: 32px; margin-bottom: 30px; }


.friends_ct .contents{ position:relative; overflow:auto; overflow:hidden;   margin:29px 0px 29px 0; padding:0px 0px 0px 0;}
.friends_ct .contents dt.title {
	clear: both; 
	position:relative; 
	height: 48px; 
	color: #4a4a4a; 
	font-size: 22px; 
	padding: 10px 0 0 0; 
	font-weight: 700; 
	background: #F5F5F5; border-top:2px solid #CCCCCC; padding-left:25px; 
	line-height: 150%;
}
.friends_ct .contents dt.title span {position: absolute; right: 25px; color: #808080; font-size: 15px; padding: 4px 0 0 0; font-weight: 400;  }
.friends_ct .contents dd .map {padding: 50px 70px 0 70px; border-radius:15px;}
.friends_ct .contents dd .map iframe{border-radius:15px; border:1px solid #D9D9D9; margin-top:0px;}
#map {border:0px solid #D9D9D9 !important;}





/* ÃֽŠĮ·³ */
.columnview {clear: both; padding: 0 66px; }
.columnview ul.int_wrap { display: flex; flex-direction: row;  clear: both; margin: 0 auto;  border-bottom: 1px solid #dedede; padding-bottom: 30px; padding-top: 20px;}
.columnview:last-child ul.int_wrap {  border-bottom: 0px solid #dedede; }

.columnview ul.int_wrap li:first-child { display: flex; flex-direction: column; justify-content: space-between;  width: 81px; margin-right: 30px; border: 0px solid #ddd; }
.columnview ul.int_wrap li:last-child {  width: 993px; border: 0px solid #ddd; }
.columnview .img-box {background: #fff;}
.columnview .img-box img {
    vertical-align: middle;
    max-width: 80px;
    max-height: 80px;
    text-align: center;
    object-fit: cover;
    aspect-ratio: 1 / 1;
    border-radius: 80px;
    border: 1px solid #e6e6e6;
}
.columnview .columnlist_btn {
	width: 81px;
    /*height: 28px;*/
    border-radius: 8px 0px;
    background: rgba(163, 131, 106, 0.7);
    color: #FFF;
    font-size: 13px;
    font-weight: 700;
    justify-content: center;
    text-align: center;
    align-items: center;
	padding: 8px 0 7px 0;
}
.columnview .columnlist_btn a span {	
    color: #FFF;
    font-size: 13px;
    font-weight: 700;
}

.columnview ul .inn{
    display: flex;
	flex-direction: column;
	gap:8px;
}
.columnview ul .inn .stitle {    
	font-size: 15px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px; 
	letter-spacing: -0.5px;
}
.columnview ul .inn .stitle a {
    overflow: hidden;
    color: #A3836A;
}
.columnview ul .inn h4 {
    line-height: 28.96px;
    font-size: 20px;
    font-weight: 700;
    color: #333;
    padding-bottom: 8px;
	letter-spacing: -0.5px;
}
.columnview ul .inn h4 a{
    line-height: 28.96px;
    font-size: 20px;
    font-weight: 700;
    color: #333;
    padding-bottom: 8px;
	letter-spacing: -0.5px;
}
.columnview ul .inn .text {	
    font-size: 15px;
	font-weight: 400;
    color: #888 !important;
	display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}
.columnview ul .inn .text a{	
    font-size: 15px;
	font-weight: 400;
    color: #888 !important;
	display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}
.columnview ul .inn .text + .em_area {
   position: relative; 
	 margin-top: 12px; 
	height: 28px;
}
.columnview ul .inn .hos_name {    
	display: inline-block;
	position: relative;
    color: #888;
	font-size: 14px;
	font-weight: 400;
	margin-right: 8px;
	
	padding: 6px 0;
}
.columnview ul .inn .hos_name::after {
    position: absolute;
    top: 7px;
    width: 1px;
    right: -10px;
    height: 13px;
    background: #999999;
    content: '';
}
.columnview ul .inn .se_bar {  
	display: none;
}
.columnview ul .inn .doc_name {    
	display: inline-block;
    font-size: 14px;
    font-weight: 400;
    color: #999;
	    padding-right: 10px;
    margin-left: 9px;
}


 h2.info_logo {position: relative; font-size: 27px; font-weight: 700; color: #4a4a4a; padding:10px 30px; border-bottom: 1px solid #DDDDDD; }
h2.info_logo img {position: absolute; right: 24px; top:10px;}
.btn_s_wrap{ margin: 0 auto; border:0px solid #dddddd; text-align: center; padding: 30px 30px;}
.Tel {
    background-color: #fff;
    float: left;
    width: 170px;
    height: 110px;
    -webkit-box-shadow: 0 0 0 1px #ebebeb, 0 1px 2px 0 rgba(0,0,0,.04);
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.13);
    border-radius: 8px;
	border: 1px solid #E0E0E0;
}



.Tel_wrap{ padding: 25px 25px;}
.Tel_info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 55px;
    margin-top: 2px;
    line-height: 20px;}
.Tel_wrap .st_1 { font-weight: 400; color:#808080; font-size: 12px; }
.Tel_wrap .st_2 { font-weight: 400; color:#17222B; font-size: 14px; }
.Homepage {
    background-color: #fff;
    float: left;
    width: 330px;
    height: 110px;	
    margin-left: 8px;
    -webkit-box-shadow: 0 0 0 1px #ebebeb, 0 1px 2px 0 rgba(0,0,0,.04);
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.13);
    border-radius: 8px;
	border: 1px solid #E0E0E0;
}
.Share {
    background-color: #fff;
    float: left;
    width: 80px;
    height: 110px;
    margin-left: 8px;
    -webkit-box-shadow: 0 0 0 1px #ebebeb, 0 1px 2px 0 rgba(0,0,0,.04);
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.13);
    border-radius: 8px; 
	border: 1px solid #E0E0E0;
	font-weight: 400; color:#808080; font-size: 12px;
} 
.Share_wrap{ padding: 26px 18px;}
.Share_wrap .st_2 { font-weight: 400; color:#A3836A; font-size: 14px; }
.new_column_listitem::after { clear: both; content: ""; display: block; } 
.new_column_listitem { padding: 5px 0; }

.new_column_itemL { float: left; text-align: center;  margin-right:15px;}
.doctor_columnList { display: block; height: auto; text-align: center; width: 100%;}
.btn_columnList { background: #b8b8b8 none repeat scroll 0 0; border: 1px solid #9e9e9e; color: #fff !important; display: block; font-weight: bold; height: 24px; line-height: 24px; margin: 10px auto 0; text-align: center; text-decoration: none; width: 77px;}
.new_column_itemR { float: left; text-align: left; width: 580px; }
.new_column_itemR h4 { padding-bottom: 5px; font-size: 15px;}
.new_column_itemR p{ font-size: 14px; line-height:20px;}

.column_preview { padding-top: 10px;}
.column_preview a { color: #656464;}
.linedash { border-top: 1px dashed #ccc; clear: both; height: 5px; margin: 10px 0px;}


.marg20 {margin-right:26px;}

footer {
    
    margin-top: 50px !important;
}

/*¼­ºê ÀÇ·áÁøÇöȲ Áß¾ÓÁ¤·Ä*/
 #withdoctor_wrap {text-align:center; font-weight:bold;  }
 



#withdoctor_wrap .withdoctorclear ul {
	LIST-STYLE-TYPE: none; WIDTH: 100%; 
 }
#withdoctor_wrap .withdoctorclear ul .d_li {fLOAT: left; MARGIN-RIGHT: 1%; margin-bottom:20px; line-height:20px;  }
#withdoctor_wrap .withdoctorclear ul .d_li img {width:150px; }
.marR0 {
MARGIN-RIGHT: 0px;
}
#withdoctor_wrap .withdoctor_title {width:100%;	clear:both; }
#withdoctor_wrap .withdoctor_title_left {width:100%; clear:both; text-align:left; }





/*¾ÆÀÌÄÜÂÊ*/
#main_contents .disease_category_icons {clear:both; height:443px; background-color:white;}
#main_contents .disease_category_icons ul.main_07 li {float:left;  margin: 0 22px 0 0; position:relative;}
#main_contents .disease_category_icons ul.main_07 li.last  { margin: 0 0 15px 0;}
#main_contents .disease_category_icons ul.main_07 li a {}
/* ====================================== ¸ÞÀÎ css ³¡ ====================================== */


/* ½ÅûÇϱâ ÆäÀÌÁö */
#friends_contents .res_top_img {
    display: flex;
    flex-direction: row;
    gap: 24px;
    height: 328px;
    position: relative;
    justify-content: space-between;
}

.res_top_img .main_01-1 {
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.res_top_img .main_01-1 .main_img {
    border-radius: 8px;
    background: rgba(0, 181, 202, 0.6);


    padding: 28px 24px;
}
.res_top_img .main_01-1 .main_img:last-child {
    border-radius: 8px;
    background: rgba(66, 148, 218, 1);
}

.res_top_img .main_01-1 .main_img a {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
	align-items: flex-end;
    width: 336px;
}

.res_top_img .main_img a .ban_t {
    display: flex;
    flex-direction: column;
	
    gap: 17px;
}
.res_top_img  .main_img a .ban_t h5 {    
	font-size: 24px;
	font-weight: 700;
	line-height: 35px;
	letter-spacing: 0em;
	text-align: left;
	color: #333333;
}
.main_img a .ban_t span {    
	font-size: 15px;
	font-weight: 500;
	line-height: 22px;
	letter-spacing: 0em;
	text-align: left;
	color: #333333;
}

.res_top_img .main_01-1 .main_img:last-child a .ban_t h5  {
    color: #fff;
}
.res_top_img .main_01-1 .main_img:last-child a .ban_t span {
    color: #fff;
}

.apply_out .title .bo {
	font-size: 32px;
	font-weight: 700;
	line-height: 47px;
	letter-spacing: 0em;
	color:#333;
	margin-top: 40px; 
	padding-bottom: 4px;
}
.apply_out .title .txt {   
	font-size: 24px;
	font-weight: 700;
	line-height: 36px;
	letter-spacing: 0em;
	text-align: left;
	color: #4294DA;
	border-bottom: 1px solid #D9D9D9;
	padding-bottom: 20px;
}
.apply_out .title .txt2 {
    font-weight: 500;
    font-size: 20px;
	color: #333;
	line-height: 29.6px;
	padding-top: 20px;
	padding-bottom: 28px;
}
.apply_out .title .txt3 {
    font-weight: 400;
    font-size: 18px;
	color: #818181;
	line-height: 26.64px;
	margin-bottom: 44px;
}
.apply_out .title span {
    display: block;
    padding: 0px 0;
}
.apply_out h3 {
    color: #111;
    line-height: 31.86px;
    margin: 58px 0 0px 0;
    font-weight: 700;
    border-bottom: 2px solid #111111;
    padding: 0px 0 14px 01;
    font-size: 22px;
}

.apply_out dl.dl2 {
	display: flex;
	border-top: 2px solid #000;
	background: #f9f9f9;
	padding: 24px;
	gap:24px;
}
.apply_out dl.dl2 dt {
    vertical-align: top;
    color: #ffffff;
    font-size: 16px;
	font-weight: 700;
    text-align: left;
    padding: 8px 16px;
    height: 17px;
    width: 30px;
	background: #333;
	border-radius: 29px;
}
.apply_out dl.dl2 dd {
	display: flex;
	flex-direction: column;
	gap: 8px;
    vertical-align: middle;
    color: #333333;
    font-size: 16px;
    font-weight: 500;
    line-height: 23.68px;
}
.apply_out dl.dl2 dd .bo {
	display: block;
	font-size: 18px;
	font-weight: 400;
	line-height: 27px;
	text-align: left;
	color: #A3836A;
	
	letter-spacing: 0em;

	}
.apply_out dl.dl2 dd .big {
	font-size: 20px;
	font-weight: 700;
	line-height: 30px;
	letter-spacing: 0em;
	text-align: left;
	color: #A3836A;
}


.apply_table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    margin-bottom: 50px;
}
.btn_wrap {
    height: 50px;
    text-align: center;
}

.apply_table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    margin-bottom: 70px;
}
.apply_table th {
    border-bottom: 1px solid #d9d9d9;
    color: #333;
    font-size: 18px;
    font-weight: 700;
    line-height: 20px;
    padding: 20px 0;
    text-align: left;
    white-space: nowrap;
    width: 204px;
}
.apply_table td {
    border-bottom: 1px solid #d9d9d9;
    color: #646464;
    font-size: 14px;
    line-height: 20px;
    padding: 20px 0;
}
.apply_table td .fri_policy{
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	letter-spacing: 0em;
	text-align: left;
	color: #818181;
}
.blind {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
}
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;
	display: block;
    height: 100%;
	
}
input.chk_policy + label:before {
    display: inline-block;
    vertical-align: top;
    width: 24px;
    height: 24px;
	margin-right: 12px;
    background-image: url(../img/check_no.png);
    background-repeat: no-repeat;
    content: '';
}
input.chk_policy:checked + label:before {
	margin-right: 12px;
    background-image: url(../img/check_on.png);
}
.last_spam {
	width: 240px;
	
}
.last_spam input{
	background: #fff;
    border: 1px solid #d9d9d9;
    border-radius: 8px;
    box-sizing: border-box;
    color: #333;
    font-size: 16px;
    height: 52px;
    padding: 10 10px;
}
.text{
	font-size: 15px;
	font-weight: 400;
	line-height: 22px;
	letter-spacing: 0em;
	text-align: left;
	color:#818181;
}
.text span{
	font-size: 16px;
	font-weight: 700;
	letter-spacing: 0em;
	text-align: left;
	color:#818181;
}
.last_spam .txt{
	font-size: 16px;
	font-weight: 700;
	line-height: 24px;
	letter-spacing: 0em;
	text-align: left;

}
.apply_out .input_text {
    background: #fff;
    border: 1px solid #d9d9d9;
    border-radius: 8px;
    box-sizing: border-box;
    color: #333;
    font-size: 16px;
    height: 52px;
    padding: 10 10px;
    width: 100%;
}
.btn_wrap .btn_check {
    background: #fffff;
    border-radius: 0px;
    color: #4294da;
    font-size: 18px;
    font-weight: bold;
    padding: 20px 20px;
    width: 250px;
    border: 1px solid #4294da;
}
.btn_wrap .btn_submit {
    background: #4294da none repeat scroll 0 0;
    border-radius: 0px;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    padding: 20px 20px;
    width: 250px;
    border: 1px solid #4294da;
    margin-left: 35px;
}
.button_wrap { display: flex; flex-direction: row; gap:20px; margin-top: 40px; margin-bottom: 100px; height: 55px; text-align: center; justify-content: center;}
.button_wrap .btn_check {
    background: #fffff;
    color: #333;
    font-size: 16px;
    font-weight: 700;    
    width: 297px;
    border: 1px solid #333;
	border-radius: 8px;
}

.button_wrap .btn_submit {
    background: #333;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    width: 297px;
    border: 1px solid #333;
	border-radius: 8px;
}
.button_wrap .btn_home {
    background: #333;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    width: 297px;
    border: 1px solid #333;
	border-radius: 8px;
}
button {
    font-family: 'Spoqa Han Sans Neo', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', 'Nanum Gothic', sans-serif; 
    cursor: pointer;
}
.re_top_img{
	
}
.re_title {
	margin: 76px 0 92px 0;
	text-align: center;
	font-size: 28px;
	font-weight: 500;
	line-height: 41px;
	color: #333;
}
.fR {
    float: right;
    text-align: right;
    font-size: 18px;
}
.potR {
    color: #4294da !important;
    text-decoration: none;
    font-weight: 700;
}

/*À®¹è³Ê*/
#left_wing2 { left: -100px; margin-top:0px; position: absolute;}
#right_wing2 { right: -100px; margin-top:0px; position: absolute;}

/*ž ±¤°í ¹è³Ê*/
#adverti_bottom {width: 100%; margin: 0px auto; text-align: center; }
#adverti_top {width: 100%; margin: 0px auto; text-align: center; }