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

@charset "euc-kr";

/*
 * Nanum Gothic (Korean) https://fonts.googleapis.com/earlyaccess
 */

/* @font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: normal;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot);
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff2) format('woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.ttf) format('truetype');
} */

/*@font-face {
  font-family: 'Nanum Gothic Web';
  url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff2) format('woff2'),
  url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff) format('woff')
}*/

 @font-face {
    font-family: "ChosunGothic";
    src:
      local("ChosunGothic"),
      url("//m.health.chosun.com/ChosunGothic.woff2") format("woff2"),
      url("//m.health.chosun.com/ChosunGothic.woff") format("woff");
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    font-display: swap;
  }

  @font-face {
    font-family: "ChosunMGothicBold";
    src:
      local("ChosunMGothicBold"),
      url("//m.health.chosun.com/ChosunMGothicBold.woff2") format("woff2"),
      url("//m.health.chosun.com/ChosunMGothicBold.woff") format("woff");
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    font-display: swap;
  }

  @font-face {
    font-family: "ChosunMyeongjo";
    src:
      local("ChosunMyeongjo"),
      url("//m.health.chosun.com/ChosunMyeongjo.woff2") format("woff2"),
      url("//m.health.chosun.com/ChosunMyeongjo.woff") format("woff");
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    font-display: swap;
  }

  @font-face {
    font-family: "ChosunMMyeongjoBold";
    src:
      local("ChosunMMyeongjoBold"),
      url("//m.health.chosun.com/ChosunMMyeongjoBold.woff2") format("woff2"),
      url("//m.health.chosun.com/ChosunMMyeongjoBold.woff") format("woff");
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    font-display: swap;
  }
/* Reset */
body, figure { width: 100%; margin: 0; word-break: keep-all; font-family: "ChosunGothic"; font-size: 17px; color: rgb(16, 16, 16); letter-spacing: 0px; }
* { box-sizing: border-box; -webkit-text-size-adjust: none; margin: 0; padding: 0; }
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; }

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

.M_contents { /* float: left; */ width: 100%; margin-bottom: 30px;}
.M_contents img { border-radius: 0px; }

.MainTopNews { position: relative;  width: 100%;  padding-bottom: 12px; padding-left: 16px; padding-right: 16px;}
.MainTopNews .Photo { width: 100%; }
.MainTopNews .Photo img { width: 100%; }
.Photo { max-width: 100%;  height: auto; }
.MainTopNews .title {width: 100%; padding: 0px 0; text-align: left; }
.MainTopNews .title h1 {width: 100%; line-height: 1.3; font-weight:800; font-size: 23px; padding: 5px 0 8px 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; */
display: -webkit-box;
    -webkit-line-clamp: 1; /* ¶óÀμö */
    -webkit-box-orient: vertical;
    word-wrap:break-word; 
    line-height: 1.4em;
    height: 1.4em; /* line-height °¡ 1.2em ÀÌ°í 3¶óÀÎÀ» ÀÚ¸£±â ¶§¹®¿¡ height´Â 1.2em * 3 = 3.6em */}
