@charset "utf-8";
/* healthchosun.com Main Stylesheet  2018  
*/
/* Reset import */
@import url("/css/2023/css_reset_2023.css");
@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800");
@import url('https://fonts.googleapis.com/earlyaccess/notosanskr.css');
html, body {
  height: 100%;
}
html {
  -webkit-text-size-adjust: none;
}
body {
  min-width: 320px;
  word-break: keep-all;
  word-wrap: break-word;
  white-space: inherit;
  color: #000; 
  
}
a, a:visited {
  color: #000;
  text-decoration: none;
  background-position: -213px 0;
}
body, input, button, textarea {
  font-family: 'Noto Sans KR', sans-serif;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: -0.05em;
  word-spacing: 0.02em;
  line-height: 1.125;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
a, article, body, dd, div, dl, dt, figcaption, figure, h1, h2, h3, h4, h5, h6, li, ol, p, section, ul {
  margin: 0;
  padding: 0;
}
strong {
    font-weight: 400;
}
/* 서브 리스트 헤더 */
.nav_top_bar.vis {}
.nav_top_bar {
  width: 100%;
  height: 60px;
  min-width: 1200px;
  box-sizing: border-box;
  background: #fff;
  border-bottom: 1px #e5e5e5 solid;
}
.nav_top_bar .nav_bar {
  display: flex;
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
  min-height: 60px;
  max-height: 60px;
}
.nav_bar_left {
  width: 100%;
  align-items: center;
  display: flex;
  border: 0px solid #000;
}
.nav_bar_left button{
  border: 0px solid #000;
}
.health_logo {
  position: relative;
  display: inline-block;
  width: 108px;
  height: 22px;
  top: 0px;
  font-size: 0;
  vertical-align: top;
}
.health_logo:after {
  content: ' ';
  position: absolute;
  display: block;
  top: 0px;
  left: 1px;
  width: 106px;
  height: 20px;
  background: url(https://health.chosun.com/img/2023/sub_top_logo.svg) no-repeat;
  margin-left: 10px;
}
.nav_bar_right {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  border: 0px solid #000;
}
.nav_bar_right .nav__bar-icon-serch {
  max-width: 260px;
  margin-right: 0px;
  cursor: pointer;
}
/* layout */
.h_Wrap .csContent {
  position: relative;
}
.list-section .csContent {
  padding-top: 0px;
  padding-bottom: 0px;
}
#navBar2 {
	/*display: none;*/
    position: fixed; 
    top: -150px;
    width: 100%;
    transition: top 0.5s;
}
#navBar2.fixed {
    position: fixed;
    top: 0;
    z-index: 999;
    transition: .5s ease-in-out;
    box-shadow: 0px 3px 3px rgba(0,0,0,00);
    padding-top: 0px;
}
.menu_popup4 {
	position: absolute;
	top:57px;
    width: 100%;
    height: 640px;
    background: #fff;
    z-index: 999;
    color: #333333;
    margin: 0 auto;
}
.nav__bar2{
	height: 55px !important;    
    padding: 0;
    background-color: #fff;
    justify-content: space-between;
    border-top: 1px #CBCBCB solid;
    border-bottom: 2px #BB0842 solid;	
}
.csContent {
  width: 100%;
  min-width: 1200px;
  max-width: 100%;
}
.csContent .inner {
  width: 1200px;
  margin: 0 auto;
  position: relative;
}

.section_recent { 
  width: 100%; 	
  position: relative;
  padding: 20px 0 40px 0;
  display: flex;
  flex-direction: column;
}

.section_recent .title_area {
  position: relative;
  width: 1200px;
  border-bottom: 2px solid #BB0842;
  padding-bottom: 15px;
  display: flex;
  justify-content: flex-start;
  vertical-align: bottom;
  align-items: flex-end;
	height: 87px;
}
#topNav { width: 1200px;  margin: 0 auto; position:relative; background-color: #ffffff;}		
#topNav.fixed {  position:fixed; top:0; z-index: 999; transition:.5s ease-in-out;  box-shadow: 0px 3px 3px rgba(0,0,0,00); padding-top:15px;}




