/* @import url(http://fonts.googleapis.com/earlyaccess/MalgunGothic.css); */

@charset "euc-kr";



/*
 * Nanum Gothic (Korean) http://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')
}*/

@import url('NotoSerifKR/noto-serif-kr.css'); 
/* Reset */
html {
    min-width: 320px;
    height: 100%;
    overflow-x: hidden;
    color: #311802;
    text-size-adjust: 100%;	
	font-family:'NotoSerifKr-Regular', serif !important;
	/*font: 14px / 1.8 "Noto Sans KR", "NanumGothic-Regular", "Apple SD Gothic Neo", serif;*/
	/*font: 14px / 1.8 "Noto Sans KR", "Apple SD Gothic Neo", sans-serif;*/
}

body{ word-break:break-all;	letter-spacing: -0.0125rem; background: #fef6ee; margin:0px;}
hr{display:block; 
	border-width: 0px;
	border-top-width: 1px;
    border-top-style: dotted;
    border-top-color: #999999;}
address,caption,cite,code,dfn,em,strong,th,var {   
font-style:normal;   
font-weight:normal;   
}   


.footer {display: flex; flex-wrap: wrap; overflow: hidden; margin: 0 auto; padding: 4rem 5% 6rem; margin-top:30px; border-top: 1px dotted #163854; box-sizing: border-box; position: relative; z-index: 1; }
.footer-address {float: left; width: 50%; font-style: none;}

.footer-address:before {content: " "; display: block; height: inherit; position: absolute; left: -50%; right: -50%; top: 0; bottom: 0; z-index: -1; }
.footer-address-logo {display: inline-block; max-width: 200px; margin: 0 0 16px; -webkit-filter: grayscale(100%); filter: grayscale(100%); }
.footer-slogan {width: 50%; margin: 1rem 0 3rem; font-size: 1.25rem; line-height: 1.6; }
.footer-sitemap {display: flex; float: left; width: 50%; margin-bottom: 3em; position: relative; }
.footer-sitemap-item { width: 50%; }
.footer-sitemap-item-link { display: flex; align-items: center; justify-content: flex-end;  margin-right: .5rem; margin-bottom: .3rem; padding:.3rem .8rem; color: #161616; border:0px solid #eeeeee; font-style: normal; text-decoration: none;}
.footer-sitemap:after {content: ""; display: block; clear: both; }
.footer-address-info { width: 100%; margin: 1rem 0 0; }
.footer-copyright { display: block; margin: 1rem 0 0; }


.navbar_sub {
    position: relative;
    z-index: 4;    
	border-top: 3px solid #e36925;
    border-bottom: 1px dotted #163854;
}

.navbar_sub .navbar-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 1360px;
    margin: 0px auto;
    padding: .5rem 1%;
}
.navbar_sub .navbar-inner img{
    width:80%;
}
.navbar-menu {display: flex;}
.navbar-menu {position: relative; display: inline-block;margin-right: 0px; font-size: 0; vertical-align: center; }
/*.navbar-menu:after { content: ' ';
    position: absolute;
    display: block;
    top: 0px;
    left: 1px;
    width: 758px;
    height: 80px;
    background: url(https://health.chosun.com/edtimg/img/sub_logo3.png) no-repeat;
}*/
.navbar-menu-item {
    display: flex;
    align-items: center;
    margin-right: 1.5rem;
    font-size: 1.125rem;
    color: #163854;
    text-align: center;
    position: relative;
    z-index: 1;
}
.navbar-logo {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 450px;
    box-sizing: border-box;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}
.navbar-user, .navbar-user-link {
    display: flex;
    align-items: center;
    position: relative;
}
.navbar-user {
    justify-content: flex-end;
}
.navbar-user-search {
    margin-right: -1px;
}
.navbar-user-search-trigger {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    box-sizing: border-box;
    border-width: 1px;
    border-style: solid;
    border-color:#163854;
    border-image: initial;
}
.navbar-user-link {
    justify-content: center;
    width: 48px;
    height: 48px;
    box-sizing: border-box;
    color: rgb(255, 255, 255);
    border-width: 1px;
    border-style: solid;
    border-color: #163854;
    border-image: initial;
}
/*.sub_title {margin: 0 0 0rem; padding: 2rem 3% 1.0rem;  /*padding: 4rem 5% 1.0rem; border-bottom: 0px solid #161616; overflow: hidden; background-color: #ecf7ff; text-align: center; position: relative; }*/
/*타이틀 왼쪽 정렬을 위한 스타일 적용*/
.title_area {margin: 0 0 0rem; width: 100%;  padding: 2rem 0rem; overflow: hidden; background-color: #f3eeeb; position: relative; margin: 0 auto;}    
.sub_title {margin: 0px auto; width: 94%; max-width: 630px; border: 0px;   }
.sub_title2 {margin: 0 0 0rem; padding: 4rem 5% 1.0rem; border-bottom: 0px solid #161616; overflow: hidden; background-color: #ffffff; text-align: center; position: relative; }
.title_head_category {color: #1d85a3!important; font-weight: 700; text-decoration: underline; }
.title_headline { padding: .5rem 0 1rem;  font-size: 2.4rem; line-height:2.9rem; letter-spacing: 0.05rem; color: #161616; font-weight: 600; }
.title_headline_top { padding: 0rem 0 0rem;  font-size: 1.5rem; letter-spacing: -.075rem; font-weight: 700; color: #161616; text-align: center; align-items: center;
    justify-content: center; display: flex;
    align-items: center;
    justify-content: center;
    width: 450px;
    box-sizing: border-box;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);}
.title_vol { padding: 0rem 0 0rem;  font-size: 1.0rem; letter-spacing: -.0rem; font-weight: 300; }

.csh_art_min { position: fixed; top: 0; left: 0; width: 100%;  min-width: 1360px; box-sizing: border-box; background: #edf0f4; border-bottom: dotted 1px #777; font-size: 0;  visibility: hidden; opacity: 0; transform: translateY( -42px ); transition: ease opacity 0.4s, visibility 0.4s, transform 0.4s; z-index: 999999999999999999999999999; }
.csh_art_min.vis { visibility: visible; opacity: 1; transform: translateY( 0 ); }
.csh_art_in {  display: flex; position: relative; width: 1360px; margin: 0 auto; padding: .5rem 1%;}
.csh_logo_art_csc { position: relative; display: inline-block; width: 350px; height: 40px; top: 5px; margin-right: 85px; font-size: 0; vertical-align: top }
.csh_logo_art_csc:after { content: ' '; position: absolute; display: block; top: 0px; left: 1px; width: 350px; height: 40px; background: url('https://health.chosun.com/mildang365/img/sub_logo5.png') no-repeat;}
.csh_min_title { display: inline-block; max-width: 700px; font-size: 1.2rem; line-height: 50px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis }
.csh_min_title .csh_min_cat { font-weight: bold }
.csh_min_title .csh_min_title_text { font-weight: normal; color: #000 }
.csh_min_title .csh_min_title_text:before { content: ' '; display: inline-block; width: 1px; height: 15px; margin: 0 5px; background: #d7d7d7; vertical-align: middle;}

/*스크롤 상단 고정*/
.view-head {max-width: 100%; margin: 0; padding-top: 0; padding-bottom: 0; border: none; border-bottom: 1px solid; background: #fef6ee; 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; }

.bottombar { display: none;
    justify-content: space-around; width: 100%; padding: .5rem 0 1rem; background: #fff;  border-top: 1px dotted #163854; position: fixed; left: 0; right: 0;   bottom: 0; z-index: 7; }
.bottombar a {display: block; width: 100%; box-sizing: border-box; text-align: center; text-decoration: none; color: #666; }
.bottombar a.is-active span { color: #fb7800; }
.bottombar .emoji {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--gray100);
    overflow: hidden;
    border-radius: 0;
    position: relative;
    width: 32px;
    height: 32px;
    margin: 0 auto;
    font-size: 1.25rem;
}
.bottombar a span { display: block; margin-top: -.25rem; font-size: 11px; transition: all .4s ease; }
.news_go.vis {opacity: 1; visibility: visible; }
.news_go {position: fixed;bottom: 3%;left: 50%; width: 50px; margin-left:35%; box-shadow: 0px 4px 7px rgba(0, 0, 0, 0.1);
    opacity: 0; visibility: hidden; transition: ease opacity 0.4s, visibility 0.4s; z-index: 2; }
.news_go a { position: relative; display: block; width: 48px; height: 48px; margin-top: -1px; background: #000; border: solid 1px #d7d7d7; }
.news_go a.news_go_top > span { display: none; }
.news_go a > span { position: absolute; display: block; visibility: hidden; opacity: 0; height: 25px; padding: 0 8px; top: 13px; left: 60px;
    background: #4c4c4c;  border-radius: 3px; font-size: 11px; line-height: 23px; color: #fff; white-space: nowrap; transform: translateX(-10px); transition: ease all 0.4s; }
.news_go a.news_go_top:after { background-position: -340px -244px;}
.news_go a.news_go_home:after { background-position: -340px -193px;}
.news_go a:after { content: ' ';  position: absolute; display: block; width: 48px; height: 48px; top: 0; left: 0; background: #000 url(https://health.chosun.com/images/2022/img_common.png) no-repeat; }

/*viewpage*/
/* Noto Sans KR (korean) http://www.google.com/fonts/earlyaccess */
 
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 100;
  src: url(/NotoSansKr/NotoSansKR-Thin.woff2) format('woff2'),
       url(/NotoSansKr/NotoSansKR-Thin.woff) format('woff'),
       url(/NotoSansKr/NotoSansKR-Thin.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url(/NotoSansKr/NotoSansKR-Light.woff2) format('woff2'),
       url(/NotoSansKr/NotoSansKR-Light.woff) format('woff'),
       url(/NotoSansKr/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 400;
   src: url(/NotoSansKr/NotoSansKR-Regular.woff2) format('woff2'),
        url(/NotoSansKr/NotoSansKR-Regular.woff) format('woff'),
        url(/NotoSansKr/NotoSansKR-Regular.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 500;
   src: url(/NotoSansKr/NotoSansKR-Medium.woff2) format('woff2'),
        url(/NotoSansKr/NotoSansKR-Medium.woff) format('woff'),
        url(/NotoSansKr/NotoSansKR-Medium.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 700;
   src: url(/NotoSansKr/NotoSansKR-Bold.woff2) format('woff2'),
        url(/NotoSansKr/NotoSansKR-Bold.woff) format('woff'),
        url(/NotoSansKr/NotoSansKR-Bold.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 900;
   src: url(/NotoSansKr/NotoSansKR-Black.woff2) format('woff2'),
        url(/NotoSansKr/NotoSansKR-Black.woff) format('woff'),
        url(/NotoSansKr/NotoSansKR-Black.otf) format('opentype');
 } 
 
.view_contents{
	width: 100%; 
	padding: 10px 0; 
	background-color: #f3eeeb; 
	margin: 0 auto; 
	font-family: 'Noto Sans KR';	
}
.view_sub{     margin: 0px auto;  width: 94%; max-width: 630px; background: rgb(255, 255, 255); border: 0px;}
.con_tit_line {overflow: hidden;  margin: 0px auto; padding: 5px 0 5px 0;line-height: 1.8; width: 100%;  max-width: 630px; clear: both; background: #e8e8e8; border: 0;}

.contents_edit { padding: 0px 16px; font-size: 18px; line-height: 1.7em;}
.subscip { padding: 0px 16px; font-size: 14px; line-height: 1.6em;}
.contents_edit p {margin: 0 0; padding: 0 0; 
	letter-spacing: -1px !important;}
.contents_edit span {letter-spacing: -0.5px !important;}
.con_line {border-width: 0px;  height: 0; background: none; padding: 0px; border-top-width:1px;border-top-style:dotted;border-top-color:#532105;margin:0 0}
.center_img_dd {     text-align: center; display: block;  margin-inline-start: 0px;}
.center_img_dd img{ text-align: center; width: 100%;}
.center_img_dl .center_img_dt {/*display: none;*/  
    color: #3B3B3B;
    font-size: 13px;
    line-height: 1.4;
    text-align:  left;
}
.view-text-box { padding: 0px 20px;mso-line-height-rule: exactly;line-height:1.8;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;  word-break: break-word;font-size: 16px; color: #333333; }
.con_txt_tit_line {overflow: hidden; margin: 0px auto; padding: 0px; width:100%;max-width: 630px; clear: both; background: none;border:0;}
.con_txt_line {padding: 0px 0 15px 0;line-height: 1.8; border-width: 0px; height: 0; background: none; padding: 0px; border-top-width:1px;border-top-style:dotted;border-top-color:#999999;margin:0 15px}

.related_list {overflow: hidden; margin: 0px auto; padding: 0px; width:100%;max-width: 630px; clear: both; background: #532105;border:0;}
.related_list_title{ 
	padding: 5px 20px; 
	mso-line-height-rule: exactly;line-height:1.8;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;
	word-break: break-word;
	color: rgb(255, 255, 255); 
	font-size: 20px; 
	font-weight: 700;
}
.view-cell {
	overflow: hidden; margin: 0px auto; padding: 0px; max-width: 630px; clear: both;background: none; border:1px solid #cc4900;
}
.view-cell-sub {
	padding: 15px 5px;border-collapse: collapse;;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;table-layout:fixed;
}
.view-left-cell{min-width: 305px; width: 49.5%; margin: 0px; vertical-align: top; border-collapse: collapse; padding: 0px 0px 0px 0px; display: inline-block;}
.view-right-cell{min-width: 305px; width: 49.5%; margin: 0px; vertical-align: top; border-collapse: collapse; padding: 0px 0px 0px 0px; display: inline-block;}



.view-text-cell-box {
	padding: 5px 10px;text-align: left; margin: 0px;mso-line-height-rule: exactly;line-height:1.8;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;word-break: break-word;font-size: 14px;font-family: AppleSDGothic, apple sd gothic neo, noto sans korean, noto sans korean regular, noto sans cjk kr, noto sans cjk, nanum gothic, malgun gothic, dotum, arial, helvetica, MS Gothic, sans-serif!important;color: #333333;}
.view-text-cell-box a {
	color: rgb(1, 156, 201); font-style: normal; font-weight: normal; text-decoration: underline; display: inline;}

.undefined {padding: 0 10px;text-align: justify; margin: 0px;width:100%;box-sizing:border-box;}
.undefined a {display: inline;}
.undefined img{display: inline; vertical-align: bottom; max-width: 100%;  width: 100%;border-width: 0px; border-image: initial; text-align: justify;}

.view-bla-que{
	padding: 0px 15px;mso-line-height-rule: exactly;line-height:1.8;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;word-break: break-word;font-size: 16px;font-family: AppleSDGothic, apple sd gothic neo, noto sans korean, noto sans korean regular, noto sans cjk kr, noto sans cjk, nanum gothic, malgun gothic, dotum, arial, helvetica, MS Gothic, sans-serif!important; color: #333333;
}
.bor-0 {border:0px;}
.txt-aln-right {text-align: right;}
.txt-aln-left {text-align: left;}
.txt-aln-center {text-align: center;}
.pad-top-15 {padding-top : 15px;}
.pad-bot-15 {padding-bottom : 15px;}
.contents_edit_btn {width: 162px; order-collapse: separate !important;background: #347a70;border-radius: 3px; border:0; mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;margin: 0 auto;table-layout:fixed}
.contents_edit_btn a { font-size: 12px; display: inline; color: rgb(255, 255, 255); background: rgb(52, 122, 112); border-radius: 3px; text-decoration: none; outline: 0px; font-family: AppleSDGothic, apple sd gothic neo, noto sans korean, noto sans korean regular, noto sans cjk kr, noto sans cjk, nanum gothic, malgun gothic, dotum, arial, helvetica, MS Gothic, sans-serif; text-align: center;}
.view-wrap-sns {margin: 0 auto;}
.view-wrap-sns span {list-style: none; padding: 0px 3px; margin: 0px;}
.view-wrap-sns a {padding: 0px 3px; border-width: 0px; border-image: initial; text-decoration: none; display: inline-block;}
.view-wrap-sns img {height: 22px; width: 69px; vertical-align: middle;}
@media only screen and (max-width: 720px) {
.view-right-cell, .view-left-cell { width: 100%; margin-bottom:10px; height: auto; }
}
@media (max-width: 1360px) {
.footer {padding-top: 3rem; padding-bottom: 10rem;}
.footer-address { float: none; width: 100%; }
.footer-address-logo { width: 120px;}
.footer-slogan { width: 100%;  margin-bottom: 2rem;}
.footer-sitemap { display: block;  float: none; width: 100%;  position: relative; }
.footer-sitemap-item-link { justify-content: flex-start; border:1px solid #eeeeee; }
.footer-sitemap-item-link {  }
.footer-sitemap-item:first-of-type, .footer-sitemap-item:nth-of-type(2) { float: left;  width: 50%; }
.footer-sitemap-item:nth-of-type(3) { float: none; width: 100%; display: flex;  margin-top: 64px;  padding-top: 8px; }
.footer-sitemap-item:nth-of-type(3) .footer-sitemap-item-link { margin-right: 1rem; }	
}

@media (max-width: 1080px){
	.steb_pc {display: none;}
	.navbar-user {display: none;}
	.bottombar {display: flex;}
	.title_headline { padding: .5rem 0 1rem;  font-size: 1.8rem; line-height:2.1rem; letter-spacing: 0; color: #161616;font-weight: 700; }
	.navbar-menu {align-content: center;}
	.news_go {display: none;}
	
}
@media (max-width: 720px){
.title_area {margin: 0 0 0rem; width: 100%;  padding: 2rem 0rem; overflow: hidden; position: relative; margin: 0 auto;}    
}