@charset "utf-8";

#wrap{min-width:320px;overflow:hidden;overflow-x:hidden}
:root{--swiper-theme-color:none!important}
html{font-size:62.5%;overflow-x:hidden}
.boxs{max-width:500px}
.boxs .box{width:100%;height:309px}
table{border-collapse:collapse;border-spacing:0;width:100%;table-layout:fixed}
td{width:25%}

/* 1:1.618 */
/*----- container -----*/
.container {
    width:100%;
    max-width:640px;
    margin:0 auto;
    padding-bottom:60px;
}
.container_mb {
    width:100%;
    max-width:640px;
    margin:0 auto;
}
.container .quotation_wrap {
    display:flex;
    position:relative;
    padding:20px 0;
    justify-content:center;
    width:100%;
    height:80px;
    font-size:18px;
    color:#000;
    margin-bottom:-20px;
    text-align:center;
    border-bottom:1px solid #000;
}
.container .quotation_wrap .quotation {
    color:#be4040;
    height:29px;
    letter-spacing:-1.5px;
    margin-right:5px;
    border-bottom:2px solid #be4040;
    font-weight:500;
    overflow:hidden;
    max-width:200px;
}
.container .quotation_wrap .quotation .tx_icon_l {
    width:11px;
    height:11px;
    margin-top:-6px;
    margin-right:2px;
    float:left;
}
.container .quotation_wrap .quotation .tx_icon_r {
    width:11px;
    height:11px;
    margin-top:-6px;
    margin-left:2px;
    float:right;
}
.container .quotation_wrap .mini_search {
    position:absolute;
    right:1px;
    bottom:11px;
    font-size:12px;
    text-align:right;
}

/*----- row -----*/
.row{position:relative;margin:0px 20px}
.mt_m20{margin-top:-20px!important}
.mt_m50{margin-top:-50px!important}
.mt_m70{margin-top:-70px!important}
.mt_m15{margin-top:-15px!important}
.mt_m10_5{margin-top:-10.5px!important}
.mt16{margin-top:16px}
.mt20{margin-top:20px!important}
.mt38{margin-top:38px!important}
.mb22_5{margin-bottom:22.5px!important}
.mb29_5{margin-bottom:29.5px!important}
.mb30{margin-bottom:30px!important}
.mb38{margin-bottom:38px!important}
.mb42_5{margin-bottom:42.5px!important}
.mb45{margin-bottom:45px!important}
.mb50{margin-bottom:50px!important}
.mbm23{margin-bottom:-23.5px!important}
.pb19_5{padding-bottom:19.5px!important}
.pb01_5{padding-bottom:1.5px!important}
.pb04{padding-bottom:4px!important}
.pb11{padding-bottom:11px!important}
.pb13_5{padding-bottom:13.5px!important}
.pb15_5{padding-bottom:15.5px!important}
.pb20{padding-bottom:20px!important}
.pt17{padding-top:17px!important}
.pt24_5{padding-top:24.5px!important}
.mb25{margin-bottom:25px!important}
.tbg{background:#f4f4f4}
.tbg-333{background:#333}
.tbg-be4040{background:#be4040}
.colbe4040{color:#be4040!important}
.letter-m2{letter-spacing:-2px!important}
.fw700{font-weight:700!important}
.b-t-1ccc{border-top:1px solid #ccc}
.border-line{border-top:0.1px solid #000}
.ellipsis-01{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.ellipsis-02{display:-webkit-box;overflow:hidden!important;text-overflow:ellipsis!important;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.ellipsis-03{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:3}

/*----- header -----*/
#header {
    padding:17px 0 26.5px 0;
    max-width:589px;
    margin:0 auto;
}
#header .m-head {
    position:relative;
    width:102%;
    margin:0 auto;
    height:8.5px;
}
#header .menu {
    position:absolute;
    left:0;
    top:0px;
    height:20px;
}
#header .menu img {
    width:55%;
}

/* 메뉴 버튼 */

.view_sub {
    width:100%;
    margin-top:45px;
    margin-bottom:10px;
    display:block;
    font-weight:600;
    line-height:21px;
}
.view_sub li {
    color:#000;
    margin-bottom:5px;
}
.menu_btn {
    text-align:left;
}
.top_line {
    displ
    float:left;
    width:18%;
    height:1px;
    background:#be4040;
}
.view-area .top_line{
    display:none
}
.view-area img{
    width:100%;
    object-fit:cover;
}

.menu_bg {
    width:100%;
    height:100%;
    background:rgba(0, 0, 0, 0.7);
    position:fixed;
    top:0;
    left:0;
    display:none;
    z-index:99;
}
.menu_bg .sidebar_menu {
    display:none;
    width:80%;
    height:100%;
    background:#fff;
    position:fixed;
    top:0;
    right:80%;
    z-index:99;
}
.close_btn {
    width:25px;
    height:25px;
    margin-top:18px;
    margin-right:7px;
    float:right;
}
.close_btn>a {
    display:block;
    width:100%;
    height:100%;
}
.menu_area {
    margin-top:18%;
}
.menu_area .menu_line {
    display:flex;
}
.menu_area .menu_line .menu_wrap {
    list-style:none;
    margin-bottom:25px;
    font-size:1.4rem;
    float:left;
    min-width:128px;
    width:50%;
    margin-left:9%;
}
.menu_area .menu_line .menu_wrap dt {
    width:100%;
    margin-bottom:15px;
    font-weight:700;
}
.menu_area .menu_line .menu_wrap dt a {
    font-weight:700;
}
.menu_area .menu_line .menu_wrap dd {
    margin-bottom:15px;
    text-decoration:none;
}
.menu_area .menu_line .menu_wrap .prm {
    margin-top: 34px;
    margin-left: 0;
}
.menu_area .menu_line .menu_wrap dd a .menu_icon {
    width:30px;
    height:30px;
    position:absolute;
}
.menu_area .menu_line .menu_wrap dd a .menu_icon img {
    margin-top:-2px;
    margin-left:2px;
}
.menu_area .menu_line .menu_wrap dd a {
    color:#000;
    letter-spacing:-1px;
    text-decoration:none;
}

/* S- 20250121_SNS - */
.snsicon_box {
    display: flex;
    justify-content: space-evenly;
    border-top: 2px solid #333;
    padding-top: 30px;
}
.snsicon_box .micon {
    display: flex;
    justify-content: center;
}
.snsicon_box .micon > * {
    position: relative;
    font-size: 0;
    width: 45px;
    height: 45px;
}
.yutube {
    border-radius: 50px;
    background: #ff0000;
}
.yutube::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 20px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'%3E%3Cpath d='M48.3 14.2c-.9-3.7-2.6-5.1-5.8-5.6C40.7 8.3 32 8 25 8s-15.7.3-17.5.6c-3.2.5-4.9 1.9-5.8 5.6-.3 1.2-.7 8-.7 10.5v.6c0 2.6.4 9.3.7 10.5.9 3.7 2.6 5.1 5.8 5.6 1.8.3 10.6.6 17.5.6s15.7-.3 17.5-.6c3.2-.5 4.9-1.9 5.8-5.6.3-1.2.7-8 .7-10.5v-.6c0-2.6-.4-9.3-.7-10.5ZM19.9 31.1V18.8l11.5 6-11.5 6.3Z' style='fill:%23fff'/%3E%3C/svg%3E");
}

.twitter {
    border-radius: 50px;
    background: #333;
}
.twitter::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 18px;
    height: 18px;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'%3E%3Cpath d='M46.9 46 29.6 21.3 47.3 1h-3.9L27.8 18.8 17.4 3.9 15.3 1H1l2.1 2.9 16.8 24L1.5 49h3.9l16.3-18.6L32.6 46l2.1 3H49l-2.1-3Z' style='fill:%23fff'/%3E%3C/svg%3E");
}

.telegram {
    border-radius: 50px;
    background: #28bae7;
}

.telegram::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 20px;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='Layer_1' version='1.1' viewBox='0 0 50 50'%3E%3Cdefs%3E%3Cstyle%3E.st0%7Bfill:%23fff%7D%3C/style%3E%3C/defs%3E%3Cpath d='M39.2 12.6h-.1.2ZM39.9 13.7l.2-.2c.2-.2.3-.4.4-.5-.1.2-.3.4-.6.7Z' class='st0'/%3E%3Cpath d='M48.4 4.6c-1-.7-2.9.2-3 .2L2.9 21.4s-2.1.7-1.9 2c.2 1.3 1.8 1.9 1.9 1.9l10.6 3.6c.2.7 3.2 10.6 3.9 12.5.6 1.9 1.1 2.1 1.2 2.1.6.3 1.2-.1 1.2-.2l6.9-6.2 10.7 8.2c.5.2 1 .4 1.5.4s.7 0 1-.2c1.1-.4 1.5-1.5 1.6-1.6s7.6-38 7.6-38c0-.6-.2-1-.6-1.3Zm-7.8 8.5c0 .1-.2.3-.4.5 0 0-.1 0-.2.2-2.2 2-20 17.9-20 17.9l-1.3 11.7s-.5-.2-1.1-2c-.6-2-3.8-12.4-3.9-12.5s24.2-15.3 24.2-15.3.5-.3 1.3-.8h.1v-.1c.7-.4 1.2-.6 1.4-.4.2.1.3.4-.1.9ZM39.9 13.7z' class='st0'/%3E%3Cpath d='M39.1 12.7c-.8.5-1.3.8-1.3.8l1.3-.8Z' class='st0'/%3E%3C/svg%3E");
}

.footer.snsicon_box {
    position: fixed;
    bottom: 50px;
    right: 30px;
    display: flex;
    column-gap: 10px;
    border-top: 0;
    transition: all .5s ease
} 
.footer.snsicon_box.fixed {
    bottom: 270px;
    transition: all .5s ease
}
.footer.snsicon_box .micon > * {
    width: 40px;
    height: 40px;
    box-shadow: rgb(0 0 0 / 8%) 3px 4px 0px 0px;
}


/* E- 20250121_SNS - */

#header .m-log {
    margin:0 auto;
    width:302px;
    height:100%;
    text-align:center;
}
#header .m-log img {
    width:58%;
    overflow:hidden;
}
/* 검색창 */
#header .top_search {
    position:absolute;
    right:1.5px;
    top:-3.5px;
    width:25px;
    height:25px;
    display:block;
    border:0;
    background:none;
}
#header .top_search img {
    width:100%;
}
#header .top_search button {
    background:#fff;
}
.top_search_im {
    overflow:hidden;
    display:inline-block;
    background-color:transparent;
    width:19px;
    height:19px;
}
.blind {
    display:block;
    overflow:hidden;
    position:absolute;
    top:-1000em;
    left:0;
    background:#be4040;
}
.search_bar_new {
    padding:0px 0px 7px 0px;
    overflow:hidden;
}
.search_bar_new .search_bar_wrap {
    border:1px solid #be4040;
    border-radius:5px;
    overflow:hidden;
    margin-bottom:15px;
}
.search_bar_new .search_bar_wrap a {
    width:20%;
    float:right;
    line-height:42px;
    border:1px solid #be4040;
    background:#be4040;
    border-top-left-radius:0;
    border-bottom-left-radius:0;
    text-align:center;
    font-size:15px;
    color:#fff;
    font-weight:bold;
}
.search_bar_new .search_bar_wrap input {
    width:80%;
    height:44px;
    border:none;
    box-sizing:border-box;
    float:left;
    padding:12px 12px;
    font-size:15px;
    letter-spacing:-0.7px;
}
/*----- header list -----*/
#header .m-head .list-head {
    position:relative;
    width:100%;
    margin:0 auto;
    display:flex;
}
#header .m-head .list-head li {
    font-weight:500;
    display:inline;
    font-size:2.2rem;
    margin-top:-6px;
    margin-left:3px;
    margin-right:3px;
}
#header .m-head .list-head li a {
    font-weight:500;
    letter-spacing:0px;
}
#header .m-head .list-head li.bar {
    width:2px;
    height:19px;
    background:#000;
    margin:0px 8px 0 8px;
}
#header .m-head .list-head li.log {
    width:19px;
    margin-right:9px;
    margin-top:-8px;
    margin-left:-3px;
}
#header .m-head .list-head li.log img {
    width:100%;
}
#header .m-head .list-head li select {
    text-align-last:left!important;
    text-align:left!important;
    -ms-text-align-last:left!important;
    -moz-text-align-last:left!important;
}
#header .m-head .list-head li select.selBox {
    min-width: 100px;
    font-size:1.68rem;
    padding:0 15% 0% 0;
    border:none;
    background:none;
    outline:0;
    position:relative;
    border-radius:0;
    -webkit-appearance:none;
    height:26px;
    -webkit-appearance:none;
    /* 화살표 없애기 for chrome*/
    -moz-appearance:none;
    /* 화살표 없애기 for firefox*/
    appearance:none;
    /* 화살표 없애기 공통*/
    background:url(https://image.edaily.co.kr/images/pharm_m/img/select_icon.png) no-repeat right;
    border-bottom:1px solid #000;
}
#header .m-head .list-head li select::-ms-expand {
    display:none;
    /* 화살표 없애기 for IE10, 11*/
}
.triangle {
    width:0;
    height:0;
    border-left:6px solid transparent;
    border-right:6px solid transparent;
    border-top:8px solid #333;
    position:absolute;
    left:280px;
    top:6px;
}
.mainM .main-wrap {
    /* min-width:320px; */
    overflow:hidden;
    background:#f4f4f4;
}
.mainM .main-wrap .main-img {
    width:100%;
    height:100%;
    margin-top:24px;
    overflow:hidden;
    margin-bottom:18px;
}
.mainM .main-wrap .main-img img {
    width:100%;
    height:100%;
    overflow:hidden;
    object-fit:cover;
    border:1px solid #f5f5f5;
}
.mainM .main-wrap .main-stit {
    margin-bottom:6px;
}
.mainM .main-wrap .main-stit li {
    font-size:1.75rem;
    margin-right:14px;
    display:inline-block;
}
.mainM .main-wrap .main-stit li a {
    color:#be4040;
    font-weight:300;
}
.mainM .main-wrap h2 {
    overflow:hidden;
    margin-bottom:25px!important;
}
.mainM .main-wrap h2 a {
    font-weight:700;
    font-size:2.375rem;
    letter-spacing:-1.5px;
    line-height: 3.5rem;
}
.mainM .main-wrap .mainT {
    overflow:hidden;
    display:flex;
    box-sizing:border-box;
}
.mainM .main-wrap .mainT .mainT-wrap {
    display:flex;
    float:left;
    width:49.5%;
    margin-right:13.5px;
}
.mainM .main-wrap .mainT .mainT-wrap:last-child {
    margin-right:0;
}
.mainM .main-wrap .mainT .mainT-wrap img {
    width:100%;
    overflow:hidden;
    margin-bottom:18px;
    object-fit:cover;
    height:100%;
    border:1px solid #f5f5f5;
}
.mainM .main-wrap .mainT .mainT-wrap h3 {
    font-weight:400;
    overflow:hidden;
    text-overflow:ellipsis;
    font-size:1.75rem;
    letter-spacing:-0.5px;
    line-height: 1.99rem;
}
/*----- 다크호스 -----*/
.darkH {
    padding-top:0px;
}
.darkH .link-tit {
    font-size:2.5rem;
    position:relative;
    display:flex;
    justify-content:space-around;
    align-items:center;
    padding:45px 0 30px 0;
}
.darkH .article-date {
    font-size:1.3375rem;
    color:#989898;
    letter-spacing:-0.1px;
    font-weight:400;
    display:flex;
    margin-top:10px;
}
.darkH .article-date a {
    font-size:1.3375rem;
    font-weight:400;
    color:#989898;
}
.darkH .article-date li {
    display:flex;
}
.darkH .article-date li:after {
    content:"";
    width:1px;
    height:11px;
    display:inline-block;
    margin:3px 6px;
}
.darkH .article-date li:last-child:after {
    display:none;
    background:none;
    border:none;
    height:0;
}
.darkH .link-tit .tit-icon {
    margin-left:3px;
    margin-top:-3px;
    float:right;
}
.darkH .link-tit .tit-icon img {
    width:65%;
}
.darkH .link-tit p {
    font-weight:500;
    align-items:center;
    justify-content:space-around;
    float:left;
    letter-spacing:0px;
}
.darkH .main-img {
    object-fit:cover;
    position:relative;
    width:100%;
    height:100%;
    overflow:hidden;
    margin-bottom:18px;
}
.darkH .main-img>dl>a {
    position:relative;
}
.darkH .main-img>dl>a>dt {
    position:relative;
    width:100%;
    height:auto;
}
.darkH .main-img>dl>a>dt .play_icon {
    position:absolute;
    left:39.5%;
    top:31%;
    height:100%;
    width:21.2%;
    z-index:999;
}
.darkH .main-img>dl>a>dt .play_icon img {
    width:100%;
    border:none;
}
.darkH .main-img>dl>a>dt:after {
    content:"";
    position:absolute;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0, 0, 0, 0.1);
}
.darkH .main-img img {
    width:100%;
    /* max-height:100%; */
    object-fit:cover;
    border:1px solid #f5f5f5;
}
.darkH .youtube {
    position:relative;
    display:flex;
    justify-content:flex-end;
    margin-top:15px;
}
.darkH .youtube p.youtube_log {
    width:66px;
    justify-content:space-between;
    display:flex;
}
.darkH .youtube img {
    width:100%;
}
.darkH .main-tit {
    font-weight:400;
    overflow:hidden;
    text-overflow:ellipsis;
    font-size:1.75rem;
    margin-bottom:60px;
}
.row>div:last-child .main-tit {
    margin-bottom:0;
}
.darkH .main-tit a {
    font-weight:550;
    line-height: 3.25rem;
}
.darkH .main-img .spotlight-tit {
    position:absolute;
    top:50%;
    -webkit-transform:translateY(-50%);
    left:0;
    width:100%;
    height:100%;
    padding:20px 10px;
    background:rgba(256, 256, 256, .8);
}
.darkH .main-img .spotlight-tit .dark-tit {
    width:100%;
    padding-bottom:3px;
}
.darkH .main-img .spotlight-tit .dark-tit .dh-tit {
    margin-top:1.5px;
    font-weight:500;
    overflow:hidden;
    text-overflow:ellipsis;
    font-size:2.175rem;
    margin-bottom:10px;
    line-height: 3.6rem;
}
.darkH .main-img .spotlight-tit .dark-tit .dh-desc {
    margin-top:1.5px;
    font-weight:400;
    overflow:hidden;
    text-overflow:ellipsis;
    font-size:1.75rem;
    color:#be4040;
}
.darkH .main-stit {
    margin-bottom:6px;
}
.darkH .main-stit li {
    font-size:1.75rem;
    margin-right:11px;
    display:inline-block;
    color:#be4040;
    font-weight:400;
}
.darkH .main-stit li a {
    color:#be4040;
    font-weight:400;
}
.darkH h2 {
    overflow:hidden;
}
.darkH h2 a {
    font-size:2.375rem;
    font-weight:700;
}
.darkH .dark {
    margin-bottom:30px;
}
.darkH .dark:last-child {
    margin-bottom:0px;
}
.darkH .dark a {
    display:flex;
    position:relative;
}
.darkH .dark a:after {
    content:'';
    position:absolute;
    right:0;
    bottom:-8px;
    width:calc(100% - 114px);
    height:1px;
}
.darkH .dark .dark-img {
    width:38%;
    margin-right:14px;
    height:auto;
    overflow:hidden;
}
.darkH .dark .dark-img img {
    vertical-align:middle;
    width:100%;
    height:100%;
    object-fit:cover;
    border:1px solid #f5f5f5;
}
.darkH .dark .dark-tit {
    width:68%
}
.darkH .dark .dark-tit .dh-tit {
    margin-top:1.5px;
    font-weight:400;
    overflow:hidden;
    text-overflow:ellipsis;
    font-size:1.65rem;
    line-height: 1.85rem;
}
.darkH .dark .dark-tit .dh-desc {
    font-size:1.35rem;
    text-overflow:ellipsis;
    overflow:hidden;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    margin-top:7px;
    color:#999999;
    font-weight:400;
}
.darkH .box-wrap .darkk {
    border-bottom:2px solid #fff;
}
.darkH .box-wrap .darkk:last-child {
    border-bottom:none;
    display:flex;
    margin-bottom:-32px;
}
.darkH .box-wrap .darkk a .dark-tit-list {
    width:100%;
    margin-top:20px;
    margin-bottom:20px;
}
.darkH .box-wrap .darkk a .dark-tit-list:last-child(4) {
    margin-top:20px;
    margin-bottom:-20px;
}
.darkH .box-wrap .darkk .dark-tit-list .dh-tit {
    margin-top:1.5px;
    font-weight:400;
    overflow:hidden;
    text-overflow:ellipsis;
    font-size:1.75rem;
    line-height: 2.5rem;
}
.darkH .box-wrap .darkk .dark-tit-list .dh-desc {
    font-size:1.35rem;
    text-overflow:ellipsis;
    overflow:hidden;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    margin-top:9px;
    color:#999999;
    font-weight:400;
}
/*----- 업&다운 -----*/

