/* @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')
}*/


/* Reset */
html {
    min-width: 320px;
    height: 100%;
    overflow-x: hidden;
    color: #163854;
    text-size-adjust: 100%;
    text-rendering: optimizelegibility;
	font: 14px / 1.8 "Apple SD Gothic Neo", sans-serif;
    /*font: 14px / 1.8 "Noto Sans KR", "Apple SD Gothic Neo", sans-serif;*/
	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;
}

body{ word-break:break-all;	letter-spacing: -0.0125rem; background: #edf0f4; margin:0px;}




.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%; }
.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; }
.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 #308fab;
    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: #ecf7ff; position: relative; margin: 0 auto;}    
.sub_title {margin: 0px auto; width: 94%; max-width: 630px; border: 0px;  background-color: #ecf7ff; }
.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: -.055rem; 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: #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; }

.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 -195px;}
.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; }
.searchBtn2016 {
    border: none !important;
    background: url(https://health.chosun.com/images/2018/ico_com.png) no-repeat -108px -123px !important;
    width: 40px;
    height: 40px;
    right: 0;
    top: 0;
}
h1, h2, h3, h4, h5, h6 {
    line-height: 1.4;
    word-break: break-word;
}
.search {
    max-width: 640px;
    background: #edf0f4;
    margin: 0 auto;
    padding: 1rem 5%;
    box-sizing: border-box;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 6;
}
.search_bg {
    width: 100%;
    background: #edf0f4;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 8;
    display: none;
}
.search-top {
    padding: 2rem 0 0rem;
}
.search-top .search-title {
    margin: 1rem 0;
    font-size: 2.85rem;
    font-weight: normal;
    letter-spacing: -3px;
}
button:not(:active), button:not(:focus) {
    outline: 0px;
}
.search-close {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    z-index: 12121;
}
button {
    padding: 0;
    border: none;
    background: none;
    cursor: pointer;
    font: inherit;
    position: relative;
}
.search .textfield {
    margin: 0 auto;
}
.textfield {
    margin: 1rem 0;
    position: relative;
}
.search input {
    padding-left: 20px;
    height: 52px;
    font-size: 1.125rem;
}
.textfield-input {
    display: block;
    width: 100%;
    padding: 2px 30px 2px 0.5rem;
    border: 1px solid #163854;
    border-radius: 0;
    box-sizing: border-box;
    box-shadow: 0;
    font: inherit;
    color: #163854;
    transition: all .2s;
    outline: none;
    box-shadow: none;
}
fieldset {
    margin: 0;
    padding: 0;
    border: 0 none;
}
.search-option {
    padding: 2rem 0 3rem;
}
.search-option .search-option-title {
    margin: 1rem 0;
    font-size: 1.25rem;
}
.search-option .search-option-item {
    display: block;
    padding: 0.5rem 0;
    color: #161616;
}
@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: -.075rem; 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; background-color: #ecf7ff; position: relative; margin: 0 auto;}    
}