/*사이트맵 sitemap*/
aticle {
	display: block;
	margin: 0;
	padding: 0;
}
section.sitemap {
	display: block;
    width: 1200px;
    margin: 0 auto;
    padding-bottom: 105px;
}
section.sitemap > h1 {
    font-size: 40px;
    line-height: 80px;
    color: #000;
    text-align: center;
    padding-top: 80px;
    height: 160px;
}
section.sitemap h2 {
    font-size: 34px;
    line-height: 40px;
    color: #000;
    height: 54px;
    border-bottom: 1px solid #d8d8d8;
    margin-bottom: 30px;
    margin-top: 50px;
}
section.sitemap h2:first-child {
    margin-top: 0;
}
section.sitemap .newsMenu {
    overflow: hidden;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

section.sitemap .newsMenu > div {		
    width: 200px;	
    font-size: 16px;
    line-height: 28px;
    color: #000;
	padding-bottom: 40px;
}
section.sitemap .newsMenu > div a:hover{		
   
    color: #5F5F5F;
}
section.sitemap .newsMenu > div ul {
    margin-top: 15px;
	margin-bottom: 15px;
	border:0px solid #000;
}
section.sitemap .newsMenu > div ul.mrT24 {margin-top: 43px;}
section.sitemap .linkIn {
    overflow: hidden;
    padding-bottom: 80px;
}
section.sitemap .linkIn li {
    float: left;
    width: 200px;
    height: 50px;
	font-weight: 800;
}
section.sitemap .linkIn li a { 		
    line-height: 20px;
    color: #000;
}
section.sitemap .linkIn li a:hover { 
    color: #5F5F5F;
}
section.sitemap .newsMenu > div li a {    
    line-height: 28px;
    color: #6E6E6E;
}
section.sitemap .newsMenu > div li a:hover {    
    line-height: 28px;
    color: #BB0842;
}
section.sitemap .linkIn:after {
    display: block;
    clear: both;
    content: '';
}





.section_recent .title_area h2 {
  font-size: 42px;
  font-weight: 700;
  letter-spacing: -.033em;
  padding-right: 32px;
  display: inline-block;
  vertical-align: bottom;
  justify-content: flex-start;
} 
.section_recent .title_area .section_navi {
  display: inline-block;
  width: 800px; 
  letter-spacing: -.0125em;  
}
.section_recent .navi_area {
  vertical-align: bottom;
  align-items: flex-end;
}
.section_recent .navi_area li {
  display: inline-block;
  vertical-align: bottom;
}
.section_recent .navi_area li a {
  position: relative;
  padding: 0 24px 6px;
  font-size: 16px;
  color: #494949;
}
.section_recent .navi_area li:hover a {
  font-weight: 600;
  color: #BB0842;
  font-style: normal;
  text-decoration: none;
}
.section_recent .navi_area li.on a {
  font-weight: 600;
  color: #BB0842;
}
.section_recent .navi_area li.on a:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  height: 0px;
  background: #111;
}
.section_recent .navi_area li + li {
  margin-left: 0px;
}
.section_recent .depts_menu {
  position: relative;
  background: #eeeeee;
}
.section_recent .depts_menu .menubars {
  position: absolute;
}
.depts_sub_menu {
  position: relative;
  background-color: #F9F9F9;
  border-bottom: 1px #dedede solid;
  padding: 25px 45px;
  font-size: 14px;
  color: #555;
  line-height: 24px;
  font-weight: 400;
}
.depts_sub_menu:hover ul li:hover {
  cursor: pointer;
}
.depts_sub_menu:hover ul li:hover a {
  font-weight: 600;
  color: #BB0842;
  font-style: normal;
  text-decoration: none;
  cursor: pointer;
}
.depts_sub_menu ul li.on a {
  font-weight: 600;
  color: #BB0842;
  font-style: normal;
  text-decoration: none;
  cursor: pointer;
}