/* @import url(https://fonts.googleapis.com/earlyaccess/MalgunGothic.css); */

@charset "euc-kr";


/* Reset */

* { box-sizing: border-box; -webkit-text-size-adjust: none; margin: 0; padding: 0; }

html { min-width: 320px; height: 100%; overflow-x: hidden; font: 14px/1.8 'Pretendard', 'Noto Sans KR', sans-serif; color: #051619; -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
body, figure { 
	width: 100%; 
	margin: 0; 
	text-align: justify;	
	font-weight: normal;
    vertical-align: baseline;
    text-size-adjust: none;
   font-family: 'Pretendard', 'Noto Sans KR', sans-serif;
    font-size: 16px;
    letter-spacing: -0.05em;
    color: rgb(51, 51, 51);
    padding: 0px;
    border-width: 0px;
    border-style: initial;
    border-color: initial;
    border-image: initial;
    background: transparent;
    list-style: none;
}
div { box-sizing: border-box; }
a { color: #000; text-overflow: ellipsis; -o-text-overflow: ellipsis; text-decoration: none; }
ol, li, dl, dt, dd {list-style: none; }
/*popup*/
.md_popup {
	display: none;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 999;
	overflow: hidden;
    width: 100%;
    max-width: 660px;
    margin: 0 auto;
}
.md_popup .popup_cover {
	position: fixed;	
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 999;
} 
.md_popup .popup_layer {
	position: relative; 
	overflow: hidden;
    width: 100%;
    max-width: 660px;
    margin: 0 auto;
	min-height: 309px; 
	background: #fff;
	border-radius: 20px 20px 0px 0px;
	backdrop-filter: blur(2px);
	z-index: 999; 
}
.md_popup .white_area {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	padding: 0 24px;
	max-width: 660px;
	
    margin: 0 auto;
}
.md_popup .white_area .title a{
	color: #FFF;
font-size: 16px;
font-weight: 400;
text-decoration-line: underline;
}
.md_popup .text_area {
	display: flex;
	flex-direction: column;
	justify-content: center;
	 align-items: center;
	gap:8px;
	padding: 32px 0px 4px 0;
	text-align: center;
}
.md_popup .text_area img {
	width: 90px;
	aspect-ratio: 1 / 1;
}
.md_popup .text_area .title{
	color: #000;
font-size: 20px;
font-weight: 900;
	margin-top: 12px;
line-height: 140%; 
}
.md_popup .text_area .txt{
	color: #909090;
font-size: 16px;
font-weight: 400;
line-height: 148%; 
}

.md_popup .btn_area {	
	padding: 24px 32px;
}


.md_popup .btn {
	width: 100%;
	height: 100%;
	font-size: 20px;
	font-weight: 700;
	border: 0;
	background: #173854;
	color: #fff;
	border-radius: 36px;
	padding: 12px;
}

.md_popup .popup_dimmed {
	position: absolute; 
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: #000;
	height: 100%;
	opacity: 0.7;
	z-index: 998;
}
/*main top intro event subsc*/
.intro-banner {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 578px;
}
.intro-left-top {
    background: #173854;
    border-radius: 20px;
    padding: 16px 16px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 20px;
}
.inlt-img {
    width: 267px;
    height: 292px;
}
.inlt-img img {
    object-fit: cover;
}
.inlt-btn button {
    display: inline-block;
    margin-top: 16px;
    width: 100%;
    background: rgba(255, 255, 255, 0.20);
    padding: 8px 40px 8px;
    border-radius: 0;
    text-align: center;
    cursor: pointer;
    position: relative;
    border-radius: 25px;
    border: 0px solid #051619;
    color: #ffffff;
    margin: 0 auto;
}
.intro-left-bottom {
    background: #308FAB;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    padding: 12px 12px 6px;
}
.intro-left-bottom .title {
    color: #FFF;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    line-height: 142%;
    margin-bottom: 10px;
}
.intro-left-bottom .subsc_form {
    display: flex;
    flex-direction: column;
    gap: 6px;
    justify-content: space-between;
}
.intro-left-bottom .subsc_form .textfield {
    width: 100%;
}
.intro-left-bottom .subsc_form input {
    width: 190px;
    height: 38px;
    padding: 5px 5px;
    border-radius: 4px;
    background: rgba(255, 255, 255, 0.40);
    box-sizing: border-box;
    box-shadow: 0;
    color: #fff;
    outline: none;
    box-shadow: none;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 142%;
}
.intro-left-bottom .subsc_form .nick_name_area {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 6px;
}
.intro-left-bottom .subsc_form .nick_name_area button {
    width: 80px;
    height: 38px;
    font-size: 15px;
    padding: 0;
    font-weight: 700;
    color: #fff;
    letter-spacing: 0;
    outline: none;
    white-space: nowrap;
    cursor: pointer;
    vertical-align: top;
    border-radius: 4px;
    background: rgba(0, 0, 0, 0.50);
    box-shadow: none;
    border-style: none;
}
.intro-left-bottom .subsc_check {
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: center;
    gap: 7px;
    color: #FFF;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 132%;
    text-decoration-line: underline;
    padding: 10px 0 6px;
}
.subsc_check a {
    color: #FFF;
    font-weight: 700;
    display: inline !important;
    margin: 0 !important;
    text-decoration: underline;
    position: absolute;
    right: 0;
    top: 50%;
}
.red_error {
    text-align: center;
    color: #FF9B9B;
    font-size: 15px;
    font-weight: 500;
}
.white_error {
	text-align: center;
  color: #ffffff;
 font-size: 15px;
	font-weight: 500;
  line-height: 142%; /* 21.3px */
}
/*main*/
.M_wrap { overflow: hidden; width: 100%; max-width: 660px; background: #f3f3f5;  margin: 0 auto; }
.M_wrap .m_banner1 {padding: 15px 15px;}
.M_wrap .m_banner2 {padding: 15px 15px;}
.M_wrap .m_banner3 {padding: 15px 15px;}
.M_wrap_movie { overflow: hidden; width: 100%; max-width: 660px; background: #fff;  margin: 0 auto; }

.M_Header_wrap { overflow: hidden;     position: relative; width: 100%; height: 54px; /* border: 1px solid #f95f09; */ }
.M_Header { float: left; position: relative; width: 100%; height: 54px; display: flex; align-items: center; background: #fff;/* border-bottom: 1px solid #EEE; */ }
.M_Header .M_logo {
    /* width: 107px; */
    margin: 0 auto;
	margin-top: 8px;
}
.M_Header .M_menu { position: absolute;  top: 10px;  left: 16px; }
.M_Header .M_menu_r { position: absolute;  top: 12px;  right: 16px; }

.red_error {color:#e41b23; font-size:1.1rem;}
.red_error2 {color:#e41b23; font-size:1.3rem; line-height:1.9rem;}
.white_error {color:#ffffff; font-size:0.1rem;}


.M_contents { /* float: left; */ width: 100%; margin-bottom: 0px; margin-top: 20px; background: #f3f3f5;}
.M_contents img { border-radius: 0px; }

.MainTopNews { position: relative;  width: 100%;  padding-bottom: 12px; }
.MainTopNews .Photo { width: 100%; z-index: 2; }
.MainTopNews .Photo img { width: 100%; }
.Photo { max-width: 100%;  height: auto; }
.MainTopNews .title {width: 100%; z-index: 6; margin-bottom: 0px; margin-top: -25px; background: #fff !important; text-align: left; padding-left: 16px; padding-right: 16px; }
.MainTopNews .title .lineclamp2 { background: #fff;}
.MainTopNews .title h1 {width: 100%; line-height: 1.4; font-weight:800; background: #fff !important; font-size: 21px; padding: 10px 0px; box-sizing: border-box;  font-family: "ChosunMGothicBold"; border-bottom: 1px solid #000; letter-spacing: -0.7px;}

.txt_list { width: 100%; padding: 10px 15px; text-align: left; }
.txt_list ul > li:first-child { padding-top: 0px; }
.txt_list ul > li:last-child { border-bottom: 0 solid #efeff0; }
.txt_list ul > li {border-bottom: 1px solid #EAEAEA; padding: 11px 0 9px; font-size: 19px; font-family: "ChosunGothic";}
.txt_list ul > li a {display: block; overflow: hidden; text-overflow: ellipsis; /* white-space: nowrap; */ }
.txt_list .tit { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; white-space: normal; max-height: 2.8em; /* text-align: left; */ }
.txt_line {  -webkit-line-clamp: 2; text-overflow: ellipsis;  display: -webkit-box; -webkit-box-orient: vertical; line-height: 1.4em; max-height: 2.8em; overflow: hidden; }

.thumb { width: 100%; padding: 10px 15px; margin-bottom: 10px; }
.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;  }


/*¸ÞÀÎ ¸Þ´º*/
.mcsg_main_menu { position: relative; overflow: hidden; width: 100%; height: 50px; box-sizing: border-box; border-top:1px solid #d7d7d7; border-bottom:2px solid #222; margin-bottom:0px; background: #fff; }
ul.mcsg_main {white-space: nowrap; box-sizing: border-box; font-size: 0; }
ul.mcsg_main li {position: relative; display: inline-block; padding: 0 18px; line-height: 0;}
ul.mcsg_main li a.mselect {border-bottom:4px solid #222; font-weight: 800;}
ul.mcsg_main li.cmenu a.mselect {border-bottom:4px solid #308fab; font-weight: 800;}
ul.mcsg_main li a {display: block; height: 50px; box-sizing: border-box; font-size: 18px; line-height: 45px; text-decoration: none; font-weight: 500;}

ul.health_main li:first-child a { padding: 0 0px 0 px; }
ul.mcsg_main li.cmenu a{ opacity: 0.85;  color: #308fab;}
ul.health_main li.lang:after { position: absolute; content: ""; height: 16px; width: 1px; background: #B9BCBF; right: -2px; top: 50%; margin-top: -10px; }
.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; }

/*¼­ºê¸Þ´º*/
.mcsg_sub_menu { position: relative; overflow: hidden; width: 100%; height: 45px; box-sizing: border-box; border-top:0px solid #d7d7d7; border-bottom:0px solid #222; margin-bottom:0px; background: #fff; }
ul.mcsg_sub {white-space: nowrap; box-sizing: border-box; font-size: 0; }
ul.mcsg_sub li {position: relative; display: inline-block; padding: 0 15px 0 15px; line-height: 0;}
ul.mcsg_sub li a {display: block; height: 45px; box-sizing: border-box; font-size: 16px; line-height: 45px; text-decoration: none; font-weight: 400;}
ul.mcsg_sub li.select a {display: block; height: 45px; box-sizing: border-box; font-size: 16px; line-height: 45px; text-decoration:underline; font-weight: 700;}

ul.health_sub li:first-child a { padding: 0 0px 0 8px; /*font-weight: 800;*/ }
ul.health_sub li:nth-child(2)  { padding-left: 20px; font-weight: 800; }
ul.health_sub li:first-child:after { position: absolute; content: ""; height: 16px; width: 1px; background: #B9BCBF; right: -2px; top: 50%; margin-top: -10px; }
ul.mcsg_sub li.cmenu a{ opacity: 0.85;  color: #308fab;}
/*ul.health_sub li.lang:after { position: absolute; content: ""; height: 16px; width: 1px; background: #B9BCBF; right: -2px; top: 50%; margin-top: -10px; }*/
.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; }

.mcsg_sub_menu2 { position: relative; overflow: hidden; width: 100%; height: 45px; box-sizing: border-box; border-top:0px solid #d7d7d7; border-bottom:1px solid #000; margin-bottom:0px; background: #f3f8fe; }
ul.health_sub2 li:first-child a { padding: 0 0px 0 8px; /*font-weight: 800;*/ }
ul.health_sub2 li:nth-child(2)  { padding-left: 20px; font-weight: 800; }
/*ul.health_sub2 li:first-child:after { position: absolute; content: ""; height: 16px; width: 1px; background: #B9BCBF; right: -2px; top: 50%; margin-top: -10px; }*/
ul.mcsg_sub2 {white-space: nowrap; box-sizing: border-box; font-size: 0; }
ul.mcsg_sub2 li {position: relative; display: inline-block; padding: 0 15px 0 15px; line-height: 0;}
ul.mcsg_sub2 li a {display: block; height: 45px; box-sizing: border-box; font-size: 16px; line-height: 45px; text-decoration: none; font-weight: 400;}
ul.mcsg_sub2 li.select a {display: block; height: 45px; box-sizing: border-box; font-size: 16px; line-height: 45px; text-decoration:underline; font-weight: 700;}

.m_Col { width: 100%;  padding: 10px 15px; margin-bottom: 0px; }
.Sub_tit {display: none; overflow: hidden; padding-top: 2px; padding-top: 10px; padding-left: 22px; font-size: 24px;}
.Col_tit {overflow: hidden; padding-top: 2px; }
.Col_tit .section { display: block;  float: left;  line-height: 0.9em;  font-size: 24px; padding: 0 0 0px 0px; font-weight: bold; }

.line-container { width: 100%; padding: 0px 15px; margin-bottom: 5px  }

/*°Ç°­µ¿¿µ»ó*/
.m_htv { width: 100%;  padding: 10px 15px; margin-bottom: 0px; }
.Htv_wrap {overflow: hidden; }
.Htv_tit {overflow: hidden; padding-top: 2px; }
.Htv_tit .section { display: block;  float: left;  line-height: 1em;  font-size: 18px; padding: 0 0 15px 0px; font-weight: bold; }

.Htv_list ul > li { float: left; width: 48%; text-align: left; padding-bottom: 10px; }
.Htv_list ul > li a { display: block; } 
.Htv_list ul > li a img { width: 100%; margin-bottom: 3px; }
.Htv_list ul > li .Htv_title { height: 40px; padding: 0 0%; text-align: left; line-height: 1.2em; overflow: hidden; }
.Htv_list ul > li:nth-child(even) { float: right; text-align: right; }


.m_theme{ width: 100%; /*padding: 10px 15px;*/ /*margin-bottom: 5px;*/ border-top: 2px solid #000; padding-top: 15px;  /*padding-bottom: 15px;*/ border-bottom: 0px solid #000;}
.m_theme_tit {overflow: hidden; padding-top: 2px; }
.m_theme_tit .section { display: block;  float: left;  line-height: 1em;  font-size: 18px; padding: 0 0 5px 0px; font-weight: bold; }

.theme_photo {width: 100%; overflow: hidden; border-radius: 0px; display: flex; justify-content: center; align-items: top; max-height: 60vw; }
.theme_photo .Bon { width: 100%; }
.theme_photo .Bon img { width: 100%; }
.theme_tit { width: 100%; text-align: left; font-size: 22px; padding: 15px 0% 0; font-weight: 500; line-height: 28px; }
.theme_tit span{ display: block; width: 100%; text-align: left; font-size: 17px; font-weight: 400;  }

.inline-container { width: 100%; padding: 0px 15px; margin-bottom: 5px;  }

.flex--align-items-center { align-items: center; }
.flex--justify-space-between { justify-content: space-between; }
.flex { display: flex; }
.flex--wrap { flex-wrap: wrap; }


.h3 { font-size: 18px; line-height: 1.44;}
.font--size-sm-14 { font-size: 14px;}
.font--size-sm-16 { font-size: 16px;}
.font--size-sm-18 { font-size: 18px;}
.font--primary { font-family: 'Pretendard', 'Noto Sans KR', sans-serif; }
.font--size-sm-16 {  font-size: 16px; }
.font--primary b, .font--primary-bold { font-family: 'Pretendard', 'Noto Sans KR', sans-serif;}
.text--black { color: #222; }
.text--weight-700 {font-weight: 700; }
.text--overflow-ellipsis { overflow: hidden; text-overflow: ellipsis; }
.text--left {text-align: left; }

.width--100 {width: 100%; }

.box--position-relative { position: relative; }
.box--pad-top-md { padding-top: 16px; }
.box--margin-none { margin: 0; }
.box--margin-top-md { margin-top: 16px; }
.box--display-block { display: block; }
.box--display-inline-flex { display: inline-flex; }
.box--pad-left-md { padding-left: 16px; }
.box--pad-bottom-md { padding-bottom: 16px; }
.box--pad-right-md { padding-right: 16px; }
.box--border { border: 1px; border-color: #222; border-style: solid; }
.box--border-xs { border-width: 1px;}
.box--border-grey-20 { border-color: #eaeaea; }
.box--border-grey-40 { border-color: #d7d7d7; }
.box--bg-white { background-color: #fff; }
.box--border-horizontal-bottom { border-top: 0; }
.box--border-horizontal { border-left: 0; border-right: 0; }


.grid__col--sm-12 { flex-basis: 100%; max-width: 100%; }
.grid__col--sm-9 {f lex-basis: 75%; max-width: 75%; }
.grid__col--sm-3 { flex-basis: 25%; max-width: 25%; }

/* ¸ð¹ÙÀÏ ÇªÅÍ */ 
.M_footer { float: left; width: 100%; /* border: 1px solid #EEE; */ padding: 0; margin: 0; }
.M_footer_section { width: 100%; background: #17222B; text-align: left; padding: 15px 0 30px; border-bottom: 1px solid #525252; }
.M_footer_section .health_logo { padding: 20px; justify-content: space-between; }
.M_footer_section .footer_list ul {overflow: hidden; width: 100%; padding: 0 20px 0 20px; box-sizing: border-box; }
.M_footer_section .footer_list li { float: left; width: 100%; font-size: 13px; color:#fff; font-weight: 200; line-height: 1.5em; padding-top: 15px; box-sizing: border-box;  }
.M_footer_section a { color: #fff; }
.M_footer_section p { padding-bottom: 20px;  font-size: 18px; color: #fff; }

.health_logo { display: flex; flex-direction: row; }
.health_logo_area { display: flex; flex-direction: column; }
.health_logo_area img {width: 150px;}
.unsubscribe-button {
    background-color: #fff; 
    color: #000;
    border: none; 
    padding: 8px 19px; 
    font-size: 14px; 
    border-radius: 5px; 
    cursor: pointer;
    transition: background-color 0.3s; 
}

.unsubscribe-button:hover {
    background-color: #d32f2f; /* È£¹ö ½Ã ¹öÆ° ¹è°æ»ö */
}



.m_healthchosun { width: 150px; }
.m_healthchosun img { width: 150px; }

.M_footer_menu {overflow: hidden; width: 100%; background: #232D36; text-align: center; font-size: 13px; color: #fff; }
.M_footer_menu .menu_list ul { width: 100%; height: 45px; border-top: 1px solid #525252; border-bottom: 1px solid #525252; }
.M_footer_menu .menu_list li { float: left; width: 25%; height: 45px; line-height: 1em; padding-top: 16px; border-right: 1px solid #525252; box-sizing: border-box; }
.M_footer_menu a { color: #fff; }

.M_footer_copy { overflow: hidden; width: 100%; background: #232D36; text-align: center; padding: 55px 0; font-size: 13px; color: #989898; letter-spacing: -1px; 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; }


@media screen and (min-width: 501px) {

.M20_B_section .slist li { width: 25%; } 
.M20_B_sns .SNSlist li { width: 19.6%; }

}



/*¸Þ´º*/
	.M_menu_div { background: #FFF;  box-sizing: border-box;  height: 100%;  left: 0px;  overflow-y: scroll;  position: fixed;    top: 0px;  width: 100%;  z-index: 1000000120; }
	.css-1qmeyic {
		border-width: 14px;
		border-style: inset inset solid;
		border-color: transparent transparent rgb(179, 179, 179);
		border-image: initial;
		display: inline-block;
		height: 0px;
		position: absolute;
		width: 0px;
		right: 10px;
		top: -28px;
	}
	.css-1cin82k {
		display: block;
		height: 30px;
		margin: 13px auto 9px;
		width: 189px;
	}
	.css-l8ph0q {
		background-color: rgb(255, 255, 255);
	}
		
		

	.css-1ps9vrl {
		border: 0px;
		clip: rect(0px, 0px, 0px, 0px);
		height: 1px;
		margin: -1px;
		overflow: hidden;
		position: absolute;
		width: 1px;
		border-radius: 3px;
		cursor: pointer;
		font-family: 'Pretendard', 'Noto Sans KR', sans-serif;
		white-space: nowrap;
		vertical-align: middle;
		background-color: transparent;
		color: rgb(0, 0, 0);
		font-size: 11px;
		line-height: 11px;
		font-weight: 700;
		letter-spacing: 0.02em;
		padding: 11px 12px 8px;
		display: inline-block;
		transition: none 0s ease 0s;
	}

	.css-542elh {
		padding-top: 10px;
	}
	 section {
		display: block;
	}
	.menulist_title {
		border-top: 1px solid rgb(235, 235, 235);
		color: rgb(0, 0, 0);    
		font-size: 19px;
		font-weight: 700;
		letter-spacing: 0.04rem;
		line-height: 23px;
		padding: 22px 0px 12px;
		text-transform: capitalize;
	}
	.css-g3v8ab:first-of-type {
		border-top: 0px;
	}
	.menulist_ul { columns: auto 2; margin: 0px; padding: 0px 0px 19px; }
	.menulist_li { line-height: 42px; list-style-type: none; }
	.menulist_li_a {color: rgb(51, 51, 51); display: block; font-size: 18px; font-weight: 500; text-decoration: none; text-transform: capitalize;}
	.keylist_ul { columns: auto 2; margin: 0px; padding: 0px 0px 19px; }
	.keylist_li { line-height: 42px; list-style-type: none; border: 1px solid #eee; margin-bottom: 5px; padding-left: 10px;}
	.keylist_li_a {color: rgb(51, 51, 51); opacity: 0.8; display: block; font-size: 16px; font-weight: 400; text-decoration: none; text-transform: capitalize; text-align: left;}
	.css-kcao6g {background: none; position: absolute;right: 23px;top: 17px;}
	.css-1oaka2n {display: block;height: 16px;width: 16px;}


/*ÀÎÆ®·Î °¡ÀÔ*/
.intro-head { position: relative; }
.subscribe-gosum {position: absolute; top: 2rem; left: 5%; width: 100%; max-width: 166px; margin-left: 0px; }
.intro-head-title { background: #ffd101; height: 293px;  border-top: 1px solid #051619; /*margin-top: -10rem;*/ font-size: 2.5rem; text-decoration: underline; text-align: left; position: relative; z-index: 6; padding: 7% 0 0 50%;}
.intro-head-description {padding: 2rem 0 2rem; background: #000; box-sizing: border-box;}
.intro-inner {max-width: 500px; margin: 0 auto; padding: 0 5%;   box-sizing: border-box; }
.intro-head-description p {max-width: 560px; font-size: 1.1rem; line-height:1.525rem;  color: #fff; }
.scribe_footer {padding: 0 20px;}
.subscribe { /*max-width: 400px;*/ margin: 1.5rem 0 0; box-sizing: border-box; position: relative; z-index: 1; }
.subscribe .textfield .textfield-input { background: #fff;  }
.subscribe .textfield .email { border-radius: 5px 5px 0 0; border-bottom: 1px solid #000; }
.subscribe .textfield .name { border-radius: 0 0 5px 5px; }
.subscribe .textfield input[type='text']{ box-sizing: border-box; }
.textfield-input {display: block; width: 100%; padding: 10px 40px 11px 1.5rem; border: 1px solid #051619; border-radius: 0; box-sizing: border-box; box-shadow: 0;    font: inherit; color: #051619; transition: all .2s; outline: none; box-shadow: none; }
.checkbox, .radio { display: block; padding: 0.5rem 0; position: relative; }
.checkbox input[type=checkbox] { width: 0; height: 0; opacity: 0; -webkit-appearance: checkbox; position: absolute; outline: auto; }
.checkbox input[type=checkbox]+label { font-size: 1.0rem; color: #fff; display: block; height: 16px; padding-left: 2rem; line-height: 16px; position: relative;}
.checkbox input[type=checkbox]+label:before {content: ""; display: block; width: 16px; height: 16px; border-radius: 0; border: 1px solid #051619; box-sizing: border-box; background: #fff; position: absolute; left: 0; top: 0; }
.checkbox input[type=checkbox]+label:after { content: ""; display: none; width: 9px; height: 6px; border-left: 2px solid #000; border-bottom: 2px solid #000;
    position: absolute; left: 2px; top: 2px; transform: rotate(-45deg); }
.checkbox input[type=checkbox]:checked+label:before { background: #ffd101; border-color: #ffd101; -webkit-animation: ripple2 .2s linear forwards; animation: ripple2 .2s linear forwards; }
.checkbox input[type=checkbox]:checked+label:after { content: ""; display: block; width: 9px; height: 6px; border-left: 2px solid #000; border-bottom: 2px solid #000;
    position: absolute; left: 2px; top: 2px; transform: rotate(-45deg); }

.checkbox a { display: inline!important; margin: 0!important; text-decoration: underline; color: #fff; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.subscribe-field-cta { color: #fff; text-align: center; border: 0; border-radius: 8px; box-sizing: border-box; margin: 1rem 0 0; padding-right: 1.75rem; }
.primary-button { display: inline-block; width: 100%; min-width: 104px; background: #ffd101; padding: 10px 40px 11px; border-radius: 0; text-align: center; cursor: pointer;   position: relative; border-radius: 25px; border: 1px solid #051619; color: #051619; margin: 0 auto; }
.primary-button:hover {
    background: #fff;
    border-width: 1px;
    color: #051619;
}
/* ´º½º·¹ÅÍ ¹öÆ° ¿µ¿ª ¾Û ´Ù¿î·Îµå Ãß°¡ ÀÛ¾÷ */
.app_btn {	
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 8px;
    -webkit-column-gap: 8px;
    column-gap: 8px;
	margin-top: 8px;
}
.app_btn a { width: 100%; 
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    padding: 8px 5px;
	font-size: 14px;
	}
a.g_play { 	
    background: #ffffff;
    border-radius: 15px;
    text-align: center;
    cursor: pointer;
    border: 1px solid #051619;
    color: #051619;
    margin: 0 auto;	
}
a.a_store { 	
    background: #ffffff;
    border-radius: 15px;
    text-align: center;
    cursor: pointer;
    border: 1px solid #051619;
    color: #051619;
    margin: 0 auto;
}
a.g_play::before {
	content: "";
    margin-right: 5px;
    width: 18px;
    height: 18px;
    display: block;
    background: url(https://health.chosun.com/mildang365/img/g_play.svg) no-repeat 50%/contain;
}
a.a_store::before {
	  content: "";
   margin-right: 5px;
    width: 18px;
    height: 18px;
    display: block;
    background: url(https://health.chosun.com/mildang365/img/a_store.svg) no-repeat 50%/contain;
	
}




img {vertical-align: middle; width: 100%;}
/*¸Þ´º ¾È °Ë»ö*/
	.search_area { border-top: 0px solid rgb(235, 235, 235); padding: 0px 12% 0px; }
.search_area section{ padding: 10px 0; position: relative; }
	.search_area_in {  }
	.input_label_search {		
		border-radius: 2px;
		display: inline-block;
		margin-right: 0px;
		padding: 7px 0px;
		position: relative;
		width: calc(100% - 57px);
	}
	.input_search[type="text"] {
		border: 1px solid #308fab;
		box-sizing: border-box;
		color: rgb(102, 102, 102);
		font-size: 14px;		
		font-weight: normal;
		height: 45px;
		letter-spacing: 0.5px;
		line-height: 16px;
		margin: 0px;
		padding: 1px 40px 0px 10px;
		vertical-align: middle;
		width: 100%;
	}
  /*¸Þ´º ¾È °Ë»ö _ ¹öÆ°*/
	.search_button {
		border-radius: 2px;
		cursor: pointer;
		transition: all 0.6s ease 0s;
		white-space: nowrap;
		background-color: #308fab;
				/*border: 1px solid #C51A18;*/
		color: #fff;
		font-size: 13px;
		line-height: 11px;
		letter-spacing: 0.05em;
		text-transform: uppercase;
		height: 45px;
		font-weight: bold;
		margin: 0px;
		padding: 8px 15px 6px;
		vertical-align: middle;
	}
	.search_button:disabled { cursor: default; opacity: 0.9; }
	button{ 
		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;
	}
	input[type='text'], input[type='password'], input[type='email'], textarea { border-radius: 3px; box-sizing: border-box; border: 0; }
	input {  font: 500 16px/22px var(--frank); border: 1px solid rgba(0,0,0,.2); padding: 6px 15px 3px 15px;2021-05-25 min-width: 250px; display: inline-block; border-radius: 3px; }

	#myLinks { display: none; }

	.main_c_red {color:#c51917;font-weight:bold;}

	section { padding: 25px 0; position: relative; }
	
	.pb-top-0 { padding-top :0 !important;}
	.pb-bottom-0 { padding-bottom :0 !important;}
	.utf_featured_post_area{ padding: 0px 0 15% 0; position: relative; }
	.container {width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; }
	.row { display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px;}
	
	.col-not-12 {position: relative;  width: 100%; min-height: 1px; padding-right: 0px; padding-left: 0px; }
	.col-md-12 {position: relative;  width: 100%; min-height: 1px; padding-right: 0px; padding-left: 00px; }
	.hot-post-top { /*max-height: 280px;*/ margin-bottom: 3px; border-radius: 0px; }
	.utf_post_overaly_style.contentTop:before { top: 0; left: 0;
    background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.95) 100%);
    background: -webkit-gradient(linear, left bottom, left bottom, color-stop(60%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.95)));
    background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.95) 100%);
    background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.95) 100%);
    background: -ms-linear-gradient(bottom, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.95) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.95) 100%);
	}
	.utf_post_overaly_style:before {content: " "; position: absolute; display: block;
    width: 100%; height: 100%; z-index: 1; bottom: 0; left: 0; border-radius: 0 0 0px 0px;
    background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0.85) 100%);
    background: -webkit-gradient(linear, left bottom, left bottom, color-stop(60%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.85)));
    background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0.85) 100%);
    background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0.85) 100%);
    background: -ms-linear-gradient(bottom, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0.85) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0.85) 100%);
	}
	.utf_post_thumb { max-width: 100%; position: relative; overflow: hidden; }
	.utf_post_thumb img {display: block; width: 100%; border-radius: 6px; -webkit-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; }
	.img-fluid { max-width: 100%; height: auto; }	
	.clearfix::after {display: block; clear: both; content: ""; }
	a.utf_post_cat {position: relative; font-size: 14px; padding: 5px 15px; background: #fa5454; text-transform: uppercase; font-weight: 400; color: #fff; height: 30px;
    border-radius: 4px; line-height: 20px; display: inline-block; }
	.utf_post_title.title-large { font-size: 22px; line-height: 32px; margin-top: 0px; margin-bottom: 0px; }
	.utf_post_overaly_style .utf_post_title a {color: #000; }	
	.utf_post_overaly_style .utf_post_author { background: rgba(255, 255, 255, 0.3); padding: 4px 6px; border-radius: 4px; color: #fff; border: 0; margin-right: 5px; }
	.utf_post_overaly_style .utf_post_content {position: absolute; left: 30px; right: 30px; bottom: -20%; padding: 20px; background: #fff; }	
	.utf_post_content {padding: 30px; z-index: 1; position: relative;}
	.utf_post_overaly_style .utf_post_cat {position: absolute; top: 0px; right: 0px; z-index: 1; border-radius: 0px; }
	
	.utf_block_title {font-size: 14px; line-height: 100%; text-transform: uppercase; margin: 0 0 30px; border-bottom: 2px dotted #1c1c1c; }
	.utf_block_title>span {background: #1c1c1c; color: #fff; height: 30px; line-height: 38px; padding: 10px 15px; top: 1px; border-radius: 10px 10px 0 0px; position: relative; display: inline list-item; }
	
	.utf_list_post_block {margin-top: 0px; }
	.utf_list_post {list-style: none; margin: 0; padding: 0; }
	.widget .utf_list_post_block ul.utf_list_post li {border-bottom: 1px solid #c2c2c4;  padding-bottom: 15px; }
	.utf_list_post_block .utf_list_post>li {margin-bottom: 15px; max-height: 160px; }
	.utf_list_post_block .utf_list_post>li:first-child {border-top: 2px solid #000; padding-top: 15px;}
	.utf_list_post_block .utf_list_post>li:last-child {border-bottom: 2px solid #000 !important; padding-top: 0px;}
	.utf_post_block_style {position: relative; overflow: hidden; }
	.utf_post_block_style.post-float .utf_post_thumb {float: left; position: relative; z-index: 1; margin-right: 20px; }
	.utf_post_block_style.post-float .utf_post_thumb img { max-width: 130px;  min-height: 93px; }
	.utf_post_block_style.post-float .utf_post_cat {font-size: 10px; left: 8px; top: 8px; }
	.color-default a.utf_post_cat {background: #fa5454;}
	.utf_post_title.title-small { font-size: 22px; line-height: 30px; margin-top: 10px; margin-bottom: 5px; font-weight: 500; }
	.utf_post_block_style.post-float .utf_post_title { margin-top: 0; margin-bottom: 5px; display: -webkit-box;
    -webkit-line-clamp:3; -webkit-box-orient: vertical;}	
	.utf_post_block_style .utf_post_author a {color :#1091ff;}
	.utf_post_block_style .utf_post_content {padding: 0;}


	.utf_list_post_block {margin-top: 0px; }
	.utf_list_post {list-style: none; margin: 0; padding: 0; }
	.widget .utf_list_post_block ul.utf_list_post li {border-bottom: 1px solid #c2c2c4;  padding-bottom: 15px; }
	.utf_list_post_block .utf_list_post>li {margin-bottom: 15px; max-height: 160px; }
	.utf_list_post_block .utf_list_post>li:first-child {border-top: 2px solid #000; padding-top: 15px;}
	.utf_list_post_block .utf_list_post>li:last-child {border-bottom: 2px solid #000 !important; padding-top: 0px;}
	.utf_list_post .utf_post_block_style {position: relative; overflow: hidden; }
	.utf_list_post .utf_post_block_style.post-float .utf_post_thumb {float: left; position: relative; z-index: 1; margin-right: 20px; }
	.utf_list_post .utf_post_block_style.post-float .utf_post_thumb img { max-width: 130px;  min-height: 93px; border: 1px solid #dcdcdc;}
	.utf_list_post .utf_post_block_style.post-float .utf_post_cat {font-size: 10px; left: 8px; top: 8px; }
	.utf_list_post .color-default a.utf_post_cat {background: #fa5454;}
	.utf_post_title.title-small { font-size: 22px; line-height: 30px; margin-top: 10px; margin-bottom: 5px; font-weight: 500; }	
	.utf_list_post .utf_post_block_style .utf_post_author a {color :#1091ff; font-size: 15px; }
	.utf_list_post .utf_post_block_style .utf_post_date a {color :#B1B1B1; float: right; font-size: 15px; font-weight: 500;}
	.utf_list_post .utf_post_block_style .utf_post_content {padding: 0;}

	.movie_list_post .utf_list_post .utf_post_block_style.post-float .utf_post_thumb img { max-width: 170px;  min-height: 93px; border: 1px solid #dcdcdc;}

	.M_contents_news { /* float: left; */ width: 100%; margin-bottom: 0px; margin-top: 00px; /*background: #fff;*/}
	.M_contents_news img { border-radius: 0px; }
	
	section.m_news_list { padding: 0px 0 50px 0px; position: relative; }
	.m_news_list .description { margin-top: 0px !important; color: black; opacity: 0.7; font-size: 16px; line-height: 20px; overflow: hidden; display: -webkit-box;
    -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

	section.m_movie_list { margin-top: 15px; padding: 0px 0 50px 0px; position: relative; }
	.m_movie_list .description { margin-top: 0px !important; color: black; opacity: 0.7; font-size: 16px; line-height: 20px; overflow: hidden; display: -webkit-box;
    -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

	


	section.m_tip_list { padding: 0px 0 50px 0px; position: relative; }
	.m_tip_list .note-main-list { border-top: 1px solid #000; padding-top: 15px;}
	.m_tip_list .note-main-list .mygrid { grid-template-columns: 1fr !important; -ms-grid-columns: 1fr !important; gap: 15px; }
	.m_tip_list .mygrid { display: grid; display: -ms-grid; grid-template-columns: 1fr; -ms-grid-columns: 1fr; gap: 15px; }
	.m_tip_list .bg-img { position: relative; background-size: cover; background-repeat: no-repeat; background-position: center; overflow: hidden;}
	.m_tip_list .ratio-4-3 { width: 100%; position: relative; display: inline-block; }
	.m_tip_list .ratio-4-3:after { padding-top: calc(100% * 1.54 / 4); display: block; content: ''; }
	.m_tip_list .tip_note {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		/* width: calc((100% - 35px * 3) / 4); */
		/* margin-right: 20px; */
		cursor: pointer;
		-ms-flex-negative: 0;
		flex-shrink: 0;
		background: #fff;
		text-align: left;
		border-radius: 0px 0px;
		border: 1px solid rgb(0 0 0 / 15%);
	}
	.m_tip_list .tip_note h4.post-heading { margin: 20px 20px 0px 20px; line-height: 1.6; overflow: hidden; letter-spacing: -0.055499em; font-size: 20px; line-height: 1.5; font-weight: 600; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; color: #333333;}
	.tip_note .author { margin: 20px 20px; line-height: 1.6; overflow: hidden; letter-spacing: -0.055499em; font-size: 20px; line-height: 1.5; font-weight: 400;
     display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; color: #333333;}	
	.m_tip_list .tip_note:hover  {box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0); border:1px dashed #FF5555; }

	.point_red { color: #FF5555 !important; font-size: 22px;}
	.point_blue { color: #1185e8 !important; }
	
	

	section.m_test_list { padding: 0px 0 50px 0px; position: relative; }
	.m_test_list .note-main-list { border-top: 0px solid #000; padding-top: 15px;}
	.m_test_list .note-main-list .mygrid { grid-template-columns: 1fr !important; -ms-grid-columns: 1fr !important; gap: 15px; }
	.m_test_list .mygrid { display: grid; display: -ms-grid; grid-template-columns: 1fr; -ms-grid-columns: 1fr; gap: 15px; }
	.m_test_list .bg-img { position: relative; background-size: cover; background-repeat: no-repeat; background-position: center; overflow: hidden;}
	.m_test_list .ratio-4-3 { width: 100%; position: relative; display: inline-block; }
	.m_test_list .ratio-4-3:after { padding-top: calc(100% * 2.9 / 4); display: block; content: ''; }
	.m_test_list .tip_note {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		/* width: calc((100% - 35px * 3) / 4); */
		/* margin-right: 20px; */
		cursor: pointer;
		-ms-flex-negative: 0;
		flex-shrink: 0;
		background: #fff;
		text-align: left;
		border-radius: 0px 0px;
		border: 1px solid rgb(0 0 0 / 15%);
	}
	.m_test_list .tip_note h4.post-heading { margin: 20px 20px 20px 20px; line-height: 1.6; overflow: hidden; letter-spacing: -0.055499em; font-size: 20px; line-height: 1.5; font-weight: 600; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; color: #333333;}
	.m_test_list .tip_note:hover  {box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0); border: 1px solid rgb(0 0 0 / 15%); }


	section.m_movie_list { padding: 0px 0 50px 0px; position: relative; }
	.m_movie_list .note-main-list { border-top: 1px solid #000; padding-top: 15px;}
	.m_movie_list .note-main-list .mygrid { grid-template-columns: 1fr !important; -ms-grid-columns: 1fr !important; gap: 15px; }
	.m_movie_list .mygrid { display: grid; display: -ms-grid; grid-template-columns: 1fr; -ms-grid-columns: 1fr; gap: 15px; }
	.m_movie_list .bg-img { position: relative; background-size: cover; background-repeat: no-repeat; background-position: center; overflow: hidden;}
	.m_movie_list .ratio-4-3 { width: 100%; position: relative; display: inline-block; }
	.m_movie_list .ratio-4-3:after { padding-top: calc(100% * 2.6 / 4); display: block; content: ''; }
	.m_movie_list .tip_note {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		/* width: calc((100% - 35px * 3) / 4); */
		/* margin-right: 20px; */
		cursor: pointer;
		-ms-flex-negative: 0;
		flex-shrink: 0;
		background: #fff;
		text-align: left;
		border-radius: 0px 0px;
		border: 1px solid rgb(0 0 0 / 15%);
	}
	.m_movie_list .tip_note h4.post-heading { margin: 20px 20px 0px 20px; line-height: 1.6; overflow: hidden; letter-spacing: -0.055499em; font-size: 20px; line-height: 1.5; font-weight: 600; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; color: #333333;}
	.m_movie_list .tip_note .author { margin: 20px 20px; line-height: 1.6; overflow: hidden; letter-spacing: -0.055499em; font-size: 20px; line-height: 1.5; font-weight: 400;
     display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; color: #333333;}	
	.m_movie_list .tip_note:hover  {box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0); border:1px dashed #FF5555; }


	.news_list_post {margin-top: 0px; }
	.widget .news_list_post ul.utf_list_post li {border-bottom: 1px solid #c2c2c4;  padding-bottom: 15px; }
	.news_list_post .utf_list_post>li {margin-bottom: 15px; max-height: 160px; }
	.news_list_post .utf_list_post>li:first-child {border-top: 1px solid #000; padding-top: 15px;}
	.news_list_post .utf_list_post>li:last-child {border-bottom: 1px solid #000 !important; }
	
	.movie_list_post {margin-top: 0px; }
	.widget .movie_list_post ul.utf_list_post li {border-bottom: 1px solid #c2c2c4;  padding-bottom: 15px; }
	.movie_list_post .utf_list_post>li {margin-bottom: 15px; max-height: 160px; }
	.movie_list_post .utf_list_post>li:first-child {border-top: 1px solid #000; padding-top: 15px;}
	.movie_list_post .utf_list_post>li:last-child {border-bottom: 1px solid #000 !important; padding-top: 15px;}


	.secondary-button { display: inline-block; min-width: 104px; background: #fb7800; padding: 11px 1.5rem 12px; border-radius: 0; text-align: center;
		color: #fff; cursor: pointer; position: relative; border: 1px solid #eee; box-sizing: border-box; background: #fff; color: #000;
		box-shadow: 1.5px 1.5px 1px 1px rgba(0, 0, 0, 0.15); border-radius: 30px 30px;}
	.secondary-button:hover {box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.18);}
	.loadmore { width: 20rem; margin: 2rem auto; display: flex!important; justify-content: center; flex-wrap: wrap!important; }

	.review_hos { background: #163854; padding: 15px 0% 30px 15px; }
	.review_hos .swiper-container {width: 100%; cursor: grab; position: relative; }
	.swiper-wrapper {position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box; transform: translate3d(0,0,0); } 
	
	.review_hos .swiper-slide {position: relative; height: auto; text-align: center; font-size: 18px; display: flex; align-items: center; width: 100%; background: no-repeat; border: 0px solid #acd0ee; border-radius: 30px 0 30px 0;}
	.review_hos .Col_tit {color: #fff; margin-top: 15px;}
	.review_hos .Col_tit .section {color: #fff;}
	.review_hos .swiper-review { border-radius: 30px 0 30px 0;}
	.review_hos .wpahremf {padding: 3% 25px 3% 25px; }
	.review_hos .swiper-slide .tag {display: block;font-size: 0.98em; color: #003071; font-weight: bold; line-height:1.5;  margin-bottom: 5px; text-align: center; }
	.review_hos .swiper-slide .tagadd{font-size: 0.8em; line-height:0.5px; color: #9f9f9f; }
	.review_hos .swiper-slide .tag img { max-width: 74px; margin-bottom: 3px; }
	.review_hos .swiper-slide .desc1 {display: block; font-size: 0.85em; text-align: left !important; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;
    -webkit-line-clamp: 3; -webkit-box-orient: vertical; margin-bottom: 3px; color: #9f9f9f; text-align: center; min-height:57px; }
	.review_hos .swiper-slide ul li.mainthum_btn {display: inline-block; width: 49%; font-size: 1em; float: left; text-align: center; height: 60px; vertical-align: middle; line-height: 2.5; font-size: 22px; }	
	.review_hos .swiper-slide ul li.mainthum_btn span.icon img { display: inline-block; width: 25px; margin-right: 4px; text-align: center; vertical-align: middle; }
	.review_hos .swiper-slide ul li.mainthum_btn span.middle { color:#6d6e6e; vertical-align: middle;}
	.review_hos .swiper-slide .thumb { position: relative; height: 0; padding-top: 56.25%; font-size: 0; text-align: center; margin: 0 auto; /* background: #f2f2f2; */
		width: 100%;}
	.review_hos .swiper-slide .thumb img { -o-border-radius: 50%; -ms-border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; text-align: center;
    max-width: 120px;}
	.review_hos .swiper-slide {width: 100%; }
	.review_hos .swiper-slide .swiper-cont .thumb img{width: 100%; }
	.recipe_area .stock-link-item { flex: 1 1 00%; margin: 0 0 0px 0px; padding: 0px 0; box-sizing: border-box;  text-align: left;}
	.recipe_area  .single_post { position: relative; z-index: 2; transition: all 0.3s;}
	.recipe_area  .post_img { position: relative;  z-index: 2;  }
	
	.recipe_area .stock-link-item a img {width: 100%; /*height: 48vw;*/ object-fit: cover; border-radius: 40px 0px 40px 0px;}
	.recipe_area .stock-link-item a {display: inline-block; margin-top: 10px; width: 100%; color: #fff; font-size: 20px; font-weight: 400; text-decoration: none; cursor: pointer; line-height: 25px; display: -webkit-box; -webkit-line-clamp: 2; /* ¶óÀμö */ -webkit-box-orient: vertical; word-wrap:break-word;  }
	/*.gradient1:after {position: absolute; content: ""; height: 100%; width: 100%; 
		background: linear-gradient( to bottom, rgba(14, 31, 45, 0) 40%, rgba(14, 31, 45, 0) 45%, rgba(14, 31, 45, 0.35) 55%, rgba(14, 31, 45, 0.55) 65%, rgba(14, 31, 45, 0.65) 75%, rgba(14, 31, 45, 0.75) 85%, rgba(14, 31, 45, 0.8) 100% ); left: 0; bottom: 0; border-radius: 40px 0px 40px 0px; }*/
	.recipe_area .stock-link-item .single_post_text { z-index: 9; padding: 0px 0px 0px 0px; text-align: left; }
	.TIP {    border-top: 2px solid #000; padding-top: 15px; border-bottom: 2px solid #000;}
	.color_tit.v1 {color: #fa5454; }
	.color_tit.v2 {color: #1185e8; }
	.post_type13 .single_post_text h4 {display: block !important; text-shadow: 2px 2px 1px white; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; /*overflow: hidden;*/ margin-bottom: 0px; }
	.TIP .single_post_text h4 {font-size: 22px; color: black; font-weight: 600; line-height: 29px; }
	.TIP .single_post_text h4 span {display: block !important; float: left !important; min-height: 75px; border: 0px solid #000; font-size: 29px; margin-right: 5px; }
	.TIP .single_post_text .meta.macth_meta {font-size: 22px; color: black; font-weight: 600; line-height: 29px;}
	.TIP .single_post_text .meta.macth_meta span {display: block !important; float: left !important; min-height: 75px; border: 0px solid #000; font-size: 29px; margin-right: 5px; }
	a.all_view { width: 100%; display: block !important; font-weight: 600 !important; color: #1091FF; padding: 0px 10px 10px 0; border-radius: 0px; line-height: 19px !important; z-index: 9999; text-align: right; margin-top: 0px; text-decoration: underline;}
	span.tranding {height: 80px; width: 80px; font-size: 16px; display: inline-block; text-align: center; line-height: 75px; font-size: 28px; background-color: rgb(0,0,0, 0.8); border:3px solid #fff; color: #FFFFFF; position: absolute; left: 40%; top: 35%; border-radius: 50px; right: 15px; z-index: 9; box-shadow: 4px 4px 2px 1px rgba(0, 0, 0, .2);  }
	
	
	.doctor_list {padding: 0px 0% 58px 15px; }
	.doctor_list .swiper-container {width: 100%; cursor: grab; position: relative; margin: 0 auto; position: relative;  overflow: auto;  list-style: none;    padding: 0; z-index: 1; border-top: 2px solid #000; padding-top: 15px; padding-bottom: 15px; border-bottom: 0px solid #000;}
	.swiper-wrapper {position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box; transform: translate3d(0,0,0); } 
	
	.doctor_list .swiper-slide {position: relative; height: auto; text-align: center; display: flex; align-items: center; width: 100%; background: no-repeat; border: 0px solid #acd0ee;  /*overflow:auto;*/ }

	.doctor_list .Col_tit { margin-top: 0px;}		
	.doctor_list .wpahremf {padding: 3% 25px 3% 25px; }
	.doctor_list .swiper-wrapper {	}
	.doctor_list .swiper-slide .tag {display: block;font-size: 0.98em; color: #003071; font-weight: bold; line-height:1.5;  margin-bottom: 5px; text-align: center; }
	.doctor_list .swiper-slide .tagadd{font-size: 0.8em; line-height:0.5px; color: #9f9f9f; }
	.doctor_list .swiper-slide .tag img { max-width: 74px; margin-bottom: 3px; }
	.doctor_list .swiper-slide .desc1 {display: block; font-size: 0.85em; text-align: left !important; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;
    -webkit-line-clamp: 3; -webkit-box-orient: vertical; margin-bottom: 3px; color: #9f9f9f; text-align: center; min-height:57px; }
	.doctor_list .swiper-slide ul li.mainthum_btn {display: inline-block; width: 49%; font-size: 1em; float: left; text-align: center; height: 60px; vertical-align: middle; line-height: 2.5; font-size: 22px; }	
	.doctor_list .swiper-slide ul li.mainthum_btn span.icon img { display: inline-block; width: 25px; margin-right: 4px; text-align: center; vertical-align: middle; }
	.doctor_list .swiper-slide ul li.mainthum_btn span.middle { color:#6d6e6e; vertical-align: middle;}
	.doctor_list .swiper-slide .thumb { position: relative; height: 0; padding-top: 56.25%; font-size: 0; text-align: center; margin: 0 auto; /* background: #f2f2f2; */
		width: 100%;}
	.doctor_list .swiper-slide .thumb img { -o-border-radius: 50%; -ms-border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; text-align: center;
    max-width: 120px;}
	.doctor_list .swiper-slide {width: 100%; }
	.doctor_list .swiper-slide .swiper-review {width: 100%; } 
	.doctor_list .swiper-slide .swiper-cont .thumb img{width: 100%; }
	.doctor_list .stock-link-item { flex: 1 1 00%; margin: 0 10px 0px 0px; padding: 0px 0; box-sizing: border-box;  text-align: left;}
	.doctor_list  .single_post { position: relative; z-index: 2; transition: all 0.3s;}
	.doctor_list  .post_img { position: relative;  z-index: 2;  }
	
	.doctor_list .stock-link-item a img {width: 100%; max-height: 19vw; object-fit: cover; border-radius: 0px 0px 0px 0px; }	
	/*.gradient1:after {position: absolute; content: ""; height: 100%; width: 100%; background: linear-gradient( to bottom, rgba(23, 33, 43, 0.7) 10%, rgba(23, 33, 43, 0.25) 25%, rgba(23, 33, 43, 0.10) 35%, rgba(23, 33, 43, 0) 40%, rgba(23, 33, 43, 0) 45%, rgba(23, 33, 43, 0.25) 55%, rgba(23, 33, 43, 0.65) 65%, rgba(23, 33, 43, 0.75) 75%, rgba(23, 33, 43, 0.85) 85%, rgba(23, 33, 43, 1) 100% ); left: 0; bottom: 0; border-radius: 40px 0px 40px 0px; }*/
	.doctor_list .stock-link-item .single_post_text {position: relative; min-width:155px;  z-index: 9;  padding: 8px 5px 8px 10px;; text-align: left; background: #fff; overflow: hidden; }
	.doctor_list .stock-link-item .single_post_text h4 {font-size: 22px; color: #17222B; font-weight: 700; }
	.doctor_list .stock-link-item .single_post_text .meta4 { box-sizing: border-box;   white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;}
	.doctor_list .stock-link-item .single_post_text .meta4 a {font-size: 14px; width:165px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;; line-height: 14px; position: relative; font-weight: 500; color: #17222B; opacity: 0.6; }
	
	/*´º½º ºä*/
	section.m_news_view{ padding: 20px 0 50px 0px; position: relative;} 
	.view-head { max-width: 100%; margin: 0; padding-top: 0; padding-bottom: 0; border: none; border-bottom: 1px solid; background: #edf0f4; text-align: left;   position: fixed; left: 0; right: 0; top: 0; z-index: 100; }
	.view-head-title { padding: 1rem 5%; box-sizing: border-box; font-size: 1.0rem; text-align: center; white-space: nowrap; text-overflow: ellipsis;  overflow: hidden; }
	.title_category {  color: #308fab;    opacity: 0.85; font-size: 18px; font-weight: 600;  margin-bottom: 5px;}
	.title_Q {  color: #308fab;    opacity: 0.85; font-size: 2.3rem; line-height: 2.5rem; font-weight: 600; margin-bottom: 5px;}
	.title_A {  color: #000;    font-size: 2.3rem; line-height: 2.5rem; font-weight: 600; margin-bottom: 5px;}
	.title_sub {  opacity: 0.9; font-size: 18px; font-weight: 600;  margin-bottom: 0px;}
	.title_sub2 {  opacity: 0.9; font-size: 18px; font-weight: 600;  margin-bottom: 10px;}
	.title_headline h4  {font-size: 2.3rem; line-height: 2.5rem; font-weight: 600; margin-bottom: 15px;}
	.t_point_b h4 {color: #308fab;}
	.title_headline {font-size: 2.3rem; color: #000;  line-height: 2.5rem; font-weight: 500; margin-bottom: 10px;}
	.ui.breadcrumb { font-size: 17px; font-weight: 600; color: rgba(0,0,0,.5);}
	.ui.breadcrumb .section { display: inline-block; margin: 0; padding: 0; }
	.ui.breadcrumb .divider { display: inline-block; opacity: .7; margin: 0 0.21428571rem 0; font-size: .92857143em; color: rgba(0,0,0,.4); vertical-align: baseline; margin: 0 9px 0 10px !important; }
	.section.friend { /*float: right;*/ }
	.m_news_view .description{margin-top: 25px;  border-top: 1px solid black; padding-top: 25px; padding-left: 10px; padding-right: 10px;}
	.m_news_view .description p {  font-size: 18px;  display: block;  margin-block-start: 0em; margin-block-end: 0em; margin-inline-start: 0px; margin-inline-end: 0px;}
	.m_news_view .description hr {display: block; unicode-bidi: isolate; margin-block-start: 0.8em; margin-block-end: 0.8em; margin-inline-start: auto; margin-inline-end: auto; overflow: hidden; border:1px solid #border-style: solid; border-width: 0.5px; opacity: 0.85; }
	.m_news_view .byline { margin-top: 20px !important; color: black; opacity: 0.8; font-size: 16px; line-height: 1.7; font-weight: 400; margin-left: 85px; margin-right: 15px; text-align: right; }
	.m_news_view .description img { display: block; text-align: center; /* margin-left: 20px; */ margin: 20px auto 0 auto; }
	.m_news_view .description .center_img_dt { color: #3B3B3B; font-size: 15px; line-height: 1.5; text-align: center; }
	.m_news_view .description .center_img { margin: 0 0 20px 0;	 }

.m_news_view .noimg .news_left_aside { margin: 0 auto; padding-top: 20px; margin-top: 20px; margin-left: 0px; overflow: hidden; text-overflow: ellipsis; border-top: 1px solid black; box-sizing: border-box; z-index: 9 }
.news_left_aside div{width: 100%; margin: 0 auto; position: relative; box-sizing: border-box; justify-content: center; text-align: center;}
ul.news_left_aside_sns { width: 100%; margin: 0 auto; justify-content: center; display: flex; align-content: center; }
ul.news_left_aside_sns li { position: relative; display: flex; height: 40px; margin-bottom: 10px; line-height: 40px; float:left; justify-content: center; text-align: center;}
ul.news_left_aside_sns > li { z-index: 9 }
ul.news_left_aside_sns > li:first-child + li { margin-bottom: 30px }
ul.news_left_aside_sns li a { position: relative; display: block; width: 40px; height: 40px; text-indent: 40px; color: #000; white-space: nowrap; font-size:0 }
ul.news_left_aside_sns li a:before { content: ' '; position: absolute; display: block; width: 40px; height: 40px; top: 0; left: 0; margin: auto;  background: url('https://health.chosun.com/mildang365/img/icon_article.png') no-repeat }
ul.news_left_aside_sns li input { width: 10px; height: 10px; opacity: 0 }

ul.news_left_aside_sns li a.count_cmt:before { background-position: 0 0}
ul.news_left_aside_sns li a.count_like:before { background-position: 0 -50px}
ul.news_left_aside_sns li a.share_fb:before { background-position: 0 -100px}
ul.news_left_aside_sns li a.share_tw:before { background-position: 0 -150px}
ul.news_left_aside_sns li a.share_kas:before { background-position: 0 -737px}
ul.news_left_aside_sns li a.share_gp:before { background-position: 0 -250px}
ul.news_left_aside_sns li a.share_nblog:before { background-position: 0 -300px}
ul.news_left_aside_sns li a.share_url:before { background-position: 0 -350px}
ul.news_left_aside_sns li a.share_more:before { background-position: 0 -400px}

ul.news_left_aside_sns li a.count_cmt:hover:before { background-position: 0 0}
ul.news_left_aside_sns li a.count_like:hover:before { background-position: -50px -50px}
ul.news_left_aside_sns li a.share_fb:hover:before { background-position: -50px -100px}
ul.news_left_aside_sns li a.share_tw:hover:before { background-position: -50px -150px}
ul.news_left_aside_sns li a.share_kas:hover:before { background-position: -50px -737px}
ul.news_left_aside_sns li a.share_gp:hover:before { background-position: -50px -250px}
ul.news_left_aside_sns li a.share_nblog:hover:before { background-position: -50px -300px}
ul.news_left_aside_sns li a.share_url:hover:before { background-position: -50px -350px}
ul.news_left_aside_sns li a.share_more.vis:before { background-position: -50px -400px}

ul.news_left_aside_sns li a .count { position: absolute; left: 50px; font-size: 15px; text-indent: 0; color: #222 }
ul.news_left_aside_sns li a.count_cmt { width: 100px; }
ul.news_left_aside_sns li a.count_like { width: 100px; }
ul.news_left_aside_sns li a.share_fb { width: 55px; }
ul.news_left_aside_sns li a.share_tw { width: 55px; }
ul.news_left_aside_sns li a.share_kas { width: 55px; }
ul.news_left_aside_sns li a.share_nblog { width: 55px; }
ul.news_left_aside_sns li a.share_url { width: 55px; }
.news_left_aside_sns_more { opacity: 0; height: 0px; overflow: hidden; transition: ease all 0.4s; z-index: 7 }
.news_left_aside_sns_more.vis { opacity: 1; height: 100px; overflow: visible }





	section.m_movie_view{ padding: 20px 0 20px 0px; position: relative;} 
	.m_movie_view .description{ margin-top: 25px;  border-top: 1px solid black; border-bottom: 1px dashed #b9b9b9;  padding-top: 25px; padding-bottom: 25px;  padding-left: 10px; padding-right: 10px;}
	.m_movie_view .description p {  font-size: 18px; font-weight: 500;  display: block;  margin-block-start: 0em; margin-block-end: 0em; margin-inline-start: 0px; margin-inline-end: 0px;}
	.m_movie_view .description hr {display: block; unicode-bidi: isolate; margin-block-start: 0.8em; margin-block-end: 0.8em; margin-inline-start: auto; margin-inline-end: auto; overflow: hidden; border:1px solid #border-style: solid; border-width: 0.5px; opacity: 0.85; }
	.m_movie_view .byline { margin-top: 20px !important; color: black; opacity: 0.8; font-size: 16px; line-height: 1.7; font-weight: 400; margin-left: 85px; margin-right: 15px; text-align: right; }
	.m_movie_view .description img { display: block; text-align: center; /* margin-left: 20px; */ margin: 20px auto 0 auto; }
	.m_movie_view .description .center_img_dt { color: #3B3B3B; font-size: 15px; line-height: 1.5; text-align: center; }
	.m_movie_view .description .center_img { margin: 0 0 20px 0;	 }
	.m_movie_view .description iframe { width: 100% !important; }

	section.m_movie_latest { margin-top: 15px; padding: 0px 0 50px 0px; position: relative;}
	.m_movie_latest .title_area {padding: 10px 0 10px 0px; font-size: 18px; border-top:0px solid black;}
	.m_movie_latest .title_headline {font-size: 1.8rem; color: #000; line-height: 2.5rem; padding: 0px 0 10px 0px; font-weight: 500; margin-bottom: 10px; border-bottom: 1px solid black; }	

	
	section.m_doctor_list { padding: 0px 0 50px 0px; position: relative; }
	.m_doctor_list .sec_inner { padding: 20px 10px 20px 10px; border-bottom: 1px solid #000;}
	.m_doctor_list h2.search_tit { font-size: 20px; padding-bottom: 11px; float: initial; font-weight: bold; padding-top: 10px; 
    color: #308fab; }
	.m_doctor_list .search_area { padding: 0; position: relative; max-width: 1280px; font-size: 20px; }
	.m_doctor_list .caption_txt { position: initial; padding-bottom: 15px; line-height: 1.29; bottom: 0;    font-size: 18px;  }
	.m_doctor_list legend, caption { display: none; }
	.m_doctor_list fieldset { display: block; margin-inline-start: 0px; margin-inline-end: 0px; padding-block-start: 0em; padding-inline-start: 0em;
    padding-inline-end: 0em; padding-block-end: 0em; min-inline-size: min-content; border-width: 1px; border-style: groove;  border-color: #c4ad5c;
		border-image: initial; }
	.m_doctor_list  input {  font: 500 16px/22px var(--frank); border: 0px solid rgba(0,0,0,.2); padding: 0px 15px 3px 0px; border-radius: 0px; }
	
	.input_box .ip_outline { position: relative; width: 100%; border: 3px solid #000; padding: 0 45px 0 16px; box-sizing: border-box; background-color: #fff;}
	.input_box .search_input { font-size: 15px; margin: 0; background-color: #fff;}	
	.input_box .ip_outline .btn_search { position: absolute; top: 0px; right: 0px; width: 35px; height: 37px; padding: 5px 3px;  background: url(https://m.health.chosun.com/mildang365/img/m_w_search.png) no-repeat 0 0; background-color: #000;
    border: 0; font-size: 0; line-height: 0; text-indent: -9999px; overflow: hidden; cursor: pointer; background-size: 100%; }
	.m_doctor_list .note-main-list { border-top: 0px solid #000; padding-top: 15px;}
	.m_doctor_list .note-main-list .mygrid { grid-template-columns: 1fr !important; -ms-grid-columns: 1fr !important; gap: 15px; }
	.m_doctor_list .widget-title { width: 100%; height: 25px; font-size: 25px; margin-top:5px; /* margin-bottom: 14px; */ font-weight: 600; text-transform: capitalize; position: relative;
    z-index: 2; display: inline-block; letter-spacing: -0px; margin-bottom: 10px; }
	.m_doctor_list .widget-title span { display: block; position: absolute; right: 1%; top: 0px; cursor: pointer;}
	.m_doctor_list .mygrid { /* display: grid; display: -ms-grid; grid-template-columns: 1fr; -ms-grid-columns: 1fr; gap: 15px;*/ }	
	.m_doctor_list .adoctor_note {
		/*display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;*/
		cursor: pointer;
		-ms-flex-negative: 0;
		flex-shrink: 0;
		background: #fff;
		text-align: left;
		box-shadow: 1px 1px 2px 1px rgb(0 0 0 / 10%);
		border-radius: 15px 0px 15px 0;
		border: 1px solid rgb(0 0 0 / 10%);
		margin-bottom: 10px;*/
	}
	.m_doctor_list .adoctor_note:hover { box-shadow: 0px 0px 0px 0px rgb(0 0 0 / 0%); }
	.m_doctor_list .adoctor_note .tip_item { width: 100%; }
	.m_doctor_list .tip_item .post-heading-container { padding-right: 0px; width: 100%; border-bottom: 0px solid rgb(150, 150, 150); }
	.m_doctor_list .tip_item .post-heading { margin: 20px 20px; line-height: 1.6; overflow: hidden; /* font-family: 'Noto Serif KR', serif !important; */ letter-spacing: -0.055499em; }
	.m_doctor_list .tip_item .post-heading-container h4 { font-size: 24px; line-height: 1.4; font-weight: 700; display: -webkit-box; -webkit-line-clamp: 1;
    -webkit-box-orient: vertical; overflow: hidden; color: #333333; }
	.m_doctor_list .tip_item .post-heading-container span.desc1 { display: block; font-size: 16px;
    line-height: 1; text-align: left; overflow: hidden; font-weight: 500; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1;  -webkit-box-orient: vertical; color: #9f9f9f; margin-bottom: 0px; padding: 0% 0 0 0%; }
	.m_doctor_list .thumb_img {   width: 100%; }
	.m_doctor_list .thumb_img img {  width: 100%;  border-top: 2px solid #308fab;   border-bottom: 1px solid #d3d3d3; max-width: 100%;  height: auto;  vertical-align: middle; padding: 0;  margin: 0;  vertical-align: top; }
	.m_doctor_list .bg-img { position: relative; background-size: cover; background-repeat: no-repeat; background-position: center; overflow: hidden;}
	.m_doctor_list .adoctor_note .bg-img::before { position: absolute; top: 0; left: 0; content: ""; width: 100%; height: 100%; background-color: rgba(40, 40, 40, 0.0); 
	}
	.m_doctor_list .ratio-2-3:after { max-height: 640px;  padding-top: calc(100% * 1.54 / 4); display: block; content: ''; }
	.m_doctor_list .ratio-4-3 { width: 100%; position: relative; display: inline-block; }
	.m_doctor_list .tip_note {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		/* width: calc((100% - 35px * 3) / 4); */
		/* margin-right: 20px; */
		cursor: pointer;
		-ms-flex-negative: 0;
		flex-shrink: 0;
		background: #fff;
		text-align: left;
		border-radius: 0px 0px;
		border: 1px solid rgb(0 0 0 / 15%);
	}
	.m_doctor_list .tip_item .post-heading-container .post-text { font-size: 18px;
    line-height: 1.4;
    font-weight: 600;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin: 20px 20px;
    overflow: hidden;
    letter-spacing: -0.055499em;
}
	.m_doctor_list .tip_note h4.post-heading { margin: 20px 20px 0px 20px; line-height: 1.6; overflow: hidden; letter-spacing: -0.055499em; font-size: 20px; line-height: 1.5; font-weight: 600; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; color: #333333;}
	
	.m_doctor_list .tip_note .author { margin: 20px 20px; line-height: 1.6; overflow: hidden; letter-spacing: -0.055499em; font-size: 20px; line-height: 1.5; font-weight: 400;
     display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; color: #333333;}	
	.m_doctor_list .tip_note:hover  {box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0); border:1px dashed #FF5555; }
	
	section.m_doctor_view { padding: 0px 0 50px 0px; position: relative; }
	.m_doctor_view .notecard {    position: relative; padding: 20px 0px 20px 0px;}
	.m_doctor_view .map_wrap { /* position: fixed; */ position: relative; top: 0px; left: 0; right: 0; bottom: 0; background-color: #fff; /*z-index: 2003;*/}
	.m_doctor_view .title_area { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; background: #686a6b; padding: 20px 20px; }
	.m_doctor_view .author { position: relative; z-index: 2; padding-left: 0px; display: inline-block; text-align: left; }
	.m_doctor_view .author a { font-weight: 500; font-size: 26px; color: #fff; }
	.m_doctor_view .noimg div.header { clear: both; margin: 0px 0px 20px 0px; font-size: 17px !important; font-weight: 300; line-height: 1.4em; padding-top: 20px; padding-left: 0px; padding-right: 0px; border-top: 1px solid #fff; padding-bottom: 0px; color: #fff; }
	.m_doctor_view .author_social ul { margin: 0; padding: 0; }
	.m_doctor_view .author_social ul li { list-style: none; }
	.inline li { display: inline-block; }
	.m_doctor_view .author_social ul li a { height: 40px; line-height: 30px; /* width: 40px; */ padding: 10px 15px; text-align: center; background: #E4E5E6; color: #17222B; }
	#map_s { position: relative; background: #fff; width: 100%; height: 417px; }
	.m_doctor_view .map_container { border: 1px solid #686a6b; }
	.text-right { text-align: right!important; }
	.text-right { text-align: right!important; }
	.col-lg-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
	.col-lg-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
	.align-self-center { -ms-flex-item-align: center!important; align-self: center!important; }
	.general_info { background: #fff;padding: 25px 0px 0px; border-bottom: 1px solid #e0e0e0;text-align: center;}
	.info_title { line-height: 0; vertical-align: middle; color: black; padding-bottom: 25px; font-size: 20px; font-weight: bold; }
	.time-lists .time-line {  width: 100%;  display: inline-block; font-size: 14px; color: #222222; padding-left: 5px;  padding-right: 5px; }
	.day { float: left; width: 50%; color: #333333; padding-bottom: 15px; padding-right: 5px; }
	.day .title { font-weight: 700; font-size: 14px; margin-bottom: 0px; letter-spacing: 0.3px; }
	.day .time { font-size: 16px; letter-spacing: 0px; }
	.icon, .text { vertical-align: middle;  display: inline-block; }
	.hospital_part .data_left ul.data_list li span { font-weight: bold; color: #308fab; margin-right: 10px; }
	.hospital_part .data_left { text-align: left; padding-bottom: 20px; line-height: 1.6; letter-spacing: 0px; font-size: 0.98em; }
	.hospital_part .data_left ul.data_list li { margin-bottom: 10px; }
	.hospital_part .title { font-weight: bold;  margin-bottom: 5px;  color: #308fab; }


	section.m_bestd_list { padding: 0px 0 50px 0px; position: relative; }
	.m_bestd_list .sec_inner { padding: 20px 10px 20px 10px; border-bottom: 1px solid #000;}
	.m_bestd_list h2.search_tit { font-size: 20px; padding-bottom: 11px; float: initial; font-weight: bold; padding-top: 10px; 
    color: #308fab; }
	.m_bestd_list .search_area { padding: 0; position: relative; max-width: 1280px; font-size: 20px; }
	.m_bestd_list .caption_txt { position: initial; padding-bottom: 15px; line-height: 1.29; bottom: 0;    font-size: 18px;  }
	.m_bestd_list .mygrid { grid-template-columns: 1fr !important;  -ms-grid-columns: 1fr !important; gap: 10px; }
	.m_bestd_list .adoctor_note { display: -webkit-box; display: -ms-flexbox;
    display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; cursor: pointer;
    -ms-flex-negative: 0; flex-shrink: 0;   background: #fff;  text-align: left; border-radius: 0px 0px 0px 0;      border: 1px dashed #fff; margin:15px 0; }
	.m_bestd_list dl.bestdoctor_list { background: #fff none repeat scroll 0 0; position: relative; box-shadow: 1px 1px 2px 1px rgb(0 0 0 / 10%); }
	.m_bestd_list dl.bestdoctor_list dt {  position: relative; }
	.m_bestd_list dl.bestdoctor_list dt .imgtag { width: 100%;  min-height: 225px; border: 1px solid #cbcbcb; }
	.m_bestd_list img { max-width: 100%; max-height: 100%; }
	.m_bestd_list dl.bestdoctor_list span { top: 0; box-sizing: border-box; left: 0; position: absolute; width: 100%; text-align: right; padding-top: 20px;
    padding-right: 5%; padding-bottom: 0px; font-size: 16px; font-weight: 500; color: #308fab; font-size: 18px; line-height: 1.4; }
	.m_bestd_list dl.bestdoctor_list span.bestdoctor_name { clear: both; color: #000000; font-size: 24px; padding-top: 30%; font-weight: 700;}
	.m_bestd_list dl.bestdoctor_list dd {background: rgba(0, 0, 0, 0.5); bottom: 0; box-sizing: border-box;  position: absolute; width: 100%; height: 87px; padding-top: 10px; padding-right: 15px; }
	.m_bestd_list dl.bestdoctor_list dd a { color: #fff; display: block; font-size: 12px; height: auto; line-height: 22px; width: 100%; text-align: right; }

	
	section.m_bestd_view { padding: 0px 0 50px 0px; position: relative; }
	.bestdoctor_view { padding: 0 0px; }
	.bestdoctor_view .bestdoctor_view_img {    position: relative; width: 100%; }
	.bestdoctor_view > dl { padding: 15px 0; border-bottom: 1px solid #e5e5e5; }
	.bestdoctor_view dl dd { padding: 0px 0; }
	.bestdoctor_view .bestdoctor_view_img dt {width: 100%; }
	.bestdoctor_view .bestdoctor_view_img dd span { background: rgba(0, 0, 0, 0.5); bottom: 0; box-sizing: border-box; padding-top: 0%;
    position: absolute; width: 100%; bottom: 18px; height: 13%; color: #ffffff; vertical-align: middle; text-align: center; font-size: 3.8vw; font-weight: bold; }
	.bestdoctor_view dl dt { font-weight: bold; padding-bottom: 3.5px; }
	.bestdoctor_view .dictionary_result_list { border: 0; border: none; margin: 0; padding: 0; }
	.bestdoctor_view .dictionary_result_list li { border: 0; border: none; margin: 0; padding-bottom: 7.5px; }
	.dictionary_result_list li a { display: block; width: 100%; height: auto; }
	.dictionary_result_list dt strong { font-size: 1.1em; color: #5565a9; border-bottom: 1px solid #5565a9; }
	.dictionary_result_list dt span { font-size: 0.875em; color: #c1c1c1; padding-left: 1em; }
	.bestdoctor_view .map { margin: 0; }
		.bestdoctor_view .map { margin: 0px; height: 268px; box-sizing: border-box; border: 1px solid #e5e5e5; overflow: hidden; }
	
	.bestdoctor_view dl dd .hospital_info .hospital_img p { text-align: center; padding-bottom: 0px; }
	.hospital_img p img { width: 100%; }
	.bestdoctor_view dl dd .hospital_info p { text-align: center; padding-bottom: 10px; }
		.hospital_img ul { margin-top: 2%; }
		.hospital_img ul li { float: left; width: 34%; padding-right: 2%; }
		.hospital_img ul li:last-child { float: right; width: 32%; padding-right: 0%;}
		.hospital_img ul li img { width: 100%; }

	.bestdoctor_view .n_bd { border: 0 !important; border: none !important; }
	.clearfix:after { content: ""; display: block; clear: both; }
	.bestdoctor_view .n_pd { padding: 0 !important; }
	.bestdoctor_view .mgTop15 { margin-top: 15px;}
	pre {font-family: 'Pretendard', 'Noto Sans KR', sans-serif;}

	
	section.m_board_list { padding: 0px 0 50px 0px; position: relative; }
	.m_board_list .sec_inner { padding: 20px 10px 20px 10px; border-bottom: 1px solid #000;}
	.m_board_list h2.search_tit { font-size: 20px; padding-bottom: 11px; float: initial; font-weight: bold; padding-top: 10px; 
    color: #308fab; }
	.m_board_list .search_area { padding: 0; position: relative; max-width: 1280px; font-size: 20px; }
	.m_board_list .caption_txt { position: initial; padding-bottom: 15px; line-height: 1.29; bottom: 0; font-size: 18px; }
	.m_board_list .ui.basic.segment2 { background: none transparent; -webkit-box-shadow: none; box-shadow: none; border: none;  border-radius: 0; margin-top: 0px;    text-align: right; }

.info-search {
    /*float: right;*/
    margin: -12px 0 8px;
	background-color: #fff;
	overflow: hidden;
    margin: 8px 0;
}
.info-search .inp {
    border-color: #d3d3d3;
    background-color: #fff;
    color: #333;
}
.info-search .inp {
    width: 80%;;
    height: 33px;
}
.info-search .inp {
    float: left;
    padding: 0 6px;
    border: 1px solid;
    border-right: 0;
    font-size: 12px;
}
.info-search .btn {
    width: 20%;
    height: 33px;
    font-size: 14px;
}
.info-search .btn {
    margin: 0;
    border: 0 none;
    font-size: 16px;
    color: #fff;
    background-color: #000;
    text-align: center;
}



	.m_board_list .write_btn { margin-top: 15px; margin-bottom: 15px; width: 100%;
        display: inline-block; min-width: 50px; background: #fb7800; padding: 10px 1rem 10px; text-align: center; color: #000;  cursor: pointer;  position: relative;
    border: 0px solid #000; box-sizing: border-box; background: rgb(0,0,0,0.1); font-weight: 700;     font-family: 'Pretendard', 'Noto Sans KR', sans-serif;}
	.m_board_list .boardlist .contentlist {border-top: 2px solid #5d5d5d;  border-bottom: 1px solid #5d5d5d; }
	.m_board_list .boardlist .contentlist > ul { display: block; list-style-type: disc; margin-block-start: 0em; margin-block-end: 0em; margin-inline-start: 0px;
    margin-inline-end: 0px;  padding-inline-start: 0px; }
	.m_board_list .boardlist .contentlist > ul > li:first-child { border-top: none; }
	.m_board_list .boardlist .contentlist > ul > li { padding: 10px 0 14px; border-top: 2px solid #ddd; padding-bottom: 0; }
	.m_board_list .boardlist .contentlist > ul > li strong { display: block; float: left; padding-left: 0px; width: 10%; font-size: 1.1em; font-weight: 200; }
	.m_board_list .boardlist .contentlist > ul > li > dl { float: left;  width: 90% }
	.m_board_list .boardlist .contentlist > ul > li > dl.dl_info { float: left;  width: 100%; border-top: 1px dashed #ddd;}
	.m_board_list .boardlist .contentlist > ul > li { border-top: 1px solid #000; 	padding-bottom:0; }
	.m_board_list .boardlist .contentlist > ul > li > dl dt {  margin-bottom: 10px; color: #111; font-size: 1.1em; font-weight: 800; line-height: 1.5em; padding-top: 4px;}
	.m_board_list .boardlist .contentlist > ul > li > dl dt a { color: #111; text-overflow: ellipsis; overflow: hidden; /*white-space: nowrap;*/ width: 100%; }
	.m_board_list .boardlist .contentlist > ul > li > dl dd { line-height: 22px; overflow: hidden;  display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical; }
	.m_board_list .boardlist .contentlist > ul > li > dl dd.info {text-align: left;     float: right; line-height: 1.5em; margin: 5px 0 ; }
	.m_board_list .boardlist .contentlist > ul > li > dl dd.info ul { width: 100%; display: block;  list-style-type: disc;  margin-block-start: em; margin-block-end: em;
    margin-inline-start: 0px;  margin-inline-end: 0px; padding-inline-start: 0px; float: right; }
	.m_board_list .boardlist .contentlist > ul > li > dl dd.info ul li { float: left; padding: 0 5px; font-size: 0.9em; font-weight: 400; }	
	.m_board_list .boardlist .contentlist > ul > li > dl dd.info ul li:after { position: absolute; content: ""; height: 15px; width: 1px;
    background: #B9BCBF; right: -2px; top: 50%; margin-top: -8px; }
	.m_board_list .boardlist .contentlist > ul > li > dl dd.info ul li.first {float: left; padding-left: 0; }
	.m_board_list .boardlist .contentlist > ul > li > dl dd.info ul li.last { background: none;  }
	.m_board_list .boardlist .contentlist > ul > li > dl.dl_info dt{ display: block; float: left; padding-left: 0px; width: 20%; font-size: 0.9em; font-weight: 300; }


	.m_board_list .boardlist .contentlist > ul > li > dl dd.info_l {text-align: left;  margin: 9px 0 15px 0; }
	.m_board_list .boardlist .contentlist > ul > li > dl dd.info_l ul { width: 50%; display: block;  list-style-type: disc;  margin-block-start: em; margin-block-end: em;
    margin-inline-start: 0px;  margin-inline-end: 0px; padding-inline-start: 0px; float: left; }
	.m_board_list .boardlist .contentlist > ul > li > dl dd.info_l ul li { float: left; padding: 0 10px; font-size: 15px; font-weight: 500; }
	.m_board_list .boardlist .contentlist > ul > li > dl dd.info_l ul li:after { position: absolute; content: ""; height: 15px; width: 1px;
    background: #B9BCBF; right: -2px; top: 50%; margin-top: -8px; }
	.m_board_list .boardlist .contentlist > ul > li > dl dd.info_l ul li.first {padding-left: 0; }
	.m_board_list .boardlist .contentlist > ul > li > dl dd.info_l ul li.last { background: none;  }

	.m_board_list .boardlist .contentlist > ul > li > dl dd.info_r {text-align: left;  margin: 9px 0 15px 0; }
	.m_board_list .boardlist .contentlist > ul > li > dl dd.info_r ul { width: 50%; display: block;  list-style-type: disc;  margin-block-start: em; margin-block-end: em;
    margin-inline-start: 0px;  margin-inline-end: 0px; padding-inline-start: 0px; float: right; }
	.m_board_list .boardlist .contentlist > ul > li > dl dd.info_r ul li { float: left; padding: 0 10px; font-size: 15px; font-weight: 500; }
	.m_board_list .boardlist .contentlist > ul > li > dl dd.info_r ul li:after { position: absolute; content: ""; height: 15px; width: 1px;
    background: #B9BCBF; right: -2px; top: 50%; margin-top: -8px; }
	.m_board_list .boardlist .contentlist > ul > li > dl dd.info_r ul li.first {padding-left: 0; }
	.m_board_list .boardlist .contentlist > ul > li > dl dd.info_r ul li.last { background: none;  }
	.m_board_list .boardlist .contentlist > ul > li:after {content: ""; display: block; clear: both; }
	
	section.m_board_view { padding: 0px 0 50px 0px; position: relative; }
	.m_board_view .content div.header { clear: both; font-weight: 600; font-size: 1.5em; color: black; line-height: 1.4em; padding-top: 10px; padding-right:0px; margin: 10px 0px; border-top: 0px solid #282828; padding-bottom: 10px; border-bottom: 0px dashed #b8b8b8; }
	.m_board_view .note-meta { display: flex; border-bottom: 1px solid black;
    padding: 0px 0px 10px 0px !important;  margin-left: 0px; margin-right: 0px; margin-bottom: 20px; }
	.m_board_view .ui.breadcrumb {font-size: 17px; font-weight: 600; }
	.m_board_view .ui.breadcrumb .divider { display: inline-block; opacity: .7; margin: 0 0.21428571rem 0; font-size: .92857143em; color: rgba(0,0,0,.4);  vertical-align: baseline; }
	.m_board_view .ui.breadcrumb .section { display: inline-block; margin: 0; padding: 0; }
	.m_board_view .note-meta .good_icon { position: absolute; right: 15px; border: 0px solid #000; background: #fff; font-size: 14px;  padding: 0 15px; box-shadow: 1px 1px 2px 1px rgb(0 0 0 / 10%); color: black; cursor: pointer; }
	.m_board_view .note-meta .good_icon:hover { color: #FF5555; box-shadow: 1px 1px 2px 1px rgb(0 0 0 / 0%);}
	.m_board_view .note-meta .good_icon svg {float:left;}
	.m_board_view .noimg .description { margin-top: 0px !important; color: black; opacity: 1; font-size: 18px; padding: 0px 0px 0 0px; line-height: 1.8; }
	.m_board_view li { list-style: none; display: block; margin: 0; padding: 0;
    position: relative; line-height: normal; vertical-align: middle; font-size: 18px;  line-height: 2.5; }
	
	.m_board_view .post-share-option { position: relative; display: block; padding: 20px 0px 20px 0px; border-top: 0px dashed #A3A3A3; border-bottom: 1px solid #000; margin-top: 20px;}
	.social-style-one li { position: relative; display: inline-block; margin-left: 6px; }
	.social-style-one li a { position: relative; display: inline-block; font-size: 0.95em; color: #008aa5; width: 100px; height: 40px; line-height: 40px;
    text-align: center;  border: 1px solid #008aa5; }
	.social-style-one li a:hover { background: #008aa5; color: #ffffff; border: 0px solid #008aa5; }
	.pull-right {  float: right; }
	
	.comment-respond .comment-form { margin: 0px 0px; padding: 10px 15px; background: #f3f3f3;  /* box-shadow: 0 0 35px rgb(12 12 12 / 5%); */ }
	.m_board_view .comment-respond .row {display: flex;flex-wrap: wrap;margin-top: 0;margin-right: 0px;
		margin-left: 0; }
	.comment-respond .comment-form .comment-form-field {margin-top: 12px; margin-right: 5px;	}
	.comment-respond .comment-form .comment-form-field input[type='password'] { margin-right: 0px;	}
	.comment-respond .comment-form .comment-form-field input {width: 100%;  border: 1px solid #dedede; padding: 6px 0px 3px 10px; }
	.comment-respond .col-lg-6 {	flex: none;	width: 48%;  }
	.comment-respond .col-12 {  flex: none;  width: 100%; }
	.join_info_body {   display: table-cell;}
	.join_captcha_area {  float: left; text-align: center;  margin: 14px 10px 0px 0; width: 30%;}
	.join_captcha_info {  float: left; width: 64%;}
	.join_captcha_info .info_box {  margin: 14px 0 0px; }
	.social-style-one li a i { display: inline-block !important; padding-right: 10px; }
	.join_captcha_info .info_box .input_text { width:100%; border-radius: 0px; border: 0; color: #000000; background-color: #ffffff; box-sizing: border-box; height: 38px; font-size: 15px; border: 1px solid #dedede; }
	.join_captcha_area .image { border-radius: 0px;  border: 1px solid #dedede; height: 38px;}
	.join_captcha_info .info_box { margin: 14px 0 0px; }
	.join_captcha_info2 .info_box .text { display: inline-block; margin-left: 0px; padding: 0 0px 0 0px;
    height: 50px;  border: 0px solid #dedede; border-radius: 0px; color: #757474; line-height: 18px; vertical-align: top; text-align: left; font-size: 14px; background: #f3f3f3; font-weight: 500; }	
	.join_captcha_info2 .info_box .text span { font-size: 16px; color: #008aa5; }

	.comment-respond .comment-form .comment-form-comment textarea { height: 150px;
    box-sizing: border-box;  display: block;  width: 97%; margin-right: 10px; max-width: 100%; min-height: 110px; padding-top: 15px; line-height: normal; resize: vertical;
    background-color: #fff;  border: 1px solid #dedede; color: #757474; padding: 10px 10px 0 ; font-size: 16px;  font-weight: 400;
    text-align: start; outline: none;  font-family: 'Pretendard', 'Noto Sans KR', sans-serif; }
	.comment-respond p[class] { line-height: normal; clear: both; overflow: hidden; }
	.comment-respond .form-submit { margin: 14px 17px 15px 17px; background: #f3f3f3;  text-align: right; }
	.pxl-btn { overflow: hidden; position: relative; display: inline-flex; align-items: center; font-size: 14px; font-weight: 500; color: #fff; line-height: 2.1428571429; letter-spacing: 0; padding: 5px 10px; outline: none; white-space: nowrap; cursor: pointer; vertical-align: top; background: black; }
	.commentlist { list-style: none; margin: 10px 15px; padding: 0px 0px 10px 0; background: #fff; }
	.commentlist>.comment:last-child { padding-bottom: 20px; border-bottom: 1px solid #000; }
	.commentlist>.comment:first-child { margin-top: 0; padding-top: 0; border-top: 0; }
	.commentlist .col { flex: 1 0; }
	.commentlist .justify-content-between { -ms-flex-pack: justify!important; justify-content: space-between!important; }
	.commentlist  .col-auto {  flex: none;  width: auto; }
	.commentlist .comment-content .comment-title { position: relative; float: left; }
	.commentlist .comment-content .comment-name { font-size: 18px; font-weight: 700; margin-right: 10px;}
	.commentlist .comment-content .comment-date { font-size: 14px; font-weight: 400; }
	.commentlist input.input_cpw { background-color: #f3f3f3; border: 0px solid #000; color: #757474; padding: 0 20px; line-height: 40px; height: 25px; font-size: 15px; font-weight: 400; text-align: start; outline: none; width: 50%; }
	.commentlist .comment-reply-link { display: inline; font-size: 13px; color: #000; font-weight: 500; background-color: #fff; border: 1px solid #000; padding: 5px 10px; border-radius: 0px; letter-spacing: .05em; position: relative; }
	.commentlist .comment-content .comment-text { font-size: 17px; line-height: 26px; margin-top: 10px; }
	
	.box--position-relative {  position: relative; }
	.box--border-grey-30 { border-color: #e2e2e2; margin-top: 15px;}
	.grid__col--sm-12 { flex-basis: 100%;  max-width: 100%; }
	.box--position-absolute-right {  right: 0; }
	.box--position-absolute { position: absolute; }
	.box--display-flex { display: flex; }
	.text--line-height-1\.43 { line-height: 1.43; }
	.more-option-container { position: absolute; right: 0;  top: 100px; }
	.box--pointer { cursor: pointer; }
	.box--display-flex { display: flex; }
	.box--margin-left-md { margin-left: 16px;}
	.box--margin-left-xxs {  margin-left: 4px; }
	.text--grey-80 { color: #707070; }
	.font--primary { font-family: 'Pretendard', 'Noto Sans KR', sans-serif; }
	.grid__col--sm-12 { flex-basis: 100%;  max-width: 100%; }
	.box--margin-bottom-md-24 {  margin-bottom: 24px; }	
	.box--margin-bottom-md-12 {  margin-bottom: 12px; }	
	.box--margin-bottom-md-5 {  margin-bottom: 5px; }	
	.comment-feed hr { margin: 0; }
	.box--border-horizontal-bottom {  border-top: 0; }
	.box--border-horizontal {  border-left: 0; border-right: 0; }
	.comment-card-replyrow input[type='password'] { border : 1px solid #dedede;	}
	.del-btn { overflow: hidden; position: relative; display: inline-flex; align-items: center; font-size: 14px; font-weight: 600; color: #000; line-height: 2.1428571429; letter-spacing: 0; padding: 0px 10px; outline: none; white-space: nowrap; cursor: pointer; vertical-align: top; background: #f3f3f3; border : 1px solid #dedede; }

	section.m_board_write { padding: 0px 0 50px 0px; position: relative; }
	.m_board_write .sec_inner { padding: 20px 10px 20px 10px; border-bottom: 1px solid #000;}
	.m_board_write h2.search_tit { font-size: 20px; padding-bottom: 11px; float: initial; font-weight: bold; padding-top: 10px; 
    color: #308fab; }
	.m_board_write .search_area { padding: 0; position: relative; max-width: 1280px; font-size: 20px; }
	.m_board_write .caption_txt { position: initial; padding-bottom: 15px; line-height: 1.29; bottom: 0; font-size: 18px; }
	.m_board_write .post-btn-option { position: relative; display: block; padding: 10px 0px 0 0px;  width: 100%; }
	.pull-right { float: right; }
	.btn-style-one { position: relative; }
	.btn-style-one li { position: relative; display: inline-block; margin-left: 6px;  width: 45%; }
	.btn-style-one li a { position: relative; display: inline-block; font-size: 16px; width: 100%; height: 40px; line-height: 40px; text-align: center; color: #008aa5; border: 1px solid #008aa5; border-radius: 30px;}
	.btn-style-one li:first-child a { margin-left: 0px; background: #008aa5; color: #fff !important; border: 0px solid #008aa5; }

	.btn-style-one2 { position: relative; }
	.btn-style-one2 li { position: relative; display: inline-block; margin-left: 6px;  width: 100%; }
	.btn-style-one2 li a { position: relative; display: inline-block; font-size: 16px; width: 100%; height: 40px; line-height: 40px; text-align: center; background: #008aa5; color: #fff !important; border: 1px solid #008aa5; border-radius: 30px;}
	
	.clearfix::after {  display: block; clear: both; content: ""; }
	.input_write[type='password']{ border-radius: 3px; box-sizing: border-box;  border: 1px solid rgba(0,0,0,.2); } 
	.m_board_write table {width: 100%; margin: 25px 0px 0 0px;}
	.m_board_write table th {text-align: left; vertical-align: top; }
	.m_board_write table th img {    vertical-align: top;     width: 100%;}
	.m_board_write table td input {width: 100%;border: 1px solid rgba(0,0,0,.2); margin-bottom: 15px;  }
	.m_board_write table td textarea {width: 100%; border: 1px solid rgba(0,0,0,.2); margin-top: -15px; min-height: 150px;     font: 500 16px/22px var(--frank);    padding: 6px 15px 3px 15px; font-family: 'Pretendard', 'Noto Sans KR', sans-serif;  }
	.m_board_write .text span { font-size: 16px; color: #008aa5; }


	section.m_board_pw { padding: 0px 0 50px 0px; position: relative; }
	.m_board_pw .identity-wrapper { margin-top: 35px; margin-bottom: 50px; padding: 45px 25px; max-width: 500px;  flex-basis: 33.33%; margin-left: auto; margin-right: auto; text-align: center; background: #fff; box-shadow: 1px 1px 2px 1px rgb(0 0 0 / 10%); border:1px solid rgb(0 0 0 / 10%);  }
	.m_board_pw .identity-header { margin-bottom: 32px; line-height: 1.36; font-size: 28px; }
	.m_board_pw .identity-text { font-size: 18px; line-height: 1.5; text-align: center; color: #222; padding-bottom: 50px; border-bottom: 1px solid #000; }
	.m_board_pw .identity-text span{ color: #008aa5; }
	.m_board_pw .identity-pw { margin-bottom: 10px; margin-top: 30px; }
	.m_board_pw  input { width: 100%; padding-left: 12px;  padding-top: 12px;  line-height: 1.5;  -webkit-text-security: disc !important; padding: 1px 10px; height: 40px;background: #f3f3f5; }
	.board_pw  input:hover {  border-color: #222;  outline: none; }
	.identity-btn { width: 100%; display: inline-block; padding: 10px ;
    background-color: #163854; color: #fff;cursor: pointer;   text-align: center;   white-space: nowrap;	margin-top: 0px; 	border: 0px; }


	.M_contents_search { /* float: left; */ width: 100%; margin-bottom: 0px; margin-top: 00px; }
	.M_contents_search section {background: #fff; padding: 20px 0 20px 0px; margin-bottom: 20px;}
	.M_contents_search section h2.search_tit {margin: 20px 0px; ; text-align: center; height: 100px; font-size: 28px; font-weight: 400; line-height: 32px; border-bottom: 1px dashed #000;}
	.M_contents_search section h2.search_tit span{color:#4BA2FF}
	.M_contents_search section h4{}
	.M_contents_search .secondary-button { display: inline-block; width: 200px;  padding: 11px 1.0rem 12px; border-radius: 0; text-align: center; color: #fff; cursor: pointer; position: relative; border: 1px solid #eee; box-sizing: border-box; background: #163854; color: #fff;
		box-shadow: 1.5px 1.5px 1px 1px rgba(0, 0, 0, 0.15); border-radius: 30px 30px;}
	.M_contents_search .secondary-button:hover {box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.0);}

	section.m_welcome { padding: 0px 0 50px 0px; position: relative; background: #f3f3f4; }
	.m_welcome .identity-wrapper { margin-top: 35px; margin-bottom: 50px; padding: 45px 25px; max-width: 500px;  flex-basis: 33.33%; margin-left: auto; margin-right: auto; text-align: center;  }

	.m_welcome .identity-header { margin-bottom: 32px; line-height: 1.36; font-size: 36px; font-weight: 500;}
	.m_welcome .identity-header img {  }
	.m_welcome .identity-text { font-size: 24px; line-height: 1.5; text-align: center; color: #222; padding-bottom: 50px; border-bottom: 1px solid #000; }
	.m_welcome .identity-text span{ color: #008aa5; }
	.m_welcome .identity-pw { margin-bottom: 10px; margin-top: 30px; }	
	.identity-btn { width: 100%; display: inline-block; padding: 10px ;
    background-color: #000; color: #fff;cursor: pointer;   text-align: center;   white-space: nowrap;	margin-top: 0px; 	border: 0px; }


/*============ ¸ð¹ÙÀÏ Ä«µå´º½º ½ºÅ¸ÀÏ ============= */

.card-container {
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 16px;
}
.card-container .notecard {
    background: #fff;
    overflow: hidden;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 10px;
   border: 1px solid rgba(17, 17, 17, 0.1);
    border-radius: 10px;
}
.card-container .notecard a {
    display: block;
    width: 100%;
}
.card-container .gn-image {
    border-radius: 10px 10px 0 0;
    box-sizing: border-box;
    border-bottom: 1px solid rgba(17, 17, 17, 0.1); 
    width: 100%;
     aspect-ratio: 407 / 270; 
    overflow: hidden;
    position: relative;
}
.card-container .gn-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}	
.card-container .notecard .gn-content {
    box-sizing: border-box;
    padding: 16px 20px;
}
.card-container .notecard .gn-content .gnews-header {
    font-size: 18px;
	line-height: 1.6;
}


section.m-card-view  {
    padding: 20px 15px 50px;
    position: relative;
	background-color: #fff;
}
.m-card-view .view-header {
    display: flex;
    flex-direction: column;
    gap: 10px;
    border-bottom: 1px solid #000;
    margin-bottom: 16px;
	padding-bottom: 26px;
}
.m-card-view .view-header .view-title {
    line-height: 140%;
    color: #000;
	font-size: 2.3rem;
    font-weight: 600;
}
.m-card-view .view-header .view-date .divider {
    display: inline-block;
    opacity: 0.7;
    margin: 0 4px 0;
    color: rgba(0, 0, 0, .4);
    vertical-align: baseline;
    margin: 0 9px 0 10px !important;
}
.content_g_img_wrap {
	position: relative;
}
.img_sizeup {
	position: absolute;
	top: 8px;
	right: 8px;
	width: 30px;
	height: 30px;
}
.img_sizeup img{	
	width: 30px;
	height: 30px;
}
.img_sizeup.visual .openModal img {
	width: 100%;	
}
.modal {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    text-align: center;
	overflow-y: auto; 
	padding: 0 0px;
}
.modal::-webkit-scrollbar {
    width: 10px;
}

.modal::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.1);
}

.modal::-webkit-scrollbar-thumb {
    background-color: rgba(255, 255, 255, 0.4);
    border-radius: 6px;
    border: 2px solid transparent;
    background-clip: content-box;
}

.modal::-webkit-scrollbar-thumb:hover {
    background-color: rgba(255, 255, 255, 0.6);
}
.modal-content {
    margin-top: 60px;
    max-width: 100%;
    border-radius: 0px;	
	margin-bottom: 60px;
    padding: 0 8px;
}

.close {
    position: absolute;
    top: 16px;
    right: 10px;
    color: white;
    font-size: 30px;
    cursor: pointer;
}
.content_g_txt {
	margin-top: 20px;
}
.cb-copyright {
    border-top: 1px solid #000;
    padding: 16px 0px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 12px;
	border-bottom: 1px solid #000;
}
.contents-copy {
    font-weight: 400;
    font-size: 14px;
    line-height: 28px;
    color: #555555;
}
/*Ä«µå´º½º ºä ÇÏ´Ü ÃֽŠ*/
.latest-content-wrap {
	display: flex;
	flex-direction: column;
	gap:16px;		
}
.latest-gra-list {
  display: flex;
  gap: 15.5px; 
  flex-wrap: wrap;
}

.latestgra-item {
  flex: 1 1 calc(50% - 10px); 
  overflow: hidden;
}
.latest-content.grap h2{
	padding: 16px 0;
	font-size: 20px;
} 
.latestgra-img {
  width: 100%;
  aspect-ratio: 172.5 / 116.44;
  overflow: hidden;
  background: #eee;
  border: 1px solid #eaeaea;	
  border-radius: 4px;
}

.latestgra-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.lg_txt_title {
    font-size: 16px;
    font-weight: 500;
    color: #000;
    line-height: 140%;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}


/* ========== À̺¥Æ® ==========*/
/* À̺¥Æ® */
.M_event_list {
    /* float: left; */
    width: 100%;
    margin-bottom: 0px;
    margin-top: 00px;
    /* background: #fff; */
}
#m_view_title {
	margin: 0 0px;
	border-bottom: 0px solid #000;
}
.mvt_list { display: flex; flex-direction: row; gap:36px; justify-content:center;}
.mvt_list li { 
	color: #17222B;
	font-family: Pretendard;
	font-size: 20px;
	padding: 20px 0;
	font-style: normal;
	font-weight: 500;
	line-height: 142%; /* 28.4px */
}
.mvt_list li.on a{ 
	color: #308FAB;
	font-weight: 700;
}
section.m_event_list {
    padding: 0px 0 0px 0px;
    position: relative;
}

.event-intro-img {
	position: relative;
	border: 0px solid #000;
}
.ei_title {
	width: 100%;
	padding: 20px 0 40px;
}
.ei_img {	
	border-radius: 12px;
}
.ei_img img {
	border-radius: 12px;
	width: 100%;
	aspect-ratio: 400 / 268 ;
}
.ei_title h4 {
	width: 100%;
	color: #17222B;
	word-break:normal;
	font-family: Pretendard;
	white-space:wrap;
	font-size: 28px;
	font-style: normal;
	font-weight: 700;
	line-height: 142%; /* 39.76px */
}
.event-grid-list {
	margin-top: 0px;
	position: relative;
    width: 100%;
    min-height: 1px;
}
 .event-grid-list .mygrid {
    display: grid;
    grid-template-columns: 1fr 1fr !important;
    -ms-grid-columns: 1fr 1fr !important;
    grid-column-gap: 15px;
    grid-row-gap: 16px;
}
.event-grid-list .mygrid .mycell {
	border-radius: 12px 12px;
	background: #ffffff;
	position: relative;
}
.event-grid-list .image img {
    border-radius: 12px 12px 0 0;
    border: 0px solid #dcdcdc;
}
.content {
	display: flex;
	flex-direction: column;
	gap: 8px;
	padding: 12px 9px 16px;
}
.content h4.header {
	color: #17222B;
	text-align: center;
	font-family: Pretendard;
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: 142%; /* 25.56px */
}
.content .description {
	color: rgba(23, 34, 43, 0.50);
	text-align: center;
	font-family: Pretendard;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 142%; /* 19.88px */
}
.tag_on {
    position: absolute;
    left: 8px;
    top: 8px;
    background-color: #F55;
    display: flex;
    padding: 2px 8px 1px;
    justify-content: center;
    align-items: center;
    border-radius: 20px;
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 192%;
}
.image span::before {
	content: '';
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background-color: #fff;
	margin-top: -2.4px;
	margin-right:4px;
}
.tag_off {
    position: absolute;
    left: 8px;
    top: 8px;
    background-color: #535353;
    display: flex;
    padding: 2px 8px 1px;
    justify-content: center;
    align-items: center;
    border-radius: 20px;
    color: #FFF;
	font-family: Pretendard;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 192%;
}
 .event-intro-area {
	margin-top: 20px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.event-intro-area .eia_re {
    border-radius: 12px;
    background: #FFF;
    width: 100%;    
    display: flex;
    flex-direction: column;
}
.eia_re h3 {
   color: #17222B;
font-family: Pretendard;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 142%; /* 34.08px */
    padding: 20px 20px;
}
.eia_re li {
    padding: 20px 16px 20px 30px;
    border-top: 1px solid #F3F3F5;
    position: relative;
}
 .eia_re li a {
	 display: flex;	 
    color: #17222B;
font-family: Pretendard;
font-size: 22px;
font-style: normal;
font-weight: 500;
line-height: 142%; /* 31.24px */
}
 .eia_re li a .ic_new_wrap::before {
	content: "";
    display: block;
    background-image: url(https://health.chosun.com/mildang365/img/event/ic_event_new.svg);
    background-repeat: no-repeat;
    width: 15px;
    height: 15px;
    position: absolute;
    top: 15px;
    left: 8px;
    right: 0;
    bottom: 0;
    margin: auto;
}
 .eia_re li a::before {
    content: '';
    display: inline-block;
    position: absolute;
    left: 20px;
    top: 30px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #D9D9D9;
}

.event-intro-area .eia-banner {
    padding: 20px;
    border-radius: 12px;
    background: #FFF;
    width: 100%;    
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    border: 1px solid #E3E5EA;
}
.eia-banner .eiab_img {
}
.eia-banner .eiab_img img {
	max-width: 120px;
	aspect-ratio: 1 / 1;
}
.eia-banner .eiab_btn_area {
	/*min-width: 235px;*/
    display: flex;
    flex-direction: column;
	justify-content:space-around;
    
	align-content: center;
    color: #173854;
	text-align: center;
	font-family: Pretendard;
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: 142%; /* 28.4px */
}
.eia-banner .eiab_btn_area .button {
    border-radius: 28px;
    height: 50px;
    background: #173854;
    color: #FFF;
	text-align: center;
	font-family: Pretendard;
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: 148%; /* 26.64px */
    padding: 12px 0px;
    cursor: pointer;
}

/* À̺¥Æ® ºä */
.m_contents_ev { padding: 0px 0px; width: 100%; margin-bottom: 0px; margin-top: 00px; background: #F3F3F5;}
.m_event_view {
    padding: 0px 0 20px 0px;
    position: relative;
	background: #F3F3F5;
}

.ev_headline {
	padding: 20px 0;
	margin: 0 15px 15px;
	color: #17222B;
	font-family: Pretendard;
	font-size: 32px;
	font-style: normal;
	font-weight: 700;
	line-height: 142%; /* 45.44px */
	border-bottom: 2px solid #000;
}
.event_view .admin_area {
	width: 100%;
	margin: 0 15px 15px;
    display: inline-flex;
	flex-direction: row;
	gap: 12px;
    justify-content: flex-start;	
	align-items: center;
}
.event_view .admin_area .admin_l_txt{
	width: 50%;
	color: #308fab;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 142%;
}
.event_view .admin_area .admin_l_img{	
	/*width: 50%;*/
	border: 0px solid #D3D3D3;
	/*box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.15);*/
	border-radius: 12px;
	padding: 0.6rem 0.6rem;
}
.event_view .admin_area img{	
	max-width: 180px;
	border-radius: 0px;
}

.ev_bottom_btn {
	display: flex;
	flex-direction: column;
	gap:12px;	
	padding: 40px 15px 80px;
	text-align: center;
}

.ev_bottom_btn .btn_event {
	border-radius: 40px;
	background: #17222B;
	padding: 16px 0;
		color: #FFF;
	text-align: center;
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	line-height: 142%; /* 34.08px */
}
.ev_bottom_btn .btn_event a{	
	color: #FFF;
	text-align: center;
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	line-height: 142%; /* 34.08px */
}
.ev_bottom_btn .btn_event_list {
	border-radius: 25px;
	border: 1px solid #17222B;
	background: #FFF;
	padding: 12px 0;
	color: #17222B;
	text-align: center;
	font-size: 19px;
	font-style: normal;
	font-weight: 700;
	line-height: 142%; /* 26.98px */
}
.ev_bottom_btn .btn_event_list a{	
	color: #17222B;
	text-align: center;
	font-size: 19px;
	font-style: normal;
	font-weight: 700;
	line-height: 142%; /* 26.98px */
}


.M_event_w_list {
    padding: 0px 15px 0px 15px;
    width: 100%;
    margin-bottom: 0px;
    margin-top: 0px;
    background: #F3F3F5;
}
.event-winner-list .mywgrid {
    display: flex;
    flex-direction: column;
    align-content: center;
}
.event-winner-list .mywgrid .mycell {
    padding: 30px 8px ;
    border-bottom: 1px solid #D9D9D9;
    align-content: center;
	
}
.event-winner-list .mywgrid .mycell:first-child{
	padding-top: 5px;
}
.event-winner-list .mywgrid .mycell a {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-content: center;
	column-gap: 12px;
}
.event-winner-list .mywgrid .mycell .content_t {
    display: flex;
    flex-direction: column;
    align-content: center;
	grid-row-gap: 12px;
    justify-content: space-between;
}
.event-winner-list .mywgrid .mycell .content_t .date_info {
    color: rgba(23, 34, 43, 0.50);
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 142%; /* 22.72px */
}
.hd_wrap {
	display: flex;
	flex-wrap: nowrap;
	flex-direction: row;
	position: relative;
	align-content: center;
	gap:4px;
}
.ic_new_wrap {
	/*width: 15px;
    height: 15px;*/
    position: relative;
    
}
.hd_wrap .ic_new_wrap::before {
	content: "";
    display: block;
    background-image: url(https://health.chosun.com/mildang365/img/event/ic_event_new.svg);
    background-repeat: no-repeat;
    width: 15px;
    height: 15px;
	margin-top: 8px;
	/*
    position: absolute;
    top: 13px;
    left: 2px;
    right: 0;
    bottom: 0;*/
}

.ic_new_wrap .ic_new {
	display: none;
}
.event-winner-list .mywgrid .mycell .content_t .header {
	position: relative;
    color: #17222B;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
	line-height: 142%; /* 31.24px */
	-webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
	text-align: left;
}

.event-winner-list .mywgrid .mycell .board_image img {
    width: 90px;
    height: 60px;
    object-fit: cover;
}
.header .tag_n {
    margin: 4px 0 0 2px;
}
.tag_n {   
	display: inline-flex;
    width: 20px;
	height: 20px;
    padding: 0 5px;    
    box-sizing: border-box;    
    border-radius: 1.2em;
    background-color: #F55;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
	margin-top: 4px;
	margin-bottom: 8px;
	align-content: center;
}
.tag_new {   
	position: absolute;
	top:0;
	right: 0;
	line-height: 22px;
    width: 20px;
	height: 20px;
    padding: 0 6px;    
	margin-left: 4px;
    box-sizing: border-box;    
    border-radius: 1.2em;
    background-color: #F55;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
	margin-top: 4px;
	margin-bottom: 8px;
}

.event-winner-view .mywgrid {
    display: flex;
    flex-direction: column;
    align-content: center;
}
.event-winner-view .mywgrid .mycell {
    padding: 30px 8px ;
    border-bottom: 1px solid #D9D9D9;
    align-content: center;
	
}
.event-winner-view .mywgrid .mycell:first-child{
	padding-top: 5px;
}
.event-winner-view .mywgrid .mycell a {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-content: center;
	column-gap: 12px;
}
.event-winner-view .mywgrid .mycell .content_t {
    display: flex;
    flex-direction: column;
    align-content: center;
	grid-row-gap: 12px;
    justify-content: space-between;
}
.event-winner-view .mywgrid .mycell .content_t .date_info {
    color: rgba(23, 34, 43, 0.50);
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 142%; /* 22.72px */
}
.header_wrap {
	display: flex;
	flex-direction: row;
	position: relative;
	justify-content: center;
	align-content: center;
}
.event-winner-view .mywgrid .mycell .content_t .header {
    color: #17222B;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
	line-height: 132%; /* 31.24px */
	text-align: left;
}
.event-winner-view .mywgrid .mycell .board_image img {
    width: 90px;
    height: 60px;
    object-fit: cover;
}


.my_edit_area {
    background: rgba(255, 255, 255, 1.0);
    padding: 24px 12px;
}
.my_edit_area .edit{
	color: #17222B;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
}
.edit_flex table {padding: 24px 0px;}
.edit_flex table th {
	text-align: center;
    border-top: 1px solid #17222B;
    background: rgba(23, 34, 43, 0.10);
    height: 58px;
}
.edit_flex table td {
    text-align: center;
    width: 50%;
    height: 58px;
    border-bottom: 1px solid #D9D9D9;
}

/* swipe Ãß°¡ ¿É¼Ç */
.swiper-pagination {
    position: relative !important;
    text-align: center;
    transition: .3s opacity;
    transform: translate3d(0,0,0);
    z-index: 10;
}
.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{
	bottom: 10px !important;
	top: auto !important;
	left:0;
	width:100%;
	height: 10px;
}
.swiper-pagination-bullet {
    width: 42px !important;
    display: inline-block;
    border-radius: 10px !important;
    background: #D9D9D9;
    opacity: 1;
}
.swiper-pagination-bullet-active {
    opacity: 1;
    border-radius: 10px !important;
	background: #17222B !important;
	width: 138px !important;
}