.darkH .link-tit p {
    font-weight:500;
    align-items:center;
    justify-content:space-around;
    float:left;
}
.darkH .link-tit .tit-icon {
    margin-left:6px;
    margin-top:-3px;
    float:right;
}
.darkH .link-tit .tit-icon img {
    width:64%;
}
.darkH .box-area a {
    display:flex;
    position:relative;
    margin-bottom:20px;
}
.darkH .box-area a:after {
    content:'';
    position:absolute;
    right:0;
    bottom:-8px;
    width:calc(100% - 114px);
    height:1px;
}
.darkH .box-area .bx-img {
    width:87px;
    margin-right:12px;
    height:33px;
    overflow:hidden;
    text-align:center;
    color:#fff;
    font-weight:500;
    padding:7px 6px;
    font-size:13px;
    letter-spacing:0.5px;
}
.darkH .box-area .bx-title {
    width:70%
}
.darkH .box-area .bx-title .bx-tit {
    /* display:flex; */
    margin-top:5px;
    font-weight:400;
    overflow:hidden;
    text-overflow:ellipsis;
    letter-spacing:-1.2px;
    font-size:1.625rem;
    line-height: 2.1rem;
}
/*----- 로딩 이미지 -----*/
.data_loading {
    position:relative;
    width:100%;
    height:54px;
}
.data_loading .load_img {
    line-height:54px;
    font-size:0;
    color:transparent;
}
.data_loading .load_img:after {
    content:"";
    position:absolute;
    top:50%;
    left:50%;
    width:32px;
    height:32px;
    margin:-10px 0 0 -20px;
    background:url(https://image.edaily.co.kr/images/pharm_m/img/ajax-loader.gif) no-repeat;
}

/*----- 더 보기 버튼 -----*/
.view-btn {
    width:220px;
    background:#000;
    padding:13.5px 0;
    text-align:center;
    font-size:1.563rem;
    margin:0px auto;
    margin-top:54px;
}
.view-btn a {
    width:220px;
    color:#e8e7e7;
    height:100%;
    padding:11px 87px;
    display:inline;
}

/*----- headline -----*/
.view-area .headline {
    padding-top:30px;
    padding-bottom:24px;
    border-top:1px solid #000;
}
.view-area .h-keyword {
    display:flex;
    flex-wrap:nowrap;
}
.view-area .h-keyword li {
    flex-grow:1;
    flex-shrink:1;
    margin-right: 6px;
}
.view-area .h-keyword li:last-child {
    margin-right:0;
}
.view-area .h-keyword li.on a {
    color:#fff;
    background:#be4040;
    font-size:1.55rem;
    font-weight:600;
    padding:0.5px 5.5px;
    float:left;
    height: 26px;
}
.view-area .h-keyword li a {
    font-size:1.55rem;
    font-weight:400;
    color:#be4040;
    overflow:hidden;
    height: 27px;
    text-align:center;
    line-height: 24px;
    letter-spacing:-1px;
}
.view-area .headline .headline-tit {
    font-weight:700;
    width:100%;
    font-size:3.2rem;
    margin:0 auto;
    padding-top: 27px;
    margin-bottom:14px!important;
}
.view-area .headline .headline-tit a {
    display: inline-block;
    position: relative;font-weight:700;
    font-size:3.2rem;
    padding-left: 30px;
}
.view-area .headline .headline-tit a:after {
    content:
    "";
    position:
    absolute;
    top: 12px;
    left:0;
    width: 24px;
    height: 24px;
    background: url(https://image.edaily.co.kr/images/pharmedaily/mark_p2.png) no-repeat;
    background-size: cover;
    z-index: 1;
}
.view-area .headline .headline-share {
    width:100%;
    padding-top:23px;
    padding-bottom:10px;
}
.view-area .headline .headline-share .h-date {
    font-size:1.3375rem;
    color:#989898;
    letter-spacing:-1.1px;
    font-weight:400;
    float:left;
    margin-top:2px;
}
.view-area .headline .headline-share .h-share {
    margin-top:2px;
}
.view-area .headline .headline-share .h-share ul {
    display:flex;
    flex-direction:row-reverse;
}
.view-area .headline .headline-share .h-share li {
    width:20.5px;
    margin-right:11px;
}
.view-area .headline .headline-share .h-share li:first-child {
    margin-right:12px;
}
.view-area .headline .headline-share .h-share li img {
    width:100%;
}
/*----- article -----*/
.view-area .article {
    line-height:1.9em;
    letter-spacing:-0.6px;
    font-weight:300;
    color:#000;
    padding-top:20px;
    font-size:1.688rem;
}
.view-area .article img {
    max-width:100%;
    height:auto;
    margin-bottom:20px;
    overflow:hidden;
}
.view-area .share-wrap {
    padding-top:20px;
    padding-bottom:90px;
}
.view-area .share-wrap ul {
    display:flex;
    justify-content:center;
    margin-bottom:11px;
}
.view-area .share-wrap ul li {
    margin:0 8px;
    width:34px;
}
.view-area .share-wrap ul li img {
    width:100%;
}
.view-area .relation-area {
    width:100%;
    padding:0px 16px;
    padding-top:42px;
    padding-bottom:36px;
    position:relative;
    margin-bottom:18px;
}
.view-area .relation-area .title {
    padding-left:6px;
    font-weight:600;
    font-size:1rem;
    margin-bottom:30px;
}
.view-area .relation-area .reporter-bx {
    font-weight:400;
    padding-left:6px;
    margin-bottom:24px;
    display:flex;
    font-size:1.75rem;
    letter-spacing:-0.8px;
}
.view-area .relation-area .reporter-bx a {
    margin-left:8px;
}
.view-area .relation-area .reporter-bx p.plus-icon {
    width:23px;
    margin-left:9px;
    margin-top:-2px;
}
.view-area .relation-area .reporter-bx p.plus-icon img {
    width:100%;
}
.view-area .relation-area .relation-tx li {
    margin-bottom:17px;
    overflow:hidden;
    text-overflow:ellipsis;
    font-size:1.75rem;
    position:relative;
    padding-left:10px;
}
.view-area .relation-area .relation-tx li a:after {
    content:"";
    position:absolute;
    top:11px;
    left:1px;
    width:4px;
    height:4px;
    border-radius:100%;
    background:#555;
}
.relation-area .news-tit {
    font-weight:600;
    font-size:22px;
    margin-bottom:37px;
}
.relation-area .news-tit .news-intxt {
    color:#be4040;
    font-weight:600;
}
.relation-area .wid-news .wid-txt {
    display:flex;
}
.relation-area .wid-news .wid-txt li {
    font-size:16px;
    margin-right:13px;
    display:inline-block;
}
.relation-area .wid-news .wid-txt li a {
    color:#be4040;
    font-weight:400;
}
.relation-area .title {
    margin-bottom:30px;
    width:100%;
    display:flex;
    box-sizing:border-box;
    margin-top:6px;
}
.relation-area .title .wid-tit {
    font-size:24px;
    font-weight:600;
    margin-top:2px;
    width:53%;
    float:left;
    margin-right:2%;
    box-sizing:border-box;
}
.relation-area .title .wid-img {
    width:42%;
    float:right;
}
.relation-area .title .wid-img img {
    width:100%;
    height:96px;
    border:1px solid #f5f5f5;
}
.view-area .article-slide {
    margin-bottom:30px;
}
/* 상세 슬라이드 영역 */
.swiper-button-next,
.swiper-button-prev {
    color:#999!important;
    top:19%!important;
    background:none!important;
    border:none!important;
    outline:none!important;
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    border:none!important;
    opacity:none;
    pointer-events:none;
    outline:0;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    left:10px;
    right:auto;
    background:none!important;
    border:none!important;
    outline:none!important;
}
.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
    background:none!important;
    color:#999!important;
}
.view-area .article-slide .view-slide .slide-titicon {
    position:absolute;
    width:100%;
    height:auto;
    height:0;
    z-index:999;
    line-height:19.3m;
}
.view-area .article-slide .view-slide .slide-titicon .slide-tittxt {
    color:#fff;
    font-weight:500;
    z-index:9999;
    background:#be4040;
    width:100px;
    padding:1.5% 2%;
    text-align:center;
    font-size:16px;
    margin:0 auto;
    height:clac(100vh-100px);
    margin-top:183px;
}
.view-area .article-slide .view-slide .slide-titicon .slide-tittxt a {
    color:#fff;
    font-weight:500;
}
.view-area .article-slide .view-slide {
    width:100%;
    background:#eeeeee;
    margin:0 auto;
    position:relative;
    /* display:flex;*/
}
.view-area .article-slide .view-slide .swiper-container {
    width:100%;
    height:100%;
}
.view-area .article-slide .view-slide .swiper-slide .slide_img {
    width:100%;
    height:200px;
    overflow:hidden;
}
.view-area .article-slide .view-slide .swiper-slide img {
    width:100%;
    height:100%;
    overflow:hidden;
    border:1px solid #f5f5f5;
}
.view-area .article-slide .view-slide .swiper-txt {
    margin-top:-15px;
}
.view-area .article-slide .view-slide .swiper-txt li {
    padding:0px 10px;
    text-align:center;
    margin:25px 10px;
}
.view-area .article-slide .view-slide .swiper-txt li:before {
    content:'';
    width:50%;
    height:2px;
    background:#fff;
    display:block;
    margin-bottom:20px;
    margin:0 auto;
}
.view-area .article-slide .view-slide .swiper-txt li:first-child:before {
    display:none;
}
.view-area .article-slide .view-slide .swiper-txt li a {
    font-size:1.75rem;
    margin-top:27px;
    display:flex;
    text-overflow:ellipsis;
}
.view-area .article-slide .view-slide .swiper-txt li.on a {
    font-size:1.75rem;
    font-weight:600;
    color:#000;
}
.view-area .view-ad-box {
    width:300px;
    height:250px;
    background:#777777;
    margin:0px auto;
    margin-bottom:16px;
}
/*----- footer -----*/
#footer {
    position:relative;
    text-align:center;
    font-size:0.6875rem;
}
#footer .f_log {
    margin:0 auto;
    width:282px;
    margin-bottom:15px;
}
#footer .f_log img {
    width:58%;
}
#footer .fot-area {
    background:#f7f7f7;
    border-top:1px solid #333;
    padding:39px 9px;
}
#footer .f-line {
    padding:0px 1px;
}
#footer .f-line li {
    list-style:none;
    color:#000;
    line-height:19px;
    vertical-align:middle;
    text-align:center;
    font-weight:400;
    font-size:1.188rem;
    display:inline;
}
#footer .f-line li a {
    list-style:none;
    color:#000;
    font-weight:400;
    font-size:1.188rem;
}
#footer .f-line li:before {
    content:"";
    width:1px;
    height:9px;
    background:#333;
    display:inline-block;
    margin:0 3px;
}
#footer .f-line li:first-child:before {
    display:none;
}
#footer p {
    margin-top:4px;
    font-weight:400;
    font-size:1.188rem;
    color:#000;
    /* padding-bottom:28.5px; */
}
.view_ad01 {
    margin-bottom:25px;
}








