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

p {letter-spacing:-1px;}
b, h1, h2, h3, h4, h5, h6, legend, strong, th {
    font-weight: 700;
    color: #311802;
}
h1, h2, h3, h4, h5, h6 {
    line-height: 1.4;
    word-break: break-word;
}

em,address{font-style:normal;}
hr{display:none}
body{ word-break:break-all;	letter-spacing: -0.0125rem; background: #f3eeeb; /*background: #fdfbf3;*/ margin:0px;}
ol, ul{list-style:none;}
blockquote, q{quotes: none;}
blockquote:before, blockquote:after,q:before, q:after{content:'';content:none;}

ins{text-decoration:none;}
del{text-decoration:line-through;}
table{width:100%;border-collapse:collapse;border-spacing:0;table-layout:fixed;word-break:break-all;}
table th, table td{vertical-align:middle;}
caption{visibility:hidden;width:0;height:0;font-size:0;line-height:0;zoom:1;}
fieldset{margin:0;padding:0;border:0 none;}
legend{overflow:hidden;width:0;height:0;font-size:0;visibility:visible;}

section {
    display: block;
}

a {color:#333; text-decoration:none; cursor:pointer;}
a:hover, a:focus {text-decoration:none;}
/* a:focus {outline-style:dashed; outline-width:1px;} */
img,input{padding:0; margin:0; vertical-align:top;}
label{vertical-align:middle; font-size:16px;}
select {margin:0; padding:0; font-size:14px; vertical-align:middle;color:#333;}
option {font-size:13px; line-height:1.5em; }
textarea {border:1px solid #ffffff; color:#555555; font-size:13px; line-height:18px; padding:5px; overflow-y:auto;resize:none; background:#fafafa; width:100%;}
img {height: auto; vertical-align:middle;}

input[type='checkbox']:checked {background:#fff; border:solid 1px #ddd; border:0 \0/IE8+9;}
input[type='checkbox']:checked:after {content:""; display:block; width:8px; height:8px; background:#666; position:relative; top:3px; left:3px; -webkit-border-radius:0px;}

input[type='radio'] {background:#fff; border:solid 1px #ddd; height:16px; width:16px; -webkit-appearance:none; -webkit-border-radius:10px; padding:0; border:0 \0/IE8+9; *border:0; margin-top:0; margin-top:2px \0/IE8+9;vertical-align: middle;}
input[type='radio']:checked {background:#fff; border:solid 1px #ddd; border:0 \0/IE8+9;}
input[type='radio']:checked:after {content:""; display:block; width:8px; height:8px; background:#666; position:relative; top:3px; left:3px; -webkit-border-radius:5px;}

input[type='submit'],input[type='reset'],input[type='button']{ padding:0; vertical-align: middle;cursor:pointer;}


.skip {position:absolute; left:-9999px; text-indent:-9999px; font-size:0;}
iframe, img, video {width: 100%;}

/* html5 reset */

header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption {display:block; padding:0; margin:0;}

/* float ���� */

.clearfix:after {content:"";display:block;clear:both;}
.clearfix {*zoom:1;}
.float_l {float:left;}
.float_r {float:right;}

/* common table */
table {font-size:16px;}
table th {font-size:16px; padding:0.875em; background:#f7f7f7; letter-spacing:0;}
table td {font-size:16px; padding:0.875em; text-align:center;}

/* common */
.mgt20 {margin-top:20px;}
.talignL {text-align:left; padding-left:1em;}

.dis_pc {display:block;}
.main-top-swiper {display:block;}

.dis_m {display:none;}
.mo-top-swiper {display:none;}



.slide_pc {display:block;}
.slide_m {display:none;}

.pager {padding:20px 0 60px 0; text-align:center;}
.pager ul {display:inline-block; text-align:center;}
.pager ul li {width:25px; height:25px; float:left; margin-left:4px;}
.pager ul li.mgL8 {margin-left:8px;}
.pager ul li a {display:block; width:100%; height:100%;border:1px solid #d9d9d9; text-align:center; font-size:17px; line-height:22px; color:#333333;}
.pager ul li.on a {border:1px solid #c51917; color:#c51917;}

.bdRN {border-right:none !important;}

.pointCb {color:#256ea7;}
.pointCr {color:#f14343;}
.talignL {text-align:left;}
.talignC {text-align:center;}
.talignR {text-align:right;}
.underLine {text-decoration:underline;}
.blank {padding:0 1.12em;}
.blank05 {padding:0 0.16em;}

.pdT20 {padding-top:20px;}
.pdT44 {padding-top:44px;}

/* colwidth */
.tc {display:table-cell !important;}

.th5 {width:5%;}
.th10 {width:10%;}
.th15 {width:15%;}
.th20 {width:20%;}
.th24 {width:24%;}
.th25 {width:25%;}
.th27 {width:27%;}
.th28 {width:28%;}
.th30 {width:30%;}
.th40 {width:40%;}
.thfr {width:*;}
img {    vertical-align: middle; } 
.checkbox, .radio {display: block; padding: .5rem 0; position: relative; }
.checkbox a, .radio a {display: inline!important; margin: 0!important; text-decoration: underline; color: #562900; position: absolute; right: 0; top: 50%;  /*transform: translateY(-50%);*/ }
input[type=checkbox] {width: 0; height: 0; opacity: 0; -webkit-appearance: checkbox; position: absolute; outline: auto; }
input[type=checkbox]+label {display: block; height: 16px; padding-left: 2rem; line-height: 16px; position: relative; }
input[type=checkbox]+label:before {content: ""; display: block; width: 16px; height: 16px; border-radius: 0; border: 1px solid #562900; box-sizing: border-box; background: #fff; position: absolute; left: 0; top: 0; }
input[type=checkbox]:checked+label:after {display: block; border-color: #fff; }
input[type=checkbox]+label:after {content: ""; display: none; width: 8px; height: 2px; border-left: 2px solid #000; border-bottom: 2px solid #000;
    border-right-color: #000; border-top-color: #000; position: absolute; left: 3px; top: 5px; transform: rotate(-45deg); }
input[type=checkbox]:checked+label:before {
    background: #2b2b2b;
    border-color: #2b2b2b;
    -webkit-animation: ripple2 .2s linear forwards;
    animation: ripple2 .2s linear forwards;
}
button:not(:active), button:not(:focus) {outline: 0; }


/* layout */
.nav-top {height: 30px; position: relative; background: rgb(255, 255, 255); }
.nav-top::before {
    content: " ";
    display: block;
    position: absolute;
    top: 6px;
    left: 0px;
    width: 100%;
    height: 32px;
    z-index: 7;
    background: linear-gradient(-45deg, #ffffff 11px, transparent 0px) 0% 0% / 24px 24px repeat-x, linear-gradient(45deg, #ffffff 11px, transparent 0px);
    background-repeat: repeat-x;
}
.navbar {
    position: relative;
    z-index: 4;    
	border-top: 3px solid #e36925;
    border-bottom: 0px dotted #e36925;
}
.navbar .navbar-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 1360px;
    margin: 0px auto;
    padding: 2rem 5% 2rem 5%;
	height: 136px;
}

.navbar-menu {display: flex;}
.navbar-menu {position: relative; display: inline-block;
    width: 136px; height: 40px; top: 0px;
    margin-right: 80px; font-size: 0; vertical-align: top; }

/*.navbar-menu:after { content: ' ';
    position: absolute;
    display: block;
    top: 0px;
    left: 1px;
    width: 177px;
    height: 149px;
    background: url(https://health.chosun.com/newsletter/img/text_v2.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;
}
.navbar-menu-item {
    display: flex;
    align-items: center;
    margin-right: 1.5rem;
    font-size: 1.125rem;
    color: #e36925;
    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(-20%);
}
.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:#311802;
    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: #311802;
    border-image: initial;
}

.search_bg { width: 100%;  background: #fdf3ee; position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 8; display:none;} 
.search { max-width: 640px; background: #fdf3ee; margin: 0 auto; padding: 1rem 5%; box-sizing: border-box; position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 6; }
.search-top { padding: 2rem 0 0rem;}
.search-top .search-title { margin: 1rem 0; font-size: 2.85rem; font-weight:normal; letter-spacing:-3px;}
.search .textfield { margin: 0 auto; }  

.textfield { margin: 1rem 0; position: relative; }
.search-close {display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; z-index: 12121; }
.search input { padding-left: 20px; height: 52px; font-size: 1.125rem; }
.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: .5rem 0; color: #2b2b2b; }

button:not(:active), button:not(:focus) {outline: 0px; }
button {
    cursor: pointer;
    position: relative;
    padding: 0px;
    border-width: initial;
    border-style: none;
    border-color: initial;
    border-image: initial;
    background: none;
    font: inherit;
}
button {
    appearance: button;
    -webkit-writing-mode: horizontal-tb !important;
    text-rendering: auto;
    color: -internal-light-dark(black, white);
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: center;
    align-items: flex-start;
    cursor: default;
    background-color: -internal-light-dark(rgb(239, 239, 239), rgb(59, 59, 59));
    box-sizing: border-box;
    margin: 0em;
    font: 400 13.3333px Arial;
    padding: 1px 6px;
    border-width: 2px;
    border-style: outset;
    border-color: -internal-light-dark(rgb(118, 118, 118), rgb(133, 133, 133));
    border-image: initial;
}
.intro-head-description {
    padding: 0.5rem 0 0.5rem;    
	position: relative;	
    box-sizing: border-box;
	border-top: 1px solid #311802;
	border-bottom: 1px solid #311802;
}
.intro-inner { margin: 0 auto;  padding: 0rem 0%  0rem 0%; box-sizing: border-box;	display: flex; justify-content: space-evenly; border:0px solid #000;}

.intro-aleft {display: flex; position: relative; display: inline-block; margin-right: 0%; border:0px solid #000;}
.intro-aleft p{  
	font-size: 1.5em; line-height: 2.4rem; letter-spacing: -.12rem; font-weight: 500;  color: #311802;}



.intro-aright{display: flex; align-items: center; position: relative;  border:0px solid #000;}

/*뉴스레터 구독 신청*/
.intro-aright form {display: flex; align-items: center; position: relative;  border:0px solid #000; flex-direction: column;}

.ami_new_email{ display: flex; flex-direction: row; gap:8px;}

.red_error {color:#e41b23; font-size:1.3rem;}
.red_error2 {color:#e41b23; font-size:1.3rem; line-height:1.9rem; padding-top:8px;}
.white_error {color:#ffffff; font-size:0.1rem;}
.intro-head-subhead {display: block; font-size: 1.125rem; position: relative; z-index: 1; }
.intro-head-subhead b {font-weight: 700;}
.tomorrow {display: none!important; }





.subscribe { max-width: 400px; margin: 0.5rem 0 0; box-sizing: border-box; position: relative; z-index: 1; }
.subscribe .textfield { margin: 0; }
.subscribe .textfield .textfield-input { background: #fff; }
.subscribe .textfield+.textfield { margin-top: .5rem; }

.textfield-input {
    display: block;
    width: 100%;
    padding: 8px 30px 8px 0.6rem;
    border: 1px solid #311802;
    border-radius: 5px;
    box-sizing: border-box;
    box-shadow: 0;
    font: inherit;
    color: #311802;
    transition: all .2s;
    outline: none;
    box-shadow: none;
}
.primary-button {
    display: inline-block;
    min-width: 104px;
    background: #f49325;
    padding: 20px 4.52rem 21px;
    border-radius: 5px;
    text-align: center;
    cursor: pointer;
    position: relative;
    border: 1px solid #f49325;
    color: #ffffff;
	
}


#stb_form_submit_button {
    min-height: 95px;
    padding: .2rem 1.8rem;
}

.primary-button:hover { background: #e36925; border: 1px solid #e36925; color: #F0FF5D; }
.category { display: flex;  justify-content: center;  border-top: 1px dotted #562900;  border-bottom: 1px solid #e36925;  background: #fff; box-sizing: border-box;
    overflow: hidden; position: absolute; left: 0; right: 0; margin-bottom:1px;}
.category2 { display: flex;  justify-content: center;  border-top: 0px dotted #e36925;  border-bottom: 1px dotted #e36925;  background: #fff; box-sizing: border-box;
    overflow: hidden;}
.category-wrap {
    display: flex;
    overflow: auto;
    white-space: nowrap;
    overflow: overlay;
}
.category-link {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 1rem;
    padding: 1.25rem 0;
    box-sizing: border-box;
    font-size: 1.125rem;
    color: #2b2b2b;
    cursor: pointer;
}
.category-link.is-active { border-bottom: 3px solid #e36925; font-weight:bold; }
.category-link.is-active span { margin-bottom: 0px; }
.category-backdrop { height: 67px;}
.bJCmFu { width: 90%; max-width: 1360px; margin: 0px auto; padding: 0px 5%; position: relative;  margin-top: 71px;}
.bJCmLi { width: 90%; max-width: 1000px; margin: 0px auto; padding: 0 5%; position: relative; }
.posts {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    border-color: #d0d0d0;
    border-style: solid;
    border-width: 1px 0 0 1px;
}
.posts2 {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    border-color: #311802;
    border-style: solid;
    border-width: 1px 0 0 0px;
	margin-top:1.5rem;
}
.posts_load {display: flex; flex-wrap: wrap; position: relative; border-color: #d0d0d0; border-style: solid; border-width: 0px 0 0 1px;}

.box, .box .box-thumbnail {box-sizing: border-box; position: relative; }
.box {display: block; width: 25%;  color: #2b2b2b;  border: 1px solid #d0d0d0;  border-width: 0 1px 1px 0; border-radius: 0px;  cursor: pointer;}
.box>* {pointer-events: none;}
.box:hover {background: #ffffff;}
.box:hover img{-webkit-filter: grayscale(100%); filter: grayscale(100%); }
.box .box-thumbnail { width: auto;  height: auto; border-bottom: 1px solid #d0d0d0; border-radius: 0px; overflow: hidden;}
.box .box-thumbnail>* { -webkit-filter: grayscale(0%); filter: grayscale(0%); }

.box .box-open { width: auto;  height: auto; border-bottom: 1px solid #d0d0d0; border-radius: 0px; overflow: hidden; }
.box .box-open>* { -webkit-filter: grayscale(100%); filter: grayscale(100%); }


.box .box-body { padding: 1.5rem 1.75rem; box-sizing: border-box; }
.box .box-body>* { /*-webkit-filter: grayscale(100%);*/ /*filter: grayscale(100%);*/ }
.box .box-body .box-title {margin: 0 0 .5rem; font-size: 1.27rem;} 
.box .box-body .box-date { padding: 0; margin-right: 1em; }
.box .box-body .original-item-tag {display: flex; align-items: center; justify-content: center;
    width: 2rem; height: 2rem;  padding: .5rem;  border-radius: 50%;  background: #fb7800;  position: absolute;  right: 1.5rem;
    top: 1.5rem; -webkit-filter: grayscale(0); filter: grayscale(0); }
.box .box-body .original-item-tag img { transform: rotate(-10deg); }

.boxz {display: block; width: 100%;  color: #e36925;  border: none;   }
.box-outer { width: 100%;  }

.box.noimage:after { content: ""; display: block; padding-bottom: 100%; }
.box.noimage .box-body { padding: 2.5rem 1.75rem; box-sizing: border-box; }
.box.noimage .box-inner {width: 100%; height: 100%; position: absolute;}
.box.noimage .box-body .box-emoji {display: block; margin-top: -1rem; font-size: 3rem;}
.box.noimage .box-body .box-title span {font-size: 1.1rem ;}
.box.noimage .box-body .box-title {margin: .0rem 0 0.5rem; font-size: 1.8rem;}
.box .box-body .box-text {
	display: -webkit-box; 
	margin: 0 0 0.5rem; overflow: hidden; 
	text-overflow: ellipsis; white-space: normal; height: 6em; text-align: left;
	font-size: 1rem; word-wrap: break-word; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}
.box.noimage .box-body .card-emoji {
    display: block;
    margin-top: -1rem;
    font-size: 3rem;
}
.box.noimage .box-body .box-date { position: absolute; left: 1.75rem; bottom: 1.5rem;}
.box.noimage .box-body .box-category { position: absolute; left: 8.3rem; bottom: 1.5rem; }
.box.noimage .box-body span {font-size: 18px; font-weight: 700; color: #311802; letter-spacing: -0.0800rem;}
.box .box-body span {font-size: 18px; font-weight: 700; color: #311802; letter-spacing: -0.0800rem;}

.boxlist, .boxlist .boxlist-thumbnail {box-sizing: border-box; position: relative; }
.boxlist {display: block; width: 100%;  color: #e36925;  border: 1px solid #e36925;  border-width: 0 0px 1px 0;  cursor: pointer; padding-bottom: 0.5rem; margin: 0.5rem 0rem 0rem 0rem; }
.boxlist>* {pointer-events: none;}
.boxlist:hover {background: #f4f2ed;}
.boxlist .boxlist-thumbnail { float:left; width:30%;  height: auto; border-bottom: 1px solid #e36925; border-radius: 0; overflow: hidden;}
.boxlist .boxlist-thumbnail>* { -webkit-filter: grayscale(100%); filter: grayscale(0%); }
.boxlist .boxlist-thumbnail:hover { -webkit-filter: grayscale(0%); filter: grayscale(0%); }
.boxlist .boxlist-body { float:left; padding: 1.5rem 1.75rem;  box-sizing: border-box;}
.boxlist .boxlist-body>* { -webkit-filter: grayscale(100%); filter: grayscale(100%); }
.boxlist .boxlist-body .boxlist-title {margin: 0 0 .5rem; font-size: 1.25rem;} 
.boxlist .boxlist-body .boxlist-date { padding: 0; margin-right: 1em; }
.boxlist .boxlist-body .original-item-tag {display: flex; align-items: center; justify-content: center;
    width: 2rem; height: 2rem;  padding: .5rem;  border-radius: 50%;  background: #fb7800;  position: absolute;  right: 1.5rem;
    top: 1.5rem; -webkit-filter: grayscale(0); filter: grayscale(0); }
.boxlist .boxlist-body .original-item-tag img { transform: rotate(-10deg); }
.boxlist.noimage:after { content: ""; /*display: block;*/ padding-bottom: 100%; }
.boxlist.noimage .boxlist-inner {width: 100%; /*height: 100%; position: absolute;*/}
.boxlist.noimage .boxlist-body .boxlist-emoji {display: block; margin-top: -1rem; font-size: 3rem;}
.boxlist.noimage .boxlist-body .boxlist-title {margin: .5rem 0 1rem;}
.boxlist .boxlist-body .boxlist-text {display: -webkit-box; margin: 0 0 1.5rem; overflow: hidden; text-overflow: ellipsis; white-space: normal; height: 3.6em; text-align: left; font-size: 1rem; word-wrap: break-word; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.boxlist.noimage .boxlist-body .boxlist-date { position: absolute; left: 1.75rem; bottom: 1.5rem;}
.boxlist.noimage .boxlist-body .boxlist-category { position: absolute; left: 8.3rem; bottom: 1.5rem; }




.secondary-button {
    display: inline-block;
    min-width: 104px;
    background: #fb7800;
    padding: 11px 1.5rem 12px;
    border-radius: 5px;
    text-align: center;
    color: #fff;
    cursor: pointer;
    position: relative;
    border: 1px solid #e36925;
    box-sizing: border-box;
    background: #fff;
    color: #e36925;
}
.loadmore {
    width: 20rem;
    margin: 2rem auto;
    display: flex!important;
    justify-content: center;
    flex-wrap: wrap!important;
}
.no_data_text{width: 20rem; margin: 2rem auto; display: flex; justify-content: center; flex-wrap: wrap; padding:2rem;}
button {
    padding: 0;
    border: none;
    background: none;
    cursor: pointer;
    font: inherit;
    position: relative;
}
.secondary-button:focus:not(:disabled), .secondary-button:hover:not(:disabled) {
    background: #f9ff56;
}
.home-keywords {
    margin: 8rem auto 12rem;
}
.home-keywords h3 {
    padding: 1rem 0;
    font-size: 2rem;
}
.home-keywords div {
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
    list-style: none;
    border-color: #e36925;
    border-style: solid;
    border-width: 1px 0 0 1px;
}
.home-keywords .home-keywords-keyword {
    width: 25%;
    padding: 1rem 2rem;
    border: 1px solid #e36925;
    border-width: 0 1px 1px 0;
    box-sizing: border-box;
    font-size: 1.25rem;
    color: #e36925;
    position: relative;
}
.home-keywords .home-keywords-keyword:before {
    content: "#";
}
aside {
    display: block;
}
.top_text_btn{
	 border-top: 1px solid #2b2b2b;
    position: relative;
    box-sizing: border-box;
	width:100%;
	margin: 0 auto;	
}
.top_text_btn:hover { background: #fff; }
.home-female {
    padding: 1.25rem 5%;
    border-top: 1px solid #e36925;
}
.home-female:hover {
    background: #fff;
}
.home-female a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    font-size: 1.5rem;
    color: #e36925;
}
.home-letter2 {  padding: 0rem 15.8% 0rem 7.8%; max-width: 1360px; margin: 0px auto; padding: 0rem 5% 0rem 6%;}
.home-letter2:hover { background: #fff; }
.home-letter2 a {display: flex; justify-content: space-between; align-items: center; color: #2b2b2b; font-weight:bold;}
.home-letter2 a p {font-size: 1.9rem; letter-spacing:-1.9px; line-height: 2.0rem;}

.intro-inner2 { margin: 0 auto;  padding: 0rem 0%  0rem 1.8%; box-sizing: border-box;	display: flex; justify-content: space-around; border:0px solid #000;}
.intro-aleft2 {display: flex; position: relative; display: inline-block; margin-right: 0%; border:0px solid #000;}
.intro-aleft2 p{ margin-top: 1.5rem; font-size: 1.5em; line-height: 2.0rem; letter-spacing: -.15rem; font-weight: 500;  color: #000;}
#survey_button { min-height: 55px; padding: .1rem 1.8rem; }
.survey-button { display: inline-block; min-width: 104px; background: #28990A; padding: 20px 4.52rem 21px; border-radius: 0; text-align: center; cursor: pointer; position: relative; border: 0px solid #e36925; color: #ffffff; }
.survey-button:hover { border: 0px solid #e36925; color: #F0FF5D; }
.research-button { display: inline-block; min-width: 104px; background: #0E3E98; padding: 20px 4.52rem 21px; border-radius: 0; text-align: center; cursor: pointer; position: relative; border: 0px solid #e36925; color: #ffffff; }
.research-button:hover { border: 0px solid #e36925; color: #F0FF5D; }
.intro-acenter {/*display: flex; align-items: center; justify-content: center;  width: 646px;  box-sizing: border-box;*/
position: absolute; top: 2rem; left: 30%; width: 100%; max-width: 600px; margin-left: 00px; border:0px solid #000} 
.cta-arrow { max-width: 67px; flex-grow: 1; margin-left: 11px; margin-right: 3px;  padding: 17px 0; }
.cta-arrow .line { width: 100%; height: 2px; background: #000; position: relative; }
.cta-arrow .line:after, .cta-arrow .line:before { background: inherit; position: absolute; width: 17px; height: 2px; content: ""; right: 0; }
.cta-arrow .line:before { /*transform: rotate(-50deg);*/  transform-origin: top right; }
.cta-arrow .line:after { transform: rotate(50deg); transform-origin: bottom right; }

.marquee.is-right p {
    -webkit-animation-name: marquee-right;
    animation-name: marquee-right;
}
.marquee p {
    white-space: nowrap;
    -webkit-animation-name: marquee;
    animation-name: marquee;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-duration: 4s;
    animation-duration: 4s;
    will-change: auto;
}
.mobile-block {display: none;}
.desktop-block {display: block;}

.footer {display: flex; flex-wrap: wrap; overflow: hidden; margin: 0 auto; padding: 4rem 9% 6rem; border-top: 1px solid #e36925; 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: #2b2b2b; 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; }
small { font-size: 12px; }
.bottombar { display: none; justify-content: space-around; width: 100%; padding: .5rem 0 1rem; background: #fff;  border-top: 1px solid #2b2b2b; 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; }
aside {display: block;}
.home-letter { padding: 0rem 9%; border-top: 1px solid #2b2b2b; }
.home-letter:hover { background: #fff; }

.home-letter a {display: flex; justify-content: space-between; align-items: center; width: 100%;  color: #2b2b2b; font-weight:bold;}
.home-letter a p {font-size: 2.5rem; letter-spacing:-1.9px; line-height: 3.0rem;}

.home-arrow {max-width: 150px; flex-grow: 1; margin-left: 11px; margin-right: 3px; font-size: 1.2rem; padding: 5px 5px; text-align:center; background:#e46d25; color:#fff; font-weight:bold; border-radius: 5px;}
.home-arrow-close {max-width: 150px; flex-grow: 1; margin-left: 11px; margin-right: 3px; padding: 17px 0; font-size: 1.0rem; text-align:center; color: #e46d25; font-weight:bold;}

.arrow {
  border: solid #e46d25;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 5px;
}

.right {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
.up {
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}

.down {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
/*.home-arrow .line {width: 100%; height: 2px; background: #000; position: relative; }
.home-arrow .line:after, .home-arrow .line:before {background: inherit; position: absolute; width: 17px; height: 2px; content: ""; right: 0; transform: rotate(-45deg); transform-origin: bottom right; }
.home-arrow .line:after {transform: rotate(45deg); transform-origin: bottom right; */
/*list�� ������*/
.subcontents {max-width: 1000px; margin: 0 auto; }
.historyList {padding-top: 68px;}
.historyList table {border-top: 0px solid #bdbdbd; border-bottom: 2px solid #bdbdbd; width: 100%; border-collapse: collapse; border-spacing: 0; table-layout: fixed;    word-break: break-all;}
.historyList table td {text-align: left; border-bottom: 1px dotted #bdbdbd; }
.historyList table tr:hover {background: #ffffff;}
.historyList table td img {max-width: 100%; -webkit-filter: grayscale(50%); filter: grayscale(50%); }
.historyList table td img:hover {-webkit-filter: grayscale(00%); filter: grayscale(00%); }
.historyListData {line-height: 30px; position: relative; vertical-align: top; }
.historyListData h4 {font-size: 20px; font-weight: bold; }
.historyListData h5 {font-size: 16px;}
.historyListData p {font-size: 14px; color: #666666; }

.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:after { content: ' ';  position: absolute; display: block; width: 48px; height: 48px; top: 0; left: 0; background: #000 url(https://health.chosun.com/images/2018/img_common.png) no-repeat; }

@media (max-width: 1360px) {
	.box {width: 33.3333%;}
	.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){
	html {font-size: 12px;}
	.navbar .navbar-inner { padding-top: 0rem; padding-bottom: 0rem; height: 120px; }
	.navbar-menu {display: none;}
	.navbar-user {display: none;}
	.bJCmFu {max-width: 100%;}	
	.bJCmLi {max-width: 100%;}	
	.navbar-logo {
		display: flex;
		align-items: center;
		justify-content: center;		
		box-sizing: border-box;
		position: absolute;
		left: 50%;
		width: 275px;
		transform: translateX(-50%);
	}
	.navbar-user {display: none;}	
	.intro-head-title {background: #ebebeb; border-top: 1px solid #2b2b2b; margin-top: -10rem; font-size: 1.5rem; text-align: center; position: relative; z-index: 6; }
	.intro-head-description {position: relative; z-index: 7; padding: 0.3rem 0.3rem;}
	.intro-inner {display: block;  max-width: 480px; margin: 0 auto; }
	.ami_new_email{ display: flex; flex-direction: row; gap:0px;}
	.intro-inner2 {display: block;  max-width: 480px; margin: 0 auto; }
	.band{margin-bottom: 16px;}
	.intro-aleft {display: block; position: relative; width: 100%; margin-top:0rem; margin-right: 0px;}	
	.intro-acenter {width: 100%; left: auto; top: auto; margin: -2rem auto auto; position: relative; z-index: 6;}
	.subscribe {max-width: 480px; margin: 0 auto; box-sizing: border-box; position: relative; z-index: 1; }
	.bottombar {display: flex;}
	.mobile-block {display: block; }
	.news_go {display: none;}
	.box.noimage:after { content: ""; display: block; padding-bottom: 80%; }
	
	.intro-aleft p {
		/*margin-top: 20px;*/
		font-size: 1.2em;
		line-height: 0.5rem;
		letter-spacing: -.10rem;
		font-weight: 500;
		color: #e36925;
	}
	.mobile-block {display: block;}
	.desktop-block {display: none;}
	#stb_form_submit_button {
        min-height: 57px;
        padding: .1rem 1.3rem;
    }


}

@media (max-width: 900px){
	.box {width: 50%;}
	.boxlist {width: 50%;}
	.boxlist .boxlist-thumbnail {   width: 100%;	}
	.navbar-logo {		
		justify-content: center;		
		box-sizing: border-box;
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
	}
	
	.desktop-block {display: none;}
}	
	
@media (max-width: 720px){
	/*.box { width: 100%; }
	.boxlist { width: 100%; }*/
	.mobile-block {display: block;}
	.desktop-block {display: none;}
	.navbar-logo {
		
		justify-content: center;
		width: 275px;
		box-sizing: border-box;
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
	}
	.navbar .navbar-inner {   
			height: 120px;
			}
	.posts { border-color: #d0d0d0; border-style: solid; border-width: 0px 0 0 0px; }
	.box { width: 100%; margin-bottom:15px;     border-width: 1px 1px 1px 1px;}
	.boxlist { width: 100%; }
	.box.noimage .box-body { padding: 2.5rem 1.75rem; box-sizing: border-box; border-bottom: 0px solid #d0d0d0; }
	.home-letter2 a {padding: 0rem 0% 0rem 0%;}
	.home-letter a p { font-size: 1.5rem; letter-spacing: -1.9px; line-height: 2.0rem; }	
	.home-letter2 a p { font-size: 1.5rem; letter-spacing: -1.9px; line-height: 2.0rem; }	

	.box.noimage:after { content: ""; display: block; padding-bottom: 80%; }
	.box.noimage .box-inner {width: 100%; height: au; position: absolute;}
	.textfield-input {
			display: block;
			width: 98%;
			padding: 8px 30px 8px 15px;
			border: 1px solid #e36925;
			border-radius: 8px;
			box-sizing: border-box;
			box-shadow: 0;
			font: inherit;
			color: #e36925;
			transition: all .2s;
			outline: none;
			box-shadow: none;
	}
	.posts_load {border-width: 0px 0 0 0px;}
	#stb_form_submit_button {min-height: 57px; padding: .1rem 1.3rem;}

}