.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_list_test { width: 100%; padding: 10px 15px; text-align: left; }
.txt_list_test ul > li:first-child { padding-top: 0px; }
.txt_list_test ul > li:last-child { border-bottom: 0 solid #efeff0; }
.txt_list_test ul > li {border-bottom: 1px solid #EAEAEA; padding: 11px 0 9px; font-size: 19px; font-family: "ChosunGothic";}
.txt_list_test ul > li a {display: block; overflow: hidden; text-overflow: ellipsis; /* white-space: nowrap; */}
.txt_list_test ul > li a {display: block; overflow: hidden; text-overflow: ellipsis; /* white-space: nowrap; */ 
	display: -webkit-box;
    -webkit-line-clamp: 1; /* ¶óÀμö */
    -webkit-box-orient: vertical;
    word-wrap:break-word; 
    line-height: 1.4em;
    height: 1.4em; /* line-height °¡ 1.2em ÀÌ°í 3¶óÀÎÀ» ÀÚ¸£±â ¶§¹®¿¡ height´Â 1.2em * 3 = 3.6em */
}
.txt_list_test .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: 37px; box-sizing: border-box; border-top:1px solid #d7d7d7; border-bottom:2px solid #222; margin-bottom:15px; }
ul.mcsg_main {white-space: nowrap; box-sizing: border-box; font-size: 0; }
ul.mcsg_main li {position: relative; display: inline-block; padding: 0 10px; line-height: 0; font-family: "ChosunMGothicBold"; }
ul.mcsg_main li a {display: block; height: 37px; box-sizing: border-box; font-size: 16px; line-height: 33px; text-decoration: none; }
ul.health_main li:first-child a { padding: 0 0px 0 5px; }
.health_main_menu a.h_menu_search { position: absolute; top: 0; right: 0; width: 80px; height: 37px; padding-left: 13px; box-sizing: border-box; background: #fff; font-size: 15px; line-height: 50px; color: #003071; font-weight: bold; }

/*ž Ä®·³*/
.TColumn {width: 100%; margin-bottom: 10px;}
.TColumn li { margin-bottom: 15px; }
.TColumn li .opinion { display: table; width: 100%; }
.TColumn li .opinion .Tthumb { display: table-cell; width: 146px; vertical-align: middle; padding: 15px 0 15px 12px;}
.TColumn li .opinion .Tthumb img { width: 146px; border-radius: 0px; filter: grayscale(0%); border:1px solid #C8C8C8; }
.TColumn li .opinion .col_tit { display: table-cell; vertical-align: middle; /* padding: 8px 5px 8px 0; */ }
.TColumn li .opinion .col_tit .hosname  { font-size: 13px; color: #C51A18; line-height:5px; font-weight: 700;}
.TColumn li .opinion .col_tit .atit {line-height:0.9em; padding-top: 4px; font-size: 19px; font-weight: 700;}
.TColumn li .opinion .col_tit .atit a {}

/*°Ç°­Ä®·³*/
.m_Col { width: 100%;  padding: 10px 15px; margin-bottom: 0px; }
.Col_tit {overflow: hidden; padding-top: 2px; }
.Col_tit .section { display: block;  float: left;  line-height: 1em;  font-size: 18px; padding: 0 0 15px 0px; font-weight: bold; }

.Column {width: 100%; padding: 10px 15px; margin-bottom: 10px; background-color:#ffffff;}
.Column li { margin-bottom: 15px; }
.Column li .opinion { display: table; width: 100%; }
.Column li .opinion .thumb { display: table-cell; width: 70px; vertical-align: middle; padding-left: 10px; }
.Column li .opinion .thumb img { width: 70px; border-radius: 35px; filter: grayscale(100%); }
.Column li .opinion .col_tit { display: table-cell; vertical-align: middle; /* padding: 8px 5px 8px 0; */ }
.Column li .opinion .col_tit .hosname  { font-size: 13px; color: #B29D82; line-height:5px;}
.Column li .opinion .col_tit .atit {line-height:0.9em; padding-top: 6px; font-size: 19px; }
.Column li .opinion .col_tit .atit a {}

.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_Thos { width: 100%;  padding: 10px 15px; margin-bottom: 0px; }
.Thos_wrap {overflow: hidden; }
.Thos_tit {overflow: hidden; padding-top: 2px; }
.Thos_tit .section { display: block;  float: left;  line-height: 1em;  font-size: 18px; padding: 0 0 15px 0px; font-weight: bold; }

.Thos_list ul > li { float: left; width: 48%; text-align: left; padding-bottom: 0px;}
.Thos_list ul > li a { display: block; overflow: hidden; } 
.Thos_list ul > li a img { width: 100%; margin-bottom: 3px; min-height:97px; }
.Thos_list ul > li .Thos_title { height: 40px; padding: 0 0%; text-align: left; line-height: 1.2em; overflow: hidden; }
.Thos_list ul > li .Hbook_title { height: 70px; padding: 0 0%; text-align: left; line-height: 1.3em; overflow: hidden; font-size: 20px; font-weight: bold;}
.Thos_list ul > li:nth-child(even) { float: right; text-align: right; }

.main_photo {width: 100%; overflow: hidden; border-radius: 0px; display: flex; justify-content: center; align-items: center; max-height: 60vw; }
.main_photo .Bon { width: 100%; }
.main_photo .Bon img { width: 100%; }


/*Å׸¶*/
.m_theme{ width: 100%; padding: 10px 15px; margin-bottom: 5px; }
.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: center; max-height: 60vw; }
.theme_photo .Bon { width: 100%; }
.theme_photo .Bon img { width: 100%; }
.theme_tit { width: 100%; text-align: left; font-size: 19px; padding: 10px 0% 0;  }

.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--primary { font-family: "ChosunGothic",sans-serif; }
.font--size-sm-16 {  font-size: 16px; }
.font--primary b, .font--primary-bold { font-family: "ChosunMGothicBold", sans-serif; }
.text--black { color: #222; }
.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: #656565; text-align: left; padding: 15px 0 30px; border-bottom: 1px solid #525252; }
.M_footer_section .health_logo { padding: 20px; }
.M_footer_section .footer_list ul {overflow: hidden; width: 100%; padding: 0 5% 0 10%; box-sizing: border-box; }
.M_footer_section .footer_list li { float: left; width: 33%; font-size: 15px; color:#fff; line-height: 1em; padding: 10px; box-sizing: border-box;  }
.M_footer_section a { color: #fff; }

.m_healthchosun { width: 107px; }
.m_healthchosun img { width: 107px; }
.M_footer_sns { width: 100%; background: #505050; text-align: left; padding: 10px 20px 20px; box-sizing: border-box;  }
.M_footer_sns span { display: block; width: 100%; text-align: left; color: #fff; padding: 15px 0; }
.M_footer_sns .sns_list {  border: 1px solid #fff; }
.M_footer_sns .sns_list ul { overflow: hidden; width: 100%; padding: 0 10%; box-sizing: border-box; }
.M_footer_sns .sns_list li { float: left; width: 20%; text-align: center; padding: 10px 0; }
.M_footer_sns .sns_list li img { width: 40px; filter: grayscale(100%); }

.M_footer_menu {overflow: hidden; width: 100%; background: #404040; 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: 17px; border-right: 1px solid #525252; box-sizing: border-box; }
.M_footer_menu a { color: #fff; }

.M_footer_copy { overflow: hidden; width: 100%; background: #404040; 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: #F7F7F7;  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: 26px;
		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: nyt-franklin, helvetica, arial, 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: 16px;
		font-weight: 500;
		text-decoration: none;
		text-transform: capitalize;
	}
	.css-kcao6g {
		background: none;
		position: absolute;
		right: 23px;
		top: 17px;
	}
	.css-1oaka2n {
		display: block;
		height: 16px;
		width: 16px;
	}

/*¸Þ´º ¾È °Ë»ö*/
	.search_area { border-top: 1px solid rgb(235, 235, 235); padding: 20px 12% 0px; }
	.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 rgb(226, 226, 226);
		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: #C51A18;
		border: 1px solid #C51A18;
		color: rgb(255, 255, 255);
		font-size: 13px;
		line-height: 11px;
		letter-spacing: 0.05em;
		text-transform: uppercase;
		height: 45px;
		font-weight: bold;
		margin: 0px;
		padding: 8px 9px 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;}