/*-----------------------------------------------------------------------------
                                        유료화 서비스 화면
-------------------------------------------------------------------------------*/
.charged_wrap .container {
    position:relative;
    padding-bottom:60px;
}
.charged_wrap #footer {
    position:fixed;
    bottom:0;
    width:100%;
    z-index:2;
}
.charged_wrap .charged_row {
    overflow:hidden;
    height:2300px;
}
.charged_content {
    position:absolute;
    top:230px;
    left:0;
    width:100%;
    padding-bottom:10px;
    /* background:linear-gradient(to top, #fff, 99.9%, #ffffff00); */
    z-index:2;
}
.charged_ellipse {
    position:relative;
    /* top:-10px; */
    width:100%;
    height:400px;
    margin:0 auto;
    box-shadow:0px -16px 10px -8px rgb(0 0 0 / 20%);
    border-top-right-radius:100%;
    border-top-left-radius:100%;
    background:#fff;
}
.charged_ellipse:after {
    content:"";
    position:absolute;
    bottom:30px;
    /* left:-90px; */
    width:100%;
    height:300px;
    background:linear-gradient(to top, #fff, 97.5%, #ffffff00);
}
.charged_box {
    position:relative;
    padding:80px 0 0 0;
    text-align:center;
    z-index:3;
}
.charged_box .charged_title {
    margin:0 0 15px 0;
    font-size:3rem;
    font-weight:500
}
.charged_box .charged_subtitle {
    font-size:1.7rem;
}
.charged_ellipse .btn_joinlogin {
    width:90%;
    margin:0 auto
}
.charged_ellipse .btn_joinlogin ul {
    margin:30px 0 20px 0;
}
.charged_ellipse .btn_joinlogin ul:after {
    content:"";
    display:block;
    clear:both;
}
.charged_ellipse .btn_joinlogin ul li {
    float:left;
    width:47.5%;
    height:70px;
    border-radius:100px;
}
.charged_ellipse .btn_joinlogin ul li>a {
    display:inline-block;
    width:100%;
    height:100%;
    font-size:1.7rem;
    color:#fff;
    line-height:70px;
    border-radius:50px;
    background:#b5403e
}
.charged_ellipse .btn_joinlogin ul li.bg_333>a {
    background:#333!important
}
.charged_ellipse .btn_joinlogin ul li>a:hover {
    background:#cd4a47
}
.charged_ellipse .btn_joinlogin ul li.bg_333>a:hover {
    background:#444!important
}
.charged_ellipse .btn_joinlogin ul li:first-child {
    margin-left:0;
}
.charged_ellipse .btn_guide {
    width:90%;
    height:70px;
    margin: 20px auto;
}
.charged_ellipse .btn_guide>a {
    display:inline-block;
    width:100%;
    height:100%;
    font-size:1.7rem;
    line-height:70px;
    font-weight:500;
    border:3px solid #b5403e;
    border-radius:50px;
    color:#b5403e
}
.charged_ellipse .btn_joinlogout {
    width:90%;
    height:70px;
    margin: 20px auto;
}
.charged_ellipse .btn_joinlogout>a {
    display:inline-block;
    width:100%;
    height:100%;
    font-size:1.7rem;
    line-height:70px;
    font-weight:500;
    color:#fff;
    border-radius:50px;
    background:#b5403e;
}

/*****  20250227 영문 유료화 화면 추가 *****/
.charged_box.eng {
    padding: 70px 0 0 0;
}
@media screen and (max-width:380px) { 
    .charged_box.eng {
        padding: 50px 0 0 0;
    }

}
.charged_box.eng > p:first-child {
    font-size: 35px;
    letter-spacing: -0.1rem;
}
@media screen and (max-width:420px) { 
    .charged_box.eng > p:first-child {
        font-size: 28px;
    }
}
@media screen and (max-width:380px) { 
    .charged_box.eng > p:first-child {
        font-size: 23px;
        font-weight: 600
    }
}
.charged_box.eng > p:nth-child(2) {
    margin-top: 20px!important
}
@media screen and (max-width:420px) { 
    .charged_box .f16 {
        font-size: 13px!important;
    }
    .charged_box.eng > p:nth-child(2) {
        margin-top: 10px!important
    }
}
@media screen and (max-width:380px) { 
    .charged_box.eng > p:nth-child(2) {
        padding: 0 20px;
        font-size: 12px!important;
    }
}
.charged_box.eng .eng_text {
    border-top: 1px dashed #eee;
    padding-top: 10px;
    margin-top: 10px;
    font-size: 16px;
    color: #b5403e
}
@media screen and (max-width:420px) {
    .charged_box.eng .eng_text {
        font-size: 14px;
    }
}
@media screen and (max-width:380px) { 
    .charged_box.eng .eng_text {
        font-size: 12px;
    }

}
.charged_box.eng .btn_joinlogin {
    display: flex;
    justify-content: center;
    width: 100%;
}
.charged_box.eng .btn_joinlogin_wraps {
    display: flex;
    gap: 10px;
    width: 90%;
}
@media screen and (max-width:420px) {
    .charged_box.eng .btn_joinlogin_wraps {
        display: flex;
        flex-direction: column;
        row-gap: 10px;
        margin: 30px 0 0 0;
    }
    .charged_ellipse .btn_joinlogin ul li, 
    .charged_ellipse .btn_joinlogout, .charged_ellipse .btn_guide {
        margin-top: 0!important;
    }
    
}
.charged_box.eng .btn_joinlogin_wraps > * {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 55px;
}
@media screen and (max-width:380px) { 
    .charged_box.eng .btn_joinlogin_wraps > * {
        height: 45px;
    }
}
.charged_box.eng .btn_joinlogin_wraps a {
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 65px;
}

.charged_box.eng .btn_guide, 
.charged_box.eng .btn_newsbuy {
    width: 90%;
    height: 55px;
    margin: 0 auto
}
@media screen and (max-width:380px) { 
    .charged_box.eng .btn_guide, 
    .charged_box.eng .btn_newsbuy {
        height: 45px;
        padding: 0 20px
    }
}
.charged_box.eng .btn_guide a {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff
}
.charged_box.eng .btn_joinlogin .bar {
    padding: 0 5px;
    color: #aaa
} 
.charged_box.eng .btn_guide .bar,
.charged_box.eng .btn_newsbuy .bar {
    padding: 0 5px;
    color: #ccc
} 
.Chargedfree {
    display: flex;
    flex-direction: column;
    row-gap: 10px;
    margin-top: 30px;
}
.btn_newsbuy {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    color:#fff;
    background: #be4040
}
.btn_newsbuy:hover {
    background: #a83737
}
.btn_newsbuy > a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    font-size: 1.7rem;
    line-height: 70px;
    font-weight: 500;
    border-radius: 50px;
    color: #fff;
}
@media screen and (max-width:480px) { 
    .btn_newsbuy > a {
        font-size: 1.5rem;
        line-height: 50px;
    }
}
@media screen and (max-width:380px) { 
    .btn_newsbuy > a {
        font-size: 1.3rem;
        line-height: 40px;
    }
}
.Chargedfree .btn_guide:hover a {
    border-radius: 50px;
    border: 3px solid #992525;
    color:#992525;
    background: #fff
}
.btn_newsbuy.columns {
    height: 66px!important;
}
.btn_newsbuy.columns a {
    flex-direction: column;
    height: 100%;
}
.btn_newsbuy.columns .tex_kr {
    font-size: 18px;
    color: #fff;
}
@media screen and (max-width:480px) { 
    .btn_newsbuy.columns .tex_kr {
        font-size: 1.5rem;
    }
}
@media screen and (max-width:380px) { 
    .btn_newsbuy.columns .tex_kr {
        font-size: 1.3rem;
    }
}
.btn_newsbuy.columns .tex_en {
    font-size: 15px;
    color: #fff;
    font-weight: 300
}




/*------------------------------------------------------------------------------
                                    20211213_NEW GNB & FOOTER
--------------------------------------------------------------------------------*/
.container.yj {
    padding:0 20px
}
.header_yj {
    width:100%;
    padding:30px 0;
    border-bottom:1px solid #333;
    background:#fff;
}
.header_yj:after {
    content:"";
    display:block;
    clear:both;
}
.header_yj .container {
    padding-bottom:0
}
/* 메뉴 및 로고 */
.header_yj .lnb_area {
    float:left;
    width:55%;
}
.header_yj .lnb_area .menu_yj{
    display:inline-block;
}
.header_yj .lnb_area .menu_yj a {
    display:inline-block;
    position:relative;
    width:21px;
    height:22px;
    margin:0 10px 0 0;
    text-indent:9999999999px;
}
.header_yj .lnb_area .menu_yj a:after {
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:21px;
    height:22px;
    background:url('https://image.edaily.co.kr/images/pharmedaily/pharm_img.png') no-repeat;
    background-size:500px auto;
    background-position:-20px -20px;
}
/* 전체메뉴 */
.header_yj .menu_bg_yj {
    width:100%;
    height:100%;
    background:rgba(0, 0, 0, 0.7);
    position:fixed;
    top:0;
    left:0;
    display:none;
    z-index:99;
}
.header_yj .menu_bg_yj .sidebar_menu {
    display:none;
    width:50%;
    height:100%;
    background:#fff;
    position:fixed;
    top:0;
    right:80%;
    z-index:99;
    min-width: 290px;
}
.header_yj .lnb_area .logo_yj{
    display:inline-block;
}
.header_yj .lnb_area .logo_yj a {
    display:inline-block;
    position:relative;
    top:1px;
    width:170px;
    height:20px;
    text-indent:9999999999px
}
.header_yj .lnb_area .logo_yj a:after {
    content:"";
    position:absolute;
    top:-3px;
    left:0;
    width: 219px;
    height: 25px;
    background:url('https://image.edaily.co.kr/images/pharmedaily/pharm_img.png') no-repeat;
    background-size:500px auto;
    background-position: -19px -60px;
}
.header_yj .menu_area {
    margin-top:10%;
}
.header_yj .menu_area .menu_line .menu_wrap {
    font-size:2rem;
    width:50%;
    margin-left:10%;
}

.header_yj .close_btn {
    margin-top: 5%;
    margin-right: 5%;
}
/* 구독 및 로그인 */
.header_yj .rnb_area {
    float:right;
    width:45%
}
.header_yj .area_right{
    float:right;
}
.header_yj .area_right>div{
    float:left;
    margin:-1px 25px 0 0;
}
.header_yj .area_right>div.openevent{
    margin:-8px 25px 0 0;
}
.header_yj .area_right>div:last-child{
    margin:0 0 0 0;
}
.header_yj .subscribe>a{
    display:flex;
    justify-content: center;
    align-items: center;
    height:24px;
    padding:0 38px;
    color:#fff;
    font-size:1.4em;
    font-weight: 400;
    border-radius:20px;
    background:#b5403e
}
.header_yj .subscribe.openevent>a{
    height: auto;
    text-align: center;display: inline-block;padding: 3px 15px 5px 15px;
    line-height: 1.2em;
    font-size: 1.2em;
}
.header_yj .login_area{
    position:relative;
}
.header_yj .login_area>a{
    position:relative;
    display:inline-block;
    width:25px;
    height:24px;
    text-indent:9999999999px;
}
.header_yj .login_area>a:after{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:25px;
    height:24px;
    background:url('https://image.edaily.co.kr/images/pharmedaily/pharm_img.png') no-repeat;
    background-size:500px auto;
    background-position:-247px -19px;
}
.header_yj .login_area>ul{
    display:none
}
.header_yj .login_area>ul.on{
    display:block;
    position:absolute;
    top: 54px;
    left:50%;
    -webkit-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    transform:translateX(-50%);
    min-width:105px;
    padding:25px;
    border:1px solid #333;
    border-top:0;
    background:#fff;
    z-index:1;
}
.header_yj .login_area>ul>li{
    width:100%;
    margin-top:10px;
}
.header_yj .login_area>ul>li>a{
    font-size:1.5em;
    font-weight: 400;
}
.header_yj .login_area>ul>li:first-child{
    margin-top:0;
}
.header_yj .btn_search{
    position:relative;
    display:inline-block;
    width:25px;
    height:24px;
    text-indent:9999999999px;
}
.header_yj .btn_search:after{
    content:"";
    position:absolute;
    top:-1px;
    left:0;
    width:25px;
    height:24px;
    background:url('https://image.edaily.co.kr/images/pharmedaily/pharm_img.png') no-repeat;
    background-size:500px auto;
    background-position:-289px -19px;
}
.header_yj .btn_search.on{
    position:relative;
    z-index:10
}
.header_yj .btn_search.on:after{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:25px;
    height:25px;
    background:url('https://image.edaily.co.kr/images/pharmedaily/pharm_img.png') no-repeat;
    background-size:500px auto;
    background-position:-329px -19px;
}
.header_yj .search_area{
    position:relative
}
.header_yj .search_input{
    display:none
}
.header_yj .search_input.on{
    display:block;
    position:absolute;
    top:44px;
    left:0;
    width:100%;
    height:64px;
    padding:0 10px;
    font-size:1.4em;
    color:#fff;
    background:#333;
    z-index:1;
}
.header_yj .search_input>input{
    width:80%;
    height:100%;
    padding:10px;
    color:#fff;
    outline:none;
    font-size: 1.5em;
    font-weight: 400;
}
.header_yj .search_input>label{
    position:absolute;
    top:0;
    right:0;
}
.header_yj .btn_search02>a{
    position:relative;
}
.header_yj .btn_search02>a:after{
    content:"";
    position:absolute;
    top:20px;
    left:0;
    width:25px;
    height:24px;
    background:url('https://image.edaily.co.kr/images/pharmedaily/pharm_img.png') no-repeat;
    background-size:500px auto;
    background-position:-394px -19px;
}

/********** 20220217_공지사항추가 **********/
.black_bar{
    overflow:hidden;
    padding: 2.5% 0 3% 0;
    background:#333
}
.swiper.noticebox{
    float:left;
    width:80%;
    height:20px;
}
.black_bar .notice_title{
    float:left;
    width:20%;
    padding:0 0 0 0%;
    color:#fff;
}
.noticebox>.swiper-wrapper>div{
    text-align:left;
}
.noticebox>.swiper-wrapper>div>a{
    display:inline-block;
    width:90%;
    margin:0 0 0 10px;
    text-align:left;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
    color:#fff
}




/*-----------------------------------------------------------------------------
                                상세페이지 팜투자지수 추가
-------------------------------------------------------------------------------*/
.pharm_investment{
    display: flex;
    justify-content:center;
    margin: 0 0 20px 0;
}
.pharm_investment .investbox_round{
    display: flex;
    align-items: center;
    padding: 18px 16px;
    border: 1px solid #eee;
    border-radius:50px;
    background: #f8f8f8;
    margin-right: 10px;
}

.investbox_round .title_pharm{
    padding: 9px 8px;
    font-size: 18px;
    color:#fff;
    margin: 0 15px 0 0;
    border-radius:40px;
}
.investbox_round.pill_red .title_pharm{
    background:#be4040;
    margin: 2px;
}
.investbox_round.pill_blue .title_pharm{
    background:#75aac9
}
.investbox_round.pill_gray .title_pharm{
    background:#999
}
.investbox_round .pill_area>.count{
    margin: 0 -1px 0 0;
    font-size: 18px;
    color: #999;
    font-weight: 300
}
.investbox_round .pill_area>.count>em{
    font-weight: 500
}
.investbox_round.pill_red .pill_area>.count>em{
    color:#be4040;
}
.investbox_round.pill_blue .pill_area>.count>em{
    color:#75aac9;
}
.investbox_round.pill_gray .pill_area>.count>em{
    color:#999;
}


.investbox_round .pill_area{
    display: flex; 
    align-items: center;   
}
.investbox_round .pill_area>ul{
    display:flex;
    margin: 0 26px 0 0;
    align-items: center;
}
.investbox_round .pill_area>ul>li{
    position: relative;
    width: 32px;
    height: 32px;
    margin: 0 10px;
}
.investbox_round .pill_area>ul>li:after{
    content:"";
    position: absolute;
    top: 0;
    left: 0;
    width: 32px;
    height: 32px
}
.investbox_round .pill_area>ul>li:after{
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' x='0' y='0' viewBox='0 0 37 37' style='enable-background:new 0 0 37 37' xml:space='preserve'%3E%3Cstyle%3E.st0%7Bfill:%23fff%7D.st1%7Bfill:%23eee%7D%3C/style%3E%3Cpath class='st0' d='M27.7 36.5c-1.8 0-3.5-.7-4.6-1.8l-10.9-11 11.6-11.6L34.7 23c2.7 2.7 2.4 7.6-.8 10.8-1.7 1.7-4 2.7-6.2 2.7z'/%3E%3Cpath class='st1' d='m23.7 12.9 10.6 10.6c1.2 1.2 1.8 2.9 1.7 4.8s-1 3.8-2.5 5.3c-1.6 1.6-3.7 2.5-5.8 2.5-1.7 0-3.2-.6-4.3-1.7L12.9 23.7l10.8-10.8m0-1.3c-.1 0-.2 0-.3.1L11.7 23.4c-.1.1-.1.4 0 .5l11 11.1c1.3 1.3 3.1 2 5 2 2.2 0 4.6-.9 6.5-2.8 3.4-3.4 3.7-8.5.8-11.5l-11-11c-.1 0-.2-.1-.3-.1z'/%3E%3Cpath class='st1' d='M14.3 2c-3-3-8.1-2.6-11.5.8S-1 11.3 2 14.3l11 11c.1.1.4.1.5 0l11.7-11.7c.2-.2.2-.4 0-.6L14.3 2z'/%3E%3Cpath class='st0' d='m22.3 13-1 1c-.1.1-.4.1-.5 0l-9.3-9.3c-1.4-1.4-3.3-2.1-5.3-2-.2.1-.3 0-.3-.1s0-.2.2-.3c2.8-.9 5.7-.4 7.7 1.6l8.5 8.5c.1.2.1.4 0 .6z'/%3E%3C/svg%3E");
}
.investbox_round.pill_red .pill_area>ul>li.pill_on:after{
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' x='0' y='0' viewBox='0 0 37 37' style='enable-background:new 0 0 37 37' xml:space='preserve'%3E%3Cstyle%3E.st0%7Bfill:%23fff%7D%3C/style%3E%3Cpath class='st0' d='M27.7 36.5c-1.8 0-3.5-.7-4.6-1.8l-10.9-11 11.6-11.6L34.7 23c2.7 2.7 2.4 7.6-.8 10.8-1.7 1.7-4 2.7-6.2 2.7z'/%3E%3Cpath d='m23.7 12.9 10.6 10.6c1.2 1.2 1.8 2.9 1.7 4.8s-1 3.8-2.5 5.3c-1.6 1.6-3.7 2.5-5.8 2.5-1.7 0-3.2-.6-4.3-1.7L12.9 23.7l10.8-10.8m0-1.3c-.1 0-.2 0-.3.1L11.7 23.4c-.1.1-.1.4 0 .5l11 11.1c1.3 1.3 3.1 2 5 2 2.2 0 4.6-.9 6.5-2.8 3.4-3.4 3.7-8.5.8-11.5l-11-11c-.1 0-.2-.1-.3-.1z' style='fill:%23eee'/%3E%3Cpath d='M14.3 2c-3-3-8.1-2.6-11.5.8S-1 11.3 2 14.3l11 11c.1.1.4.1.5 0l11.7-11.7c.2-.2.2-.4 0-.6L14.3 2z' style='fill:%23be4040'/%3E%3Cpath class='st0' d='m22.3 13-1 1c-.1.1-.4.1-.5 0l-9.3-9.3c-1.4-1.4-3.3-2.1-5.3-2-.2.1-.3 0-.3-.1s0-.2.2-.3c2.8-.9 5.7-.4 7.7 1.6l8.5 8.5c.1.2.1.4 0 .6z'/%3E%3C/svg%3E");
}
.investbox_round.pill_blue .pill_area>ul>li.pill_on:after{
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' x='0' y='0' viewBox='0 0 37 37' style='enable-background:new 0 0 37 37' xml:space='preserve'%3E%3Cstyle%3E.st0%7Bfill:%23fff%7D%3C/style%3E%3Cpath class='st0' d='M27.7 36.5c-1.8 0-3.5-.7-4.6-1.8l-10.9-11 11.6-11.6L34.7 23c2.7 2.7 2.4 7.6-.8 10.8-1.7 1.7-4 2.7-6.2 2.7z'/%3E%3Cpath d='m23.7 12.9 10.6 10.6c1.2 1.2 1.8 2.9 1.7 4.8s-1 3.8-2.5 5.3c-1.6 1.6-3.7 2.5-5.8 2.5-1.7 0-3.2-.6-4.3-1.7L12.9 23.7l10.8-10.8m0-1.3c-.1 0-.2 0-.3.1L11.7 23.4c-.1.1-.1.4 0 .5l11 11.1c1.3 1.3 3.1 2 5 2 2.2 0 4.6-.9 6.5-2.8 3.4-3.4 3.7-8.5.8-11.5l-11-11c-.1 0-.2-.1-.3-.1z' style='fill:%23eee'/%3E%3Cpath d='M14.3 2c-3-3-8.1-2.6-11.5.8S-1 11.3 2 14.3l11 11c.1.1.4.1.5 0l11.7-11.7c.2-.2.2-.4 0-.6L14.3 2z' style='fill:%2373a3c0'/%3E%3Cpath class='st0' d='m22.3 13-1 1c-.1.1-.4.1-.5 0l-9.3-9.3c-1.4-1.4-3.3-2.1-5.3-2-.2.1-.3 0-.3-.1s0-.2.2-.3c2.8-.9 5.7-.4 7.7 1.6l8.5 8.5c.1.2.1.4 0 .6z'/%3E%3C/svg%3E");
}
.investbox_round.pill_gray .pill_area>ul>li.pill_on:after{
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='레이어_1' xmlns='http://www.w3.org/2000/svg' x='0' y='0' viewBox='0 0 37 37' style='enable-background:new 0 0 37 37' xml:space='preserve'%3E%3Cstyle%3E.st0%7Bfill:%23fff%7D%3C/style%3E%3Cpath class='st0' d='M27.7 36.5c-1.8 0-3.5-.7-4.6-1.8l-10.9-11 11.6-11.6L34.7 23c2.7 2.7 2.4 7.6-.8 10.8-1.7 1.7-4 2.7-6.2 2.7z'/%3E%3Cpath d='m23.7 12.9 10.6 10.6c1.2 1.2 1.8 2.9 1.7 4.8s-1 3.8-2.5 5.3c-1.6 1.6-3.7 2.5-5.8 2.5-1.7 0-3.2-.6-4.3-1.7L12.9 23.7l10.8-10.8m0-1.3c-.1 0-.2 0-.3.1L11.7 23.4c-.1.1-.1.4 0 .5l11 11.1c1.3 1.3 3.1 2 5 2 2.2 0 4.6-.9 6.5-2.8 3.4-3.4 3.7-8.5.8-11.5l-11-11c-.1 0-.2-.1-.3-.1z' style='fill:%23eee'/%3E%3Cpath d='M14.3 2c-3-3-8.1-2.6-11.5.8S-1 11.3 2 14.3l11 11c.1.1.4.1.5 0l11.7-11.7c.2-.2.2-.4 0-.6L14.3 2z' style='fill:%23999'/%3E%3Cpath class='st0' d='m22.3 13-1 1c-.1.1-.4.1-.5 0l-9.3-9.3c-1.4-1.4-3.3-2.1-5.3-2-.2.1-.3 0-.3-.1s0-.2.2-.3c2.8-.9 5.7-.4 7.7 1.6l8.5 8.5c.1.2.1.4 0 .6z'/%3E%3C/svg%3E");
}


/* 무료회원일 경우 */
.pharm_investment.freemember .title_pharm{
    font-size: 17px;
    color: #fff;
    border-radius: 40px;
    background: #333
}
.freemember .investbox_round>p{
    margin: 0 15px 0 0;
    font-size: 14px;
    font-weight: 400
}
.freemember .investbox_round>p>span{
    color: #be4040
}
.freemember .investbox_round>a{
    padding: 8px 13px;
    font-size: 14px;
    color: #fff;
    border-radius: 40px;
    border: 1px solid rgb(147, 32, 32);
    background: #be4040
}
.freemember .investbox_round>a:hover{
    border: 1px solid rgb(168, 44, 44);
    background: #cd4343
}

/* 종목명 */
.pharm_names{
    display: flex;
    justify-content: end;
    margin: 10px 61px 0 56px;
    padding: 0 0 20px 15px;
    display: block;
}
.pharm_names ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    
}
.pharm_names ul li{
    position: relative;
    display: flex;
    justify-content: end;
    margin: 6px 31px 0 0;
    font-size: 14px;
    font-weight: 300;
    color: #999
}
.pharm_names ul li:first-child{
    margin-left: 0;
}
.pharm_names ul li::after{
    content: "";
    position: absolute;
    top: 3px;
    left: -18px;
    width: 1px;
    height: 14px;
    background: #eee;
}
.pharm_names ul li:first-child::after{
    display: none;
}
.pharm_names ul li em{
    padding: 0 5px 0 0
}
.pharm_names.pill_red ul li em{
    color: #be4040;
    font-size: 16px;
    line-height: 19px;
}
.pharm_names.pill_blue ul li em{
    color: #0089ff
}
.pharm_names.pill_gray ul li em{
    color: #333
}


.pharm_word {
    display: none;
    text-align: center;
    width: 100%;
    font-size: 16px;
    margin: 0 auto;
    color: #999;
}
.pharm_word em {
    color: #be4040;
    margin-right: 5px;
    font-weight: 300;
}



/* 이데일리 멤버스 POLL : 기사상세 */
.r_vote_wrap {
    width: 100%;
    max-width: 640px;
    height: auto;
    margin: 0 auto;
    padding: 0 20px;
}
.edaily_vote {
    position: relative;
    display: flex;
    font-weight: 700; 
    width: 100%; 
    margin-bottom: 10px;
}
.edaily_vote > a {
    display: flex;
    color: #000;
    font-weight: 600;
    line-height: 28px;
    height: 20px;
    font-size: 16px;
    gap: 5px;
}
.edaily_vote > a > .tit-icon > img {
    width: 18px;
    height: 18px;
    margin-top: 4px;
}
.edaily_vote > a > p{
    color: #333;
    height: 22px;
    line-height: 20px;
    font-weight: 600;
    font-size: 16px;
    margin-top: 4px;
}
.edaily_vote > a > img {
    width: 100%;
    object-fit: contain;
}
.r_vote_wrap_tit {
    display: flex;
    gap: 10px;
    padding: 10px 0;
    margin-bottom: 10px;
    font-size: 18px;
    align-items: center;
    background: #FFF;
}
.r_vote_wrap_tit > figure > img {
    width:25px; 
    height:25px;
}
.pharm_graph {
    width:100%; height: auto; 
    min-height: 20px; 
    margin-bottom: 15px;
}
.graph_tit {
    width:100%; 
    height: auto; 
    margin-bottom: 8px;
    font-size: 14px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}
.graph_area {
    display: flex; 
    gap: 20px; 
    width:100%; 
    height: 13px;
    font-size: 11px; 
}
.graph_area_wrap{
    width:100%; 
    height: 13px; 
    background: #f3f1f1;
    border-radius: 10px;
}
.graph_ba {
    width:0%; 
    height: 13px; 
    border-radius: 30px; 
    background: #b6403e;
}
.graph_ba.on {
    background: #c48c8b;
}
.graph_num {
    width: auto;
    min-width: 90px;
    max-width: 41%;
    height: 10px;
    text-align: right;
    margin-top: -4px;
}
.graph_num > p {
    font-size: 13px;
}
.graph_num > p > em {
    color:#be4040;
}

/* 투표 선택_전 */
.main_vote_view {
    display: flex; 
    flex-direction: column; 
    gap: 11px; 
    width: 100%; 
    margin-bottom: 30px;
}
.select_vote {
    width: 100%;
    background: #F7F7F7;
    font-size: 14px;
    padding: 12px 20px;
    color: #000;
    display: flex;
    align-items: center;
    gap: 5px
}
.select_vote:hover {
    background: #999;
    color: #FFF;
    cursor: pointer;
}
.select_vote.on {
    color:#FFF;
}
.select_vote > input {
    width: 15px;
    height: 15px;
    margin-right: 5px;
    border:1px solid #ccc;
}
.select_vote > label:hover {
    color: #ccc;
}

.main_vote_btn {
    margin-left: auto; 
    width: 97px; 
    height:97px; 		
    border: 1px solid #b6403e;
    text-align: center;
    background: #b6403e;
    line-height: 37px;
}
.main_vote_btn a{
    float: right;
    width: 97px;
    height: 97px;
    font-size: 14px;
    font-weight: 500;
    line-height: 97px;
    color: #FFF;
}

/* 투표버튼 */
.btn_boxarea{
    display: flex; 
    gap: 15px; 
    justify-content: space-between;
}
.article_view_btn {
    width: 50%;
    height: 40px;
    border: 1px solid #b6403e;
    text-align: center;
    background: #FFF;
    
}
.article_view_btn a{
    float: left;
    width: 100%;
    height: 100%;
    font-size: 13px; 
    font-weight: 500;
    line-height: 37px;
    color:#b6403e;
}
.opinion_write_btn {
    width: 100%;
    height: 40px;
    border: 1px solid #b6403e;
    text-align: center;
    background: #b6403e;
    
}
.opinion_write_btn a{
    float: left;
    width: 100%;
    height: 100%;
    font-size: 13px; 
    font-weight: 500;
    color:#FFF;
    line-height: 37px;
}


.progress_ico {
    position: absolute;
    right: 0px;
    top: 5px;  
    width: 32px;
    height: 20px;
    font-weight: 500;
    background: #b6403e;
    border-radius: 2px;
    color: #FFF;
    text-align: center;
    font-size: 11px;
    line-height: 20px; 
}
.finish_ico {
    position: absolute;
    right: 0px;
    top: 5px;  
    width: 32px;
    height: 20px;
    font-weight: 500;
    background: #888;
    border-radius: 2px;
    color: #FFF;
    text-align: center;
    font-size: 11px;
    line-height: 20px; 
}

/* 유료화 아이콘 추가 */
.icon_premium_b {
    position:relative;
    text-indent: 40px;
}
.icon_premium_b:after{
    content:"";
    position:absolute;
    top: 7px;
    left:0;
    width: 29px;
    height: 29px;
    background: url(https://image.edaily.co.kr/images/pharmedaily/mark_p2.png) no-repeat;
}
.icon_premium_m {
    display: inline-block;
    position:relative;
    text-indent:30px;
}
.icon_premium_m:after{
    content:"";
    position:absolute;
    top: 5px;
    left:0;
    width: 24px;
    height: 24px;
    background: url(https://image.edaily.co.kr/images/pharmedaily/mark_p2.png) no-repeat;
    background-size: cover;
}
.icon_premium_m.right {
    text-indent:0
}
.icon_premium_m.right:after{
    top: 0px;
    left: auto;
    right: -29px;
}
.icon_premium_s {
    /* display: inline-block; */
    position:relative;
    text-indent: 19px;
}
.icon_premium_s:after{
    content:"";
    position:absolute;
    top: 2.3px;
    left:0;
    width: 16px;
    height: 16px;
    background: url(https://image.edaily.co.kr/images/pharmedaily/mark_p2.png) no-repeat;
    background-size: cover;
}
.icon_premium_s02 {
    display: inline-block;
    position:relative;
    text-indent: 18px;
}
.icon_premium_s02:after{
    content:"";
    position:absolute;
    top: 1px;
    left:0;
    width: 14px;
    height: 14px;
    background: url(https://image.edaily.co.kr/images/pharmedaily/mark_p2.png) no-repeat;
    background-size: cover;
}
.icon_premium_x {
    padding-left: 30px;
}
.icon_premium_x:after{
    content:"";
    position:absolute;
    top: 93px;
    left:0;
    width: 24px;
    height: 24px;
    background: url(https://image.edaily.co.kr/images/pharmedaily/mark_p2.png) no-repeat;
    background-size: cover;
}
.icon_platinum:after {
    background: url(https://image.edaily.co.kr/images/pharmedaily/mark_g2.png) no-repeat;
    background-size: cover;
}
.icon_free:after {
    background: url(https://image.edaily.co.kr/images/pharmedaily/mark_f.png) no-repeat;
    background-size: cover;
}

/* 20220103_팜이데일리 유료기사 안내 */
.premium_news{
    position:relative;
    width:100%;
    margin: 30px 0 30px 0;
    padding: 20px 5% 40px 5%;
    font-size:14px;
    color: #333;
    background: #f5f5f5;
}

.premium_news>p{
    font-weight:400
}
.premium_news>p>span{
    color:#e60012!important
}
.premium_news>a{
    left: 0;
    position:absolute;
    width:80%;
    bottom: -20px;
    display:inline-block;
    margin: 20px 10% 0 10%;
    padding:10px 20px;
    text-align:center;
    color:#fff;
    font-weight:500;
    border-radius:30px;
    background:#be4040;
    box-shadow: -3px 0px 3px #33333375;
}

/* 주의문구 20241212 */
.cautionary {
    position: relative;
    display: flex;
    align-items: center;
    padding: 10px 0 10px 70px;
    color:#fff;
    line-height: 22px;
    border-top-right-radius: 60px;
    border-bottom-right-radius: 60px;
    background: #be4040;
}
.cautionary::before {
    content: "";
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    left: -20px;
    width: 10px;
    height: 10px;
    border-radius: 50px;
    padding: 30px;
    background: #fff;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 75 68'%3E%3Cpath d='M71.7 51.1 46.2 6.8c-1.8-3.2-5-5-8.7-5s-6.8 1.8-8.7 5L3.3 51.1c-1.8 3.2-1.8 6.8 0 10s5 5 8.7 5h51.1c3.7 0 6.8-1.8 8.7-5 1.8-3.2 1.8-6.8 0-10Zm-5.1 7.1c-.8 1.3-2 2.1-3.6 2.1H11.9c-1.5 0-2.8-.7-3.6-2.1-.8-1.3-.8-2.8 0-4.1L33.9 9.8c.8-1.3 2-2.1 3.6-2.1s2.8.7 3.6 2.1l25.6 44.3c.8 1.3.8 2.8 0 4.1Zm-25.1-5.6c0 2.2-1.8 4-4 4s-4-1.8-4-4 1.8-4 4-4 4 1.8 4 4Zm-.4-34.4c.5.6.8 1.3.8 2.1l-1.4 22.9c0 1.3-1.1 2.2-2.4 2.2H37c-1.3 0-2.3-1-2.4-2.2l-1.4-22.9c0-.8.2-1.5.8-2.1.5-.6 1.2-.9 2-.9h3.1c.8 0 1.5.3 2 .9Z' style='fill:%23be4040'/%3E%3C/svg%3E");
    background-size: 30px;
    background-position: center;
    background-repeat: no-repeat;
    box-shadow: rgb(0 0 0 / 12%) 13px 0px 4px 0px;
}


/*-----------------------------------------------------------------------------
#투자지수 알약_20241205
-------------------------------------------------------------------------------*/
.investment_wrap {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 600px;
    border-top: 1px solid #ddd;
    margin:0 auto 30px auto;
    padding: 20px 20px 0 20px
}
.investment_wrap .title {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 10px 0;
    font-size: 19px;
    color: #333;
    font-weight: 600
}
.investment_wrap .title::after {
    content: "";
    display: flex;
    width: 17px;
    height: 12px;
    background: url("https://image.edaily.co.kr/images/pharmedaily/arrow_tween.svg")
}

/* 탭영역 */
.investment_area {
    overflow-x: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    overflow-y: hidden;
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    gap: 20px;
    align-items: center;
    width: 100%;
    height: 46px;
    padding: 0 20px 0 30px;
    border-bottom-right-radius: 15px;
    background: #333;
}
.investment_area::-webkit-scrollbar {
    display: none;
}
.investment_area a {
    color: #fff;
    font-size:15px;
    font-weight: 500
}

.invest_tabs {
    position: relative;
    flex: 0 0 auto;
    width: 60px;
    text-align: center;
    z-index: 2;
}
.invest_tabs.active a {
    color: #333;
}

.invest_tabs.active::before {
    content: "";
    position: absolute;
    top: -15px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 144px;
    height: 58px;
    background: url("https://image.edaily.co.kr/images/pharmedaily/wavebg2.png") no-repeat;
    background-size: contain;
    z-index: -1;
}

/* 스크롤슬라이더 */
.slidebtn {
    position: absolute;
    bottom: 11px;
    padding: 12px;
    font-size: 0;
    border-radius: 50px;
    background: rgba(0, 0, 0, 0.5);
    z-index: 4
}
.slidebtn.pre {
    left: 9px
}
.slidebtn.pre::after {
    content:"";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 6px;
    height: 10px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 61 99'%3E%3Cpath d='M49.1 2c2.6 0 5.1 1 7.1 2.9 3.9 3.9 3.9 10.3 0 14.2L25.9 49.5l30.4 30.4c3.9 3.9 3.9 10.3 0 14.2-3.9 3.9-10.3 3.9-14.2 0L4.6 56.6c-1.9-1.9-2.9-4.4-2.9-7.1s1.1-5.2 2.9-7.1L42 4.9C44 3 46.6 2 49.1 2Z' style='fill:%23fff'/%3E%3C/svg%3E");
}
.slidebtn.nex {
    right: 9px
}
.slidebtn.nex::after {
    content:"";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 6px;
    height: 10px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 61 99'%3E%3Cpath d='M11.9 97c-2.6 0-5.1-1-7.1-2.9-3.9-3.9-3.9-10.3 0-14.2l30.3-30.4L4.7 19.1C.8 15.2.8 8.8 4.7 4.9 8.6 1 15 1 18.9 4.9l37.5 37.5c1.9 1.9 2.9 4.4 2.9 7.1s-1.1 5.2-2.9 7.1L19 94.1C17 96 14.4 97 11.9 97Z' style='fill:%23fff'/%3E%3C/svg%3E");
}

/***** 20250307 영문기사 관련 상세페이지 *****/
.view-area.eng .headline .headline-tit {
    font-weight: 700;
    font-size: 3.5rem;
    padding-top: 27px;
}
.view-area.eng .article {
    line-height: 1.6em;
    letter-spacing: 0;
    font-size: 1.9rem;
}
.view-area.eng .article .caption {
    color:#999;
    letter-spacing: 0;
    font-size: 1.4rem;
    font-weight: 300
}

/* 20250811 구독이벤트 관련 */
.label-rotator {
    position: relative;
    display: inline-block;
    /* 필요시 높이 고정 (폰트/디자인에 맞춰 조절 가능) */
    line-height: 1;
}
.label-rotator .label {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    transform: translateY(6px);
    /* 살짝 아래서 올라오는 느낌 */
    transition:
        opacity .6s ease,
        transform .6s ease;
    will-change: opacity, transform;
    white-space: nowrap;
}

/* 처음 로딩 시 깜빡임 방지용 초기 상태 */
.label-rotator .label.is-showing {
    display:flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height:100%;
    color:#fff;
    text-align: center;
    opacity: 1;
    transform: translateY(0);
}
    
.label-rotator .label.is-hidden {
    display:flex;
    align-items: center;
    justify-content: center;
    width: 100%;;
    height:100%;
    color:#fff;
    font-size: 12px;
    opacity: 0;
    transform: translateY(6px);
}

/* 모션 최소화 환경 고려 */
@media (prefers-reduced-motion: reduce) {
    .label-rotator .label {
        transition: none !important;
        transform: none !important;
    }
}

/*------------------------------------------------------------------------------
                                    Mediaquery
--------------------------------------------------------------------------------*/
@media screen and (max-width:380px) {
    .charged_ellipse:after {
        height:140px;
    }
    .charged_box {
        padding:60px 0 0 0;
    }
    .charged_ellipse {
        height:290px;
    }
    .charged_ellipse:after {
        bottom:-30px;
    }
    
    .charged_wrap .container {
        padding-bottom:100px;
    }
    .charged_wrap .charged_row {
        overflow:hidden;
        height:2160px;
    }
    .charged_box .charged_title {
        font-size:2.2rem;
    }
    .charged_box .charged_subtitle {
        font-size:1.2rem;
    }
    .charged_ellipse .btn_joinlogin ul li,
    .charged_ellipse .btn_joinlogout,
    .charged_ellipse .btn_guide {
        height:40px;
        margin-top: 10px;
    }
    .charged_ellipse .btn_joinlogin ul li>a,
    .charged_ellipse .btn_joinlogout>a,
    .charged_ellipse .btn_guide>a {
        font-size:1.3rem;
        line-height:40px;
    }
    
    /* 둥둥배너(구독 이벤트 바로가기) */
    .fly_banner {
        position: fixed;
        right: 4.9%;
        width: 100px;
        height: 108px;
        z-index: 9999;
    }
    .fly_banner a img {
        width: 100%;
        height: 100%;
    }


    .pharm_names li {
        font-size: 11px;
    }
    
}

@media only screen and (min-width:240px) and (max-width:320px) {
    .darkH .main-img>dl>a>dt .play_icon {
        top:33%;
        height:60px;
    }
    .mainM .main-wrap .main-img img {
        height:165px;
    }
    /* .darkH .main-img img {
        height:200px;
    } */
    .darkH .dark .dark-img img {
        height:66px;
    }
    .view-area .headline .headline-tit {
        font-weight:700;
        width:80%;
        font-size:3.2rem;
        margin:0 auto;
        text-align:center;
    }
    .mainM .main-wrap .mainT .mainT-wrap {
        /* display:flex; */
        float:left;
        width:47.5%;
        margin-right:13.5px;
    }
    .mainM .main-wrap .mainT .mainT-wrap:last-child {
        margin-right:0;
    }
    .darkH .dark .dark-img {
        width:44%;
        margin-right:14px;
        height:auto;
        overflow:hidden;
        margin-top:5px;
    }
    .darkH .dark .dark-tit .dh-tit {
        font-size: 1.45rem;
        line-height: 1.95rem;
    }
    .darkH .article-date {
        margin-top:6px;
        font-size:1.13rem;
    }
    .mainM .main-wrap .mainT .mainT-wrap img {
        height:75px;
    }
    .view-area .headline .headline-share .h-share li:first-child {
        margin-right:0px;
    }
    /* 둥둥배너(구독 이벤트 바로가기) */
    .fly_banner {
        position: fixed;
        right: 4.9%;
        width: 100px;
        height: 108px;
        z-index: 9999;
    }
    .fly_banner a img {
        width: 100%;
        height: 100%;
    }
    /* 20220506_openevent banner */
    .header_yj .area_right>div.openevent{
        margin:-4px 5px 0 0;
    }
    .header_yj .subscribe.openevent>a {
        padding: 3px 10px 5px 10px;
        line-height: 1em;
        font-size: 1em;
    }

    .pharm_names ul li em {
        padding: 0;
        font-size: 10px;
    }

    .pharm_names {
        margin: 0;
    }
}

@media screen and (max-width:364px) {
    /* 20211213_NEW GNB & FOOTER */
    .header_yj{
        padding:15px 0;
    }
    .header_yj .login_area>ul.on{
        top:34px;
        min-width: 85px;
        padding:20px 15px;
    }
    .header_yj .lnb_area .menu_yj a {
        width:17px;
        height:18px;
        margin:0 5px 0 0;
    }
    .header_yj .lnb_area .menu_yj a:after {
        width:17px;
        height:18px;
        background-size:350px auto;
        background-position:-13px -13px;
    }
    .header_yj .login_area>a:after{
        width:18px;
        height:18px;
        background-size:350px auto;
        background-position:-173px -13px;
    }
    .header_yj .btn_search{
        width:18px;
        height:18px;
    }
    .header_yj .btn_search:after{
        top: 0;
        width:18px;
        height:18px;
        background-size:350px auto;
        background-position:-202px -13px;
    }
    .header_yj .btn_search.on:after{
        width:18px;
        height:18px;
        background-size:350px auto;
        background-position:-230px -13px;
    }
    .header_yj .search_input.on{
        top:35px;
        height:45px;
        line-height:25px;
        font-size:1.25em;
    }
    .header_yj .btn_search02>a:after{
        top:10px;
    }
    /* 둥둥배너(구독 이벤트 바로가기) */
    .fly_banner {
        position: fixed;
        right: 4.9%;
        width: 100px;
        height: 108px;
        z-index: 9999;
    }
    .fly_banner a img {
        width: 100%;
        height: 100%;
    }


    /* 팜투자지수(유료) */
    .investbox_round .title_pharm {
        font-size: 13px;
    }
    .pharm_investment .investbox_round {
        padding: 5px  7px;
    }
    .investbox_round .pill_area>ul{
        margin: 0;
    }
    .investbox_round .pill_area>ul>li {
        width: 22px;
        height: 22px;
        margin: 0 4px;
    }
    .investbox_round .pill_area>ul>li:after {
        width: 22px;
        height: 22px;
    }
    .investbox_round .pill_area>.count {
        font-size: 12px;
        padding-left: 0px;
    }

    /* 팜투자지수(무료) */
    .pharm_investment.freemember .title_pharm {
        font-size: 14px;
        text-align: center;
    }
    .freemember .investbox_round>p {
        font-size: 13px;
        width: 74%;
    }
    .freemember .investbox_round>a {
        text-align: center;
    }

    .header_yj .menu_area .menu_line .menu_wrap {
        font-size:1.3rem;
        margin-left: 7%;
    }
    .icon_premium_m.right:after {
        top: 0px !important;
        width: 17px;
        height:17px;
        right: -24px !important;
    }
    .menu_area .menu_line .menu_wrap dd a .menu_icon img {
        width: 20px;
        height:20px;
    }
}

@media only screen and (min-width:365px) and (max-width:480px){
    /* 20211213_NEW GNB & FOOTER */
    .container.yj {
        padding:0 15px
    }
    .header_yj{
        padding:20px 0;
    }
    .header_yj .login_area>ul.on{
        top:40px;
        min-width:100px;
        padding:22px 20px;
    }
    .header_yj .login_area>ul>li {
        margin-top:15px;
    }
    .header_yj .login_area>ul>li>a {
        font-size:1.6em;
    }
    .header_yj .area_right>div{
        margin:0 18px 0 0;
    }
    .header_yj .lnb_area .menu_yj a {
        width:17px;
        height:18px;
        /* margin:0 10px 0 0; */
    }
    .header_yj .lnb_area .menu_yj a:after {
        width:17px;
        height:18px;
        background-size:400px auto;
        background-position:-16px -16px;
    }
    .header_yj .lnb_area .logo_yj a{
        width:137px;
        height:17px;
    }
    .header_yj .lnb_area .logo_yj a:after {
        top: -1px;
        width: 173px;
        height: 19px;
        background-size:400px auto;
        background-position: -16px -49px;
    }
    .header_yj .subscribe>a{
        height: 20px;
        /* padding:0 10px; */
        margin-top: -1px;
        line-height: 19px;
        font-size:1.3em;
    }
    .header_yj .login_area>a{
        width:20px;
        height:20px;
    }
    .header_yj .login_area>a:after{
        top: -1px;
        width:20px;
        height:20px;
        background-size:400px auto;
        background-position:-198px -15px;
    }
    .header_yj .btn_search{
        width:20px;
        height:20px;
    }
    .header_yj .btn_search:after{
        width:20px;
        height:20px;
        background-size:400px auto;
        background-position:-231px -15px;
    }
    .header_yj .btn_search.on:after{
        width:20px;
        height:20px;
        background-size:400px auto;
        background-position:-263px -15px;
    }
    .header_yj .search_input.on{
        top:35px;
        height:55px;
        font-size:1.3em;
    }
    .header_yj .btn_search02>a:after{
        top:15px;
    }
    .header_yj .menu_area {
        margin-top:15%;
    }
    .header_yj .menu_area .menu_line .menu_wrap {
        font-size:1.5rem;
        width:50%;
        margin-left:10%;
    }
    .header_yj .close_btn {
        margin-top:5%;
        margin-right:5%;
    }
    /* 둥둥배너(구독 이벤트 바로가기) */
    .fly_banner {
        position: fixed;
        right: 4.9%;
        width: 100px;
        height: 108px;
        z-index: 9999;
    }
    .fly_banner a img {
        width: 100%;
        height: 100%;
    }
}

@media only screen and (min-width:320px) and (max-width:380px) {
    .darkH .main-img>dl>a>dt .play_icon {
        top:30%;
        height:70px;
    }
    .mainM .main-wrap .main-img img {
        height:205px;
    }
    /* .darkH .main-img img {
        height:205px;
    } */
    .darkH .dark .dark-img img {
        height:75px;
    }
    .view-area .h-keyword {
        margin:0 auto;
        display:flex;
        overflow:hidden;
        height:25px;
        max-width:400px;
        flex-wrap: wrap;
    }
    .view-area .headline .headline-share .h-share {
        float:right;
        margin-top:2px;
    }
    .darkH .dark .dark-tit .dh-tit {
        font-size: 1.55rem;
        line-height: 2.1rem;
    }
    .darkH .article-date {
        margin-top:6px;
        font-size:1.13rem;
    }
    .mainM .main-wrap .mainT .mainT-wrap img {
        height:84px;
    }
    .view-area .headline .headline-share .h-share li:first-child {
        margin-right:0px;
    } 
    /* 둥둥배너(구독 이벤트 바로가기) */
    .fly_banner {
        position: fixed;
        right: 4.9%;
        width: 100px;
        height: 108px;
        z-index: 9999;
    }
    .fly_banner a img {
        width: 100%;
        height: 100%;
    }
    /* 20220506_openevent banner */
    .header_yj .area_right>div.openevent{
        margin:-4px 5px 0 0;
    }
    .header_yj .subscribe.openevent>a {
        padding: 3px 10px 5px 10px;
        line-height: 1em;
        font-size: 1em;
    }


    /* 20220610_모자이크 관련 레이아웃 수정_YJ */
    .view-area .headline .headline-share {
        padding-top:0px;
    }
    .charged_content {
        top: 280px;
    }
    .charged_box .f38 {
        font-size:28px;
    }
    .view-area .share-wrap {
        padding-bottom:30px;
    }


    /* 팜투자지수(유료) */
    .investbox_round .title_pharm {
        font-size: 12px;
        padding: 9px 5px;
        margin: 0 13px 0 0;
    }
    .pharm_investment .investbox_round {
        padding: 13px 11px;
        margin-right: 15px;
    }
    .investbox_round .pill_area>ul {
        margin: 0 5px 0 5px;
    }
    .investbox_round .pill_area>ul>li {
        width: 17px;
        height: 17px;
    }
    .investbox_round .pill_area>ul>li:after {
        width: 17px;
        height: 17px;
    }
    .investbox_round .pill_area>.count {
        font-size: 12px;
    }

    /* 팜투자지수(무료) */
    .pharm_investment.freemember .title_pharm {
        font-size: 13px;
        padding: 10px 10px;
        margin: 0 4px 0 0;
    }
    .pharm_investment .investbox_round {
        margin-left: 10px;
    }
    .freemember .investbox_round>a {
        font-size: 13px;
        padding: 10px 10px;
    }
    .freemember .investbox_round>p {
        font-size: 13px;
        width: 36%;
        margin:0 auto;
    }
    .pharm_names {
        margin: 10px 23px 0 20px ;
    }
    
    /* 주의문구 20241212 */
    .cautionary {
        margin-top: 50px
    }
}

@media only screen and (min-width:381px) and (max-width:480px) {
    .charged_wrap .container {
        position:relative;
        padding-bottom:90px;
    }
    .charged_ellipse:after {
        height:360px;
    }
    .charged_box {
        padding:60px 0 0 0;
    }
    .charged_ellipse {
        height:360px;
    }
    .charged_ellipse:after {
        bottom:-10px;
    }
    .view-area .share-wrap {
        padding-bottom:50px;
    }
    .charged_wrap .charged_row {
        overflow:hidden;
        height:2200px;
    }
    .charged_box .charged_title {
        font-size:2.8rem;
    }
    .charged_box .charged_subtitle {
        font-size:1.6rem;
    }
    .charged_ellipse .btn_joinlogin ul li,
    .charged_ellipse .btn_joinlogout,
    .charged_ellipse .btn_guide {
        height:50px;
        margin-top:5px;
    }
    .charged_ellipse .btn_joinlogin ul li>a,
    .charged_ellipse .btn_joinlogout>a,
    .charged_ellipse .btn_guide>a {
        font-size:1.5rem;
        line-height:50px;
    }
    .darkH .main-img>dl>a>dt .play_icon {
        top:30%;
        height:89px;
    }
    .mainM .main-wrap .main-img img {
        height:205px;
    }
    /* .darkH .main-img img {
        height:205px;
    } */

    .darkH .dark .dark-img img {
        height:87px;
    }
    .mainM .main-wrap .mainT .mainT-wrap:last-child {
        margin-right:0;
    }
    .view-area .headline .headline-share {
        width:104%;
        padding-top:23px;
        padding-bottom:10px;
    }
    .view-area .headline .headline-tit {
        font-weight:700;
        width:100%;
        font-size:3.2rem;
        margin:0 auto;
        text-align:center;
    }
    .view-area .headline .headline-share .h-share {
        float:right;
        margin-top:2px;
    }
    .darkH .dark .dark-tit .dh-tit {
        font-size: 1.55rem;
        line-height: 1.95rem;
    }
    .mainM .main-wrap .mainT .mainT-wrap img {
        height:98px;
    }
    /* 둥둥배너(구독 이벤트 바로가기) */
    .fly_banner {
        position: fixed;
        right: 4.9%;
        width: 100px;
        height: 108px;
        z-index: 9999;
    }
    .fly_banner a img {
        width: 100%;
        height: 100%;
    }
    /* 20220506_openevent banner */
    .header_yj .area_right>div.openevent{
        margin:-8px 10px 0 0;
    }
    .charged_content {
        top: 245px;
    }

    /* 20220610_모자이크 관련 레이아웃 수정_YJ */
    .charged_box .f38 {
        font-size:30px;
    }
    .charged_box .f16 {
        font-size: 15px;
    }
    .charged_box .mt25 {
        margin-top: 15px;
    }

    /* 팜투자지수(유료) */
    .pharm_investment .investbox_round{
        padding: 6px 15px;
        border-radius: 80px;
        margin-right: 20px;
    }
    .investbox_round .title_pharm{
        padding: 7px 9px;
        font-size: 22px;
        margin: 0 15px 0 0;
        font-size: 13px;
        border-radius:40px;
        text-align: center;
    }
    .investbox_round .pill_area>ul {
        margin: 0 3px 0 0;
    }
    .investbox_round .pill_area>ul>li {
        width: 20px;
        height: 20px;
    }
    .investbox_round .pill_area>ul>li:after{
        width: 20px;
        height: 20px
    }
    .investbox_round .pill_area>.count {
        margin: 0;
        font-size: 15px;
    }

    /* 팜투자지수(무료) */
    .pharm_investment.freemember .title_pharm {
        font-size: 13px;
        margin:0;
        padding: 9px;
        width: 29%;
        text-align: center;
    }
    .freemember .investbox_round>p {
        width: 39%;
        font-size: 13px;
        margin: 6px;
    }
    .freemember .investbox_round>a {
        text-align: center;
        font-size: 13px;
    }
    .pharm_investment .investbox_round {
        margin-left: 20px;
    }

    /* 종목명 */
    .investbox_round .pill_area>ul>li {
        margin: 0 7px;
    }
}

@media screen and (max-width:440px) {
    .header_yj .lnb_area .logo_yj a{
        width:121px;
        height:15px;
    }
    .header_yj .lnb_area .logo_yj a:after {
        top: -1px;
        width: 139px;
        height: 16px;
        background-size: 320px auto;
        background-position: -13px -38px;
    }
    .header_yj .login_area>ul>li {
        margin-top:7px;
    }
    .header_yj .login_area>ul>li>a {
        font-size:1.45em;
    }
    .header_yj .area_right>div{
        margin:0 10px 0 0;
    }
    .header_yj .subscribe>a{
        height:20px;
        margin-top:-1px;
        line-height:19px;
        font-size:1.2em;
        padding:0 20px;
    }
    .header_yj .login_area>a{
        width:18px;
        height:18px;
    }
}

@media screen and (max-width:580px) {
    /* 주의문구 20241212 */
    .cautionary {
        justify-content: center;
        padding: 30px 20px;
        text-align: center;
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px;
    }
    .cautionary::before {
        top: -50px;
        left: 50%;
        -webkit-transform: translateX(-50%);
                transform: translateX(-50%);
                box-shadow: rgb(0 0 0 / 12%) 0px 12px 4px 0px;
    }
    .header_yj .menu_bg_yj .sidebar_menu {
        width:80%;
    }

}

@media only screen and (min-width:481px) and (max-width:600px) {

    .charged_ellipse:after {
        height:340px;
    }
    .charged_box {
        padding:70px 0 0 0;
    }
    .view-area .share-wrap {
        padding-bottom: 80px;
    }
    .darkH .main-img>dl>a>dt .play_icon {
        top:30%;
        height:102px;
    }
    .mainM .main-wrap .main-img img {
        height:260px;
    }
    /* .darkH .main-img img {
        height:260px;
    } */
    .darkH .dark .dark-img img {
        height:106px;
    }
    .mainM .main-wrap .mainT .mainT-wrap {
        /* display:flex; */
        float:left;
        width:48.4%;
        height:100%;
        margin-right:13.5px;
    }
    .mainM .main-wrap .mainT .mainT-wrap:last-child {
        margin-right:0;
        display:flex;
    }
    .darkH .dark .dark-img {
        width:38%;
        margin-right:14px;
        height:auto;
        overflow:hidden;
    }
    .view-area .headline .headline-share .h-share {
        float:right;
        margin-top:2px;
    }
    .darkH .dark .dark-tit .dh-tit {
        font-size:1.65rem;
        line-height: 1.85rem;
    }
    .mainM .main-wrap .mainT .mainT-wrap img {
        height:120px;
    }
    .menu_area .menu_line .menu_wrap .prm {
        margin-left: 30px;
        margin-top: 41px;
    }
    /* 둥둥배너(구독 이벤트 바로가기) */
    .fly_banner {
        position: fixed;
        right: 4.9%;
        width: 100px;
        height: 108px;
        z-index: 9999;
    }
    .fly_banner a img {
        width: 100%;
        height: 100%;
    }

    .charged_content {
        top: 230px;
    }

    /* 팜투자지수(유료) */
    .investbox_round .title_pharm {
        font-size: 15px;
    }

    /* 팜투자지수(무료) */

    .pharm_investment .investbox_round {
        padding: 10px 14px;
    }
    .pharm_investment.freemember .title_pharm {
        padding: 8px 10px;
        font-size: 15px;
        margin: 0 15px 0 0;
        text-align: center;
    }
    .freemember .investbox_round>p {
        font-size: 13px;
        margin: 0 10px 0 0;
        width: 54%;
        text-align: center;
    }
    .freemember .investbox_round>a {
        text-align: center;
    }
}

@media only screen and (min-width:601px) and (max-width:768px) {
    .darkH .main-img>dl>a>dt .play_icon {
        top:30%;
        height:125px;
    }
    .mainM .main-wrap .main-img img {
        height:336px;
    }
    /* .darkH .main-img img {
        height:336px;
    } */
    .darkH .dark .dark-img img {
        height:124px;
    }
    .mainM .main-wrap .mainT .mainT-wrap {
        display:flex;
        float:left;
        width:48.8%;
        margin-right:13.5px;
    }
    .mainM .main-wrap .mainT .mainT-wrap:last-child {
        margin-right:0;
    }
    .view-area .headline .headline-share .h-share {
        float:right;
        margin-top:2px;
    }
    .view-area .article-slide .view-slide .swiper-slide img {
        max-height:282px;
    }
    .darkH .dark .dark-tit .dh-tit {
        font-size:1.55rem;
        margin-bottom:6px;
        line-height: 1.9rem;
    }
    .darkH .article-date {
        font-size:1.23rem;
        margin-top:2px;
    }
    .mainM .main-wrap .mainT .mainT-wrap img {
        height:160px;
    }
    .menu_area .menu_line .menu_wrap .prm {
        margin-left: 2px;
        margin-top: 41px;
    }
    
    /* 둥둥배너(구독 이벤트 바로가기) */
    .fly_banner {
        position: fixed;
        right: 4.9%;
        width: 100px;
        height: 108px;
        z-index: 9999;
    }
    .fly_banner a img {
        width: 100%;
        height: 100%;
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {
    .darkH .main-img>dl>a>dt .play_icon {
        top:30%;
        height:128px;
    }
    .mainM .main-wrap .mainT .mainT-wrap img {
        height:160px;
    }
    .mainM .main-wrap .main-img img {
        height:336px;
    }
    /* .darkH .main-img img {
        height:336px;
    } */
    .darkH .dark .dark-img img {
        height:124px;
    }
    .menu_area .menu_line .menu_wrap .prm {
        margin-left: 2px;
        margin-top: 41px;
    }
    /* 둥둥배너(구독 이벤트 바로가기) */
    .fly_banner {
        position: fixed;
        right: 6%;
        width: 100px;
        height: 108px;
        z-index: 9999;
    }
    .fly_banner a img {
        width: 100%;
        height: 100%;
    }
}

@media only screen and (max-width:1280px) {
    .view-area .headline .headline-share .h-share {
        float:right;
        margin-top:-1px;
    }
    .view-area .article-slide .view-slide .swiper-slide img {
        max-height:282px;
    }

}

@media only screen and (min-width:1281px) and (max-width:2900px) {
    .mainM .main-wrap .mainT .mainT-wrap img {
        height:160px;
    }
    .mainM .main-wrap .main-img img {
        height:336px;
    }
    /* .darkH .main-img img {
        height:336px;
    } */
    .darkH .dark .dark-img img {
        height:124px;
    }
    .menu_area .menu_line .menu_wrap .prm {
        margin-left: 2px;
        margin-top: 47px;
    }
    /* 둥둥배너(구독 이벤트 바로가기) */
    .fly_banner {
        position: fixed;
        right: 37%;
        width: 100px;
        height: 108px;
        z-index: 9999;
    }
    .fly_banner a img {
        width: 100%;
        height: 100%;
    }
}