@charset "utf-8";
/*-------------------------------------------------------------------
## 스크릿스코프 STYLE
-------------------------------------------------------------------*/
.mobile_top_bar {
    display: none;
} 

.icono_top_banner {
    max-width: 1150px;
    width: 100%;
    /* max-height: 128px; */
    margin: 0 auto;
    /* margin-bottom: 30px; */
    position: relative;
    overflow: hidden;
    border: 1px solid #eee;
}
.icono_top_banner > ul > li {
    display: flex;
}
.topBanner > li > a {
    display: flex;
}
.icono_top_banner > ul > li img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.icono_top_close {
    float: right;
    display: inline-block;
    padding: 1px 5px;
    font-weight: 700;
    text-shadow: 0 1px 0 #fff;
    position: absolute;
    z-index: 1;
    right: 0;
}

.icono_top_close:hover {
	border: 0;
	cursor: pointer;
	opacity: .75;
}

.banner > ul > li {display: none;}

.pc3_ad {
    display:flex;
    margin: 0 auto; 
    margin-bottom: 30px;
    justify-content: center;
}
.pc6_ad {
    display: flex; 
    justify-content: space-between; 
    margin: 0 0 30px 0;
}

.pc6_left_ad {
    display:flex;
    width:336px;
    height: 280px;
}

.pc6_right_ad {
    display:flex;
    width:336px;
    height: 280px;
}

.mobile1_ad {
    display: none;
}
.mobile2_ad {
    display: none;
}
.mobile7_ad {
    display: none;
}

.banner > ul > li {display: none;}

/*----------------------
## Wrapper
----------------------*/
.wrapper {
    position: relative;
    max-width: 1200px;
    height: auto;
    margin: 0 auto;
}
.wrapper::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width:100%;
    height: 52px;
    background: #FFF;
}

/*----------------------
## Header
----------------------*/
header {
    /* position: sticky; */
    position: relative;
    z-index: 99;
    background: #FFF;
    top: 0;
    /* transition: top 0.1s ease-in-out; */
}
/* header::before {
    content: '';
    position: absolute;
    left: -100%;
    top: 0;
    width: 100%;
    height: 84px;
    z-index: -1;
    background: #fff;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}
header::after {
    content: '';
    position: absolute;
    right: -97%;
    top: 42px;
    width: 100%;
    height: 85px;
    z-index: -1;
    background: #fff;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
} */
.nav_up {
    top: -176px;
}
.nav_down {
    top: 0;
}
header .logo_wrap {
    display: flex;
    width: 100%;
    max-width: 1200px;
    height: 100px;
    position:relative/* 20240411_yjj_추가 */
}
.plus_ico {
    top: -4px;
    right: 5px;
    position: absolute;
    font-size: 11px;
    color: #FFF;
    font-weight: 500;
}
.ico_round {
    width: fit-content;
    padding: 5px 15px;
    border-radius: 20px;
    line-height: 16px;
    font-size: 12px;
    color: #fff;
}
.ico_round.out {
    background:#507CA0
}
.ico_round.in {
    color:#fff;
    background:#507CA0
}

/** ## 리스트 타이틀 [모바일] **/
.m_pix_tit {
    display: flex; 
    column-gap: 0px;
}
.m_pix_tit > figure > img {
    width: 70%;
}
.m_pix_tit > h1 {
    font-size: 18px; 
    font-weight: 600;
}
.m_sticky_menu {
    display: flex; 
    column-gap: 15px; 
    height: 28px;
}

#gnb_contents {
    position: absolute;
    top: 87px;
    left: 0;
    width: 100%;
    height: auto;
    z-index: 99;
    background: cadetblue
}
/* finance logo */
.logoarea {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 110px;
    z-index: 11;
    background: #fff;
}
.logoarea::before {
    /* content: ''; */
    /* position: absolute; */
    left: -100%;
    top: 0;
    width: 100%;
    height: 76px;
}
.logoarea::after {
    content: '';
    position: absolute;
    right: -100%;
    top: 0;
    width: 100%;
    height:76px;
}
.logoarea > a > img {
    width: 196px;
    height: 47px;
}

.logoarea_re{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 65px;
    z-index: 11;
    background: #fff;
    width: 165px;
    margin-top: 1px;
}
.logoarea_re > a > img {
    width: 196px;
    height: 47px;
}
.logo_finance {
    display: block;
}
.logo_finance,
.logo_finance::after {
    width: 270px;
    height: 40px;
    display: none;
}
.logo_finance {
    position: relative;
    display:flex;
    justify-content:center;
    align-items: center;
    font-size: 0;
}
.logo_finance::after {
    content: "";
    position: absolute;
    top:0;
    left:0;
    width: 200px;
    height: 40px;
    background-image: url("/img/logo/economist_h0.png");
    background-size: 135px;
}
.mobile_top_bar .logo_finance,
.mobile_top_bar .logo_finance::after {
    width: 134px;
    height: 36px;
    z-index: 9 !important;
}

/*----------------------
## 스티키 헤더
----------------------*/
.m_header {
    display: flex;
    width: 100%;
    height: 70px;
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    border-bottom: 1px solid #e9e9e9;
}
.m_header_inner {
    position: relative; 
    display: flex; 
    justify-content: space-between; 
    border-bottom: 1px solid #e9e9e9; 
    align-items: center; 
    width: 1200px; 
    height: 70px; 
    margin: 0 auto; 
    padding: 0 25px 0 30px; 
    column-gap: 30px;
    background: #fff;
}
.mt_heder_logo_wrap {
    display: flex; 
    column-gap: 20px; 
    align-items: center;
}
.mt_heder_logo > a {
    width: 120px; 
    height: 70px;
}
.mt_heder_logo > a >img {
    width: 125px;
}
.m_header ul {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    /* align-ite ms: center; */
}
.m_header.drop {
    position: fixed;
    animation: dropHeader 0.3s;
    z-index: 100;
}
.layer_nav.drop {
    position: fixed;
    animation: dropHeader 0.3s;
}
#m_main_nav.drop {
    position: fixed;
    animation: dropHeader 0.3s;
}

@keyframes dropHeader {
  0% {
    top: -5rem;
  }
  100% {
    top: 0;
  }
}

@keyframes dropGnb {
  0% {
    top: -5rem;
  }
  100% {
    top: 0;
  }
}

/*----------------------
## 실시간뉴스 & SNS
----------------------*/
.news_info_wrap {
    position: relative;
    display: flex; 
    justify-content: space-between; 
    /* border-bottom: 1px solid #eee; */
}
.news_info_wrap::before {
    content: '';
    position: absolute;
    top: 0;
    left: -96%;
    width: 100%;
    height: 42px;
    background-color:#be292f;
}
.news_top_inner {
    display: flex;
    align-items: center;
    color: #000;
    gap: 25px;
    width: 600px;
    background: #fff;
    overflow: hidden;
    margin-left: 20px;
}
.news_top_inner > b {
    position: relative;
    width: 80px;
    height: 42px;
    background: #be292f;
    color: #fff;
    /* padding: 0px 0px; */
    font-size: 12px;
    text-align: center;
    font-weight: 700;
    line-height: 42px;
}
.news_top_inner > b::before {
    content: '';
    position: absolute;
    top: 0;
    right: -14px;
    width: 15px;
    height: 42px;
    opacity: 0.2;
    z-index: 0;
    background-image: linear-gradient(to right, rgb(133, 133, 133), rgb(243, 243, 243));
}
.news_info_wrap2 {
    position: relative;
    display: flex; 
    justify-content: space-between; 
}
.news_top_inner2::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 42px;
    background-color:#fff;
    display: none;
}
.news_info_wrap2 > .news_top_inner > .news_top {
    position: relative;
    width: 75px;
    background: #be292f;
    color: #FFF;
    font-size: 12px;
    text-align: center;
    font-weight: 700;
    height: 26px;
    line-height: 26px;
}

.news_top_inner ul { 
    height: 25px; 
    overflow: hidden; 
    line-height: 25px;
}
.news_top_inner ul li a { display:block;}

.news_top_inner2 {
    display: flex !important;
    gap: 10px;
    width: 100%;
    background: #FFF;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    height: 30px;
}
.news_top_inner2 > b {
    width: 65px;
    background: #333;
    color: #FFF;
    font-size: 10px;
    text-align: center;
}
.news_top_inner2 > ul { 
    height: 23px; 
    overflow: hidden; 
    display: flex !important;
    flex-direction: column !important;
}
.news_top_inner2 > ul > li {
    display: flex;
    flex-direction: column;
    font-size: 15px;
    line-height: 23px;
}
.news_top_inner2 ul > li > a { 
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
.news_top_inner2 > h3 {
    font-size: 22px;
    line-height: 30px;
    font-weight: 600;
    letter-spacing: -1.5px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    display: -webkit-inline-box;
}
.sns_info_wrap {
    display: flex; 
    gap: 30px;
    width: 80px;
    margin-right: 3.5%;
}

/*----------------------
## 실시간뉴스2
----------------------*/
.swiper {
    width: 100%;
    height: 100%;
}

.swiper-slide {
    text-align: left;
    font-size: 15px;
    background: #fff;
    display: flex;
    align-items: left;
}

.swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.swiper.realtimeNews {
    height: 22px;
}


/*----------------------
## GNB
----------------------*/   
.gnb {
    position: relative;
    display: flex;
    padding: 0 25px 0 25px;
} 
.gnb_inner{
    position: relative;
    width: 100%;
    height: 97px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #fff;
    border-bottom: 1px solid #eee;
    border-top: 1px solid #eee;
}
.gnb_inner::before{
    content: '';
    width: 100%;
    height: 95px;
    position: absolute;
    left: -100%;
    top: -0.5px;
    border-bottom: 1px solid #eee;
    /* border-top: 1px solid #eee; */
}
.gnb_inner::after{
    content: '';
    width: 100%;
    height: 95px;
    position: absolute;
    right: -100%;
    top: -1px;
    border-bottom: 1px solid #eee;
    border-top: 1px solid #eee;
}

/** 커버스토리 **/
.arrow_bn {
    position: relative;
    cursor: pointer;
}
.arrow_bn_t::before {
    position: absolute;
    right: 5px;
    top: 4px;
    content: '';
    width: 4px;
    height: 4px;
    border-top: 2px solid #FFF;
    border-right: 2px solid #FFF;
    transform: rotate(135deg);
}

.arrow_bn_b::after {
    position: absolute;
    right: 5px;
    top: 6px;
    content: '';
    width: 4px;
    height: 4px;
    border-top: 2px solid #FFF;
    border-right: 2px solid #FFF;
    transform: rotate(315deg);
}
.btn_fill {

    z-index: 99;
    transform: translate(-50%, 0%);
    font-size: 11px;
    border-radius: 40px;
    height: 25px;
    width: 142px;
    cursor: pointer;
    color: #fff;
}
/* .btn_fill:hover {
    color:#d23023;
} */
.top>button{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    width: 16px;
    height: 16px;
    position: absolute;
    background: #be292f;
    top: 5px;
    right: -8px;
}
.top {
    position: absolute;
    width: 125px;
    height: 26px;
    right: 7%;
    top: 40%;
    transform: translate(0%, 0%);
}
/* .top {
    width: 125px;
    height: 26px;
    position: relative;
    display: flex;
    margin-right: 7.5%;
} */
.top>figure {
    width: 103px;
    height: 26px;
}
.top>figure > img {
    width: 103px;
    height: 26px;
}
#setting{ 
    position: relative;
    /* display: none; */
    display: none;
    gap: 50px;
    width: 100%;
    /* height: 92px; */
    background: #FFF;
    margin-top: -51px;
    color: #000;
    margin-bottom: 2px;
    border-top: 1px solid #000;
}
#setting > li:nth-child(1)::before {
    content: '';
    position: absolute;
    top: 10px;
    left: 0;
    width: 1px;
    height: 20px;
    background: rgb(54, 21, 114);
    z-index: 9;
}
#setting > li:nth-child(2)::before {
    content: '';
    position: absolute;
    top: 10px;
    left: 0;
    width: 1px;
    height: 20px;
    background: rgb(54, 21, 114);
    z-index: 9;
}

.gnb_cover {
    position: relative;
    display: flex;
    /* height: 100%; */
    align-items: center;
    gap: 80px;
    height: 92px;
    margin-top: 50px;
    padding: 0 25px;
    background-color: #f8f8f8;
}
.gnb_cover::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 92px;
    background-color: #f8f8f8;
}
.gnb_cover::after {
    content: '';
    position: absolute;
    top: 0;
    right: -100%;
    width: 100%;
    height: 92px;
    background-color: #f8f8f8;
}
.gnb_cover > li {
    position: relative;
    line-height: 20px;
}
.gnb_cover > li::before {
    content: '';
    position: absolute;
    top: 0;
    right: -57px;
    width: 42px;
    height: 44px;
    background:url('/img/renew/cover_center_bg.png');
}
.gnb_cover > li:nth-child(4)::before {
    display: none;
}
.gnb_cover > li > a {
    font-size: 15px;
}
/* .gnb_cover::before {
    content: '';
    position: absolute;
    top: 0;
    left: -40px;
    width: 40px;
    height: 77px;
    background: #FFF;
    border-bottom: 2px solid #000;
}
.gnb_cover::after {
    content: '';
    position: absolute;
    top: 0;
    right: -40px;
    width: 40px;
    height: 77px;
    background: #FFF;
    border-bottom: 2px solid #000;
} */

.gnb_cover li > b {color: #333; font-weight: 600;}
.gnb_cover li > span {font-size: 12px;}
.gnb_cover > li > a:hover {
    text-decoration: underline;
    color: #c0c0c0;
}
/* .gnb_cover > li:nth-of-type(2):before {
    content: '';
    position: absolute;
    top: 30px;
    left: 36.5%;
    transform: translate(-50%, 0%);
    width: 1px;
    height: 20px;
    background: #e8e7e7;
}
.gnb_cover > li:nth-of-type(3):before {
    content: '';
    position: absolute;
    top: 30px;
    left: 59%;
    transform: translate(-50%, 0%);
    width: 1px;
    height: 20px;
    background: #e8e7e7;
}
.gnb_cover > li:nth-of-type(4):before {
    content: '';
    position: absolute;
    top: 30px;
    left: 80%;
    transform: translate(-50%, 0%);
    width: 1px;
    height: 20px;
    background: #e8e7e7;
} */

/* ##TOP버튼 스크롤 */ 
.top_btn { 
    display: none; 
    position: fixed;
    bottom: 40px;
    right: 40px;
    z-index: 999;
    background-color: white;
    border: 1px solid #dbdbdb;
    outline: none;
    cursor: pointer;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    font-size: 12px;
    font-weight: 500;
    color: #333333;
    padding-top: 10px;
}
.top_btn::before { 
    position: absolute;
    top: 30%;
    left: 43%;
    transform: translate(-50%, 0%);
    content: '';
    width: 4px;
    height: 4px;
    border-top: 2px solid #333 ;
    border-right: 2px solid #333;
    transform: rotate(315deg);
}
.top_btn_inner {
    display: flex; 
    flex-direction: column; 
    gap: 20px;
}


/** ## HEADER 모바일 **/
.gnb_m {
    display: none;
    position: absolute;
    right: 0;
    top: 36px;
    height: 28px;
    z-index: 9999;
}
.gnb_info {
    display: flex;
    align-items: center;
}
.gnb_inner > .gnb_info {
    display: flex; 
    align-items: center; 
    column-gap: 20px;
    position: absolute;
    right: 0;
    top: 42%;
}
.search_article {
    position: relative
}
.btn_search {
    display: flex;
    width: 22px;
    height: 22px;
    font-size: 0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Cpath d='M21.5 20c1.6-2 2.5-4.4 2.5-7s-1.2-5.7-3.2-7.8C18.7 3.2 15.9 2 13 2S7.3 3.2 5.2 5.2C3.2 7.3 2 10.1 2 13c0 2.9 1.2 5.7 3.2 7.8C7.3 22.9 10.1 24 13 24s5-.9 7-2.5l2.2 2.2c.2.2.5.3.7.3.4 0 .8-.3 1-.6.2-.4 0-.8-.2-1.1l-2.2-2.2ZM13 21.9c-2.4 0-4.6-.9-6.3-2.6C5 17.6 4.1 15.4 4.1 13S5 8.4 6.7 6.7C8.4 5 10.6 4.1 13 4.1s4.6.9 6.3 2.6c1.7 1.7 2.6 3.9 2.6 6.3s-.9 4.6-2.6 6.3c-1.7 1.7-3.9 2.6-6.3 2.6Z' data-name='Layer_1' style='fill:%23fff'/%3E%3C/svg%3E");
}
.m_btn_search {
    display: flex;
    width: 22px;
    height: 22px;
    font-size: 0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Cpath d='M21.5 20c1.6-2 2.5-4.4 2.5-7s-1.2-5.7-3.2-7.8C18.7 3.2 15.9 2 13 2S7.3 3.2 5.2 5.2C3.2 7.3 2 10.1 2 13c0 2.9 1.2 5.7 3.2 7.8C7.3 22.9 10.1 24 13 24s5-.9 7-2.5l2.2 2.2c.2.2.5.3.7.3.4 0 .8-.3 1-.6.2-.4 0-.8-.2-1.1l-2.2-2.2ZM13 21.9c-2.4 0-4.6-.9-6.3-2.6C5 17.6 4.1 15.4 4.1 13S5 8.4 6.7 6.7C8.4 5 10.6 4.1 13 4.1s4.6.9 6.3 2.6c1.7 1.7 2.6 3.9 2.6 6.3s-.9 4.6-2.6 6.3c-1.7 1.7-3.9 2.6-6.3 2.6Z' data-name='Layer_1' style='fill:%23fff'/%3E%3C/svg%3E");
}
.search_wrap {
    opacity: 0;
    max-width: 0;
    overflow: hidden;
    transition: opacity 0.4s ease, max-height 0.4s ease;
    
}
.search_wrap.show {
    position: absolute;
    top: -12px;
    left: -324px;
    display: grid;
    grid-template-columns: 30px auto;
    align-items: center;
    min-width: 400px;
    height: 45px;
    padding: 0 20px;
    border-radius: 100px;
    background: #595959;
    opacity: 1;
    z-index: 1;
}
.search_wrap .btn_search {
    display: flex;
    width: 22px;
    height: 22px;
    font-size: 0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22'%3E%3Cpath d='M19.5 18c1.6-2 2.5-4.4 2.5-7 0-2.9-1.2-5.7-3.2-7.8C16.7 1.2 13.9 0 11 0 8.1 0 5.3 1.2 3.2 3.2 1.2 5.3 0 8.1 0 11c0 2.9 1.2 5.7 3.2 7.8C5.3 20.9 8.1 22 11 22c2.6 0 5-.9 7-2.5l2.2 2.2c.2.2.5.3.7.3.4 0 .8-.3 1-.6.2-.4 0-.8-.2-1.1l-2.2-2.2ZM11 19.9c-2.4 0-4.6-.9-6.3-2.6C3 15.6 2.1 13.4 2.1 11S3 6.4 4.7 4.7C6.4 3 8.6 2.1 11 2.1s4.6.9 6.3 2.6c1.7 1.7 2.6 3.9 2.6 6.3s-.9 4.6-2.6 6.3c-1.7 1.7-3.9 2.6-6.3 2.6Z' style='fill:%23fff'/%3E%3C/svg%3E");
}
.search_wrap .btn_x {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 20px;
    width: 14px;
    height: 14px;
    font-size: 0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M.3 2C-.2 1.5-.2.8.3.4c.5-.5 1.2-.5 1.6 0l5 5L12 .3c.5-.5 1.2-.5 1.6 0 .5.5.5 1.2 0 1.6l-5 5 5 5c.5.5.5 1.2 0 1.6s-1.2.5-1.6 0l-5-5-5 5.2c-.5.5-1.2.5-1.6 0-.5-.5-.5-1.2 0-1.6l5-5L.3 2Z' style='fill:%237fa9cb'/%3E%3C/svg%3E");
}
.search_wrap > input {
    color: #fff;
    border:0;
    background: none    
}
.search_wrap > input::placeholder {
    color:#7a92a6 
}

.m_search_wrap {
    opacity: 0;
    max-width: 0;
    overflow: hidden;
    transition: opacity 0.4s ease, max-height 0.4s ease;
    
}
.m_search_wrap.show {
    position: absolute;
    top: 13px;
    right: 24px;
    display: grid;
    grid-template-columns: 30px auto;
    align-items: center;
    min-width: 400px;
    height: 45px;
    padding: 0 20px;
    border-radius: 100px;
    background: #5a5a5a;
    opacity: 1;
    z-index: 1;
}
.m_search_wrap .m_btn_search {
    display: flex;
    width: 22px;
    height: 22px;
    font-size: 0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22'%3E%3Cpath d='M19.5 18c1.6-2 2.5-4.4 2.5-7 0-2.9-1.2-5.7-3.2-7.8C16.7 1.2 13.9 0 11 0 8.1 0 5.3 1.2 3.2 3.2 1.2 5.3 0 8.1 0 11c0 2.9 1.2 5.7 3.2 7.8C5.3 20.9 8.1 22 11 22c2.6 0 5-.9 7-2.5l2.2 2.2c.2.2.5.3.7.3.4 0 .8-.3 1-.6.2-.4 0-.8-.2-1.1l-2.2-2.2ZM11 19.9c-2.4 0-4.6-.9-6.3-2.6C3 15.6 2.1 13.4 2.1 11S3 6.4 4.7 4.7C6.4 3 8.6 2.1 11 2.1s4.6.9 6.3 2.6c1.7 1.7 2.6 3.9 2.6 6.3s-.9 4.6-2.6 6.3c-1.7 1.7-3.9 2.6-6.3 2.6Z' style='fill:%23fff'/%3E%3C/svg%3E");
}
.m_search_wrap .m_btn_x {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 20px;
    width: 14px;
    height: 14px;
    font-size: 0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M.3 2C-.2 1.5-.2.8.3.4c.5-.5 1.2-.5 1.6 0l5 5L12 .3c.5-.5 1.2-.5 1.6 0 .5.5.5 1.2 0 1.6l-5 5 5 5c.5.5.5 1.2 0 1.6s-1.2.5-1.6 0l-5-5-5 5.2c-.5.5-1.2.5-1.6 0-.5-.5-.5-1.2 0-1.6l5-5L.3 2Z' style='fill:%237fa9cb'/%3E%3C/svg%3E");
}
.m_search_wrap > input {
    color: #fff;
    border:0;
    background: none    
}
.m_search_wrap > input::placeholder {
    color:#7a92a6 
}


/** ## 햄버거 메뉴 **/
.full_menu {
    display: block;
    width: 18px; 
    height: 16px; 
    cursor: pointer;
    /* background: url(../img/full_menu.png) no-repeat; */
}
.mt_full_menu {
    display: block;
    width: 18px; 
    height: 16px; 
    cursor: pointer;
    /* background: url(../img/full_menu.png) no-repeat; */
}
.full_menu_bn {
    display: block;
    width: 18px; 
    height: 16px; 
    cursor: pointer;
    background: url('/img/renew/full_mun_logo.png') no-repeat;
    /* background: url('/img/renew/full_menu.png') no-repeat; */
}
.mt_full_menu_bn {
    display: block;
    width: 18px; 
    height: 16px; 
    cursor: pointer;
    position: relative;
    z-index: 1;
    background: url('/img/renew/full_mun_logo.png') no-repeat;
    /* background: url('/img/renew/full_menu.png') no-repeat; */
}
.m_full_menu {
    display: block;
    width: 28px;
    height: 28px;
    /* background: url(../img/m_full_menu.png) no-repeat; */
}

.bar_inner_bn {
    cursor: pointer;
}

.bar1, .bar2, .bar3 {
    width: 18px;
    height: 2px;
    background-color: #333;
    margin: 4px 0;
    transition: 0.4s;
}

.change .bar1 {
    -webkit-transform: rotate(-45deg) translate(-10px, 7px);
    transform: rotate(-45deg) translate(-2px, 6px);
}

.change .bar2 {opacity: 0;}

.change .bar3 {
    -webkit-transform: rotate(45deg) translate(-3px, 0px);
    transform: rotate(45deg) translate(-2px, -7px);
}

/** 검색영역 **/
.search_box{
    position: absolute;
    left: 40px;
    top: 16px;
    border-radius: 24px;
    z-index: 1;
}

.search{
    position: relative;
    width: 30px;			/* 검색상자 폭 조정 */
    height: 44px;			/* 검색상자 높이 조정 */
    border-radius: 30px;	/* 검색상자를 원으로 표시 */
    cursor: pointer;		/* 마우스 커서가 손가락으로 변경 */
    background-repeat: no-repeat;
    padding: 15px;
    font-size: 17px;		/* 검색어 글자 크기 지정 */
    color: transparent;
    border: none;
    overflow : hidden;		/* 검색어가 상자보다 클때 내용을 숨김 */
    background: url('../img/search_ico.png') no-repeat #FFF;
    background-position: 50% 50%;	/* 돋보기 이미지 위치를 정가운데로 */
}
.search_box .search::after {
    content:"";
    position: absolute;
    left: 0;
    top: 0;
    width: 50px;
    height: 50px;
    background: #e60012;
    z-index: 1;
}

/* search 요소에 대한 hover 효과 설정 : 검색창 테두리 변경*/
.search:hover{
    cursor: pointer;
    background-position: 50% 50%;	/* 돋보기 이미지 위치를 정가운데로 */
}

/* 검색 상자에 포커스가 있거나 플레이스홀더가 표시되지 않을 때 */
.search:focus,
.search:not(:placeholder-shown){
    width: 450px;
    cursor: text;
    color: #FFF;
    padding-left: 50px;	/* 검색어 표시 위치(돋보기 이미지 옆 여백 지정) */
    outline: none;
    /* 변경되는 전환효과(원->사각형) : 폭은 300밀리 세컨 동안, 배경위치(돋보기)는 300밀리 세컨동안 전환됨 */	
    transition: width 150ms, background-position 150ms;
    background: url(../img/hover_search_ico.png) no-repeat #284052;
    background-position: 4% 50%;	/* 돋보기 이미지 위치를 정가운데로 */
}

/* 검색 리스트 */
.search_box_wrap {
    position:relative;
    width: 100%;
    margin-bottom: 80px;
}                
.search_box_list {
    position: relative;
    display: flex;
    justify-content: space-between;
    height: 50px;
    border-radius: 5px;
    padding: 10px 15px;
    border: 2px solid #d23023;
    width: 100%;
    background-color: #FFF;
}
.search_txt {
    border: none;
    background: #FFF;
    outline: none;
    padding: 0;
    color: #333;
    font-size: 15px;
    line-height: 30px;
    width: 88%; 
}

.search_list_btn {
    position: relative;
    width: 23px;
    height: 23px;
    border: none;
    font-size: 15px;
    font-weight: 600;
    display: flex;
    justify-content: center;
    cursor: pointer;
    background: none;
    align-items: center;
    z-index: 5;
}

.searchFormIon {
  position: absolute;
  width: 15px;
  height: 15px;
  top: 50%;
  left: 0;
  transform:translateY(-50%);
  cursor: pointer;
  border-radius: 0 4px 4px 0;
  z-index: 5;
}
.searchFormIon::before {
    position: absolute;
    content: '';
    width: 12px;
    height: 12px;
    top: calc(50% - 7px);
    left: calc(50% - 7px);
    border-radius: 50%;
    box-shadow: 0 0 0 2px #ccc;
}
.searchFormIon::after {
    position: absolute;
    content: '';
    width: 6px;
    height: 4px;
    top: calc(50% + 4px);
    left: calc(50% + 2px);
    border-top: solid 2px #ccc;
    transform: rotate(45deg);
}

input::placeholder {
  color: #e0e0e0;
}

.search_tit_info {
    height: 35px; 
    display:  flex; 
    justify-content: space-between; 
    border-bottom: 1px solid #000;
}
.search_list_tit {
    height: 30px; 
    display: flex; 
    gap: 10px;
}
.search_list_tit > p > i {
    font-size: 18px; 
    color: #d23023;
}
.tit_search {
    font-weight: 600; 
    font-size: 18px;
}

/* 회사소개 */
.company_tit {
    font-weight: 600;
    font-size: 30px;
    border-bottom: 1px solid #000;
    background: #ffffff;
    height: 80px;
    line-height: 72px;
    padding: 0 35px;
    margin-top: -51px;
    border-top: 1px solid #e8e7e7;
    z-index: 5;
    position: relative;
}

.company_area {
    margin-top: 30px;
}

/** ## 모바일 슬라이드 메뉴 **/
.mobile_top_bar.move {
    display: none;
}

.ico {
    width:25px;
    height:25px;
    transform:translatey(-50%);
    cursor:pointer;
    margin-top: 10px;
}
.ico > div {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:7%;
    background-color:#000;
}
.ico > div:nth-child(2) {
    top:40%;
    transition:visibility 0s .15s;
}
.ico.active > div:nth-child(2) {
    visibility:hidden;
    transition:visibility 0s;
}
.ico > div:nth-child(3) {
    top:80%;
}
.ico > div:nth-child(1), .ico > div:nth-child(3) {
    transition:top .15s .15s, transform .15s;
}
.ico.active > div:nth-child(1), .ico.active > div:nth-child(3) {
    top:40%;
    transform:rotate(45deg);
    transition:top .15s, transform .15s .15s;
}
.ico.active > div:nth-child(3) {
    transform:rotate(-45deg);
}
.side_seach_box {
    width: 100%; 
    height: 45px; 
    border:3px solid #284052; 
    border-radius: 50px; 
    padding: 4px 10px; 
    display: flex;
    column-gap: 15px;
    justify-content: space-between;
}
.search-btn {
    margin-top: 2px;
    margin-right: 1%;
}
.side_input_box {
    margin-left: 2%; 
    width: 90%; 
    height: 30px; 
    text-overflow: ellipsis; 
    background: #FFF; 
    font-weight: 500; 
    font-size: 16px; 
    color: #29225c; 
    border: none;
}

/* 아이콘 색 변화 */
.ico[data-ico-now-animating="Y"] > div {
    background-color:#000;
}
/* 라이브러리 끝 */

/* 커스텀 */
/* 좌측 사이드 바 */
/* 좌측 사이드바 배경 */
.left-side-bar-box {
    position:fixed;
    top:0;
    right:0;
    width:100%;
    height:100%;
    background-color:rgba(0,0,0,0);
    visibility:hidden;
    /* transition:visibility .5s, background-color .5s; */
    z-index: 1;
}
.left-side-bar-box.active {
    background-color:rgba(0,0,0,0.5);
    visibility:visible;
}

/* 좌측 사이드바 */
.left-side-bar {
    position:fixed;
    /* top: 10px; */
    /* right:-250px; */
    width:100%;
    height:100%;
    background-color: #FFF;
    padding: 30px 30px;
    transition:left .5s;
    /* margin-top: 70px; */
    border-top: 1px solid #eee;
    overflow-x: hidden;
}
.left-side-bar-box.active > .left-side-bar {
    right:0;
    /* overflow-y: scroll; */
    height: 100%;
    scrollbar-width: thin;
    scrollbar-color: #fff #Fff;
}
.left-side-bar > .menu-1 ul > li {
    width: 100%;
    display: flex;
    flex-direction: column;
}
.left-side-bar > .menu-1 ul > li > a {
    display:block;
    font-weight: 500;
    position: relative;
    width: 80%;
    font-size: 18px;
}
.left-side-bar > .menu-1 ul > li:hover > a {
    color:#000;
}
/* .left-side-bar > .menu-1 ul > li > a:not(:only-child)::after {
    content: "❯";
    margin-right: 5px;
    transform: rotate(90deg);
    position: absolute;
    right: -226%;
    top: 0;
}
.left-side-bar > .menu-1 ul > li.active > a:not(:only-child)::after {
    content: " ❯";
    transform: rotate( -90deg );
    color: #ccc;
    margin-right: 8px;
} */
.arrow_m {
    position: relative 
}
.arrow_m::before {
    position: absolute;
    right: 20px;
    top: -17px;
    content: '';
    width: 6px;
    height: 6px;
    border-top: 3px solid #555;
    border-right: 3px solid #555;
    transform: rotate(135deg);
}
.arrow_m.act::after {
    position: absolute;
right: 20px;
top: -17px;
content: '';
width: 7px;
height: 7px;
border-top: 3px solid #555;
border-right: 3px solid #555;
transform: rotate(-45deg);
background: #fff;
}

.left-side-bar > .menu-1 > ul ul {
    display:none;
    position: relative;
    background-color: #f8f8f8;
    padding: 20px 0;
}
.left-side-bar > .menu-1 > ul ul::before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: -100%;
    top: 0px;
}
.left-side-bar > .menu-1 > ul ul::after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    right: -100%;
    top: 0px;
}
.left-side-bar > .menu-1 > ul ul ul {
    background-color:#FFF;
}
.left-side-bar > .menu-1 ul > li.active > ul {
    display: flex;
    row-gap: 10px;
    padding: 20px 20px;
    margin-top: 20px;
    flex-wrap: wrap;
}
.left-side-bar > .menu-1 ul > li.active > ul > li {
    width: 50%;
}
.left-side-bar > .menu-1 ul > li.active > ul > li > a {
    font-size: 16px;
    color: #888;
}
.menu-1 > ul {
    display: flex; flex-direction: column; row-gap: 30px;
}
.side_btn {
    flex-direction: row-reverse; 
    width: 100%; 
    height: 30px; 
    line-height: 60px; 
    margin-bottom: 30px; 
    display: flex; 
    column-gap: 20px; 
    font-weight: 500; 
    font-size: 14px; 
    border-bottom: 1px solid #eee;
}
.side_join_btn {
    background: #f8f8f8;
    width: 10%;
    text-align: center;
    height: 30px;
    margin-top: 15px;
    line-height: 30px;
    border-radius: 20px;
}

.dropDownMenu {
    display: none;
}
.dropDown:hover .dropDownMenu {
    display: block;
}



.menu_sns_wrap > li > a {
    width: 15px;
    height: 15px;
}



/* PC 검색 영역 */
@media (hover: hover) and (pointer: fine) {
    .analysis_sec_m .analysis_ttl > a {
        background-image: linear-gradient(var(--black),var(--black));
        background-repeat: no-repeat;background-position: left 0 bottom 0;background-size: 0 2px;
    }
    .analysis_sec_m:hover .analysis_ttl > a {background-size: 100% 2px;}
}
/**  [리스트] 종목 분석 **/
.analysis_wrap {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 20px;
}

.main_menu_nav {
    display: flex;
    /* position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
            z-index: 0 */
}
.main_menu_nav > ul {
    display: flex;
    align-items: center;
    position: relative;
}
.main_menu_nav > ul > li {
    width: 82px;
    text-align: center;
    height: 70px;
    line-height: 70px;
    font-weight: 400;
    font-size: 17px;
}
.main_menu_nav > ul > li:first-child {
    border: none;
    width: 196px;
    height: 51px;
    margin-bottom: 0;
    margin-right: 35px;
    overflow: hidden;
    background: #ffffff;
}
.menu_wrapbox > li > a {
    display: flex;
    justify-content: center;
    background: #FFF;

}
.menu_wrapbox > li > a > img {
    width: 196px;
    height: 51px;
    padding: 0;
    margin: 0;
    background: #FFF;
    display: block;
}
.main_menu_nav > ul > li > .depth_wrap > .depth_2 > li {
    white-space: nowrap;
}
.main_menu_nav .depth_wrap .depth_2 li > a {
    line-height: 20px;
    text-align:center;
    padding: 10px;
    word-wrap: break-word;
}

.depth_wrap {
    display: none;  
    width: fit-content;
}

.main_menu_nav > ul > li:hover > .depth_wrap {
    min-width: 82px;
    display: block;
    transition: all 0.3s ease;
    background: #fff;
    margin-top: 0;
    opacity: 1;
    border: 1px solid #e8e7e7;
}

.main_menu_nav > ul > li:hover > .depth_wrap .depth_2 > li {
    height: 50px;
    line-height: 50px;
}
.main_menu_nav > ul > li:hover > .depth_wrap:first-child {
    width: 60px;
    justify-content : center;
    align-items: center;
    display: flex;
    vertical-align: middle;
    background: #fff;
    overflow: hidden;
}
.main_menu_nav > ul > li.cc:hover > .depth_wrap .depth_2 > .mm:nth-of-type(1) {
    width: 60px; 
    justify-content : center;
    align-items: center;
    display: flex;
    vertical-align: middle;
}

.main_menu_nav > ul > li:hover > .depth_wrap .depth_2 > li > a {
    font-size: 14px;
    color: #333;
    font-weight: 400;
}
.main_menu_nav > ul > li:hover > .depth_wrap .depth_2 > li > a:hover {
    text-decoration: underline;
    font-weight: 600;
    box-sizing: border-box;
}
.main_menu_nav > ul > li:hover > a{
    font-weight: 500;
    transition: all 0.1s ease;
    background-image: url('https://image.edaily.co.kr/images/pharmedaily/allow_t.png');
    border-bottom: 2px solid #ccc;
    border-image: linear-gradient(to right, #be292f, #be292f) 1;
    z-index: 9;
    font-size: 17px;
    box-sizing: border-box;
}

.depth_wrap .depth_2 {
    display: grid;
    margin-top: -5px;
}
.depth_2.column_2 {
    grid-template-columns: repeat(2, 1fr);
}
.depth_2.column_3 {
    grid-template-columns: repeat(3, 1fr);
}
.depth_2.column_4 {
    grid-template-columns: repeat(4, 1fr);
}

.depth_2.column_5 {
    grid-template-columns: repeat(5, 1fr);
}


.econo_slide {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.lst_main_view {
    display: none !important;
}
.tabs_container {
    display: block !important;
}




/** PC GNB **/
label.full_menu {
    padding: 4px;
}
input#m_menu {
    display: none;
}
nav#main_nav {
    display: none;
}
input#m_menu:checked + nav#main_nav {
    display: flex;
    width: 1200px;
    height: 200px;
    position: relative;
    z-index: 99;
}
input#m_menu:checked + nav#main_nav > ul {
    position: absolute;
    left: -1120px;
    top: 38px;
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 20px 20px 40px 20px;
    border-radius: 0 0 20px 20px;
    box-shadow: 0 10px 4px -4px #ebebeb;
    background: #FFF;
    border: 1px solid #f5f5f5;
    border-top: 0;
    opacity: 0.97;
    gap: 30px;
}
/* .layernav_wrap {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(70px, 1fr));
    row-gap: 8px;
    column-gap: 30px;
    width: 80%;
    background: #FFF;
    margin-top: 20px;
    margin-left: 15%;
} */

input#m_menu:checked + nav#main_nav > ul > div > li > a {
    font-size: 14px;
    color: #888;
    white-space: nowrap;
}
input#m_menu:checked + nav#main_nav > ul > div > li > a:hover {
    text-decoration: underline;
    color: #000;
}
input#m_menu:checked + nav#main_nav > ul > div > .sub_point {
    /* position: absolute;
    left: 5%; */
}
input#m_menu:checked + nav#main_nav > ul > div > .sub_point > a {
    font-weight: 600;
    color: #000;
}

input#m_menu:checked + nav#main_nav > ul > li {
    display: flex;
}



/** PC GNB **/
label.full_menu {
    padding: 4px;
}
input#mt_menu {
    display: none;
}
nav#m_main_nav {
    display: none;
}
input#mt_menu:checked + nav#m_main_nav {
    display: flex;
    width: 1200px;
    height: 200px;
    position: absolute;
    left: 0;
    z-index: 99;
    /* display: flex;
    width: 1200px;
    height: 200px;
    position: relative;
    z-index: 99; */
}
input#mt_menu:checked + nav#m_main_nav > ul {
    position: absolute;
    left: 0;
    top: 27px;
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 0 20px 40px 20px;
    border-radius: 0 0 20px 20px;
    box-shadow: 0 10px 4px -4px #ebebeb;
    border: 1px solid #f5f5f5;
    border-top: 0;
    background: #FFF;
    opacity: 0.97;
    height: 600px;
    row-gap: 20px;
}
.layernav_wrap {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(74px, 1fr));
    /* row-gap: 28px; */
    column-gap: 30px;
    width: 100%;
    background: #fff;
    /* margin-top: 40px; */
    margin-left: 2%;
}

input#mt_menu:checked + nav#m_main_nav > ul > div > li > a {
    font-size: 14px;
    color: #888;
    white-space: nowrap;
}
input#mt_menu:checked + nav#m_main_nav > ul > div > li > a:hover {
    text-decoration: underline;
    color: #000;
}
input#mt_menu:checked + nav#m_main_nav > ul > div > .sub_point {
    /* position: absolute;
    left: 5%; */
}
input#mt_menu:checked + nav#m_main_nav > ul > div > .sub_point > a {
    font-weight: 600;
    color: #000;
}

input#mt_menu:checked + nav#m_main_nav > ul > li {
    display: flex;
}

/** LOGIN & JOIN **/
.setting_menu_nav > ul {
    display: flex;
    column-gap: 20px;
    margin-bottom: 5px;
}
.setting_menu_nav > ul li a {
    font-weight: 500;
    color: #ccc;
    font-size: 15px;
}

/*----------------------
## SECTION
----------------------*/ 

.signal_pick_wrap .signal_pick_wrap_list_inner {
    margin-top: 30px;
    border-top: 1px solid #eee;
    padding-top: 30px;
}
.signal_pick_wrap_inner {
    display: grid;
    row-gap: 30px;
    column-gap: 30px;
    width: 100%;
    grid-template-columns: 1fr 1fr;
}
.signal_pick_wrap_list_inner {
    display: grid;
    row-gap: 30px;
    column-gap: 30px;
    width: 100%;
    grid-template-columns: 1fr;
}
.signal_class_wrap_inner {


}

.item_analysis_wrap_inner {
    display: grid;
    grid-column-gap: 25px;
    grid-template-columns: repeat(3, 1fr);
}

/*NEW 이코노 숏*/
.shorts {
    height: 100%;
    overflow: hidden;
}
/* .shorts_wrap {
    position: relative;
    display: flex;
    height: 364px;
} */
.shorts_items > a {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 70%;
}   
.shorts_image {
    width: 100%;
    height: 100%;
}
.shorts_image > img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.shorts_items {
    text-align: center;
    font-size: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
.shorts_items_txt {
    display: flex;
    flex-direction: column;
    gap: 10px;
    height: 35%;
    padding: 25px 20px;
    text-align: left;
    color: #FFF;
    font-weight: 500;
    line-height: 23px;
    background: linear-gradient(to top, rgba(0, 0, 0, 1) 90%, rgba(0, 0, 0, 0) 100%);
    width: 100%;
    position: absolute;
    bottom: 37px;
    left: 0;
}
.shorts_info_tit {
    font-size: 17px;
    line-height: 25px;
    font-weight: 500;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.shorts_info {
    display: flex;
    column-gap: 10px;
    font-size: 13px;
    color: #ffa1a1;
}
.shorts_logo {
    border-radius: 50px;
    overflow: hidden;
    width: 20px;
    height: 20px;
    background-color: #ddd;
}
.shorts_logo > img {
    width: 100%;
    height: 100%;
}
.page_box.swiper-pagination {
    display: flex;
    justify-content: right;
    padding: 0 15px;
    height: 12px;
}
.page_box .swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: #ffffff;
}
.page_box .swiper-pagination-bullet {
    background: #fff;
}

/* 모바일 SNS 메뉴 버튼 */
.menu_sns_wrap {
    width: 100%;
    height: 50px;
    margin-top: 35px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    /* border: 1px solid #eee; */
}
.menu_sns_wrap > li {
    display: flex;
    justify-content: center;
    align-items: center;
    /* border-right: 1px solid #eee; */
}
.menu_sns_wrap > li:last-child {
    border-right: none;
}
.menu_sns_wrap > li > a {
    width: 100%;
    height: 100%;
}

/* 시장 동향 */
.market_history_wrap_inner {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr; 
    grid-column-gap: 25px;
    grid-row-gap: 30px;
}
.market_history_wrap_plus {
    display: grid;
    grid-template-columns: 1fr; 
    grid-column-gap: 25px;
    grid-row-gap: 30px;
}
.market_history_wrap_plus {
    display: none;
}

.ipo_wrap_inner {
    display: grid;
    grid-template-columns: 1fr;
    row-gap: 30px;
}

/* 오피니언 */
.opinion_wrap {
    display: grid; 
    grid-template-columns: 1fr 1fr; 
    grid-column-gap: 30px;
}
.opinion_wrap_inner {
    display: grid; 
    grid-template-columns: 1fr; 
    row-gap: 30px;
}
.opinion_wrap_inner_m {
    display: grid; 
    grid-template-columns: 1fr; 
    row-gap: 30px;
}


/* 투자 전략 */
.investment_strategy_wrap_inner {
    display: grid; 
    grid-template-columns: 1fr; 
    row-gap: 30px;
    margin-bottom: 30px;
}

/* 타입 분석 */
.type_wrap_inner {
    display: grid;
    row-gap: 30px;
}

/*----------------------
## MAIN
----------------------*/  
.container {
    position: relative;
    padding: 0 25px;
    display: flex;
    flex-direction: column;
    row-gap: 70px;
    margin-top: 20px
}
.container_list {
    position: relative;
    padding: 0 25px;
    display: flex;
    flex-direction: column;
    margin-top: 50px;
    row-gap: 40px;
}
.container.etc{
    margin-top:-78px;
}/* 20240411_YJJ_추가*/

.news_item_wrap {
    /* display: flex; 
    flex-direction: column;  */
    /* width: 370px;  */
    display: grid;
    background: #FFF;
}
.m_center_line {
    display: none;
    width: 100%;
    height: 1px;
    background: #f0f0f0;
    margin: 72px 0;
}
.m_center_gap {
    display: none;
    width: 100%;
    margin: 50px 0;
}
.pc_center_line {
    display: none;
    width: 100%;
    height: 1px;
    background: #fff;
    margin: 30px 0;
}
.center_line_dashed {
    display: none;
}

.m_ad_center {
    margin: 0 5%;
}

/* 섹터 VIEW */
.secter_wrap {
    display: block;
    width: 100%; 
    height: 520px; 
    overflow: hidden; 
}
.grid_view {
    width: 100%;
    max-width:1150px;
    height:520px;
    display:grid;
    grid-template-columns: repeat(50, minmax(0, 1fr));
    grid-template-rows: repeat(40, minmax(0, 1fr));
    /* border: 1px solid #000; */
}
.news_sec {
    position: relative;
    display: flex;
    align-items: center;
    grid-column: 38 / span 13;
    grid-row: 1 / span 25;
    border: 1px solid #000;
    display: flex;
    align-items: center;
    overflow: hidden;
}

.news_sec4 {
    position: relative;
    display: flex;
    align-items: center;
    grid-column: 38 / span 13;
    grid-row: 1 / span 25;
    border: 1px solid #000;
    display: flex;
    align-items: center;
    overflow: hidden;
}
.news_sec4 > a {
    display: flex;
    width: 100%;
    height: 100%;
    z-index: 9;
}
.news_sec4 > a:hover {
    border-radius: 15px;
    transform: scale(1.1, 1.1);
    transition-duration: 0.5s;
    overflow: hidden;
}
.news_sec2 {
    position: relative;
    display: flex;
    align-items: center;
    grid-column: 9 / span 14;
    grid-row: 1 / span 14;
    border: 1px solid #000;
    overflow: hidden;
}
.news_sec2 > a {
    display: flex;
    width: 100%;
    height: 100%;
    z-index: 9;
}
.news_sec2 > a:hover {
    border-radius: 15px;
    transform: scale(1.1, 1.1);
    transition-duration: 0.5s;
    overflow: hidden;
}
.news_sec3 {
    position: relative;
    display: flex;
    align-items: center;
    grid-column: 23 / span 15;
    grid-row: 1 / span 14;
    border: 1px solid #000;
    overflow: hidden;
}
.news_sec3 > a {
    display: flex;
    width: 100%;
    height: 100%;
    z-index: 9;
}
.news_sec3 > a:hover {
    border-radius: 15px;
    transform: scale(1.1, 1.1);
    transition-duration: 0.5s;
    overflow: hidden;
}
.news_sec1 {
    position: relative;
    display: flex;
    align-items: center;
    grid-column: 1 / span 8;
    grid-row: 1 / span 25;
    border: 1px solid #000;
    overflow: hidden;
}
.news_sec1 > a > .sec_view_info {
    padding: 17.5%;
}  
.news_sec1 > a {
    display: flex;
    width: 100%;
    height: 100%;
    z-index: 9;
}
.news_sec1 > a:hover {
    border-radius: 15px;
    transform: scale(1.1, 1.1);
    transition-duration: 0.5s;
    overflow: hidden;
}
.news_sec11 {
    position: relative;
    display: flex;
    align-items: center;
    grid-column: 38 / span 13;
    grid-row: 26 / span 15;
    border: 1px solid #000;
    overflow: hidden;
}
.news_sec11 > a {
    display: flex;
    width: 100%;
    height: 100%;
    z-index: 9;
}
.news_sec11 > a:hover {
    border-radius: 15px;
    transform: scale(1.1, 1.1);
    transition-duration: 0.5s;
    overflow: hidden;
}
.news_sec11 > a > .sec_view_info {
    padding: 5% 9%;
} 
.news_sec6 {
    position: relative;
    display: flex;
    align-items: center;
    grid-column: 9 / span 8;
    grid-row: 15 / span 26;
    border: 1px solid #000;
    overflow: hidden;
}
.news_sec6 > a {
    display: flex;
    width: 100%;
    height: 100%;
    z-index: 9;
}
.news_sec6 > a:hover {
    border-radius: 15px;
    transform: scale(1.1, 1.1);
    transition-duration: 0.5s;
    overflow: hidden;
}
.news_sec6 > a > .sec_view_info {
    padding: 14.5%;
} 
.news_sec7 {
    position: relative;
    display: flex;
    align-items: center;
    grid-column: 17 / span 21;
    grid-row: 15 / span 11;
    border: 1px solid #000;
    overflow: hidden;
}
.news_sec7 > a {
    display: flex;
    width: 100%;
    height: 100%;
    z-index: 9;
}
.news_sec7 > a:hover {
    border-radius: 15px;
    transform: scale(1.1, 1.1);
    transition-duration: 0.5s;
    overflow: hidden;
}
.news_sec8 {
    position: relative;
    display: flex;
    align-items: center;
    grid-column: 17 / span 7;
    grid-row: 26 / span 15;
    border: 1px solid #000;
    overflow: hidden;
}
.news_sec8 > a {
    display: flex;
    width: 100%;
    height: 100%;
    z-index: 9;
}
.news_sec8 > a:hover {
    border-radius: 15px;
    transform: scale(1.1, 1.1);
    transition-duration: 0.5s;
    overflow: hidden;
}
.news_sec9 {
    position: relative;
    display: flex;
    align-items: center;
    grid-column: 24 / span 7;
    grid-row: 26 / span 15;
    border: 1px solid #000;
    overflow: hidden;
}
.news_sec9 > a {
    display: flex;
    width: 100%;
    height: 100%;
    z-index: 9;
}
.news_sec9 > a:hover {
    border-radius: 15px;
    transform: scale(1.1, 1.1);
    transition-duration: 0.5s;
    overflow: hidden;
}
.news_sec10 {
    position: relative;
    display: flex;
    align-items: center;
    grid-column: 31 / span 7;
    grid-row: 26 / span 15;
    border: 1px solid #000;
    overflow: hidden;
}
.news_sec10 > a {
    display: flex;
    width: 100%;
    height: 100%;
    z-index: 9;
}
.news_sec10 > a:hover {
    border-radius: 15px;
    transform: scale(1.1, 1.1);
    transition-duration: 0.5s;
    overflow: hidden;
}
.news_sec5 {
    position: relative;
    display: flex;
    align-items: center;
    grid-column: 1 / span 8;
    grid-row: 26 / span 15;
    border: 1px solid #000;
    overflow: hidden;
}
.news_sec5 > a {
    display: flex;
    width: 100%;
    height: 100%;
    z-index: 9;
}
.news_sec5 > a > .sec_view_info {
    padding: 9.5%;
} 
.news_sec5 > a:hover {
    border-radius: 15px;
    transform: scale(1.1, 1.1);
    transition-duration: 0.5s;
    overflow: hidden;
}

.sec_view_info {
    position: relative; 
    display: flex; 
    flex-direction: column; 
    width: 100%;
    height: 100%;
    padding: 10% 10%;
    color: #FFF; 
    background: url('/img/renew/view_cov.png');
    z-index: 9; 
}
.sec_view_info::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url('/img/renew/view_cov.png');
    opacity: 0.4;
}
.news_sec7 .sec_view_info {
    display: flex;
    justify-content: center;
    padding: 0 10%;
} 
.news_sec7 .sec_view_info .sec_view_ttl {
    margin-bottom: 0;
} 

.sec_view_info:hover {
    opacity: 0.8;
    transition: 0.3s;
    background: url('/img/renew/view_cov.png');
}


.sec_sub {
    color: #ff8a8a; 
    font-size: 13px;
    font-weight: 500;
    margin-bottom: 10px;
    z-index: 3;
}
/* .sec_sub > i {
    padding: 1px 7px;
    background: #dfdfdf;
    font-size: 11px;
    line-height: 20px;
    border: 1px solid #777;
} */
.sec_view_ttl {
    font-weight: 500; 
    font-size: 25px; 
    line-height: 35px; 
    margin-bottom: 35px;
    text-shadow: 3px 2px #000;
    z-index: 3;
}
.sec_view_txt {
    color:#ffffff;
    font-size: 15px; 
    line-height: 21px;
    overflow: hidden; 
    display: -webkit-box; 
    -webkit-box-orient: 
    vertical; -webkit-line-clamp: 3
}
.img_cover {
    position: absolute; 
    left: 0; top: 0; 
    width: 100%; 
    height: 100%; 
    z-index: 1
}
.img_cover > img {
    width:100%; 
    height: 100%;
    /* background: no-repeat top / 200% url(../img/view_cov.png); */
}
.img_cover::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    /* background: no-repeat top / 200% url(../img/view_cov.png); */
    z-index: 1;
    opacity: 1;
}

/* view PC/모바일 광고 */
.pc1_ad {display: block;}
.pc4_ad {display: block;}
.pc8_ad {display: block;}
.pc9_ad {display: block;}

.mobile6_ad {display: none;}
.mobile3_ad {display: none;}
.mobile8_ad {display: none;}
.mobile4_ad {display: none;}

/* view 상세 컨텐츠 모듈 */
.sticky-div {
    position: sticky;
    top: 70px;  /* PC 상단 헤더 스티키 height 만큼 띄우기 */
}

.view_contents_area {
    width: 100%; 
    height: auto; 
    margin: 30px 0; 
    border-top: 1px solid #c1c1c1;
    padding-top: 30px;
}
.view_sub_tit {
    width: 100%; 
    height: auto;
    border-left: 5px solid #000;
    display: flex;
    flex-direction: column; 
    gap: 8px; 
    justify-content: center;
    margin-bottom: 30px;
    padding: 5px 0 5px 15px;
}
.view_sub_tit li {
    line-height: 26px;
    font-size: 18px;
    font-weight: 500;
}

.view_cont_wrap {
    /* display: flex; 
    flex-direction: column;  */
    /* gap: 30px;  */
    line-height: 30px; 
    font-size: 17px; 
    text-align: justify;
}    
.view_cont_img {
    display: flex; 
    flex-direction: column; 
    gap: 10px; 
    line-height: 20px; 
    width: 100%; 
    padding: 0 70px;
}
.view_cont_img > img {
    width: 100%; height: 100%;
}
.view_cont_img > .view_cont_ex {
    font-size: 13px; color: #c1c1c1;
}
.view_cont_wrap > .econo_warning {
    font-size: 17px; 
    color: #777;
    margin-top: 30px;
}
.view_cont_wrap > .image > img {
    max-width: 100%;
}
.view_cont_wrap > .image > figcaption {
    font-size: 15px;
    color: #7b7b7b;
    line-height: 23px;
    margin-bottom: 20px;
}

/* 시그널 CAST */
.signal_cast {
    position: relative;
    width: 100%;
    height: 400px;
    background: #1a172c;
    /* background: #1a172c; */
    
}
.signal_cast_in {
    width: 100%;
    height: 100%;
    padding-top: 40px;
    background: no-repeat top / 100% url(/img/renew/cast_bg.png);
}
.signal_cast::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 400px;
    background: #1a172c;
    /* background: #1a172c; */
}
.signal_cast::after {
    content: '';
    position: absolute;
    top: 0;
    right: -100%;
    width: 100%;
    height: 400px;
    background: #1a172c;
    /* background: #1a172c; */
}
.slick-test .cast_inner > a > .cast_ico {
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0.5;
}
.slick-slide img {
    position: relative;
    width: 100%;
    height: 100%;
}
.slick-test .slick-list{
    z-index: 1;
}
.slick-test .slick-slide {
    height: 350px;
    margin: 0 15px;
    border-radius: 20px;
    overflow: hidden;
}

.slick-test .cast_inner > a {
    position: relative;
    background:#1a172c;
    /* background:#1a172c; */
    color: #ccc;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: end;
    padding: 0 10%;
}
.slick-test .cast_inner > a::before {
    position: absolute;
    left: 0;
    top: 253px;
    width: 100%;
    height: 100px;
    z-index: 9;
    background: linear-gradient(to top, #1a172c 65px, rgba(0, 0, 0, 0));
    /* background: linear-gradient(to top, #1a172c 65px, rgba(0, 0, 0, 0)); */
    /* opacity: 0.2; */
    content: '';
}
.slick-test .cast_inner > a > figure:hover {
    content: '';
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0.9;
    transition: 0.3s;
    /* box-shadow: 0 5px 18px -7px rgba(0,0,0,1); */
    color: #FFF;
}
.cast_ttl {
    position: absolute;
    bottom: 30px;
    font-weight: 600;
    font-size: 23px;
    line-height: 33px;
    z-index: 999;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    width: 280px;
}
.slick-test .cast_inner > a > figure.on {
    content: '';
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0.9;
    transition: 0.3s;
    /* box-shadow: 0 5px 18px -7px rgba(0,0,0,1); */
    color: #FFF;
}
.slick-test .cast_inner > a > figure {
    position: absolute; 
    left: 0; top: 0; 
    width: 100%; 
    height: 100%; 
    z-index: 1;
    background: linear-gradient(to top, #171524 30px, rgba(0, 0, 0, 0));
    opacity: 0.2;   
    content: '';
}
/*----------------------
## 뉴스리스트
----------------------*/
.new_secondmenulist {
    display: flex;
    flex-direction: column;
    row-gap: 30px;
    padding-bottom: 30px;
}
.new_secondmenulist .sec_ttl {
    white-space: nowrap;
    margin-bottom: 0;
}
.new_secondmenulist .sec_ttl.etc {
    margin-top: 2px;
    font-size: 25px;
}

/*----------------------
## 시그널 CREW
----------------------*/
.crew_inner {
    position: relative;
    width: 100%;
    height: 310px;
}
.crew_inner::before{
    content: '';
    position: absolute;
    left: -100%;
    top: 49px;
    width: 100%;
    height: 210px;
    background: #f0f0f0;
}
.crew_inner::after{
    content: '';
    position: absolute;
    right: -100%;
    top: 55px;
    width: 100%;
    height: 210px;
    z-index: -1;
    background: #f0f0f0;
}


.test_wrap {
    position: relative;
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    z-index: 9;
}
.crew_sl {
    position:relative;
}
.crew_sl .slick-list {
    margin:0 -20px;
}

.crew_sl .slick-slide {
    margin:0 20px;
}
.crew_item {
    height:300px;
}

.back {
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
}
.crew_con {
    position:relative;
    width:100%;
    height:100%;
}

.crew_card {
    color: #3498db;
    font-size: 2.25rem;
    margin: 0.7rem;
    position: relative;
    text-align: center;
}
.crew_card > a {
    position: relative;
    display: flex;
    /* height: 290px; */
    align-items: center;
    flex-direction: column;
    padding: 16% 10%;
    border-radius: 18px;
    border: 1px solid #eee;
    width: 118%;
    background: #FFF;
    z-index: 9;
}
.crew_card > a > figure {
    width: 100px;
    height: 100px;
    border-radius: 100px;
    border: 1px solid #eee;
    overflow: hidden;
    margin-bottom: 30px;
}
.crew_card > a > .crew_name {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 15px;
}
.crew_card > a > .crew_mail {
    font-size: 16px;
    font-weight: 300;
}
.crew_card > a > .crew_follower {
    font-size: 20px;
    font-weight: 600;
    margin-top: 30px;
}
.crew_card > a > .crew_follower > p {
    display: inline-flex;
    width: 8px;
    height: 12px;
    margin-left: 5px;
    background: url('/img/renew/ttl_arrow.png') no-repeat;
}
.crew_bg {
    position: absolute;
    top: 95px;
    left: 0px;
    width: 100%;
    height: 210px;
    background: #f0f0f0;
}

/* 섹터 VIEW */
.slick-test3{
    position: relative;
    width: 100%;
    height: 400px;
    overflow: hidden;
}
.slick-test3 .slick-list{
  margin: 0 -10px;
}
.slick-test3 .slick-slide{
  height: 400px;
  margin: 0 10px;
}
.m_news_wrapper {
    width: 100%; 
    height: auto; 
}
.m_news_wrapper_opinion {
    display: none;
}
.m_news_wrap{
    width:100%;
    height:400px;
    display:grid;
    grid-template-columns: repeat(8, minmax(0, 1fr));
    grid-template-rows: repeat(8, minmax(0, 1fr));
}
.m_news_sec01{
    position: relative;
    grid-column: 1 / span 4;
    grid-row: 1 / span 4;
}
.m_news_wrap.area_3 .m_news_sec01{
    grid-column: 1 / span 8;
    grid-row: 1 / span 4;
    
}
.img_cover::before:hover {
    text-decoration: underline;
    background: salmon;
    opacity: 0.7;
}
.m_news_wrap.area_3 .m_news_sec02{
    position: relative;
    grid-column: 1 / span 4;
    grid-row: 5 / span 4;
}
.m_news_sec02{
    position: relative;
    grid-column: 5 / span 4;
    grid-row: 1 / span 4;
}
.m_news_sec03{
    position: relative;
    grid-column: 1 / span 4;
    grid-row: 5 / span 8;
}
.m_news_wrap.area_3 .m_news_sec03{
    grid-column: 5 / span 4;
    grid-row: 5 / span 4;
}
.m_news_sec04{
    position: relative;
    grid-column: 5 / span 4;
    grid-row: 5 / span 8;
}

.m_sec_view_info {
    color: #FFF;
    /* display: flex; */
    flex-direction: column;
    z-index: 99;
    position: relative;
    padding: 60px 30px 20px 30px;
    height: 100%;
}
.m_sec_sub {
    color: #ffa1a1; 
    font-size: 15px; 
    font-weight: 500; 
    margin-bottom: 10px;
}
.m_sec_view_ttl {
    font-weight: 600; 
    font-size: 21px; 
    line-height: 32px;
}
.m_sec_view_txt {
    color:#ccc;
    font-size: 15px; 
    overflow: hidden; 
    display: -webkit-box; 
    -webkit-box-orient: 
    vertical; -webkit-line-clamp: 3
}
.m_img_cover {
    position: absolute; 
    left: 0; top: 0; 
    width: 100%; 
    height: 100%; 
    z-index: 1
}
.m_img_cover > img {
    width:100%; height: 100%;
}
.m_img_cover::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: url('/img/renew/view_cov.png') !important;
    z-index: 1;
    opacity: 0.7;
}

.realtalk_pc_ad {
    display:flex; 
    justify-content: space-between;
    /* margin: 0 0 30px 0; */
}
.realtalk_pc_l_ad {
    display:flex;
    width:300px;
    height:250px;
    max-width:300px;
    max-height:250px;
}
.realtalk_pc_r_ad {
    display:flex;
    width:300px;
    height:250px
    ;max-width:300px;
    max-height:250px;
}

.realtalk_m_ad {
    display: flex;
    flex-direction: column;
    margin: 30px auto;
    justify-content: center;
    display: none !important;
}
.realtalk_m_c_ad {
    display:flex;
    width:300px;
    height:250px;
    max-width:300px
    ;max-height:250px;
}

/*----------------------
## [MAGAZINE] 리스트
----------------------*/ 
.magazine_main_wrap {
    padding-bottom: 57px;
    /* border-bottom: 1px solid #eaeaea; */
}
.magazine_main {
    position: relative;
    display: flex;
    flex-direction: column;
    row-gap: 25px;
    width: 100%;
    height: auto;
    background:url('/img/renew/magazine_mine_bg01.png');
}
.magazine_main::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: #001942;
    /* background:url('/img/renew/magazine_mine_bg02.png'); */
}
.magazine_main_tit {
    display: flex; 
    height: 65px; 
    column-gap: 125px;
}
.magazine_main_sub {
    font-size: 20px; 
    margin-top: 10px; 
    font-weight: 600; 
    color:#c6000c;
}
.magazine_main_title {
    display: flex; 
    align-items: end; 
    font-size: 33px; 
    font-weight: 700; 
    color:#FFF;
}
.magazine_main_in {
    padding: 10px;
    background: #FFF; 
    margin: 5px 0 30px 0;
}

.magazine_select {
    position: relative;
    font-family: Arial;
    float: right;
    margin-top: 20px;
}
.magazine_select select {
    display: none;
}
.magazine_select_selected {
    background-color: #f3f3f3;
    border-radius: 30px;
}
.magazine_select_selected:after {
    position: absolute;
    content: "";
    top: 17px;
    right: 10px;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-color: #333 transparent transparent transparent;
}
.magazine_select_selected.select_arrow_active:after {
    border-color: transparent transparent #333 transparent;
    top: 10px;
}
.select_items div,.magazine_select_selected {
    color: #333;
    padding: 8px 16px;
    border: 1px solid transparent;
    border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
    cursor: pointer;
    user-select: none;
    font-size: 15px;
    height: 36px;
    width: 150px;
}
.select_items {
    position: absolute;
    background-color: #eeeeee;
    top: 125%;
    left: 0;
    right: 0;
    z-index: 99;
    border-radius: 5px;
}
.select_hide {
    display: none;
}
.select_items div:hover, .same_as_selected {
    background-color: rgba(0, 0, 0, 0.1);
    border-radius: 5px;
}
.select_items div:first-child:hover, .same_as_selected {
    background-color: #fff;
    cursor: auto;
    background-color: #eeeeee;
}

/*----------------------
## [리스트] 시그널 CAST
----------------------*/  
.cast_list_wrap{
    position: relative;
    display: grid !important;
    width: 100%;
    max-width: 780px;
    height: 100%;
    /* max-height: 420px; */
    overflow: hidden;
    border-radius: 15px;
    background: no-repeat top / 100% url('/img/renew/cast_side_bg.png');
    /* padding: 5%; */
    padding: 10% 10%;
    z-index: 9;
}
.cast_list_wrap::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top, #120101 38%, #860a0a 50%, #080101);
    /* opacity: 0.1; */
    z-index: -1;
}
.cast_list_wrap .slick-list{
    margin: 0 -10px;
}
.cast_list_wrap .slick-slide {
    height: 300px;
    margin: 0 10px;
}

.cast_list_wrap .cast_inner > a {
    position: relative;
    background:#2c2c2c;
    color: #ccc;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: end;
    padding: 5% 0%;
    border-radius: 20px;
}

.cast_list_wrap .cast_inner > a > figure {
    position: absolute; 
    left: 0; top: 0; 
    width: 100%; 
    height: 100%; 
    z-index: 1;
    background: linear-gradient(to top, #171524 30px, rgba(0, 0, 0, 0));
    opacity: 0.2;   
    border-radius: 20px;
    content: '';
    overflow: hidden;
}
.cast_list_wrap .cast_inner > a > figure::before{
    content: '';
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 120px;
    background: #171524;
    opacity: 0.1;
}
.cast_list_wrap .cast_inner > a > figure:hover {
    content: '';
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0.9;
    transition: 0.3s;
    color: #FFF;
    border-radius: 20px;
    overflow: hidden;
}
.cast_list_wrap .cast_inner > a > .cast_ico {
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0.5;
}
.cast_cover {
    position: absolute; 
    left: 0; 
    bottom: -45px; 
    width: 100%;
    height: 126px;
    background: linear-gradient(to top, #120101 107px, rgba(0, 0, 0, 0));
    z-index: 99; opacity: 0.7;
}
.cast_ttl_l {
    position: relative;
    font-weight: 500;
    font-size: 20px;
    line-height: 28px;
    z-index: 999;
}


/* 시그널 모듈 news */ 
.m_crew_bg {
    position: relative;
}
.m_crew_bg::before {
    content: '';
    position: absolute;
    left: 100%;
    top: 40px;
    width: 100%;
    height: 210px;
    background: #f0f0f0;
}
.m_crew_bg::after {
    content: '';
    position: absolute;
    right: 100%;
    top: 40px;
    width: 100%;
    height: 210px;
    background: #f0f0f0;
}
.m_crew_bg > i {
    position: absolute;
    top: 40px;
    left: 0;
    width: 100%;
    height: 210px;
    z-index: -1;
    background: #f0f0f0;
}
#m_crew_wrap {
    width: 100%;
    height: 290px;
    overflow: hidden;
}
.crew_one {
    display: flex !important;
    width: 20.4% !important;
    height: 290px;
    justify-content: space-between;
}
.crew_one:last-child {
    margin-right: -23px !important;
}
.crew_one > a {
    position: relative;
    display: flex;
    height: 290px;
    background: #FFF;
    align-items: center;
    flex-direction: column;
    padding: 10%;
    border-radius: 18px;
    border: 1px solid #eee;
    width: 90%;
}
.crew_one > a > figure {
    width: 100px;
    height: 100px;
    border-radius: 100px;
    border: 1px solid #eee;
    overflow: hidden;
    margin-bottom: 30px;
}
.crew_one > a > .crew_name {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 15px;
}
.crew_one > a > .crew_follower {
    font-size: 20px;
    font-weight: 600;
    margin-top: 30px;
}

/* 종목 분석 [모바일] */ 
.m_item_analysis_wrap {
    display: none
}


/* 메인 탑 광고 */ 
.pick_ad {
    position: relative;
    width: 100%; 
    height: 110px; 
    padding: 0; margin: 0;
    overflow: hidden;
}
/* .pick_ad::before {
    content: '';
    position: absolute;
    top: 0;
    left: -10%;
    width: 10%;
    height: 100%;
    background: #000;
} */
/* .pick_ad::after {
    content: '';
    position: absolute;
    top: 0;
    right: -10%;
    width: 10%;
    height: 100%;
    background: #6d0fb9;
} */
.pick_ad > a > img {
    width: 100%; 
    object-fit: cover; 
    object-position: top;
}

/*----------------------
## FOOTER GNB   
----------------------*/  
.economist_info_gnb {
    display: flex;
    font-size: 14px;
    font-weight: 500;
    gap: 54.6px;
    height: 50px;
    /* border-top: 1px solid #f0f0f0; */
    align-items: center;
}
.economist_info_gnb > li > a:hover{
    text-decoration: underline;
}
.economist_info_gnb > li:last-child {

}
.econo_grop {
    color:#d23023;
    margin-right: 50px;
}
/*----------------------
## FOOTER   
----------------------*/  
.footer_gnb {
    display: none;
}
footer {
    display: grid;
    grid-template-columns: 150px auto;
    align-items: center;
    /* flex-wrap: wrap; */
    padding: 0 25px;
    column-gap: 45px;
    height: 120px;
    /* border-top: 1px solid #f0f0f0; */
    font-size: 15px;
    color: #999;
    position: relative;
    background: #FFF;;
}

.footer_info {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.footer_info > div {
    text-align: right;
}
.footer_all {
    font-size: 13px;
}
.add_wrap {
    display: flex;
    flex-wrap: wrap;
    row-gap: 5px;
    width: 65%;
    margin-right: auto;
}
.add_wrap > li {
    display: flex;
    margin-right: 20px;
    font-size: 14px;
}
.personal_info {
    display: flex;
    width: 190px;
    column-gap: 20px;
    font-size: 14px;
    font-weight: 600;
    justify-content: right;
}
footer::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 210px;
    /* border-top: 1px solid #f0f0f0; */
}
footer::after {
    content: '';
    position: absolute;
    top: 0;
    right: -100%;
    width: 100%;
    height: 210px;
    /* border-top: 1px solid #f0f0f0; */
}

.f_financelogo {
    position: relative;
    width: 124px;
    height: 32px;
    font-size: 0;
    background-image: url(/img/logo/feconomist_h0.png);
    background-size: 125px;
}

.family_wrap {
    width: 180px; 
    height: 26px; 
    border: 1px solid #e8e7e7; 
}
.family_sec {
    border-top: 1px solid #000;
    cursor: pointer;
    background: #FFF;
    color: #FFF;
    border: none;
    width: 178px;
    z-index: 999;
    padding: 1px 6px;
    font-size: 13px;
    color: #333;
}
.economist_footer_info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid #f0f0f0;
}

/* 회사소개 */
.company_wrap {
    display: flex;
    flex-direction: column;
    gap: 25px;
    align-items: center;
    width: 100%;
    height: auto;
    min-height: 600px;
    margin: 100px 0;
}
.company_wrap > p {
    font-weight: 600;
    font-size: 24px;
    line-height: 30px;
}
.company_wrap > p > b {
    font-weight: 600;
    color: #d23023;
}
.company_wrap > figure {
    display: flex;
}
.company_wrap > figure > img {
    width: 100%;
}
.company_introduce {
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: center;
    line-height: 30px;
    margin-top: 30px;
    font-size: 15px;
}

/* 슬릭 슬라이드 dots */
.slick-dots {
	display: flex;
	justify-content: right;
    margin: 0;
	list-style-type: none;

    li {
        margin: 0 0.25rem;
    }

    button {
        display: block;
        width: 0.6rem;
        height: 0.6rem;
        padding: 0;
        
        border: none;
        border-radius: 100%;
        background-color: #dddddd;
        
        text-indent: -9999px;
    }

    li.slick-active button {
        background-color: #d23023;
    }
}

.side_section {
    display: flex;
    flex-direction: column;
    row-gap: 30px;
}


/* 서비스 이용약관 */
.event.title {
    font-size: 20px;
    font-weight: 600;
}
.event.content {
    overflow-y: scroll;
    width: 100%;
    max-height: 1000px;
    padding: 20px;
    margin-top: -30px;
    background:#fcfcfc
}
.event.content .condition_wrap:first-child {
    margin-top: 0
}
.event.content .conditionsuse h1 {
    font-size: 16px;
    font-weight: 600;
}
.condition_wrap {
    display: flex;
    flex-direction: column;
    row-gap: 10px;
    margin-top: 30px
}
.condition_wrap div, .condition_wrap ul li {
    font-size: 14px;
    color:#333
}
.condition_wrap ul {
    display: flex;;
    flex-direction: column;
    row-gap: 10px;
    margin-top: 10px;
    padding-left: 10px;
}

/***** 검색 *****/
.search_result_wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: 45px;
    margin-top: 40px;
}
.search_result_wrap.etc{
    margin-top: 0
}
.search_result {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: 10px;
}
.search_word {
    display: flex;
    align-items: center;
    column-gap: 20px;
    font-size: 33px;
    color: #284052;
    font-weight: 600;
}
.search_word::before {
    content: "";
    display: inline-block;
    width: 40px;
    height: 30px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 31'%3E%3Cpath d='M2 18.6c0-7.5 5.9-15 13-16.7L16.3 5C13 6.3 9.9 9.1 9.9 10.8s.3 1.4 1.4 1.4c4.7 0 7.9 3.2 7.9 8s-3.4 8.9-8.3 8.9S2 25.3 2 18.6ZM38 1.9 39.2 5c-3.3 1.3-6.4 4.1-6.4 5.8s.3 1.4 1.4 1.4c4.7 0 7.9 3.2 7.9 8s-3.4 8.9-8.3 8.9-8.9-3.8-8.9-10.5S30.7 3.5 38 1.9Z' style='fill:%23bed1e1'/%3E%3C/svg%3E");
}
.search_word::after {
    content: "";
    display: inline-block;
    width: 40px;
    height: 30px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 31'%3E%3Cpath d='M42 12.4c0 7.5-5.9 15-13 16.7L27.7 26c3.3-1.3 6.4-4.1 6.4-5.8s-.3-1.4-1.4-1.4c-4.7 0-7.9-3.2-7.9-8s3.5-8.9 8.3-8.9S42 5.7 42 12.4ZM6 29.1 4.8 26c3.3-1.3 6.4-4.1 6.4-5.8s-.3-1.4-1.4-1.4c-4.7 0-7.9-3.2-7.9-8s3.5-8.9 8.4-8.9 8.9 3.8 8.9 10.5-5.9 15-13.1 16.7Z' style='fill:%23bed1e1'/%3E%3C/svg%3E");
}
.search_result_wrap.etc .search_word::before, .search_result_wrap.etc .search_word::after {
    display: none
}

.search_number {
    font-size: 16px;
}
.search_number strong {
    color: #507ca0;
    font-weight: 600
}
.boxresult_top .search_number strong {
    color: #c2efff;
}
.search_detail {
    position: relative;
    width: 100%;
}

.search_result_wrap.etc .search_detail {
    display: none
}
.search_bigbox {
    display: flex;
    justify-content: center;
    width: 80%;
    height: 80px;
    padding: 0 50px;
    margin: 0 auto;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    border-radius: 100px;
    border:0;
    background: #507ca0;
}
.search_detail.box .search_bigbox {
    height: 60px;
    font-size: 18px;
    border: 1px solid rgba(256, 256, 256, .3);
    background: rgba(256, 256, 256, .2);
}

.search_bigbox::placeholder {
    color:#bed1e1;
    font-weight: 400
}
.search_detail.box .search_bigbox::placeholder {
    font-size: 15px
}
.search_detail label {
    position: absolute;
    right: 15%;
    top: 23px;
    font-size: 0;
}
.search_block {
    height: 16px
}
.search_block {
    height: 20px
}
.mt_info_area {
    display: flex; 
    gap: 30px;
}
.btn_front_search {
    display: flex;
    width: 20px;
    height: 20px;
    font-size: 0;
    border:0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Cpath d='M21.5 20c1.6-2 2.5-4.4 2.5-7s-1.2-5.7-3.2-7.8C18.7 3.2 15.9 2 13 2S7.3 3.2 5.2 5.2C3.2 7.3 2 10.1 2 13c0 2.9 1.2 5.7 3.2 7.8C7.3 22.9 10.1 24 13 24s5-.9 7-2.5l2.2 2.2c.2.2.5.3.7.3.4 0 .8-.3 1-.6.2-.4 0-.8-.2-1.1l-2.2-2.2ZM13 21.9c-2.4 0-4.6-.9-6.3-2.6C5 17.6 4.1 15.4 4.1 13S5 8.4 6.7 6.7C8.4 5 10.6 4.1 13 4.1s4.6.9 6.3 2.6c1.7 1.7 2.6 3.9 2.6 6.3s-.9 4.6-2.6 6.3c-1.7 1.7-3.9 2.6-6.3 2.6Z' data-name='Layer_1' style='fill:%23333'/%3E%3C/svg%3E");
}
.m_btn_front_search {
    display: flex;
    width: 20px;
    height: 20px;
    font-size: 0;
    border:0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Cpath d='M21.5 20c1.6-2 2.5-4.4 2.5-7s-1.2-5.7-3.2-7.8C18.7 3.2 15.9 2 13 2S7.3 3.2 5.2 5.2C3.2 7.3 2 10.1 2 13c0 2.9 1.2 5.7 3.2 7.8C7.3 22.9 10.1 24 13 24s5-.9 7-2.5l2.2 2.2c.2.2.5.3.7.3.4 0 .8-.3 1-.6.2-.4 0-.8-.2-1.1l-2.2-2.2ZM13 21.9c-2.4 0-4.6-.9-6.3-2.6C5 17.6 4.1 15.4 4.1 13S5 8.4 6.7 6.7C8.4 5 10.6 4.1 13 4.1s4.6.9 6.3 2.6c1.7 1.7 2.6 3.9 2.6 6.3s-.9 4.6-2.6 6.3c-1.7 1.7-3.9 2.6-6.3 2.6Z' data-name='Layer_1' style='fill:%23333'/%3E%3C/svg%3E");
}
.search_block .btn_search {
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22'%3E%3Cpath d='M19.5 18c1.6-2 2.5-4.4 2.5-7 0-2.9-1.2-5.7-3.2-7.8C16.7 1.2 13.9 0 11 0 8.1 0 5.3 1.2 3.2 3.2 1.2 5.3 0 8.1 0 11c0 2.9 1.2 5.7 3.2 7.8C5.3 20.9 8.1 22 11 22c2.6 0 5-.9 7-2.5l2.2 2.2c.2.2.5.3.7.3.4 0 .8-.3 1-.6.2-.4 0-.8-.2-1.1l-2.2-2.2ZM11 19.9c-2.4 0-4.6-.9-6.3-2.6C3 15.6 2.1 13.4 2.1 11S3 6.4 4.7 4.7C6.4 3 8.6 2.1 11 2.1s4.6.9 6.3 2.6c1.7 1.7 2.6 3.9 2.6 6.3s-.9 4.6-2.6 6.3c-1.7 1.7-3.9 2.6-6.3 2.6Z' style='fill:%23fff'/%3E%3C/svg%3E");

}
.m_search_block {
    display: flex; 
    height: 29px; 
    align-items: center;
}
.m_search_block .m_btn_search {
    width: 22px;
    height: 22px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22'%3E%3Cpath d='M19.5 18c1.6-2 2.5-4.4 2.5-7 0-2.9-1.2-5.7-3.2-7.8C16.7 1.2 13.9 0 11 0 8.1 0 5.3 1.2 3.2 3.2 1.2 5.3 0 8.1 0 11c0 2.9 1.2 5.7 3.2 7.8C5.3 20.9 8.1 22 11 22c2.6 0 5-.9 7-2.5l2.2 2.2c.2.2.5.3.7.3.4 0 .8-.3 1-.6.2-.4 0-.8-.2-1.1l-2.2-2.2ZM11 19.9c-2.4 0-4.6-.9-6.3-2.6C3 15.6 2.1 13.4 2.1 11S3 6.4 4.7 4.7C6.4 3 8.6 2.1 11 2.1s4.6.9 6.3 2.6c1.7 1.7 2.6 3.9 2.6 6.3s-.9 4.6-2.6 6.3c-1.7 1.7-3.9 2.6-6.3 2.6Z' style='fill:%23fff'/%3E%3C/svg%3E");

}
.search_detail.box label {
    top: 14px;
    right: 14%;
}
.search_detail.box .btn_search {
    border: 0;
    background-color: transparent;
}
.m_search_detail .m_btn_search:hover {
    cursor: pointer;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22'%3E%3Cpath d='M19.5 18c1.6-2 2.5-4.4 2.5-7 0-2.9-1.2-5.7-3.2-7.8C16.7 1.2 13.9 0 11 0 8.1 0 5.3 1.2 3.2 3.2 1.2 5.3 0 8.1 0 11c0 2.9 1.2 5.7 3.2 7.8C5.3 20.9 8.1 22 11 22c2.6 0 5-.9 7-2.5l2.2 2.2c.2.2.5.3.7.3.4 0 .8-.3 1-.6.2-.4 0-.8-.2-1.1l-2.2-2.2ZM11 19.9c-2.4 0-4.6-.9-6.3-2.6C3 15.6 2.1 13.4 2.1 11S3 6.4 4.7 4.7C6.4 3 8.6 2.1 11 2.1s4.6.9 6.3 2.6c1.7 1.7 2.6 3.9 2.6 6.3s-.9 4.6-2.6 6.3c-1.7 1.7-3.9 2.6-6.3 2.6Z' style='fill:%23a5c2da'/%3E%3C/svg%3E");
}


.search_result_wrap.etc .speech_bubble {
    display: flex;
    border: 3px solid #284052;
    border-radius: 50px;
    padding: 4px 18px;
    font-weight: 600;
    color: #284052;
    background: #fff;
}
.search_thumb {
    display: flex;
    align-items: center;
    column-gap: 15px;
}

/*** 검색 블랙 박스 상단 1/2 ***/
.boxsearch_result_wrap {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 280px;
    border-radius: 20px;
    background-color: #072033;
}

.boxresult_visual::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: rgb(7,32,51);
    background: linear-gradient(90deg, rgba(7,32,51,0.5) 0%, rgba(7,32,51,.9) 50%, rgba(7,32,51,0.5) 100%);
    z-index: 1;
}

.boxresult_visual figure .keyword, .boxresult_visual figure .magnifier, .boxresult_visual figure .series {
    position: absolute;
    opacity: .2;
    animation: slowRotate 50s linear infinite;
}
.boxresult_visual figure .keyword {
    top: -120px;
    left: calc(50% - 320px);
    width: 300px;
}
.boxresult_visual figure .magnifier {
    top: -25px;
    left: calc(50% - 370px);
    width: 300px;
}
.boxresult_visual figure .series {
    top: -40px;
    left: calc(50% - 325px);
    width: 300px;
}
@keyframes slowRotate {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}
.boxresult_text {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    color: #fff;
    z-index: 2;
}



.boxresult_text .search_word::before, .boxresult_text .search_word::after {
    display: none
}
.boxresult_text {
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: 30px;
    width: 100%;
}
.boxresult_text .title {
    display: flex;
    align-items: center;
    column-gap: 20px;
    max-width: 80%;
}
.boxsearch_result_wrap .speech_bubble {
    display: flex;
    align-items: center;
    padding: 4px 15px;
    font-weight: 600;
    color: #072033;
    border-radius: 30px;
    background: #c2efff;
    white-space: nowrap;
}
.boxresult_text .search_word {
    overflow: hidden;
    display:-webkit-box;
    -webkit-box-orient: vertical;
            box-orient: vertical;
    -webkit-line-clamp: 3;
            line-clamp: 3;
    word-wrap: break-word;
    text-overflow: ellipsis;
    color: #fff;
    line-height: 35px;
}
.boxresult_text .boxresult_top {
    display: flex;
    flex-direction: column;
    row-gap: 15px;
    align-items: center;
    width: 100%
}

.boxsearch_result_wrap .search_word::before {
    content: "";
    display: inline-block;
    width: 40px;
    height: 30px;
    margin-right: 10px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 31'%3E%3Cpath d='M2 18.6c0-7.5 5.9-15 13-16.7L16.3 5C13 6.3 9.9 9.1 9.9 10.8s.3 1.4 1.4 1.4c4.7 0 7.9 3.2 7.9 8s-3.4 8.9-8.3 8.9S2 25.3 2 18.6ZM38 1.9 39.2 5c-3.3 1.3-6.4 4.1-6.4 5.8s.3 1.4 1.4 1.4c4.7 0 7.9 3.2 7.9 8s-3.4 8.9-8.3 8.9-8.9-3.8-8.9-10.5S30.7 3.5 38 1.9Z' style='fill:%23bed1e1'/%3E%3C/svg%3E");
}
.boxsearch_result_wrap .search_word::after {
    content: "";
    display: inline-block;
    width: 40px;
    height: 30px;
    margin-left: 10px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 31'%3E%3Cpath d='M42 12.4c0 7.5-5.9 15-13 16.7L27.7 26c3.3-1.3 6.4-4.1 6.4-5.8s-.3-1.4-1.4-1.4c-4.7 0-7.9-3.2-7.9-8s3.5-8.9 8.3-8.9S42 5.7 42 12.4ZM6 29.1 4.8 26c3.3-1.3 6.4-4.1 6.4-5.8s-.3-1.4-1.4-1.4c-4.7 0-7.9-3.2-7.9-8s3.5-8.9 8.4-8.9 8.9 3.8 8.9 10.5-5.9 15-13.1 16.7Z' style='fill:%23bed1e1'/%3E%3C/svg%3E");
}
.boxsearch_result_wrap.other {
    height: 210px;
}
.boxsearch_result_wrap .speech_bubble, 
.boxsearch_result_wrap.other .search_detail.box, 
.boxsearch_result_wrap .search_word::before, 
.boxsearch_result_wrap .search_word::after {
    display: none
}
.boxsearch_result_wrap.other .speech_bubble {
    display: flex
}


.bm_m {
    display: none;
}
.m_opinion_wrap {
    margin-top: 30px;
}


/*-------------------------------------------------------------------
  ## MEDIAQUERY
-------------------------------------------------------------------*/
@media only screen and (max-width : 1200px) {
    .gnb_inner {
        margin-top: -10px;
    }
    .menu_wrapbox > li > a > img {
        width: 180px;
        height: 47px;
    }
    input#mt_menu:checked + nav#m_main_nav > ul {
        left: 2%;
        width: 89%;
        height: 600px;
        padding: 0 20px 0px 20px;
    }
    input#m_menu:checked + nav#main_nav > ul > div {
        margin-left: 17%;
        flex-wrap: wrap;
        width: 70%;
        line-height: 30px;
    }
    .main_menu_nav > ul > li {
        width: 66px;
        font-size: 16px;
    }
    .main_menu_nav > ul > li:hover > a {
        font-size: 16px;
    }
    .main_menu_nav > ul > li > .depth_2 li a {
        width: 66px;
    }
    .main_menu_nav > ul > li:nth-child(5) > .depth_2 li a {
        width: 66px;
    }

    .top {
        width: 122px;
        top: 40%;
    }
    .top>button {
        z-index: 0;
    }
    .top>figure > img {
        width: 96px;
        height: 22px;
    }
    .gnb_inner > .gnb_info {
        top: 42%;
    }

    .news_info_wrap {
        padding: 0 0 10px 0;
        height: 50px;
    }
    .sns_info_wrap {
        margin-top: 3px;
    }

    .txt_tit_img > dl > .insight_sub > a > i {
        -webkit-line-clamp: 4;
    }

    /* 주요뉴스 */
    .signal_pick_wrap_inner {
        column-gap: 20px;
        row-gap: 20px;
        grid-template-columns: 1fr 1fr 1fr;
    }
    .img_mark_reporter > div > .pick_ttl {
        font-size: 16px;
        line-height: 21px;
    }
    .img_mark_reporter {
        gap: 20px;
    }
    .news_ttl {
        display: none;
    }
    .img_mark_reporter > figure > .news_ttl {
        display: block;
        position: absolute;
        bottom: -1px;
    }
    .img_mark_reporter > figure {
        position: relative;
    }

    .img_mark_major_news > div > .pick_ttl {
        font-size: 16px;
        line-height: 21px;
    }
    .img_mark_major_news {
        grid-template-columns: 1fr;
        gap: 15px;
    }
    .img_mark_major_news > figure > .news_ttl {
        display: block;
        position: absolute;
        bottom: -1px;
    }
    .img_mark_major_news > figure {
        position: relative;
    }

    /* 실시간 */
    .news_top_inner > b {
        height: 44px;
    }
    .news_info_wrap::before {
        top: 0;
        height: 40px;
    }

    .main_menu_nav > ul > li:first-child {
        margin-right: 10px;
    }

    .search_wrap.show {
        top: -12px;
        left: -285px;
        min-width: 340px;
        height: 40px;
    }

    /* OUT 인사이트 */
    .insight_bg_txt > dl > dd.on > a {
        font-size: 26px;
        line-height: 31px;
    }
    .insight_bg_txt > dl > .insight_sub > a {
        font-size: 16px;
        line-height: 21px;
    }
    .insight_bg_txt > figure > a > img {
        aspect-ratio: 16 / 10;
    }


    /* 인사이트 */
    .txt_tit_img > dl > dd.on > a {
        font-size: 28px;
        line-height: 36px;
    }
    .txt_tit_img > dl > .insight_sub > a {
        font-size: 16px;
        line-height: 26px;
    }
    .txt_park {
        padding: 20px 15px 20px 0;
        grid-row-gap: 0;
    }
    .txt_park.on {
        padding: 10px 15px 10px 0;
    }
    .txt_tit_img > figure > a > img {
        aspect-ratio: 16 / 10;
    }

    /* 시그널 CREW */
    .crew_card > a > figure {
        width: 90px;
        height: 90px;
    }

    /* 시그널 CAST */
    .signal_cast {
        height: 400px;
    }
    .signal_cast::before {
        height: 400px;
    }
    .signal_cast::after {
        height: 400px;
    }
    .cast_ttl {
        font-size: 18px;
        line-height: 28px;
        color: #fff;
        width: 80%;
        bottom: 40px;
    }
    .cast_ttl_l {
        font-size: 18px;
        line-height: 22px;
    }

    .top_btn {
        width: 40px;
        height: 40px;
        right: 0;
    }

    /* 이코노 동향 */
    .img_part2_keyword {
        grid-template-rows: 125px auto;
        grid-row-gap: 20px;
    }

    /*  주요뉴스 */
    .signal_type_w40 {
        grid-template-columns: auto 300px;
        grid-column-gap: 30px;
    }
    /* .signal_type_auto {
        grid-template-columns: auto 300px;
        grid-column-gap: 30px;
    } */
    .signal_type_auto {
        grid-column-gap: 30px;
    }

    .img_mark_reporter > div {
        justify-content: space-between;
    }
    .img_mark_reporter > figure > a >img {
        height: 100%;
        aspect-ratio: 20 / 11;
    }

    .img_mark_major_news > div {
        justify-content: space-between;
    }
    .img_mark_major_news > figure > a >img {
        height: 100%;
        aspect-ratio: 23.5 / 11;
    }

    /*----------------------
    ## 기사상세
    ----------------------*/
    .comment_wrap {
        gap: 30px;
    }
    .container_list {

    }
    .signaltalk_wrap {
        grid-template-columns: auto 275px;
        column-gap: 50px;
        margin-top: 40px;
    }
    .txt_part3_img .insight_bg .insight_bg_r {
        left: 15%;
    }
    .txt_part3_img .insight_bg .insight_news {
        width: 40%;
    }
    .txt_part3_img .insight_bg .insight_news > dd.on {
        font-size: 30px;
        line-height: 38px;
        height: 112px;
    }

    /* .opinion_wrap_inner {
        grid-template-columns: 262px;
    } */

    .analysis_info {
        row-gap: 10px;
    }
    .ad_btn_r {
        text-align: center;
    }
    .item_ad_wrap_inner {
        grid-column-gap: 20px;
        grid-template-columns: repeat(2, 1fr);
        row-gap: 20px;
    }
    .img_part4_keyword {
        grid-template-rows: auto auto;
    }
    .img_part4_keyword > figure a > img {
        height: auto;
    }
    .news_ttl > span {
        padding: 2px 6px;
        font-size: 11px;
    }
    .secter_cotton {
        height: 25px;
        padding: 0 13px;
        font-size: 13px;
    }

    /*----------------------
    ## FOOTER GNB   
    ----------------------*/  
    .economist_info_gnb {
        gap: 34px;
    }

    .brand_mark_reporter > figure > a >img {
        aspect-ratio: 16 / 11;
        height: 100%;
    }

    /*----------------------
    ## 커버스토리 
    ----------------------*/ 
    .gnb_cover {
        gap: 55px;
        padding: 0 2%;
    }
    .gnb_cover > li::before {
        right: -45px;
    }
    .gnb_cover > span {font-size: 12px;}
    
    /*----------------------
    ## MAGAZINE 
    ----------------------*/ 
    .econ_book_bn > li:nth-of-type(1)::before {
        left: -57%;
    }
    .econ_book_day {
        width: 66%;
        display: flex;
        justify-content: center;
        vertical-align: middle;
    }
    .books_cover {
        right: 20px;
    }

    .item {
        height: 388px;
    }
    .magazine_books_img {
        position: relative;
        display: flex;
        justify-content: center;
    }
    .magazine_books_img > img {
        width: 82%;
    }
    .txt_part1_img > figure img {
        aspect-ratio: 1.8 / 1;
    }
    .txt_part2_img > figure img {
        aspect-ratio: 1.8 / 1;
    }

    /*----------------------
    ## MAGAZINE 메인
    ----------------------*/ 
    .magazine_books_wrap {
        padding: 24px 35px;
    }
    .magazine_books_day {
        font-size: 15px;
    }
    .magazine_books_info {
        row-gap: 15px;
    }
    .magazine_books_btn > li.books_bg::before {
        left: -40%;
        width: 100%;
    }

}

@media only screen and (max-width : 1024px) {

    .mt_heder_logo > a >img {
        width: 114px;
    }
    .container {
        padding: 0 20px;
        row-gap: 50px;
    }
    .signal_type_w0 {
        grid-template-columns: auto 250px;
        grid-column-gap: 30px;
    }

    .gnb_inner {
        padding: 0 10px;
        height: 80px;
    }
    .gnb_inner > .gnb_info {
        top: 30px;
        right: 2%;
    }

    .main_menu_nav > ul {
        width: 100%;
    }

    .top {
        right: 9%;
        top: 30px;
    }
    .top>figure > img {
        width: 86px;
        height: 20px;
    }
    .top_btn {
        display: none !important;
    }
    .top>button {
        top: 2px;
        right: 10px;
    }

    .gnb_cover > li > a {
        font-size: 13px;
    }
    .gnb_cover {
        height: 70px;
    }
    .main_menu_nav > ul > li:hover > a {
        font-size: 15px;
    }

    .txt_tit_img > dl > dt > span {
        font-size: 12px;
    }

    /*----------------------
    ## 실시간뉴스 & SNS
    ----------------------*/
    .news_info_wrap {
        padding: 0 20px;
        height: 46px;
    }
    .news_top_inner {
        margin-left: 10px;
        height: 36px;
        width: 500px;
    }
    .news_top_inner > b::before  {
        height: 40px;
        top: 4px;
    }
    .news_info_wrap::before {
        height: 36px;
        left: -607px;
        z-index: -1;
    }
    .news_info_wrap2 > .news_top_inner > .news_top {
        font-size: 11px;
        height: 24px;
        line-height: 23px;
    }
    .signal_pick_wrap .signal_pick_wrap_list_inner {
        margin-top: 30px;
        padding-top: 30px;
        grid-template-columns: 1fr 1fr;
    }

    .swiper-slide {
        font-size: 14px;
    }
    .swiper.realtimeNews {
        line-height: 20px;
    }

    .sns_info_wrap {
        margin-top: 0px;
    }

    /* GNB */
    .gnb {
        /* padding: 0 20px; */
        padding: 0 0;
    }

    input#m_menu:checked + nav#main_nav > ul {
        width: 100%;
        left: -79%;
        gap: 5px;
    }
    .menu_wrapbox > li > a > img {
        width: 142px;
        height: 37px;
    }
    .main_menu_nav > ul > li:first-child {
        width: 150px;
        margin-right: 25px;
        height: 39px;
    }
    .main_menu_nav > ul > li:hover > .depth_2 > li {
        height: 40px;
        line-height: 30px;
    }
    .main_menu_nav > ul > li:hover > .depth_2 > li > a {
        font-size: 12px;
        color: #333;
        font-weight: 400;
        letter-spacing: -1px;
    }
    input#mt_menu:checked + nav#m_main_nav > ul {
        height: 625px;
        padding: 0 20px 0px 20px;
    }
    input#m_menu:checked + nav#main_nav > ul > div {
        margin-top: 20px;
    }
    
    .main_menu_nav ul a {
        font-size: 15px;
    }
    
    .main_menu_nav > ul > li > .depth_wrap .depth_2 {
        max-height: 600px;
        overflow-y: hidden;
    }

    
    /* 검색창 */
    .search_box {
        left: 55px;
    }

    /* 검색 리스트 */
    .search_txt {
        width: 75%;
    }
    .search_box_list::before {
        right: 13%;
    }

    /* MAGAZINE */
    .econo_book_wrap {
        height: 360px;
    }
    .econ_book_day {
        width: 68%;
    }
    .econ_book_bn > li:nth-of-type(1)::before {
        left: -44%;
    }

    .sec_ttl {
        font-size: 17px;
    }

    /* OUT 인사이트 */
    .insight_bg_txt > dl {
        width: 40%;
        padding: 6% 3% 6% 0;
        height: 95%;
        top: 5px;
    }
    .insight_bg_txt > dl > dd.on > a {
        font-size: 28px;
        line-height: 34px;
        margin-bottom: 5px;
        -webkit-line-clamp: 3;
    }
    .insight_bg_txt > dl > .insight_sub > a {
        font-size: 18px;
        line-height: 22px;
    }

    .insight_bg_txt > figure > a > img {
        aspect-ratio: 16 / 12;
    }

    /* 인사이트 */
    .txt_tit_img > dl {
        width: 45%;
        padding: 3% 3% 6% 0;
        height: 95%;
        top: 0;
        row-gap: 15px;
    }
    .txt_tit_img > dl > dd.on > a {
        font-size: 24px;
        line-height: 32px;
        -webkit-line-clamp: 3;
    }
    .txt_tit_img > dl > .insight_sub > a > i {
        line-height: 24px;
        font-size: 15px;
        -webkit-line-clamp: 4;
    }
    .txt_tit_img > dl > .insight_sub > a {
        font-size: 18px;
        line-height: 22px;
    }

    .txt_tit_img > figure > a {
        height: 100%;
    }


    /* 인사이트 */
    .txt_park {
        padding: 18px 15px 18px 0;
        row-gap: 10px;
    }
    .txt_park .news_item_in {
        align-items: normal;
    }
    .txt_park .news_item_in .news_item_tlt {
        font-size: 16px;
    }
    .txt_tit_img > figure > a > img {
        aspect-ratio: 18 / 11;
    }
    .txt_park .news_item_in .news_info_time {
        font-size: 13px;
    }
    .news_ttl {
        font-size: 11px;
    }
    /* .txt_part3_img > figure {
        width:  100%;
    }
    .txt_part3_img .insight_bg .insight_bg_r {
        width: 50%;
        left: 0px;
    }

    .txt_part3_img .insight_bg .insight_news {
        width: 42%;
        margin: 23px 0;
    }
    .txt_part3_img .insight_bg .insight_news > dd.on {
        font-size: 28px;
        line-height: 37px;
        height: 110px;
    }
    .txt_part3_img .insight_bg .insight_news > dd a > p {
        font-size: 16px;
    } */

    /* ul.tabs {
        width: 100%;
    } */
    ul.tabs li a:hover{
        line-height: 24px;
    }

    .txt_park.on {
        position: relative;
        margin-right: 0;
        padding: 18px 15px 18px 0;
        row-gap: 10px;
    }
    .txt_park.on::before {
        content:'';
        left: -25px;
    }
    .txt_park .news_item_in .news_info_time::before {
        top: 21px;
    }

    /* MAGAZINE */
    .econo_book_bg {
        height: 346px;
    }
    .econo_book {
        width: 167px;
        /* height: 232px; */
    }
    .econ_book_day > span {
        font-size: 15px;
    }
    .econ_book_bn {
        bottom: 20px;
    }
    .econ_book_day {
        top: 20px;
    }
    .books_cover {
        right: 9%;
    }
    .magazine_main_title {
        font-size: 24px;
    }
    .magazine_main_sub {
        font-size: 16px;
        margin-top: 15px;
    }
    .select_items div,.magazine_select_selected {
        height: 32px;
        width: 125px;
        line-height: 16px;
        font-size: 13px;
    }
    .magazine_select_selected:after {
        top: 14px;
        right: 10px;
    }
    .magazine_select_selected.select_arrow_active:after {
        top: 7px;
    }
    .select_items div, .magazine_select_selected {
        padding: 8px;
    }
    .magazine_books_btn > li {
        border-radius: 50px;
        width: 50%;
        font-size: 13px;
        line-height: 25px;
    }

    .magazine_books_info_re {
        text-align: center;
    }
    .magazine_books_img_re > img {
        width: 100%;
    }
    .magazine_books_btn_re > li.books_bg_re::before {
        display: none;
    }
    .books_cover_re {
        right: 0%;
    }
    .magazine_books_btn_re > li {
        width: 40%;
    }
    .magazine_books_btn_re {
        height: 30px;
    line-height: 30px;
    }

    /* Klout */
    /* .investment_strategy_wrap {
        margin-top: 50px;
    } */

    /* .signal_class_wrap {
        margin-top: 50px;
    } */
    /* .now_news_wrap {
        margin-top: 50px;
    } */

    /* 시그널 Pick */
    .analysis_wrap {
        column-gap: 30px;
    }
    .pick_wrap {
        column-gap: 15px;
    }
    .img_mark_reporter > figure > a >img {
        aspect-ratio: 17 / 11;
    }
    .signal_pick_wrap_inner {
        column-gap: 20px;
        row-gap: 20px;
    }
    .img_mark_reporter {
        grid-template-columns: 1.4fr 2fr;
        column-gap: 30px;
    }
    .img_mark_reporter > figure {
        width: 100%;
    }
    .img_mark_reporter > figure > a {
        width: 100%;
    }
    .img_mark_reporter > div > .pick_ttl {
        font-size: 15px;
        line-height: 20px;
    }

    .img_mark_major_news > figure > a >img {
        aspect-ratio: 19 / 11;
    }
    .img_mark_major_news {
        grid-template-columns: 1fr;
        column-gap: 30px;
    }
    .img_mark_major_news > figure {
        width: 100%;
    }
    .img_mark_major_news > figure > a {
        width: 100%;
    }
    .img_mark_major_news > div > .pick_ttl {
        font-size: 15px;
        line-height: 30px;
    }

    .list_more_btn {
        width: 100px;
        height: 40px;
        line-height: 40px;
    }

    /* 오피니언 */
    .secter_wrap {
        display: none;
    }
    .slick-slide {
        margin: 0 0;
    }
    .m_news_wrapper_opinion {
        display: block;
    }

    /* 섹터 VIEW */
    .sec_view_info {
        padding: 8%;
    }
    .sec_view_ttl {
        font-size: 18px;
        line-height: 24px;
        font-weight: 500;
    }
    .txt_mark_reporter h3 {
        font-size: 32px;
        line-height: 42px;
    }
    .m_news_wrapper {
        display: block;
    }
    .m_news_wrap.area_3 .m_news_sec01 .m_sec_view_info {
        display: flex;
        justify-content: center;
        padding: 0 20px
    }
    .m_news_wrap.area_3 .m_sec_view_ttl {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
                box-orient: vertical;
        -webkit-line-clamp: 3;
                line-clamp: 3;
        word-wrap: break-word;
        text-overflow: ellipsis;
    }
    .m_news_wrap.area_3 .m_news_sec01 .sec_view_txt {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
                box-orient: vertical;
        -webkit-line-clamp: 2;
                line-clamp: 2;
        word-wrap: break-word;
        text-overflow: ellipsis;
        margin-top: 5px;
    }
    .view_sub_tit li {
        line-height: 18px;
        font-size: 15px;
    }
    .editor_img .date {
        font-size: 13px;
    }
    .editor_img .name {
        font-size: 16px;
    }
    .editor_img .roundimg {
        width: 40px;
        height: 40px;
    }
    .left_link {
        gap: 7px;
        justify-content: center;
    }
    .left_link > dl > dt {
        width: 30px;
        height: 30px;
    }
    .left_link > dl > dt.print {
        display: none;
    }
    .left_link > dl > .txt_print {
        display: none;
    }

    .like_info_ad > li > a > span > p {
        width: 35px;
        height: 18px;
        line-height: 18px;
    }

    /* 종목분석 */
    .item_analysis_wrap_inner {
        grid-column-gap: 15px;
    }
    .analysis_ttl {
        font-size: 16px;
        line-height: 20px;
    }
    .img_part2_keyword {
        grid-row-gap: 20px;
    }

    /* 투자 전략 */
    .investment_strategy_wrap_inner {
        row-gap: 30px;
    }
    .txt_part1_img .insight_back .insight_news {
        font-weight: 500;
        font-size: 20px;
        line-height: 26px;
        margin: 33px 0;
    }
    .txt_part1_img .insight_back .insight_bg_r {
        height: 100%;
        top: 0px;
    }
    .txt_part1_img .insight_back .insight_news > dd a {
        -webkit-line-clamp: 3;
    }
    .txt_part2_img .insight_back .insight_news {
        font-weight: 500;
        font-size: 20px;
        line-height: 26px;
        margin: 33px 0;
    }
    .txt_part2_img .insight_back .insight_bg_r {
        height: 100%;
        top: 0px;
    }
    .txt_part2_img .insight_back .insight_news > dd a {
        -webkit-line-clamp: 3;
    }

    /* NEW 이코노 숏 */
    .shorts_info_tit {
        font-size: 15px;
        line-height: 23px;
    }

    /* 시그널 CAST */
    .signal_cast {
        height: 300px;
    }
    .signal_cast_in {
        padding-top: 5px;
    }
    .signal_cast::before {
        height: 300px;
    }
    .signal_cast::after {
        height: 300px;
    }
    .cast_ttl {
        font-size: 19px;
        line-height: 24px;
    }
    .slick-test .cast_inner > a::before {
        top: 160px;
    }

    .slick-test {
        margin-top: 20px;
    }
    .slick-test .slick-slide {
        height: 250px;
    }
    .cast_ttl {
        font-size: 18px;
        line-height: 25px;
    }
    .cast_box::before {
        top: 200px;
        height: 30px;
        background: #1a172c ;
    }
    .cast_box::after {
        top: 280px;
        height: 90px;
        background: #1a172c;
    }
    .slick-test {
        margin-top: 20px;
    }
    .cast_list_wrap .slick-slide  {
        height: 250px;
    }
    .cast_ttl_l {
        font-size: 16px;
        line-height: 20px;
    }
    .cast_list_wrap .cast_inner > a > .cast_ico {
        width: 25%;
    }

    /* 시그널 CREW */
    .crew_inner {
        height: 400px;
    }
    .crew_bg {
        top: 85px;
    }
    .crew_card > a {
        width: 103%;
    }
    

    /* 시장 동향 */
    .trend_ttl {
        font-size: 15px;
        line-height: 23px;
    }
    .trend_ttl > a {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    /* 지금 뜨고 있는 뉴스 */
    .img_part1_time {
        grid-template-columns: 3fr 1.5fr;
    }
    .news_between_info > dt > a {
        font-size: 18px;
        line-height: 22px;
    }
    .now_news_wrap_inner {
        row-gap: 20px;
        grid-template-columns: 1fr 1fr;
        display: grid;
        column-gap: 30px;
    }

    /* .img_part1_time > figure {
        height: 69px;
    }
    .img_part1_time > figure > a {
        height: 69px;
    } */

    /* 유형 분석 */
    .img_plusicon_txt a > .img_plusicon_info {
        align-items: center;
    }
    .img_plusicon_txt a > .img_plusicon_info > p {
        font-size: 14px;
    }
    .img_plusicon_txt a > .img_plusicon_info > p > i {
        font-size: 18px;
    }
    .img_plusicon_txt a > .img_plusicon_info > span {
        font-size: 14px;
        line-height: 17px;
        height: 36px;
    }

    /* 이코노 인터뷰 */
    .cast_ttl {
        width: 80%;
    }

    /* 오피니언 */
    .opinion_wrap {
        grid-template-columns: 1fr 1fr;
        row-gap: 20px;
    }
    /* .opinion_wrap_inner {
        row-gap: 20px;
    } */
    .opinion_wrap_inner {
        grid-template-columns: 1fr;  
        grid-row-gap: 30px;
        grid-column-gap: 30px;
    }
    .opinion_wrap_list .opinion_wrap_inner {
        grid-template-columns: 1fr 1fr 1fr;  
        grid-row-gap: 30px;
        grid-column-gap: 30px;
    }
    .opinion_wrap_list_m .opinion_wrap_inner {
        grid-template-columns: 1fr 1fr 1fr;  
        grid-row-gap: 30px;
        grid-column-gap: 30px;
    }
    .opinion_wrap_inner_m {
        grid-template-columns: 1fr;  
        grid-row-gap: 30px;
        grid-column-gap: 30px;
    }
    .opinion_wrap_list .opinion_wrap_inner_m {
        grid-template-columns: 1fr 1fr 1fr;  
        grid-row-gap: 30px;
        grid-column-gap: 30px;
    }
    .opinion_wrap_list {
        margin-top: 0;
    }
    .opinion_wrap_list_m .opinion_wrap_inner_m {
        grid-template-columns: 1fr 1fr 1fr;  
        grid-row-gap: 30px;
        grid-column-gap: 30px;
    }
    .opinion_wrap_list_m {
        margin-top: 0;
    }
    
    .img_mark_time {
        column-gap: 30px;
    }
    .img_mark_time > figure {
        width: 100%;
        /* height: 160px; */
    }
    .img_mark_time_info > p > a {
        font-size: 22px;
        line-height: 32px;
    }

    .img_mark_ttl_info {
        padding: 4% 5% 0 5%;
        /* top: 81%; */
    }

    .ico_round {
        font-size: 14px;
        width: 140px;
    }

    
    /* 많이 본 뉴스 */
    .rank_between_info {
        column-gap: 20px;
    }
    .rank_between_info > dt > a {
        font-size: 18px;
        line-height: 25px;
    }
    /* .m_center_line {
        position: relative;
        display: block;
        margin: 50px 0;
    }
    .m_center_line::before {
        content: '';
        position: absolute;.opinion_wrap_inner
        top: 0;
        left: -100%;
        height: 17px;
        background: #f0f0f0;
    } */

    .right_area_box {
        display: grid;
        grid-template-columns: 300px auto;
        column-gap: 30px;
    }
    #rightTarget {
        gap: 60px;
        display: grid; 
    }
    #rightTarget > div {
        display: grid;
        row-gap: 60px;
    }
    .now_news_wrap {
        margin-bottom: 0;
    }
    .right_view_box .rank_news_wrap_inner {
        grid-template-columns: 1fr 1fr;
    }
    #rightTarget .right_view_box {
        grid-template-columns: 1fr; 
        column-gap: 30px;
    }

    .rank_news_wrap_inner {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 30px;
    }
    .img_part2_time > figure > a {
        width: 100%;
    }

    /* 타이틀 부제목 */
    .m_opinion_wrap {
        background: #Fff;
        display: flex;
        flex-direction: column;
        margin-top: -20px;
    }
    .sec_ttl {
        font-size: 20px;
        line-height: 30px;
        height: 25px;
        display: flex;
        align-items: center;
        column-gap: 10px;
        /* margin-bottom: 15px; */
    }
    
    /* .img_mark_ttl_info {
        top: 68%; 
    } */
    .img_mark_time_info > p > a {
        font-size: 16px;
        line-height: 20px;
        -webkit-line-clamp: 2;
    }
    .ico_round {
        font-size: 10px;
        line-height: 20px;
    }

    /* 이코노 동향 */
    .img_part2_keyword > div > .analysis_sec {
        grid-row-gap: 5px;
    }

    /* 이코노 숏 */
    .item {
        height: 340px;
    }

    /* 섹션 하이라이트 */
    .img_part2 > figure > a > img {
        aspect-ratio: 18 / 11;
    }
    
    /* IPO 스타 */
    .ipo_wrap_inner {
        row-gap: 15px;
    }
    .txt_part1_time > div {
        height: 80px;
    }
    .ipo_between_info > dt > a {
        font-size: 16px;
        -webkit-line-clamp: 2;
    }

    /* 시그널 CLASS */
    /* .signal_type_w40 {
        grid-template-columns: 650px 250px;
        grid-template-columns: 630px auto;
        grid-column-gap: 30px;
    } */

    /* .signal_type_w40 {
        grid-template-columns: auto;
        row-gap: 30px;
    } */
    .signal_type_w40 {
        grid-template-columns: auto;
        row-gap: 60px;
    }
    .signal_type_auto {
        grid-column-gap: 30px;
        row-gap: 30px;
        grid-template-columns: auto 250px;
    }
    
    .pc6_ad {
        display: flex;
        align-items: center;
        flex-direction: column;
    }
    .img_ico_part1 > figure > a > img {
        border-radius: 15px;
    }
    .signal_class_wrap_inner {
        row-gap: 35px;
    }
    .class_ttl {
        font-size: 18px;
        line-height: 24px;
        font-weight: 500;
    }
    .class_txt {
        font-size: 14px;
    }

    /* 브랜드 미디어 */
    .brand_mark_reporter > div > .pick_ttl {
        font-size: 14px;
        line-height: 20px;
    }
    .brand_mark_reporter > figure > a >img {
        aspect-ratio: 16 / 11;
    }

    /*광고 */
    .pick_ad {
        height: 65px
    }
    .pc2_ad {
        display: none;
    }
    .pc3_ad {
        display: none !important;
    }
    .pc6_ad {
        display: none !important;
    }

    .realtalk_pc_ad {
        display: none !important;
    }
    .realtalk_m_ad {
        display: block !important;
    }
   

    /* MAGAZINE 메인 */
    .magazine_books_btn {
        column-gap: 15px;
    }

    .img_part2_keyword_m > div > .analysis_sec_m {
        row-gap: 0;
    }

    .news_ttl > a {
        font-size: 14px;
    }

    .now_news_wrap {
        order: 0;
    }
    .signal_class_wrap {
        order: 2;
    }
    .investment_strategy_wrap {
        order: 2;
    }

    /*----------------------
    ## 기사상세
    ----------------------*/ 
    .right_lst_box {
        display: grid;
        grid-template-columns: 290px auto;
        column-gap: 30px;
    }
    .right_view_box {
        display: grid;
        grid-template-columns: 290px auto;
        column-gap: 50px;
    }

    .pc_center_line {
        display: none;
        margin: 30px 0;
    }
    .m_center_line {
        display: none;
        /* display: block; */
        margin: 30px 0;
    }

    /*----------------------
    ## FOOTER GNB   
    ----------------------*/  
    .economist_info_gnb {
        gap: 20px;
        font-size: 12px;
    }
    .magazine_books_btn > li.books_bg::before {
        display:  none;
    }
    .magazine_books_wrap {
        padding: 30px 50px;
        gap: 25px;
    }

    /* FOOTER */
    footer {
        margin-top: 20px;
        padding: 0 20px;
        grid-column-gap: 30px;
    }
    .add_wrap > li {
        font-size: 13px;
    }
    .personal_info {
        font-size: 13px;
    }
    /***** BEGIN: 20240411_yjj *****/
    /*----------------------
    ## IPO
    ----------------------*/
    .ipo_title {
        flex-direction:column;
        align-items: start;
        row-gap:15px
    }
    .ipo_title .title {
        flex-direction:column;
        row-gap:10px;
    }
    .secter_cotton.line {
        width:fit-content
    }
    .ipo_summary {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        row-gap:3px;
    }
    .ipo_summary dl {
        column-gap: 0;
    }
    .ipo_summary dl dt {
        min-width:80px;
    }
    .ipo_summary dl dd {
        text-align: center;
        width:100%;
        display:flex;
        justify-content: center;
    }
    .secter_slide .slick-dots {
        display: flex;
        justify-content: center;
        margin-top: 20px;

    }

    /* view PC/모바일 광고 */
    .pc1_ad {display: none;}
    .pc4_ad {display: none;}
    .pc8_ad {display: none;}
    .pc9_ad {display: none;}

    .mobile6_ad {display: none;}
    .mobile3_ad {display: none;}
    .mobile8_ad {display: none;}
    .mobile4_ad {display: none;}

    .side_ad_03 { display: none;}

    /***** END: 20240411_yjj *****/
}

@media only screen and (max-width : 940px) {
    #header1 h1 a {
        width: 126px;
        background: url(/img/logo/economist_h0.png) no-repeat center / 126px;
    }
    #setting {
        display: none;
    }
    .signal_type_w0 {
        grid-template-columns: auto 250px;
        grid-column-gap: 30px;
    }

    .analysis_info > div > span {
        display: none;
    }

    .logoarea {
        height: auto;
    }
    .main_menu_nav > ul > li {
        width: 55px;
        font-size: 15px;
    }
    .main_menu_nav ul a {
        font-size: 15px;
    }
    .main_menu_nav > ul > li:hover > a {
        font-size: 15px;
    }

    .top {
        width: 115px;
    }
    .top>figure > img {
        width: 75px;
        height: 19px;
    }

    /* OUT 인사이트 */
    .insight_bg_txt > dl {
        top: 5px;
        width: 42%;
        padding: 2% 3% 2% 0;
    }
    .insight_bg_txt > dl > dd.on > a {
        font-size: 24px;
        line-height: 32px;
        margin-bottom: 10px;
    }
    .insight_bg_txt > dl > .insight_sub > a > i {
        line-height: 28px;
    }
    .insight_bg_txt > dl > .insight_sub > a {
        font-size: 17px;
        line-height: 21px;
    }
    .insight_bg_txt > dl > dt {
        font-size: 11px;
        line-height: 21px;
        height: 25px;
    }
    .insight_bg_txt > dl > dt > a {
        padding: 4px 12px;
        font-size: 12px;
    }

    /* .img_part1_time {
        grid-template-columns: 4fr 3fr;
    } */

    /* 인사이트 */
    .txt_tit_img > dl {
        width: 42%;
        padding: 5% 3% 5% 0;
        row-gap: 10px;
    }
    .txt_tit_img > dl > .insight_sub > a > i {
        line-height: 24px;
        font-size: 15px;
        -webkit-line-clamp: 4;
    }
    .txt_tit_img > dl > .insight_sub > a {
        font-size: 17px;
        line-height: 21px;
    }
    .txt_tit_img > dl > dt {
        font-size: 11px;
        line-height: 21px;
        height: 25px;
    }
    .txt_tit_img > dl > dt > a {
        padding: 4px 12px;
        font-size: 12px;
    }
    
    .txt_park {
        grid-row-gap: 10px;
        padding: 18px 0 18px 0;
    }
    .txt_park.on {
        margin-left: 0;
        padding: 0;
        padding: 15px 0px;
    }
    .txt_park.on::before {
        left: -11%;
    }
    .txt_park .news_item_in .news_item_tlt {
        font-size: 15px;
        line-height: 23px;
    }

    /* 브랜드 미디어 */
    .tab_content.current {
        margin-top: 45px;
    }
    ul.tabs li {
        font-size: 13px;
        height: 26px;
    }


    /* 시그널 Pick */
    .img_mark_reporter > div {
        grid-row-gap: 10px;
    }

    /* 주요 뉴스 */
    .img_mark_reporter > figure > a >img {
        aspect-ratio: 20 / 11;
    }
    .img_mark_reporter {
        column-gap: 20px;
    }
    .signal_pick_wrap_inner {
        grid-template-columns: 1fr 1fr;
    }

    .img_mark_major_news > div {
        grid-row-gap: 10px;
    }
    .img_mark_major_news > figure > a >img {
        aspect-ratio: 20 / 11;
    }
    .img_mark_major_news {
        column-gap: 20px;
    }

    /* 시그널 CREW */
    .crew_card > a > figure {
        width: 80px;
        height: 80px;
    }

    /* NEW 이코노 숏 */
    .shorts_items_txt {
        height: 38%;
        font-size: 14px;
        line-height: 21px;
        gap: 7px;
    }
    .shorts_info_tit {
        font-size: 14px;
        line-height: 20px;
    }
    

    .magazine_books_img > img {
        width: 100%;
    }

    /*----------------------
    ## 기사상세
    ----------------------*/
    .txt_part1_img > figure img {
        aspect-ratio: 1.6 / 1;
    }
    .txt_part2_img > figure img {
        aspect-ratio: 1.6 / 1;
    }
    .signaltalk_wrap {
        grid-template-columns: 1fr;
        row-gap: 50px;
        justify-items: end;
    }

    .opinion_wrap {
        grid-template-columns: 1fr 1fr;
        row-gap: 20px;
    }
    .m_opinion_wrap {
        margin-top: 0;
    }
    /*----------------------
    ## 시그널 CLASS
    ----------------------*/
    .class_txt a {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }
    .img_mark_info > p {
        grid-template-columns: auto 1fr;
    }
    .img_mark_info > p > i {
        margin-right: 10px;
    }

    /* 시그널 CLASS */
    .class_ttl {
        font-size: 16px;
    }
    .img_ico_part1 {
        row-gap: 15px;
    }
    .img_ico_part2 {
        display: block;
        row-gap: 15px;
    }
    .signal_class_wrap_inner {
        row-gap: 35px;
    }

    /*----------------------
    ## IPO
    ----------------------*/
    .ipo_summary {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .submenu_board.pc {
        font-size: 12px;
    }
    .brand_mark_reporter > figure > a >img {
        aspect-ratio: 16 / 11;
    }
    .top>button {
        top: 2px;
        right: 10px;
    }
    .gnb_inner > .gnb_info {
        column-gap: 15px;
    }
    .img_mark_ttl_info > p {
        font-size: 16px;
        line-height: 21px;
    }
    
}

@media only screen and (max-width : 819px) {
    
    .mobile_top_bar {
        background-color:#FFF;
        /* position:fixed;
        top:0;
        left:0; */
        width:100%;
        z-index:99;
        display: flex;
        padding: 20px;
        justify-content: space-between;
        align-items: center;
        height: 75px;
        z-index: 9999;
        display: flex;
        justify-content: space-between;
        align-items: end;
        z-index: 9999;
        position: absolute;
        box-shadow: rgba(33, 35, 38, 0.1) 0px 10px 10px -5px;
        /* left: 0; */
        /* top: 0; */
        /* display: block; */
    }
    .mobile_top_bar > .logo {
        text-align:center;
        color:white;
        font-weight:bold;
        font-size:1.5rem;
    }

    .mobile_top_bar.move {
        display: flex;
        position: fixed;
        top: 3px;
        left: 0;
        width: 100%;
        padding: 20px;
        margin-top: 0 !important;
        box-shadow: 0px 7px 10px #00000021;
        z-index: 99999;
        -webkit-animation: fade-in-top 0.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
        animation: fade-in-top 0.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
    }
    /* .mobile_top_bar.move::before{
        content: '';
        position: absolute;
        top: -7px;
        left: 0;
        width: 100%;
        height: 8px;
        background: #ffffff;
        z-index: -1;
    } */

    .m_header_inner {
        display: none;
    }
    /* .m_header {
        display: none !important;
    } */
    .icono_top_banner {
        /* margin-top: 100px; */
        /* height: 91px; */
    }
    .wrapper::before {
        display: none;
    }
    
    .logo_finance::after {
        display: block;
    }
    .wrapper {
        overflow-y: hidden;
        overflow-x: hidden;
    }
    .logo_wrap {
        display: none;
    }
    .mobile_top_bar > .logo {
        text-align:left
    }
    .mobile_top_bar > .logo > a > img {
        width: 90%;
    }
    .signal_type {
        margin-top: 0;
    }

    .opinion_box {
        display: none;
    }
    .signal_type_w40 .pc_center_line {
        display: none;
    }
    /* .signal_type_auto {
        grid-template-columns: auto;
    } */
    .signal_type_auto .pc_center_line {
        display: none;
    }
    .txt_park.on {
        padding-right: 0px;
    }
    .time_sec::before {
        top: 7px;
        width: 16px;
        height: 16px;
    }
    .m_center_gap {
        display: block;
        width: 100%;
        margin: 40px 0;
    }
    .shortcut_wrap.m_short.show::before {
        content: "";
        position: fixed;
        top: 0;
        right: 0;
        width: 20%;
        height: 100%;
        background: rgba(0, 0, 0, 0.6);
        z-index: -1;
    }
    .shortcut_article {
        position: absolute;
        top: 50%;
        right: 30px;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    .crew_sl .slick-slide {
        margin: 0 0px;
    }

    .news_info_wrap {
        margin-top: 100px;
        margin-bottom: 10px;
    }

    /* .news_info_wrap::before {
        left: -85%;
    } */
    .econ_book_day {
        width: 25%;
        justify-content: center;
    }
    .econ_book_bn > li:nth-of-type(1)::before {
        display: none;
    }

    /* HEADER */
    header {
        height: auto;
        margin-bottom: 0;
        z-index: 9999;
    }
    header .logo_wrap {
        height: 80px;
    }
    header .logo_wrap .logo {
        margin: 30px 0;
    }
    header .logo_wrap .logo > a > img {
        width: 206px;
        height: 32px;
        display: none;
    }
 

    .sticky_header .search_btn::after {
        top: 0px;
    }

    .left-side-bar {
        margin-top: 1px;
        padding-top: 100px;
    }

    /* GNB */
    .gnb {
        display: none;
    }
    .gnb_m {
        display: block; 
        z-index: 9999; 
    }
    .full_menu {
        width: 28px;
        height: 28px;
        cursor: pointer;
    }
    .search_btn {
        display: none;
        width: 31px;
        height: 28px;
    }

    /* MAIN */
    .container {
        /* row-gap: 0 !important; */
        margin-top: 15px;
    }
    .container_list {
        margin-top: 15px;
    }
    .signal_type_w0 {
        /* display: flex;
        flex-direction: column; */
        grid-template-columns: 1fr;
    }
    .img_ico_part1 > figure > a > img {
        aspect-ratio: 16 / 10;
    }

    .img_part1_time {
        grid-template-columns: 4fr 1fr;
    }

    /* 모바일 라인 */
    /* .m_center_line {
        position: relative;
        display: block;
        margin: 50px 0;
    } */
    /* .m_center_line::before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        height: 17px;
        background: #f0f0f0;
    } */
     

    .m_colums {
        grid-template-columns: 3fr 5fr;
    }
    

    /* OUT 인사이트 */
    .insight_bg_txt {
        overflow:visible;
        height: auto;
    }
    .insight_bg_txt > dl {
        width: 100%;
        align-items: center;
        top: 123%;
        left: 50%;
        transform: translate(-50%, -50%);
        /* display: grid; */
        /* grid-row-gap: 0; */
        /* padding: 10% 0; */
        border-radius: 1000px;
        display: flex;
        flex-direction: column;
        gap: 20px;
    }
    .insight_bg_txt > dl > dt {
        font-size: 13px;
        line-height: 26px;
        height: 28px;
        margin: 0 auto;
        margin-bottom: 15px;
    }
    .insight_bg {
        display: block;
    }
    .insight_bg_txt > figure > a {
        position: relative;
    }
    .insight_bg_txt > figure::after {
        display: none;
    }
    .insight_bg_txt > figure > a > img {
        width: 100%;
        margin-left: 0;
    }
    .insight_bg_txt > dl > dd.on > a {
        font-size: 38px;
        line-height: 50px;
        font-weight: 600;
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        width: 55%;
        margin: 0 auto;
        text-align: center;
        margin-bottom: 20px;
    }
    .insight_bg_txt > dl > .insight_sub > a {
        font-size: 22px;
        line-height: 30px;
    }
    .insight_bg_txt > dl > .insight_sub > a:first-child {
        margin-bottom: 20px;
    }
    .insight_bg_txt > figure > a > img {
        aspect-ratio: 16 / 9;
    }

    /* 인사이트 */
    .insight_wrap {
        height: 690px;
        overflow: hidden;
    }
    .txt_tit_img > dl > .insight_sub > a > i {
        font-size: 20px;
        -webkit-line-clamp: 3;
    }
    .insight_bg {
        transform: rotate(270deg);
        border-top-right-radius: 2550px;
        border-top-left-radius: 2550px;
        opacity: 0.92;
        width: 101%;
        top: 125%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .txt_tit_img {
        overflow:visible;
        height: auto;
    }
    .txt_tit_img > dl {
        width: 100%;
        align-items: center;
        top: 123%;
        left: 50%;
        transform: translate(-50%, -50%);
        padding-right: 0;
        border-radius: 1000px;
        display: flex;
        flex-direction: column;
        gap: 20px;
    }
    .txt_tit_img > dl > dt {
        font-size: 14px;
        line-height: 26px;
        height: 28px;
        margin: 0 auto;
    }
    .txt_tit_img > figure > a > img {
        width: 100%;
        margin-left: 0;
    }
    .txt_tit_img > dl > dd.on > a {
        font-size: 38px;
        line-height: 48px;
        font-weight: 600;
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        width: 55%;
        margin: 0 auto;
        text-align: center;
        margin-bottom: 20px;
    }
    .txt_tit_img > dl > .insight_sub > a {
        font-size: 22px;
        line-height: 30px;
    }
    .txt_tit_img > dl > .insight_sub > a:first-child {
        margin-bottom: 20px;
    }
    .txt_tit_img > figure > a > img {
        aspect-ratio: 16 / 9;
    }
    

    /* 인사이트 */
    .txt_part3_img {
        height: 600px;
        flex-direction: column;
        flex-direction: column-reverse;
        border-radius: 0;
    }
    .txt_park.on {
        padding: 20px 0px;
    }
    .txt_park.on::before {
        display: block;
    }
    .txt_park.on::after {
        display: block;
    }

    .news_ttl {
        font-size: 15px;
    }
    .txt_park .news_item_in .news_item_tlt {
        font-size: 20px;
        line-height: 28px;
    }
    .txt_park .news_item_in {
        width: auto;
        height: auto;
    }
    .txt_park .news_item_in .news_info_time {
        width: 60px;
    }
    .txt_park .news_item_in .news_info_time::before {
        top: 12px;
    }

    .news_item_wrap {
        row-gap: 20px;
    }

    /* 지금 뜨고 있는 뉴스 */
    .img_part1_time {
        grid-template-columns: 6fr 3fr;
    }
    .now_news_wrap_inner {
        row-gap: 30px;
    }

    /* 이코노 숏 */
    .shorts_items {
        background-color: #000;
    }
    .shorts_items_txt {
        width: 100%;
        height: 32%;
        gap: 10px;
        bottom: 0;
    }
    .page_box.swiper-pagination {
        padding: 0 30px;
        height: 25px;
    }
    .shorts_info {
        font-size: 15px;
    }
    .shorts_info_tit {
        font-size: 24px;
        line-height: 30px;
    }
    .slider {
        position:relative;
    }
    .slider .slick-list {
        margin:0 -20px;
    }
    
    .slider .slick-dots {
        display: flex;
        justify-content: right;
        margin: 0;
        list-style-type: none;
        position: absolute;
        bottom: 15px;
        right: 8%;
    }
    
    .slider .slick-dots {
        li.slick-active button {
            background-color: #fc3b3b;
        }
    }
    
    .slick-slide {
        margin:0 20px;
    }
    
    .item {
        
        height: 360px;
    }
    
    .back {
        position:absolute;
        top:0;
        left:0;
        right:0;
        bottom:0;
        border-radius: 10px;
        overflow: hidden;
    }
    
    .back-con {
        position:relative;
        width:100%;
        height:100%;
    }

    .books_cover {
        right: 22%;
    }

    /* 섹터 VIEW */
    .right_lst_box {
        grid-template-columns: 1fr 1fr;
        column-gap: 30px;
    }
    .right_view_box {
        grid-template-columns: 1fr 1fr;
        column-gap: 30px;
    }
    .m_sec_view_ttl {
        font-weight: 500;
        font-size: 21px;
        line-height: 28px;
    }
    /* .m_news_wrapper {
        margin-bottom: 72px;
    } */

    .magazine_books_img > img {
        width: 82%;
    }
    
    /* 시그널 CREW */
    .txt_part1_img > figure {
        width: 52%;
        /* border-radius: 20px; */
    }
    .txt_part1_img .insight_back {
        width: 50%;
    }
    .txt_part1_img .insight_back .insight_news {
        margin: 25% 0;
        font-size: 18px;
        line-height: 22px;
    }
    .txt_part1_img .insight_back .insight_bg_r {
        left: -10%;
        top: 0%;
        width: 110%;
        height: 100%;
    }
    .txt_part1_img .insight_back .insight_news > dd a {
        -webkit-line-clamp: 2;
    }
    .txt_part2_img > figure {
        width: 52%;
        /* border-radius: 20px; */
    }
    .txt_part2_img .insight_back .insight_bg_r {
        right: -10%;
        top: 0%;
        width: 110%;
        height: 100%;
    }
    .txt_part2_img .insight_back .insight_news > dd a {
        -webkit-line-clamp: 2;
    }
    .txt_part2_img .insight_back {
        width: 50%;
    }
    .txt_part2_img .insight_back .insight_news {
        margin: 25% 0;
        font-size: 18px;
        line-height: 22px;
    }

    /* 시그널 CAST */
    .signal_cast {
        height: 400px;
        /* height: 295px; */
    }
    .signal_cast::before {
        height: 400px;
    }
    .signal_cast::after {
        height: 400px;
    }
    .cast_ttl {
        font-size: 23px;
        line-height: 30px;
        margin-bottom: 0px;
    }
    .slick-test .slick-slide {
        height: 330px;
    }
    .slick-test .cast_inner > a {
        width: 100%;
        height: 100%;
        margin: 0 auto;
        padding: 0 5%;
    }
    .slick-test {
        margin-top: 30px;
    }
    .slick-test .cast_inner > a::before {
        top: 245px;
    }


    /* 시그널 PICK */
    .news_ttl > i {
        font-size: 11px;
        padding: 0px 5px;
    }
    .pick_wrap {
        flex-direction: column;
        height: auto;
    }
    .pick_wrap:last-child {
        margin-bottom: 0px;
    }
    .signal_pick_wrap_inner {
        grid-template-columns: 1fr;
        grid-row-gap: 15px;
    }
    .img_mark_reporter {
        grid-template-columns: 1.8fr 3fr;
        grid-column-gap: 15px;
    }
    .img_mark_reporter > figure {
        width: 100%;
    }
    .img_mark_reporter > figure > a {
        height: 100%;
    }
    .img_mark_reporter > div > .pick_ttl > a {
        font-size: 15px;
        line-height: 19px;
    }

    .img_mark_major_news {
        grid-template-columns: 1.5fr 3fr;
        grid-column-gap: 15px;
    }
    .img_mark_major_news > figure {
        width: 100%;
    }
    .img_mark_major_news > figure > a {
        height: 100%;
    }
    .img_mark_major_news > div > .pick_ttl > a {
        font-size: 15px;
        line-height: 19px;
    }

    .img_mark_info > p {
        display: grid;
        font-size: 12px;
    }
    .time_sec {
        font-size: 12px;
    }
    .img_mark_info {
        font-size: 17px;
    }

    /* 이코노 동향 */
    .m_item_analysis {
        grid-template-columns: 1fr 3fr;
    }
    .m_item_analysis_info > p {
        font-size: 22px;
        line-height: 30px;
    }

    /* 시그널 CLASS */
    .signal_class_wrap_inner {
        grid-template-columns: 1fr;
        grid-column-gap: 30px;
    }
    .class_ttl {
        font-size: 23px;
        line-height: 28px;
        font-weight: 400;
    }
    .class_txt {
        font-size: 18px;
    }
    .img_ico_part1 {
        row-gap: 20px; 
    }

    .img_ico_part1 > figure > a {
        height: 100%;
    }
    .img_ico_part1 > figure > a > img {
        height: 100%;
    }

    .img_ico_part2 > .class_ttl {
        margin-top: 25px;
    }
    

    .econo_book_bg {
        max-height: 750px;
        height: 100vh;
    }
    .econo_book {
        max-width: 600px;
        width: 55%;
        /* top: 200px; */
        /* height: 75%; */
    }
    .econo_book_wrap {
        height: 100%;
    }
    .econ_book_day {
        width: 40%;
        top: 36px;
    }
    .econ_book_day > span {
        font-size: 18px;
    }

    .econ_book_bn {
        gap: 15px;
    }
    .econ_book_bn > li {
        width: 120px;
        height: 35px;
    }
    .econ_book_bn > li > a {
        font-size: 15px;
        line-height: 32px;
    }

    /* 브랜드 미디어 */
    /* .brand_mark_reporter > div > .pick_ttl {
        font-size: 22px;
        line-height: 30px;
    } */
    .brand_mark_reporter > figure > a {
        /* border-radius: 20px; */
    }
    .brand_mark_reporter > figure > a >img {
        /* border-radius: 15px; */
        height: 100%;
        aspect-ratio: 16 / 9;
    }
    .brand_mark_reporter > figure > a >img:hover {
        /* border-radius: 20px; */
    }
    .brand_mark_reporter > div {
        display: grid;
        /* grid-row-gap: 5px; */
        align-items: center;
    }
    .brand_mark_reporter {
        grid-template-columns: 3fr 6fr;
        column-gap: 20px;
    }
    /* .opinion_wrap {
        grid-template-columns: 1fr;
        row-gap: 30px;
    } */

    /* IPO */
    .txt_part1_time {
        column-gap: 30px;
    }
    .txt_part1_time > div {
        height: 130px;
    }
    .txt_part1_time > div > a {
        font-size: 18px;
    }
    .ipo_between_info > dt > a {
        font-size: 23px;
        line-height: 32px;
    }

    /* 시그널 CREW */
    .crew_inner {
        height: auto;
    }
    .crew_bg {
        height: 250px;
    }
    .crew_inner::before {
        top: 50px;
        height: 210px;
        background: #FFF;
    }
    .crew_inner::after {
        top: 50px;
        height: 210px;
        background: #FFF;
    }

    /* 종목 분석 */
    .item_analysis_wrap_inner {
        grid-template-columns: auto;
        display: none;
    }
    .img_part2_keyword {
        max-width: 100%;
        flex-direction: row;
        column-gap: 30px;
        margin-bottom: 30px;
        align-items: center;
    }
    .img_part2_keyword:last-child {
        margin-bottom: 0px;
    }
    .img_part2_keyword > div {
        width:  100%;
    }
    .img_txt_date > .img_txt_info > figure {
        width: 60%;
    }
    /* .img_txt_date > .img_txt_info > figure > a {
        width: 100%;
        border-radius: 15px;
    } */
    .analysis_ttl {
        height: auto;
    }
    .analysis_ttl > a {
        font-size: 32px;
        line-height: 38px;
        font-weight: 600;
        text-align: justify;
    }
    .analysis_wrap .analysis_ttl > a {
        font-size: 16px;
        line-height: 22px;
        font-weight: 600;
        text-align: justify;
    }

    .analysis_info {
        font-size: 17px;
    }

    
    .img_txt_date > .img_txt_info > a {
        font-size: 23px;
        line-height: 32px;
        font-weight: 300;
        text-align: justify;
    }
    .img_part2_keyword > div > .analysis_sec {
        margin: 0 0 22px 0;
    }

    /* 시장 동향 */
    .market_history_wrap_inner {
        display: none;
        /* display: grid; */
        grid-template-columns: 1fr 1fr;
        grid-column-gap: 30px;
    }
    .market_history_wrap_plus {
        display: block;
        grid-row-gap: 30px;
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
    
    .sec_head {
        position: relative;
        z-index: 1;
    }
    .img_part2 {
        /* border-radius: 20px; */
        flex-direction: row;
        background: #f8f8f8;
    }
    .plus_ico {
        font-size: 20px;
    }
    .trend_info > dt > a {
        font-size: 18px;
    }
    .img_part2 > figure > a > img {
        /* border-radius: 20px 20px 0 0; */
    }
    .trend_info {
        width: 80%;
        margin: 5px 10% 10% 10%;
    }
    .trend_ttl {
        font-size: 22px;
        line-height: 30px;
    }
    
    /* 지금 뜨고 있는 뉴스 */
    .news_between_info > dt > a {
        font-size: 18px;
        line-height: 28px;
    }

    /* 주요 뉴스 */
    .img_mark_reporter > div {
        grid-row-gap: 10px;
    }
    .img_mark_major_news > div {
        grid-row-gap: 10px;
    }
    .news_line_txt {
        font-size: 13px;
        line-height: 17px;
    }
    .news_line_txt {
        font-size: 13px;
        line-height: 17px;
    }
    .img_mark_reporter > div > .pick_ttl {
        font-size: 22px;
        line-height: 30px;
    }
    .img_mark_major_news > div > .pick_ttl {
        font-size: 22px;
        line-height: 30px;
    }
    .signal_pick_wrap_list_inner {
        row-gap: 30px;
    }

    /* 섹션 하이라이트 */
    .img_part2_plus {
        grid-column-gap: 20px;
        grid-template-columns: 1.5fr 2fr;
    }
    .trend_ttl {
        font-size: 18px;
        line-height: 26px;
    }
    .part_plus_info {
        grid-row-gap: 15px;
    }
    .part_plus_info > dt > a {
        font-size: 16px;
        color: #083E6E;
    }

    /* 메인 광고 */
    .pick_ad {
        width: 100%;
        height: 143px;
    }

    .m_ad_center {
        width: 100%;
        margin: 0
        /* margin: 50px 0; */
    }

    /* FOOTER */
    footer {
        height: 220px;
        margin-top: 80px;
    }
    .footer_info {
        display: flex;
        align-items: baseline;
        justify-content: flex-start;
        flex-direction: column;
        row-gap: 20px;
    }
    .add_wrap {
        width: 100%;
        row-gap: 2px;
    }


    /*----------------------
    ## 기사상세
    ----------------------*/
    .signal_type_w40 {
        gap: 60px;
    }
    #rightTarget .right_view_box {
        row-gap: 60px;
    }
    .m_center_line {
        display: none;
    }
    .text_article {
        grid-template-columns: 1fr;
        margin-top: 50px;
    }
    .container.etc{
        margin-top:-23px;
        row-gap:50px;
        padding: 0
    }
    .sticky_header .full_menu, 
    .sticky_header .search_btn{
        width: 18px;
        height: 18px;
    }
    .symbol::before {
        width: 30px;
        height: 28px;
    }
    .logo_title {
        width: calc(100% - 80px);
        column-gap:30px;
    }
    .logo_title h4 {
        font-size: 22px;
        line-height:23px;
    }
    .txt_mark_reporter h3 {
        font-size: 28px;
        line-height: 36px;
    }
    .shortcut {
        display: flex;
        flex-direction: column;
        position: absolute;
        top: 100px;
        height: fit-content;
        z-index:101
    }
    .shortcut.fixed {
        position:fixed;
        top:-180px;
    }
    .shortcut_title{
        position:absolute;
        top:310px;
        left:-30px;
        display:flex;
        align-items: center;
        justify-content: center;
        width:90px;
        height:90px;
        border-radius:100px;
        background: rgba(256, 256, 256, 0.9);
        box-shadow: rgba(0, 0, 0, 0.6) 13px 0px 20px -20px;
    }
    .shortcut_wrap.m_short {
        display: none;
        opacity: 0;
    }
    .shortcut_wrap.m_short.show {
        position:fixed;
        top:0;
        left:0;
        display: flex;
        width:80%;
        height:100%;
        background: #fff;
        opacity: 1;
        z-index:100
    }
    .shortcut .gradation_txt {
        width:fit-content;
        margin:0;
        padding:0;
        font-size:22px;
        line-height:22px;
        text-indent:25px;
        font-weight:600;
        white-space: nowrap;
        border:0;
        border-image-slice:0;
        background: linear-gradient(95deg, #507CA0 9%, #284052 80%) #e60012;
        -webkit-background-clip: text;
        background-clip: text;
        z-index:100
    }
    .widefull_visual > .layerimg {
        height: 360px;
    }
    .like_info_ad {
        gap: 10px;
    }
    .like_info_ad > li > a > span {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }
    .ad_btn_r {
        height: 23px;
    }

    .opinion_wrap_inner {
        /* grid-template-columns: 1fr 1fr; */
        grid-row-gap: 20px;
        grid-column-gap: 20px;
    }
    .opinion_wrap_inner_m {
        /* grid-template-columns: 1fr 1fr; */
        grid-row-gap: 20px;
        grid-column-gap: 20px;
    }
    .img_mark_ttl_info > p {
        font-size: 15px;
        line-height: 20px;
    }
    #rightTarget{
        display: grid;
        gap: 30px;
    }
    #rightTarget > div { 
        display: grid;
        grid-template-columns: 1fr;
        column-gap: 30px;
        gap: 30px;
    }

    /* 많이 본 뉴스 */


    /* MAGAZINE 리스트 */
    .signal_type_auto {
        grid-template-columns: auto 250px;
        grid-column-gap: 50px;
    }
    .signal_type_auto2 {
        grid-template-columns: auto !important;
    }
    .magazine_main::before {
        display: none;
    }
    .magazine_main_tit {
        column-gap: 20%;
        margin-left: 20px;
    }
    .magazine_main_in {
        margin: 5px 20px 30px 20px;
    }

    .magazine_books_img > img {
        width: 55%;
    }

    /* MAGAZINE 메인 */
    .magazine_books_wrap {
        padding: 20px 10px;
        gap: 20px;
    }
    .magazine_books_info {
        row-gap: 10px; 
    }
    .magazine_books_btn {
        font-size: 15px;
        line-height: 39px;
    }
    .magazine_books_btn > li {
        width: 30%;
        font-size: 11px;
    }
    .magazine_books_btn > li.books_bg::before {
        display: none;
    }
    .right_area_box {
        grid-template-columns: 1fr 1fr;
    }
    .txt_part1_img > figure img {
        aspect-ratio: 0.86 / 1;
    }
    .txt_part2_img > figure img {
        aspect-ratio: 0.86 / 1;
    }

    
    /*----------------------
    ## 리스트
    ----------------------*/
    .side_section {
        flex-direction: row;
        column-gap: 30px;
    }

    /* [리스트] 종목 분석 */
    .img_part2_keyword_m > div > .analysis_sec_m {
        display: flex;
        flex-direction: column;
        margin: 15px 0 0 0;
        position: absolute;
        background: #FFF;
        width: 90%;
        top: 65%;
        left: 50%;
        transform: translate(-50%, 0%);
        /* padding: 5% 5% 0 5%; */
        /* border-radius: 15px; */
    }
    .analysis_wrap .img_part2_keyword_m > div > .analysis_sec_m {
        position: inherit;
        transform: translate(0, 0%);
        width: 100%;
    }

    .analysis_sec_m > .analysis_info {
        display: none;
    }
    .img_part2_keyword_m > div > .keyword_sec {
        margin-top: 65px;
        border-top: 0;
    }
    .analysis_wrap .img_part2_keyword_m > div > .keyword_sec {
        margin-top: 0;
        padding: 0
    }
    .img_part2_keyword_m > div > .keyword_sec > li > a {
        font-size: 16px;
    }

    /* [리스트] 유형 분석 */
    .img_plusicon_txt_wrap_inner {
        grid-row-gap: 30px;
        grid-template-columns: 1fr 1fr;
        grid-column-gap: 30px;
    }
    .img_plusicon_txt a {
        display: grid;
        grid-template-columns: 1fr;
        grid-column-gap: 20px;
    }
    .img_plusicon_txt a > figure {
        width: 100%;
    }
    .img_plusicon_txt a > figure:hover {
        overflow: hidden;
        border-radius: 15px 15px 0 0;
    }
    .img_plusicon_txt a > figure > img {
        width: 100%;
        border-radius: 15px 15px 0 0;
        height: 100%;
    }
    .img_plusicon_txt a > .img_plusicon_info {
        background: #f8f8f8;
        border-radius: 0 0 15px 15px;
        padding: 25px;
        display: flex;
        row-gap: 15px;
        flex-direction: column;
        align-items: flex-start;
    }
    .img_plusicon_txt a > .img_plusicon_info > p {
        font-size: 20px;
    }
    .img_plusicon_txt a > .img_plusicon_info > span {
        font-size: 21px;
        line-height: 29px;
        height: auto;
    }

    /* 종목 분석 [모바일] */ 
    .m_item_analysis_wrap {
        display: block;
    }

    /*----------------------
    ## IPO
    ----------------------*/
    .ipo_summary {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        row-gap: 1px;
    }
    .ipo_summary dl {
        column-gap: 15px;
    }
    .ipo_summary dl dt {
        min-width: 70px;
    }
    .ipo_summary dl dd {
        text-align: left;
        justify-content: start;
    }

    /* 검색 */
    .search_result_wrap.etc {
        margin-top: 40px;
    }

    .news_content {
        padding: 0 40px
    }

    .logoarea_re {
        height: unset;
    }

    /*----------------------
    ## FOOTER GNB   
    ----------------------*/  
    .econo_grop { 
        margin-right: 30px;
    }
    /* .economist_footer_info {
        margin-top: 50px;
    } */
    .economist_info_gnb {
        gap: 35px;
    }
    .economist_info_gnb > li:nth-of-type(3){
        display: none;
    }
    .economist_info_gnb > li:nth-of-type(7){
        display: none;
    }
    .economist_info_gnb > li:nth-of-type(8){
        display: none;
    }

    /* footer */
    .footer {
        margin-top: 0;
    }

    /* 이코노 인터뷰 */
    .opinion_wrap {
        grid-column-gap: 20px;
    }

    .signal_cast_wrap {
        display: grid;
        grid-template-columns: auto;
    }
    .shorts {
        height: 88%;
    }

    /* 메인광고 */
    .pick_ad {
        height: unset;
    }

}

@media only screen and (max-width : 740px) {
    .gnb_cover {display: none;}
    .sns_info_wrap {
        justify-content: center;
        display: none;
    }
    /* OUT 인사이트 */
    .insight_bg_txt > dl {
        top: 125%;
        gap: 10px;
    }
    .insight_bg_txt > dl > dd.on > a{
        width: 60%;
        font-size: 34px;
        line-height: 45px;
        margin-bottom: 35px;
    }
    .insight_bg_txt > dl > .insight_sub > a {
        /* font-size: 20px;
        line-height: 28px; */
        margin-bottom: 20px;
    }
    .insight_bg_txt > dl > dt {
        margin-bottom: 15px;
    }

    /* 인사이트 */
    .txt_tit_img > dl {
        gap: 10px;
    }
    .txt_tit_img > dl > dt > span {
        font-size: 14px;
        padding: 4px 15px;
    }
    .txt_tit_img > dl > dd.on > a{
        width: 60%;
        font-size: 34px;
        line-height: 44px;
    }
    .insight_wrap {
        height: 620px;
    }

    .txt_tit_img > dl > .insight_sub > a {
        /* font-size: 20px;
        line-height: 28px; */
        margin-bottom: 20px;
    }
    .txt_tit_img > dl > dt {
        margin-bottom: 15px;
    }
    
    /* 이코노 숏 */
    .shorts_items_txt {
        width: 100%;
        height: 33%;
    }

    /*----------------------
    ## 기사상세
    ----------------------*/
    .editor_output {
        display: flex;
        width: 100%;
        flex-direction: column;
        align-items: baseline;
        row-gap: 30px;
    }
    .widefull_visual > .layerimg {
        height: 420px;
    }
    .shortcut.fixed {
        position: fixed;
        top: -230px;
    }
    .shortcut_title {
        top: 370px;
    }
    .crew_bg {
        height: 230px;
    }
    .editor_img .date span {
        padding-left: 0;
        display: flex;
    }
    .editor_img {
        display: flex;
        row-gap: 10px;
    }
    .sec_ttl {
        font-size: 20px;
    }
    .like_info_ad {
        gap: 10px;
    }

    .rank_news_wrap_inner {
        gap: 30px;
    }
    .magazine_books_btn_re > li {
        width: 40%;
    }
    .magazine_books_wrap_re {
        padding: 30px 58px;
        gap: 20px;
    }
    .rank_between_info > dt > a {
        font-size: 18px;
        line-height: 26px;
    }

    #rightTarget .right_view_box {
        grid-template-columns: 1fr; 
    }
    .magazine_books_img > img {
        width: 48%;
    }
    .books_cover {
        right: 26%;
    }

    /* 모바일 리스트 kdh */
    .img_part2_keyword_m > div > .analysis_sec_m {
        top: 60%;
    }

    .txt_part3_img .insight_bg .insight_bg_r {
        top: 100%;
    }
    .txt_part3_img .insight_bg .insight_news {
        top: 78%;
    }
    .txt_part3_img .insight_bg .insight_news > dd.on {
        width: 60%;
        font-size: 30px;
        line-height: 38px;
    }
    .txt_part3_img .insight_bg .insight_news > .insight_ico {
        font-size: 14px;
        line-height: 27px;
        width: 90px;
        height: 30px;
    }
    .txt_part3_img .insight_bg .insight_news > dd a > p {
        font-size: 20px;
    }


    /* 종목 분석 [모바일] kdh */
    .m_item_analysis {
        grid-column-gap: 20px;
    }
    .m_item_analysis_info > p {
        font-size: 20px;
        line-height: 29px;
        font-weight: 500;
    }
    .m_item_analysis_info > .keyword_box > li > a {
        font-size: 17px;
    }   
    
    /* 시그널 CAST */
    .signal_cast {
        height: 380px;
    }
    .signal_cast::before {
        height: 380px;
    }
    .signal_cast::after {
        height: 380px;
    }
    .slick-test .slick-slide {
        height: 320px;
    }

    /*----------------------
    ## IPO
    ----------------------*/
    .ipo_summary {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        row-gap: 3px;
    }
    .ipo_summary dl {
        column-gap: 0;
    }
    .ipo_summary dl dt {
        min-width: 80px;
    }
    .ipo_summary dl dd {
        text-align: center;
        width: 100%;
        display: flex;
        justify-content: center;
    }

    /*----------------------
    ## 회사소개
    ----------------------*/
    .company_wrap {
        margin: 20px 0;
    }

    /*----------------------
    ## FOOTER GNB   
    ----------------------*/ 
    .economist_info_gnb {
        gap: 20px;
    }
    .economist_info_gnb > li:nth-of-type(3) {
        display: none;
    }
    .economist_info_gnb > li:nth-of-type(4) {
        display: none;
    }
    .economist_info_gnb > li:nth-of-type(5) {
        display: none;
    }


    /* FOOTER */
    .footer {
        margin: 0 10px;
        margin-top: 40px;
    }
    .personal_info {
        width: auto;
        justify-content: left;
    }

    .econo_book_bg {
        height: 57vh;
    }
    .econo_book {
        width: 50%;
        /* height: 66%; */
    }
    .economist_info_gnb {
        font-size: 13px;
    }

}

@media only screen and (max-width : 640px) {

    .wrapper {
    /* margin-top: 90px; */
    /* padding-top: 90px; */
    background: #fff;
    }
    .icono_top_banner {
        /* margin-top: 90px; */
        /* height: 71px; */
    }
    .sec_ttl {
        font-size: 21px;
        height: 30px;
    }
    .img_part4_keyword > div > .analysis_sec {
        grid-gap: 15px;
    }
    .view_ad_ttl {
        font-size: 15px;
        line-height: 22px;
    }

    .swiper-slide {
        font-size: 15px;
    }
    .swiper-slide {
        width: 70%;
    }
    

    /* Header */
    header {
        z-index: 99;
        margin-top: 50px;
    }
    header .logo_wrap {
        height: 80px;
    }
    .gnb_info {
        z-index: 99;
    }
    .m_center_line {
        margin: 40px 0;
    }
    .side_join_btn {
        width: 15%;
    }
    .mobile_top_bar {
        height: 80px;
        box-shadow: rgba(33, 35, 38, 0.1) 0px 10px 10px -5px;
    }
    .mobile_top_bar > .logo > a > img {
        width: 80%;
    }
    .img_part2_keyword_m > div > .keyword_sec {
        margin-top: 55px;
    }

    .logoarea {
        height: auto;
    }

    /* 실시간뉴스 & SNS */ 
    .news_info_wrap {
        flex-direction: column;
        margin-bottom: 5px;
        gap: 10px;
        margin-top: 100px;
        z-index: -1;
    }
    .news_top_inner > b {
        width: 100px;
        font-size: 12px;
        line-height: 43px;
    }
    .news_info_wrap::before {
        left: -85%;
        height: 36px;
        z-index: -1;
    }
    .news_top_inner {
        font-size: 14px;
        margin-left: -14px;
        gap: 15px;
    }
    .swiper.realtimeNews {
        line-height: 22px;
    }


    /* OUT 인사이트 */
    .insight_bg_txt > dl > dt {
        font-size: 13px;
        line-height: 26px;
        height: 28px;
        margin-bottom: 15px;
    }
    .insight_bg_txt > dl > dt > a {
        padding: 4px 14px;
        border: 1px solid #507CA0;
        font-size: 11px;
    }
    .insight_bg_txt > dl > dd.on > a{
        font-size: 29px;
        line-height: 36px;
        width: 58%;
    }


    /* 인사이트 */
    .insight_wrap {
        height: 530px;
    }
    .txt_tit_img > dl > dt {
        font-size: 13px;
        line-height: 26px;
        height: 28px;
        margin-bottom: 15px;
    }
    .txt_tit_img > dl > dt > a {
        padding: 2px 10px;
        border: 1px solid #d23023;
        font-size: 11px;
    }
    .txt_tit_img > dl > dt > span {
        font-size: 13px;
        padding: 3px 13px;
    }
    .txt_tit_img > dl > dd.on > a{
        font-size: 30px;
        line-height: 40px;
        width: 70%;
    }

    .txt_tit_img > dl > .insight_sub > a > i {
        line-height: 24px;
        font-size: 18px;
    }

    .txt_park.on {
        display: flex;
        justify-content: space-between;
        flex-direction: column;
    }
    .txt_park {
        display: flex;
        flex-direction: column;
    }
    .txt_park .news_item_in .news_item_tlt {
        font-size: 22px;
        line-height: 28px;
        font-weight: 400;
    }
    .txt_park .news_item_in .news_item_tlt > a {
        font-size: 20px;
        line-height: 28px;
    }
    
    .txt_park .news_item_in .news_info_time::before {
        top: 10px;
    }

    /* 브랜드 미디어 */
    .brand_mark_reporter {
        column-gap: 20px;
    }
    .brand_mark_reporter > div > .pick_ttl {
        font-size: 18px;
        line-height: 26px;
    }

    /* 섹션 하이라이트 */
    .img_part2_plus {
        grid-template-columns: 1fr 3fr;
    }

    /* 시그널 CLASS */
    .signal_class_wrap_inner {
        grid-template-columns: 1fr;
        column-gap: 20px;
    }
    .class_ttl {
        font-size: 21px;
        line-height: 26px;
    }

    /* 시그널 PICK */
    .signal_pick_wrap_inner {
        row-gap: 30px;
    }
    .img_mark_reporter > figure {
        width: 100%;
        /* height: 160px; */
    }
    .img_mark_major_news > figure {
        width: 100%;
        /* height: 160px; */
    }
    .img_mark_info {
        font-size: 15px;
    }

    /* 이코노 숏 */
    .shorts_info_tit {
        font-size: 18px;
        line-height: 26px;
    }
    .shorts_items_txt {
        width: 100%;
        height: 34%;
        padding: 27px 20px;
    }

    /* 주요 뉴스 */
    .signal_type_auto {
        grid-template-columns: auto;
    }
    .img_mark_reporter > figure > a >img {
        aspect-ratio: 11 / 6;
    }
    .img_mark_major_news > figure > a >img {
        aspect-ratio: 11 / 6;
    }

    /* 타입 분석 */
    .img_txt_date > .img_txt_info > a {
        font-size: 21px;
        line-height: 26px;
    }

    /* 섹터 VEIW */
    .m_news_wrap {
        height: 427px;
    }
    .m_sec_view_ttl {
        font-size: 21px;
        line-height: 30px;
    }
    /* .m_news_wrapper {
        margin-bottom: 40px;
    } */
    .right_view_box .rank_news_wrap_inner {
        grid-template-columns: 1fr;
    }
    .rank_news_wrap_inner {
        grid-template-columns: 1fr;
    }
    .slick-test3 {
        height: 427px;
    }
    .slick-test3 .slick-slide {
        height: 427px;
    }
    .m_sec_view_info {
        padding: 30px 20px 20px 20px;
    }

    .econo_book_bg {
        height: 55vh;
    }

    /* 종목 분석 */
    .img_part2_keyword_m > div > .analysis_sec_m {
        top: 58%;
    }
    .analysis_ttl > a {
        font-size: 28px;
        line-height: 38px;
        font-weight: 600;
    }
    .analysis_info {
        font-size: 15px;
    }
    .time_sec {
        font-size: 15px;
    }
    .keyword_sec {
        row-gap: 5px;
        column-gap: 20px;
    }
    .keyword_sec li a {
        font-size: 19px;
    }

    /* 시장 동향 */
    .market_history_wrap_inner {
        grid-column-gap: 30px;
    }
    .img_part2_plus {
        grid-template-columns: 1fr 2fr;
    }


    /* 투자 전략 */
    .investment_strategy_wrap_inner {
        row-gap: 30px;
    }
    .txt_part1_img .insight_back .insight_news {
        margin: 24% 0;
        font-size: 18px;
        line-height: 28px;
        font-weight: 500;
    }
    .txt_part2_img .insight_back .insight_news {
        margin: 24% 0;
        font-size: 18px;
        line-height: 28px;
        font-weight: 500;
    }

    /* 오피니언 */
    .slick-slide {
        margin: 0 0px;
    }

    /* 많이 본 뉴스 */
    .opinion_wrap_inner {
        grid-template-columns: 1fr;
    }
    .opinion_wrap_inner_m {
        grid-template-columns: 1fr;
    }
    .signal_pick_wrap .signal_pick_wrap_list_inner {
        margin-bottom: 60px;
    }

    /* MAGAZINE */
    .right_area_box {
        grid-template-columns: 1fr;
        row-gap: 60px;
    }
    .magazine_main_tit {
        display: flex;
        flex-direction: column;
        row-gap: 5px;
    }
    .econ_book_day {
        width: 100%;
    }
    .magazine_main_in {
        margin: 5px 15px 15px 15px;
    }

    .img_mark_reporter {
        grid-column-gap: 30px;
    }
    .img_mark_major_news {
        grid-column-gap: 30px;
    }
    .signal_pick_wrap .signal_pick_wrap_list_inner {
        grid-template-columns: 1fr;
        row-gap: 30px;
    }
    .time_sec {
        font-size: 13px;
    }
    .img_mark_info > p {
        font-size: 13px;
    }
    .magazine_books_btn > li {
        font-size: 13px;
        line-height: 33px;
    }
    .magazine_books_btn_re > li {
        width: 30%;
    }

    
    /* 시그널 CAST */
    .signal_cast_in {
        /* background: no-repeat top / 120% url(../img/cast_bg.png); */
    }
    .slick-test .slick-list {
        height: 244px;
    }

    .slick-test .slick-slide {
        height: 225px;
        width: 9%;
    }
    .cast_ttl {
        font-size: 21px;
        line-height: 27px;
        margin-bottom: 0px;
    }

    .signal_cast {
        height: 350px;
    }
    .signal_cast::before {
        height: 350px;
    }
    .signal_cast::after {
        height: 350px;
    }
    .slick-test .slick-slide {
        height: 280px;
    }
    .slick-test .slick-list {
        height: 310px;
    }
    .slick-test .cast_inner > a::before {
        top: 195px;
    }

    /* 시그널 CREW */
    .crew_bg {
        top: 90px;
        height: 225px;
    }
    .news_ttl > i {
        font-size: 12px;
        padding: 0 8px;
   }

    /* 시장 동향 */

    /* [리스트] 종목 분석 */
    .analysis_sec_m > .analysis_ttl > a {
        font-weight: 600;
    }
    .m_item_analysis_info > p {
        font-size: 16px;
        line-height: 22px;
    }
    .analysis_info > div {
        font-size: 13px;
        color: #999;
    }
    .analysis_wrap {
        grid-template-columns: 1fr;
        row-gap: 30px
    }
    .analysis_sec_m > .analysis_info {
        display: flex
    } 
    .analysis_wrap .analysis_sec_m .analysis_ttl {
        min-height: unset;
    }
    .analysis_wrap .analysis_ttl > a {
        font-size: 18px;
        line-height: 26px;
    }
    .analysis_wrap .img_part2_keyword_m > div > .keyword_sec {
        border-top: 1px dashed #ccc;
        padding-top: 10px;
    }
    .analysis_wrap .img_part2_keyword_m > div > .analysis_sec_m {
        padding: 2% 0 0 0;
    }

    .part_plus_info {
        grid-row-gap: 5px;
    }

    .news_between_info > dt > a {
        font-size: 18px;
        line-height: 26px;
    }

    .opinion_wrap_list .opinion_wrap_inner {
        grid-template-columns: 1fr;  
        grid-row-gap: 30px;
    }
    .opinion_wrap_list .opinion_wrap_inner_m {
        grid-template-columns: 1fr;  
        grid-row-gap: 30px;
    }
    .opinion_wrap_list_m .opinion_wrap_inner {
        grid-template-columns: 1fr;  
        grid-row-gap: 30px;
    }
    .opinion_wrap_list_m .opinion_wrap_inner_m {
        grid-template-columns: 1fr;  
        grid-row-gap: 30px;
    }

    /* IPO 스타 */
    .ipo_between_info > dt > a {
        font-size: 21px;
        line-height: 29px;
        font-weight: 500;
    }

    /* [리스트] 유형 분석 */
    .img_plusicon_txt a > .img_plusicon_info {
        padding: 20px;
    }
    .img_plusicon_txt a > .img_plusicon_info > p {
        font-size: 19px;
    }
    .img_plusicon_txt a > .img_plusicon_info > span {
        font-size: 19px;
        line-height: 25px;
    }
    .m_item_analysis_info > .keyword_box > li > a {
        font-size: 16px;
    }
    .new_secondmenulist .sec_ttl.etc {
        margin-top: 5px;
    }

    .img_mark_ttl_info > p {
        font-size: 20px;
        line-height: 26px;
    }


    .lst_main_view {
        display: block !important;
        height: auto;
        padding-top: 50px;
    }
    
    .signal_cast_wrap .tab_content {
        display: none !important;
    }

    /*----------------------
    ## 회사소개
    ----------------------*/
    .company_wrap {
        margin: 30px 0;
    }

    .company_wrap > p {
        font-size: 20px;
        line-height: 26px;
    }

    .company_introduce {
        margin-top: 15px;
    }


    /* FOOTER */
    footer {
        grid-template-columns: 1fr;
        height: auto;
        justify-content: flex-start;
        background: #f4f4f4;
        margin-top: 50px;
        padding-top: 30px;
    }
    .f_financelogo {
        margin-bottom: 25px
    }
    .economist_footer_info {
        position: absolute;
        border: 0;
        right: 0;
        z-index: 9999999;
        background: red;
        width: 50%;
        display: block;
    }

    .footer_info {
        position: relative;
        padding: 20px 0 40px 0;
        background-color: #f4f4f4;
        border-top: 1px solid #ddd;
    }
    .footer_info::before {
        content: '';
        position: absolute;
        left: -100%;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: #f4f4f4;
    }
    .footer_info::after {
        content: '';
        position: absolute;
        right: -100%;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: #f4f4f4;
    }
    .add_wrap > li {
        color: #333;
    }
    
    /*----------------------
    ## 기사상세
    ----------------------*/
    #rightTarget{
        display: grid;
        gap: 60px;
    }
    #rightTarget > div {
        grid-template-columns: auto;
        gap: 30px;
    }
    .right_lst_box {
        grid-template-columns: 1fr;
        row-gap: 30px;
    }
    .right_view_box {
        grid-template-columns: 1fr;
        row-gap: 30px;
    }
    #rightTarget .right_view_box {
        grid-template-columns: 1fr; 
        gap: 60px;
    }
    .txt_part1_img > figure img {
        aspect-ratio: 2 / 1;
    }
    .txt_part2_img > figure img {
        aspect-ratio: 2 / 1;
    }
    .opinion_wrap {
        grid-template-columns: auto;
        row-gap: 30px;
    }
    .sticky_header.show {
        display:none
    }
    .text_article {
        grid-template-columns: 1fr;
        margin-top: 40px;
    }
    .shortcut {
        display: flex;
        flex-direction: column;
        position: absolute;
        top: 450px;
        height: fit-content;
    }
    .shortcut.fixed {
        position:fixed;
        top:-250px;
    }
    .shortcut_title{
        position:absolute;
        top:360px;
        left:-30px;
        display:flex;
        align-items: center;
        justify-content: center;
        width:90px;
        height:90px;
        
        border-radius:100px;
        background: rgba(256, 256, 256, 0.9);
        box-shadow: rgba(0, 0, 0, 0.6) 13px 0px 20px -20px;
    }
    .shortcut_article{
        position:absolute;
        top:50%;
        right:30px;;
        -webkit-transform:translateY(-50%);
                transform:translateY(-50%);
    }
    .shortcut .gradation_txt {
        width:fit-content;
        margin:0;
        padding:0;
        font-size:22px;
        line-height:22px;
        text-indent:25px;
        font-weight:600;
        white-space: nowrap;
        border:0;
        border-image-slice:0;
        background: linear-gradient(95deg, #507CA0 9%, #284052 80%) #e60012;
        -webkit-background-clip: text;
        background-clip: text;
        z-index:100
    }
    .shortcut_wrap.m_short {
        display: none;
        opacity: 0;
    }
    .shortcut_wrap.m_short.show {
        position:fixed;
        top:0;
        left:0;
        display: flex;
        width:80%;
        height:100%;
        background: #fff;
        opacity: 1;
        z-index:100
    }
    .shortcut_wrap.m_short.show::before {
        content:"";
        position:fixed;
        top:0;
        right:0;
        width:20%;
        height:100%;
        background: rgba(0, 0, 0, 0.6);
        z-index:-1
    }
    .market_history_wrap_plus {
        grid-template-columns: 1fr;
    }
    .now_news_wrap_inner {
        grid-template-columns: 1fr; 
    }
    /* .news_content{
        margin-top: 320px;
    } */
    .signaltalk {
        margin-top: 140px;
    }
    .item_ad_wrap_inner {
        grid-column-gap: 20px;
        grid-template-columns: repeat(2, 1fr);
        row-gap: 20px;
    }

    .editor_img {
        flex-direction: none;
    }

    .like_info_ad {
        gap: 15px;
    }
    .like_info_ad > li > a > span {
        font-size: 17px;
        display: flex;
    }
    .like_info_ad > li > a > span > p {
        font-size: 13px;
        width: 50px;
        height: 22px;
        line-height: 20px;
    }
    .widefull_article {
        display: block;
        position: relative;
        width: 100%;
    }

    .widefull_article::before, 
    .widefull_article::after {
        background-color: unset;
    }

    /* .widefull_article .widefull_text {
        position: relative;
        -webkit-transform: translateY(0);
                transform: translateY(0);
        padding: 30px 0 30px 0
    } */

    .widefull_article .line_clamp_2 {
        -webkit-line-clamp: unset;
                line-clamp: unset;
    }

    .widefull_visual {
        display: none
    }
    .signal_type_w40 {
        row-gap: 0px;
    }
    .comment_wrap {
        gap: 30px;
    }
    .pc_center_line {
        display: none;
    }


    /*----------------------
    ## IPO
    ----------------------*/
    .ipo_summary {
        grid-template-columns: repeat(1, minmax(0, 1fr));
        padding:20px 30px; 
        font-size:20px;
    }
    .ipo_summary dl {
        column-gap: 20px;
    }
    .ipo_summary dl dt {
        align-items: center;
        /* justify-content: start; */
        min-width: 30%;
        height: 50px;
        color:#d3e1ed;
        background: #284052;
    }
    .ipo_summary dl dd {
        display: flex;
        justify-content: center;
        width:auto;
        text-align:left;
        font-weight:300
    }
    .ipo_summary{
        background:#102d42
    }

    .submenu_board.mo {
        width: 100%;
        display: flex;
        padding: 3px 18px 3px 5px;
        font-weight: 600;
        border: 3px solid #333;
    }
    .submenu_board.pc, .submenu_board_wrap .btn_spread {
        display: none
    }
    .submenu_board_wrap {
        display:none;
        border: 0;
        margin-top: 20px;
        padding-top: 0
    }

    /***** 검색 *****/
    .search_result_wrap {
        row-gap: 30px;
        margin-top: 20px;
    }
    .search_result_wrap.etc {
        margin-top: 30px;
    }
    .search_word {
        flex-direction: column;
        font-size: 25px;
        row-gap: 20px;
    }
    .search_word::after {
        display: none
    }
    .search_bigbox {
        width: 100%;
        height: 60px;
        padding: 0 8%;
        font-size: 18px;
    }
    .search_detail.box .search_bigbox {
        height: 50px;
        font-size: 16px;
    }
    .search_thumb {
        flex-direction: column;
        row-gap: 15px;
    }
    .speech_bubble {
        padding: 2px 13px;
        font-size: 14px;
    }
    .search_number {
        padding: 0 20px;
        font-size: 14px;
        text-align: center;
    }
    .search_detail label {
        top: 13px!important;
        right: 4%!important
    }
    .search_detail {
        width: 80%;
    }
    .boxresult_text .title {
        flex-direction: column;
        align-items: center;
        row-gap: 10px;
    }
    .boxresult_text .boxresult_top {
        row-gap: 10px;
    }
    .boxresult_text {
        display: flex;
        flex-direction: column;
        align-items: center;
        row-gap: 20px;
        width: 100%;
    }
    .boxresult_text .search_word {
        -webkit-line-clamp: 2;
        line-clamp: 2;
        line-height: 30px;
        text-align: center;
    }

    /*  검색 리스트 */
    .tit_search {
        font-size: 16px;
    }
    .search_list_tit > p > i {
        font-size: 16px;
    }

    /* 브랜드 미디어 */
    .brand_mark_reporter > figure > a >img {
        aspect-ratio: 16 / 11;
    }

    /* MAGAZINE 리스트 */
    .magazine_main_sub {
        font-size: 14px;
    }
    .books_cover_re {
        right: 0%;
    }

    /*----------------------
    ## FOOTER GNB   
    ----------------------*/ 
    .economist_info_gnb {
        display: none;
    }
    .family_wrap {
        display: none;
    }

    /*----------------------
    ## FOOTER
    ----------------------*/
    footer::before {
        background: #f4f4f4;
    }
    footer::after {
        background: #f4f4f4;
    }
    .personal_info {
        justify-content: left;
    }
    .footer_all {
        display: flex;
    }
    .footer_gnb {
        width: 100%;
        display: grid;
        column-gap: 10px;
        row-gap: 10px;
        grid-template-columns: repeat(3, 1fr);
        /* margin-bottom: 20px; */
        border-bottom: 1px solid #eee;
        padding-bottom: 20px;
    }
    .footer_gnb > li > a {
        font-size: 13px;
        font-weight: 500;
    }
    
    .mobile1_ad {
        display: block !important;
        /* width:336px;
        height: 280px;  */
        margin: 0 auto; 
        margin-bottom:30px;
    }
    .mobile1_ad > div {
        min-width: 100%;
        min-height: 280px;
        display: flex;
        justify-content: center;
    }
    .mobile1_ad > div > div {
        /* width: 100% !important; */
        display: flex;
        justify-content: center;
    }
    
    .mobile1_ad > div > div > iframe {
        width: 100% !important;
    }

    .mobile2_ad {
        display: block !important;
    }
    .mobile2_ad {
        display:flex;
        /* width:336px;
        height: 280px;  */
        margin: 0 auto; 
        margin-bottom: 30px;
    }
    .mobile2_ad > div {
        min-width: 100%;
        min-height: 280px;
        display: flex;
        justify-content: center;
    }
    /* .mobile2_ad > div > div {
        width: 100% !important;
        display: flex;
        justify-content: center;
    } */
    .mobile2_ad > div > div > iframe {
        width: 100%;
    }
    .mobile2_ad > div > div > iframe > iframe {
        width: 100% !important;
    }
    .mobile3_ad {
        display: block;
    }    
    .mobile4_ad {
        display: block;
    }
    .mobile6_ad {
        display: block;
    }

    .pc2_ad {
        display: none !important;
    }
    .mobile7_ad {
        display: block;
        margin-top: 50px;
        text-align: center;
    }

    .mobile7_ad > .m7_ad {
        display: flex !important;
        justify-content: center !important;
        margin-top: 50px;
    }
    .mobile8_ad {
        display: block;
    }

    .pc2_ad > div {
        display: none !important;
    }

    .bm_pc {
        display: none;
    }
    .bm_m {
        display: block;
    }

}

@media only screen and (max-width : 580px) {
    /*----------------------
    ## IPO
    ----------------------*/
    .ipo_pc_indicator{
        display:none
    }
    .ipo_mo_indicator{
        display:block;
        border-radius:20px;
        padding:50px 30px;
        margin-top:50px;
        background:#f8f8f8;
    }
    /* 시그널 CREW */
    .crew_bg {
        top: 86px;
        height: 210px;
    }
    .crew_inner::before {
        top: 40px;
    }
    .crew_inner::after {
        top: 40px;
    }
    .crew_card > a > figure {
        width: 75px;
        height: 75px;
    }
    /* .img_mark_reporter {
        grid-template-columns: 2fr 2.5fr !important;
    } */

    /* 섹터 VIEW */
    .m_sec_view_ttl {
        font-size: 19px;
        line-height: 26px;
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 4;
    }

    /* 유형 분석 */
    .img_plusicon_txt a > .img_plusicon_info {
        padding: 25px;
    }
    .img_plusicon_txt a > .img_plusicon_info > p {
        font-size: 17px;
    }
    .img_plusicon_txt a > .img_plusicon_info > span {
        font-size: 17px;
        line-height: 22px;
    }

    /* 시장 동향 */
    .trend_info {
        margin: 5px 10% 10% 10%;
        row-gap: 10px;
    }
    .trend_ttl {
        font-size: 19px;
        line-height: 25px;
    }

    .market_history_wrap_inner {
        grid-column-gap: 25px;
    }
    .investment_strategy_wrap_inner {
        row-gap: 30px;
    }

    .analysis_ttl > a {
        font-size: 24px;
        line-height: 30px;
    }
    
    .img_part2_plus {
        grid-column-gap: 20px;
    }

    /* 인사이트 */
    .insight_wrap {
        height: 540px;
    }

    .img_part1_time {
        grid-template-columns: 2fr 1fr;
    }

    /* 시그널 CAST */
    .cast_inner > a > .cast_ico > img {
        width: 90%;
        height: 90%;
    }
    .slick-test {
        margin-top: 25px;
    }
    .signal_cast {
        height: 320px;
    }
    .signal_cast::before {
        height: 320px;
    }
    .signal_cast::after {
        height: 320px;
    }
    .slick-test .slick-slide {
        height: 260px;
    }
    /* .slick-test .slick-list {
        height: 310px;
    }
    .slick-test .cast_inner > a::before {
        top: 195px;
    } */

    .econo_book_bg {
        height: 50vh;
    }
}

@media only screen and (max-width : 520px) {
    /*----------------------
    ## IPO
    ----------------------*/
    .ipo_summary {
        padding: 20px 20px;
        font-size: 18px;
    }
    .ipo_mo_indicator {
        padding: 30px 20px;
    }
    .ipo_tab {
        height:65px;
        font-size: 17px;
    }
    .ipo_tab .signboard {
        top: -17px;
        padding: 3px 15px;
        font-size: 12px;
    }
    .ipo_tabcontent {R
        row-gap: 15px;
        margin-top: 20px;
    }
    .ipo_article {
        row-gap: 10px;
        padding: 20px;
        font-size: 17px;
    }

    /* MAGAZINE 메인 */
    .magazine_books_wrap {
        padding: 40px 40px;
        gap: 35px;
    }
    .magazine_books_btn {
        column-gap: 25px;
        font-size: 14px;
        height: 35px;
        line-height: 33px;
    }
    /* .magazine_books_btn > li {
        width: 25%;
    } */
    .magazine_books_info {
        row-gap: 20px;
    }
    .magazine_books_day {
        font-size: 16px;
    }

    /* 상세 */
    .econo_book_bg {
        height: 45vh;
    }

    /* 시그널  CLASS */
    .img_ico_part2 > .class_ttl {
        margin-top: 20px;
    }

    /* [리스트] 유형 분석 */
    .img_plusicon_txt a > .img_plusicon_info {
        padding: 20px;
    }
    .img_plusicon_txt_wrap_inner {
        grid-row-gap: 25px;
        grid-column-gap: 25px;
    }

    /* 인사이트 */
    .insight_wrap {
        height: 500px;
    }
    .insight_bg_txt > dl > .insight_sub > a {
        font-size: 21px;
        line-height: 29px;
    }
    .txt_tit_img > dl > .insight_sub > a {
        font-size: 21px;
        line-height: 29px;
    }

    .img_txt_date > .img_txt_info > a {
        font-size: 18px;
        line-height: 23px;
    }

    /* 투자 전략 */
    .txt_part1_img > figure img {
        aspect-ratio: 1.4 / 1;
    }
    .txt_part2_img > figure img {
        aspect-ratio: 1.4 / 1;
    }
    /* .txt_part1_img .insight_back .insight_news {
        font-size: 15px;
        line-height: 21px;
    } */

    /* .txt_part2_img .insight_back .insight_news {
        font-size: 15px;
        line-height: 21px;
    } */

    /* 이코노 샷 */
    .shorts_items_txt {
        width: 100%;
        padding: 22px 20px;
        font-size: 15px;
        line-height: 20px;
    }
    .page_box.swiper-pagination {
        padding: 0 25px;
        height: 13px;
    }
    

    /* 시그널 CAST */
    .cast_inner > a > .cast_ico > img {
        width: 90%;
        height: 90%;
    }
    .slick-test {
        margin-top: 15px;
    }
    .signal_cast {
        height: 300px;
    }
    .signal_cast::before {
        height: 300px;
    }
    .signal_cast::after {
        height: 300px;
    }
    .slick-test .slick-slide {
        height: 250px;
    }
    /* .slick-test .slick-list {
        height: 310px;
    } */
    .slick-test .cast_inner > a::before {
        top: 165px;
    }

    .personal_info {
        font-size: 13px;
    }
    .footer_all {
        font-size: 13px;
    }

}

@media only screen and (max-width : 480px) { 
    .container {
        margin-top: 0px;
        row-gap: 40px;
    }
    .signal_type_auto {
        row-gap: 40px;
    }
    header .logo_wrap {
        height: 70px;
    }
    .news_top_inner {
        width: 100%;
        gap: 10px;
        margin-left: -20px;
    }
    .news_info_wrap::before {
        left: -94%;
    }
    .mobile_top_bar > .logo > a > img {
        width: 70%;
        z-index: 9999 !important;
    }

    .mobile_top_bar {
        height: 70px;
        z-index: 9999;
    }

    .news_ttl {
        padding: 1px 2px;
        line-height: 12px;
    }

    .m_center_gap {
        margin: 30px 0
    }

    .ico {
        width: 20px;
        height: 20px;
        margin-top: 13px;
    }
    .txt_icon {
        font-size: 13px;
        padding: 2px 7px;
        line-height: 17px;
    }
    .search_btn {
        width: 28px;
        height: 20px;
    }
    .search_btn > img {
        width: 25px;
    }
    .side_join_btn {
        width: 60px;
    }

    .news_ttl > i {
        font-size: 11px;
        padding: 2px 8px;
    }

    /* 타이틀 부제목 */
    .sec_ttl {
        font-size: 20px;
        line-height: 25px;
    }

    /* 종목 분석 */
    /* .signal_type {
        margin-top: 10px;
    } */

    /*  검색 리스트 */
    .tit_search {
        font-size: 14px;
    }
    .search_list_tit > p > i {
        font-size: 14px;
    }

    /* 브랜드 미디어 */
    .brand_mark_reporter > figure > a >img {
        aspect-ratio: 16 / 11;
    }
    .trend_ttl {
        font-size: 16px;
        line-height: 23px;
        margin-top: auto;
    }

    /* 인사이트 */
    .insight_bg_txt > dl > dd.on > a {
        font-size: 24px;
        line-height: 29px;
        width: 80%;
        margin-bottom: 20px;
    }
    .insight_bg_txt > dl > .insight_sub > a {
        font-size: 18px;
        line-height: 23px;
    }
    .txt_tit_img > dl > dt > span {
        font-size: 12px;
        padding: 3px 12px;
    }
    .txt_tit_img > dl > dd.on > a {
        font-size: 24px;
        line-height: 32px;
        width: 65%;
    }
    .txt_tit_img > dl > .insight_sub > a {
        font-size: 18px;
        line-height: 23px;
    }
    .insight_wrap {
        height: 450px;
    }
    .txt_tit_img > dl {
        row-gap: 0;
    }


    /* 인사이트 */
    /* .txt_part3_img {
        height: 530px;
    }
    .txt_part3_img .insight_bg .insight_news {
        top: 70%;
    }
    .txt_part3_img .insight_bg .insight_bg_r {
        top: 100%;
    }
    .txt_part3_img .insight_bg .insight_news > dd.on {
        margin-bottom: 10px;
        font-size: 24px;
        line-height: 29px;
        width: 65%;
    }
    .txt_part3_img .insight_bg .insight_news > dd a > p {
        font-size: 18px;
        line-height: 23px;
    } */
    .txt_park {
        padding: 20px 0 20px 0;
    }
    .txt_park .news_item_in .news_item_tlt {
        font-size: 18px;
        line-height: 23px;
    }
    .txt_park .news_item_in {
        column-gap: 20px;
        align-items: center;
    }
    .txt_park .news_item_in .news_info_time {
        font-size: 14px;
    }
    .txt_park .news_item_in .news_info_time::before {
        top: 18px;
    }
    .txt_park .news_item_in .news_item_tlt > a {
        font-size: 18px;
        line-height: 26px;
        width: 100%;
        display: flex;
        font-weight: 600;
    }
    .img_part2_keyword_m > div > .keyword_sec > li > a {
        font-size: 14px;
    }

    /* 이코노 샷 */
    .shorts_items_txt {
        width: 100%;
        height: 40%;
    }
    .page_box.swiper-pagination {
        padding: 0 25px;
        height: 13px;
    }

    /* 투자 전략 */
    .sec_head {
        padding-top: 0px;
    }

    .investment_strategy_wrap_inner {
        grid-row-gap: 30px;
    }

    .txt_part2_img .insight_back .insight_news {
        margin: 22% 0;
    }

    .txt_part2_img > figure {
        overflow: hidden;
        /* border-radius: 20px; */
    }
    
    /* 시그널 pick */
    .signal_pick_wrap_inner {
        row-gap: 20px;
    }
    .img_mark_reporter {
        column-gap: 20px;
        /* grid-template-columns: 2fr 3fr !important; */
    }
    .img_mark_reporter > figure {
        width: 100%;
    }
    .img_mark_major_news {
        column-gap: 20px;
        /* grid-template-columns: 2fr 3fr !important; */
    }
    .img_mark_major_news > figure {
        width: 100%;
    }

    .img_mark_info {
        font-size: 13px;
    }

    .time_sec {
        font-size: 13px;
    }
    .pick_wrap:last-child {
        margin-bottom: 0;
    }

    /*  많이 본 뉴스 */
    .img_part2_time {
        grid-template-columns: 5fr 2fr;
    }

    /* 시그널 CLASS */
    .slick-test {
        margin-top: 35px;
    }
    .class_ttl {
        font-size: 16px;
        line-height: 19px;
    }  
    .cast_box::before {
        height: 1px;
    }
    .cast_box::after {
        top: 313px;
        height: 30px;
    }
    .cast_ttl {
        font-size: 19px;
        line-height: 26px;
        margin-bottom: -20px;
    }
    .signal_class_wrap_inner {
        column-gap: 20px;
    }

    /* 종목분석 */
    .img_part2_keyword_m > div > .analysis_sec_m {
        top: 57%;
    }
    .img_part2_keyword {
        column-gap: 30px;
    }
    .analysis_ttl > a {
        font-size: 18px;
        line-height: 23px;
        font-weight: 500;
    }
    .analysis_info {
        font-size: 13px;
    }
    .keyword_sec {
        padding: 10px 0;
    }
    .keyword_sec li a {
        font-size: 13px;
    }
    .img_txt_date > .img_txt_info > a {
        font-size: 16px;
        line-height: 19px;
        font-weight: 300;
        align-items: center;
    }
    .img_txt_date > .img_txt_info > figure {
        width: 80%;
    }
    .img_txt_date > .img_txt_info > figure > a {
        border-radius: 10px;
    }

    /* 종목 분석 [모바일] */
    .m_item_analysis {
        grid-column-gap: 20px;
    }
    
    .m_item_analysis_info > .keyword_box > li > a {
        font-size: 15px;
    }

    /* 시장 동향 */
    .market_history_wrap_inner {
        grid-row-gap: 20px;
        grid-column-gap: 20px;
    }
    .img_part2 {
        width: auto;
        grid-column-gap: 30px;
        grid-row-gap: 15px;
        overflow: hidden;
    }
    .sec_ttl > a > i {
        padding-top: 13px;
    }
    .trend_info {
        margin: 0 10% 13% 10%;
    }
    .trend_info > dt > a {
        font-size: 16px;
    }
    .m_item_analysis_wrap_inner {
        grid-row-gap: 20px; 
    }
    .market_history_wrap_plus {
        grid-row-gap: 20px;      
    }


    /* 오피니언 */
    .opinion_wrap {
        row-gap: 30px;
    }
    .opinion_wrap_inner {
        grid-column-gap: 20px;
        grid-row-gap: 30px;
    }
    .opinion_wrap_inner_m {
        grid-column-gap: 20px;
        grid-row-gap: 30px;
    }
    .img_mark_ttl_info > p {
        font-size: 18px;
        line-height: 26px;
    }
    .img_mark_time_info > p > a {
        font-size: 18px;
        line-height: 26px;
    }

    /* 시그널 CAST */
    .signal_cast_in {
        /* background: no-repeat top / 180% url(../img/cast_bg.png); */
        padding-top: 1px;
    }
    .slick-test .slick-slide {
        height: 250px;
        margin: 0 11px;
    }
    .slick-test {
        margin-top: 25px;
    }
    .slick-test .cast_inner > a > .cast_ico {
        width: 50px;
        height: 50px;
    }
    .slick-test .cast_inner > a::before {
        top: 170px;
    }
    .cast_cover {
        bottom: -60px;
    }
    .cast_ttl_l {
        font-size: 19px;
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    /* 섹터 VIEW */
    .slick-test3 {
        height: 350px;
    }
    .m_news_wrap {
        height: 360px;
    }
    .m_sec_sub {
        font-size: 13px;
        margin-bottom: 5px;
    }
    .m_sec_view_ttl {
        font-size: 17px;
        line-height: 22px;
        font-weight: 500;
    }
    .m_img_cover::before {
        background: no-repeat top / 116% url(../img/view_cov.png);
    }
    .m_ad_center {
        /* margin: 30px 0; */
        width: 100%;
    }

    /* 시그널 CREW */
    .crew_card > a {
        padding: 20% 10%;
    }
    .crew_card > a > figure {
        width: 70px;
        height: 70px;
        margin-bottom: 20px;
    }
    .crew_card > a > .crew_name {
        font-size: 18px;
        margin-bottom: 10px;
    }
    .crew_card > a > .crew_mail {
        font-size: 14px;
    }
    .crew_card > a > .crew_follower {
        font-size: 18px;
        font-weight: 500;
        margin-top: 15px;
    }

    /* 이코노 동향 */
    .m_item_analysis > figure > a > img {
        aspect-ratio: 12 / 10;
    }

    /* .crew_bg {
        top: 85px;
    } */
    .crew_inner::before {
        top: 35px;
    }
    .crew_inner::after {
        top: 35px;
    }

    /* IPO 스타 */
    .ipo_between_info > dt > a {
        font-size: 18px;
        line-height: 23px;
    }
    .txt_part1_time > div > a {
        font-size: 14px;
    }
    .txt_part1_time > div {
        height: 100px;
    }
    .txt_part1_time {
        column-gap: 20px;
    }

    /* 섹션 하이라이트 */
    .part_plus_info > dt > a {
        font-size: 15px;
    }

    /* 브랜드 미디어 */
    ul.tabs {
        /* gap: 15px;
        width: 100%;
        overflow-x: scroll; */

    }
    ul.tabs li {
        font-size: 13px;
        /* width: 25%; */
        height: 26px;
    }
    ::-webkit-scrollbar {
        width: 10px;
        height: 5px;
    }
    ::-webkit-scrollbar-thumb {
        background-color: #FFF !important;
    }
    ::-webkit-scrollbar-track {
        background-color: #fff!important;
        border-radius: 10px;
    }

    /* [리스트] 종목 분석 */
    .img_part2_keyword_m > div > .analysis_sec_m {
        padding: 5% 8% 0 8%;
    }
    .img_part2_keyword_m > div > .keyword_sec {
        margin-top: 40px;
    }
    .img_txt_date {
        row-gap: 15px;
    }

    /* [리스트] 유형 분석 */
    .img_plusicon_txt_wrap_inner {
        grid-row-gap: 20px;
        grid-column-gap: 20px;
    }
    .img_plusicon_txt a > .img_plusicon_info {
        padding: 15px;
        grid-row-gap: 10px;
    }
    .img_plusicon_txt a > .img_plusicon_info > p {
        font-size: 15px;
        font-weight: 600;
    }
    .img_plusicon_txt a > .img_plusicon_info > span {
        font-size: 16px;
        line-height: 21px;
    }

    /* 종목 분석 [모바일] */ 
    .m_item_analysis_info > .keyword_box {
        column-gap: 15px;
    }

    .signal_pick_wrap_list_inner {
        row-gap: 45px;
    }

    .img_part1_time {
        grid-template-columns: 2fr 1fr;
    }

    .news_content {
        padding: 0 30px;
    }


    /* FOOTER */
    .footer {
        border-top: 1px solid #f0f0f0;
        margin-top: 50px !important;
        padding: 30px 0 0 0;
        margin: 0 25px;
    }
    .f_logo {
        display: none;
    }

    .add_wrap {
        row-gap: 0;
    }
    .personal_info {
        font-size: 12px;
    }
    .footer_all {
        font-size: 12px;
    }

    /*----------------------
    ## 기사상세
    ----------------------*/
    .analysis_wrap .analysis_ttl > a {
        font-size: 18px;
        line-height: 24px;
    }
    .txt_mark_reporter h3 {
        font-size: 24px;
        line-height: 34px;
    }
    .widefull_visual > .layerimg {
        height: 340px;
    }
    .left_link {
        gap: 12px;
    }
    .secter_cotton {
        height: 26px;
        padding: 0 15px;
        font-size: 13px;
    }
    .editor_img .roundimg {
        width: 45px;
        height: 45px;
    }
    .editor_img .name {
        font-size: 16px;
    }
    .output_btn li {
        width: 30px;
        height: 30px;
    }
    .editor_output {
        row-gap: 25px;
        flex-direction: column;
    }
    .output_btn {
        column-gap: 15px;
    }
    .btn_before.comment {
        padding: 0 20px;
    }
    .btn_before.comment .count, 
    .textsize {
        font-size: 13px;
    }
    .bookmark::before {
        width: 10px;
        height: 12px;
    }
    .sharing::before {
        width: 13px;
        height: 13px;
    }
    .facebook::before {
        width: 8px;
        height: 15px;
    }
    .twitter::before {
        width: 13px;
        height: 13px;
    }
    .instagram::before {
        width: 15px;
        height: 15px;
    }
    .print::before {
        width: 14px;
        height: 14px;
    }
    .url::before {
        width: 14px;
        height: 14px;
    }
    .textsize_open, .textsize_open.show, .sns_open, .sns_open.show, .more_open, .more_open.show {
        column-gap: 15px;
        height: 30px;
        padding: 0 15px;
    }
    .shortcut_wrap.m_short.show {
        width: 70%;
    }
    .shortcut_wrap.m_short.show::before {
        width: 30%;
    }
    .shortcut_title {
        top: 330px;
    }
    .summary {
        margin-bottom:50px;
    }

    /*----------------------
    ## IPO
    ----------------------*/
    .ipo_summary {
        font-size:18px;
    }
    .ipo_summary dl dt {
        height:40px;
    }
    .ipo_summary dl {
        column-gap: 15px;
    }
    .ipo_title {
        margin-top:30px
    }

    .list_more_btn {
        width: 90px;
        height: 40px;
        line-height: 38px;
        font-size: 13px;
        margin: 0 auto;
    }
    .crew_card > a {
        width: 130%;
        left: calc(-15% - 10px)
    }
    .crew_sl .slick-slide {
        margin: 0 30px;
    }
}

@media only screen and (max-width : 420px) {
    /*----------------------
    ## 상단
    ----------------------*/
    .logoarea::before {
        display: none;
    }
    .logoarea::after {
        display: none;
    }
    /*----------------------
    ## 실시간뉴스 & SNS
    ----------------------*/
    /* .news_info_wrap {
        margin-top: 10px;
    } */
    .news_top_inner > b {
        font-size: 11px;
        text-align: center;
        height:27px;
        line-height: 26px;
    }
    .news_info_wrap::before {
        height: 26px;
        top: 5px;
    }
    .news_top_inner > b::before {
        height: 27px;
        top: 0px;
    }
    .news_top_inner > p {
        font-size: 13px;
        line-height: 20px;
    }

    /* 인사이트 */
    .txt_tit_img > dl > dd.on > a {
        width: 75%;
    }

    /* 이코노 샷 */
    .shorts_items_txt {
        height: 55%;
        gap: 5px;
        padding: 30px 20px;
    }
    .shorts_info {
        font-size: 12px;
    }

    /*----------------------
    ## IPO
    ----------------------*/
    .ipo_summary {
        row-gap:15px;
        height:300px;
        font-size:17px;
        overflow-y:scroll;
    }
    .ipo_summary::-webkit-scrollbar {
        width: 0px;
    }
    .ipo_summary dl {
        flex-direction:column;
        align-items: start;
        row-gap:5px;
        padding-bottom:15px;
        border-bottom:1px dashed #4d4393
    }
    .ipo_summary dl:last-child {
        border-bottom:0;
        padding-bottom:0;
    }
    .ipo_summary dl dt {
        justify-content: flex-start;
        height:unset;
        font-weight:normal;
        background:unset;
    }
    .crew_bg {
        height: 195px;
    }

    .type_wrap_inner {
        row-gap: 25px;
    }
    .cast_inner > a > .cast_ico > img {
        width: 80%;
        height: 80%;
    }

    /* 시그널 CAST */
    .signal_cast_in {
        /* background: no-repeat top / 140% url(../img/cast_bg.png); */
    }

    /* 인사이트 */
    .insight_wrap {
        height: 420px;
    }
    .insight_bg_txt > dl > .insight_sub > a {
        font-size: 16px;
        line-height: 21px;
    }
    .txt_tit_img > dl > .insight_sub > a {
        font-size: 16px;
        line-height: 21px;
    }


    .signal_pick_wrap .signal_pick_wrap_inner {
        row-gap: 40px
    }
    .signal_pick_wrap .signal_pick_wrap_inner .img_mark_reporter .img_mark_info {
        margin-top: 10px
    }
    .signal_pick_wrap .signal_pick_wrap_inner .img_mark_major_news .img_mark_info {
        margin-top: 10px
    }
    .signal_class_wrap_inner {
        grid-template-columns: 1fr;
        column-gap: 20px;
    }
    .m_item_analysis_wrap_inner, .market_history_wrap_plus {
        grid-row-gap: 30px;
    }
    .m_item_analysis, .img_part2_plus {
        grid-template-columns: 1fr 2fr;
        row-gap: 20px
    }
    
    .img_mark_reporter {
        display: flex;
        flex-direction: column;
        row-gap: 20px;
        /* grid-template-columns: 1fr 1.5fr; */
        column-gap: 20px;
    }
    .img_mark_major_news {
        display: flex;
        flex-direction: column;
        row-gap: 20px;
        /* grid-template-columns: 1fr 1.5fr; */
        column-gap: 20px;
    }

    .m_item_analysis_info > .keyword_box {
        border-bottom: 1px dashed #eee;
        padding-bottom: 10px;
    }

    .txt_tit_img > dl > .insight_sub > a > i {
        line-height: 24px;
        font-size: 16px;
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
    }

    .econo_book_bg {
        height: 40vh;
    }

    /* MAGAZINE 리스트 */
    .magazine_main {
        row-gap: 15px;
    }
    .magazine_main_sub {
        font-size: 11px;
    }
    .magazine_main_title {
        font-size: 22px;
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
    }
    .magazine_main_tit {
        column-gap: 15%;
    }

    .list_more_btn {
        width: 80px;
        height: 36px;
        line-height: 35px;
        font-size: 12px;
        border-radius: 5px;
        box-shadow: 1px 2px 3px 1px #f5f5f5;
    }

    .m_sec_view_ttl {
        font-size: 15px;
        line-height: 19px;
    }

    .m_item_analysis_info > p {
        font-size: 16px;
        line-height: 24px;
    }

    .analysis_info {
        font-size: 11px;
    }
    .time_sec {
        font-size: 11px;
    }

    .part_plus_info > dt > a {
        font-size: 13px;
    }
    
}

@media only screen and (max-width : 380px) { 
    .m_center_line {
        margin: 30px 0;
    }
    header .logo_wrap .logo > a > img {
        width: 50%;
        height: 30px;
        margin-top: 5px;
    }
    .gnb_info {
        column-gap: 20px;
    }

    /* 타이틀 부제목 */
    .sec_ttl {
        font-size: 20px;
        line-height: 28px;
        z-index: 1;
    }
    .news_info_wrap::before {
        height: 24px;
    }

    /* 인사이트 */
    .insight_wrap {
        height: 390px;
    }
    .insight_bg_txt > dl > .insight_sub > a:first-child {
        margin-bottom: 0;
    }
    .insight_bg_txt > dl > dt {
        margin-bottom: 0;
    }

    .txt_park .news_item_in .news_info_time::before {
        top: 19px;
    }

    /* 시장 동향 */
    .trend_ttl > a {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }
    .trend_info > dt > a {
        font-size: 16px;
    }
    .txt_park {
        padding: 20px 0 20px 0;
    }
    .txt_park .news_item_in .news_item_tlt {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }
    .txt_park .news_item_in .news_info_time {
        font-size: 14px;
    }
    .img_part2 {
        margin-bottom: 0;
    }
    .market_history_wrap_inner:last-child {
        grid-row-gap: 20px;
    }
    .sec_ttl > a > i {
        padding-top: 11px;
    }

    /* 시그널 CREW (new)*/ 
    .crew_bg {
        top: 86px;
        height: 190px;
    }

    /* 주요 뉴스 */ 
    .img_mark_reporter > div {
        grid-row-gap: 10px;
    }
    .img_mark_major_news > div {
        grid-row-gap: 10px;
    }
    .news_ttl > i {
        font-size: 13px;
        padding: 6px 8px;
    }

    /* 섹터 VIEW */
    .m_news_wrap {
        height: 310px;
    }
    .slick-test3 .slick-slide {
        height: 310px;
    }
    .slick-test3 {
        height: 310px;
    }
    .m_sec_view_ttl {
        font-size: 15px;
        line-height: 19px;
    }
    .econo_book_bg {
        height: 35vh;
    }

    /* 시그널 CAST */
    .slick-test {
        margin-top: 20px;
    }
    .signal_cast {
        height: 225px;
    }
    .signal_cast::before {
        height: 225px;
    }
    .signal_cast::after {
        height: 225px;
    }
    .slick-test .slick-slide {
        height: 180px;
        width: 9%;
        border-radius: 20px;
        margin: 0 10px;
    }
    .cast_ttl {
        font-size: 17px;
        line-height: 23px;
    }
    .slick-test .cast_inner > a::before {
        top: 135px;
    }
    
    /* 시그널 pick */
    .pick_wrap {
        margin-bottom: 20px;
    }
    
    .img_mark_reporter > figure {
        width: 100%;
    }
    .img_mark_reporter > div > .pick_ttl > a {
        font-size: 18px;
        line-height: 26px;
    }
    .img_mark_major_news > figure {
        width: 100%;
    }
    .img_mark_major_news > div > .pick_ttl > a {
        font-size: 18px;
        line-height: 26px;
    }
    .img_mark_info, .time_sec {
        font-size: 13px;
    }

    /* 시그널 CLASS */
    .class_ttl {
        font-size: 18px;
        line-height: 26px;
    }  
    .img_ico_part1 {
        row-gap: 10px;
    }
    .class_txt {
        font-size: 16px;
    }
    .img_ico_part2 > .class_ttl {
        margin-top: 10px;
    }


    /* 종목 분석 */
    .img_part2_keyword {
        column-gap: 20px;
        align-items: flex-start;
    }
    .keyword_sec {
        max-height: 60px;
    }
    .analysis_info > div > span {
        display: none;
    }
    .m_item_analysis_info > .keyword_box > li > a {
        font-size: 14px;
    }

    /* 타입 분석 */
    .img_txt_date > .img_txt_info > figure {
        width: 75%;
        height: 100%;
    }
    .type_wrap_inner {
        row-gap: 20px;
    }

    /* 브랜드 미디어 */
    .brand_mark_reporter {
        column-gap: 20px;
    }


    /* [리스트] 유형 분석 */ 
    .img_plusicon_txt_wrap_inner {
        grid-row-gap: 30px;
        grid-column-gap: 20px;
    }
    .img_plusicon_txt a > .img_plusicon_info > p {
        font-size: 16px;
    }
    .img_plusicon_txt a > .img_plusicon_info > span {
        font-size: 16px;
        line-height: 21px;
    }
    .img_plusicon_txt a > .img_plusicon_info {
        padding: 15px;
    }
    .img_plusicon_txt a > .img_plusicon_info {
        grid-row-gap: 15px;
    }
    /* [리스트] 종목 분석 */
    .img_part2_keyword_m > div > .analysis_sec_m {
        top: 50%;
    }

    /* MAGAZINE */
    .econ_book_day {
        top: 20px;
    }
    .econ_book_day > span {
        font-size: 15px;
    }
    .econ_book_bn {
        bottom: 20px;
    }
    .econ_book_bn > li {
        width: 80px;
        height: 30px;
    }
    .econ_book_bn > li > a {
        font-size: 13px;
        line-height: 29px;
    }

    /* MAGAZINE 메인 */
    .magazine_books_wrap {
        padding: 25px 20px;
        gap: 30px;
    }
    .magazine_books_btn {
        font-size: 13px;
        height: 30px;
        line-height: 30px;
    }
    .magazine_books_btn > li {
        width: 28%;
        font-size: 15px;
        height: 35px;
        line-height: 32px;
    }
    .magazine_books_day {
        font-size: 15px;
    }
    .magazine_books_info {
        row-gap: 15px;
    }

    /*----------------------
    ## 기사상세
    ----------------------*/
    .container.etc {
        row-gap:40px;
    }
    .summary {
        font-size: 18px;
        line-height: 30px;
        margin-bottom: 30px;
    }
    .txt_mark_reporter h3 {
        font-size: 22px;
        line-height: 32px;
    }
    .widefull_text .txt_mark_reporter {
        padding-bottom: 0;
    }
    .news_content .mark_title, 
    .news_content figure {
        margin: 30px 0;
        font-size:20px;
    }
    .shortcut_title {
        left: -15px;
        width: 70px;
        height: 70px;
    }
    .news_wrap {
        font-size: 17px;
        line-height: 30px;
    }
    .shortcut .gradation_txt {
        font-size: 17px;
        line-height: 17px;
        text-indent: 10px;
    }
    .news_content .mark_title::before {
        width: 19px;
        height: 18px;
    }
    .ad_btn_r {
        height: auto;
    }


    /*----------------------
        ## IPO
        ----------------------*/
        .caution {
            row-gap:10px;
        }
        .caution > li {
        font-size:.9rem;
        line-height:1.2rem;
    }

    .mobile7_ad {
        width: 300px;
        display: flex;
        justify-content: center;
    }

}

@media only screen and (max-width : 340px) {

    /* 인사이트 */
    .insight_wrap {
        height: 370px;
    }
    .txt_tit_img > dl > dd.on > a {
        font-size: 20px;
        line-height: 28px;
    }

    /* 시장 동향 */
    .market_history_wrap_inner {
        grid-template-columns: 1fr
    }
}

/***** BEGIN: 20240418_yjj_미디어쿼리 360 추가 *****/
@media only screen and (max-width : 520px) {
    /*----------------------
    ## IPO
    ----------------------*/
    .ipo_mo_indicator {
        padding: 0 0;
        background: none;
    }
    .ipo_tab {
        height: 60px;
        font-size: 15px;
        border-right: 2px solid #333;
    }
    .ipo_tabbox {
        border-radius: 13px;
        border: 2px solid #333;
    }
    .ipo_tab:first-child.active {
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px;
    }
    .ipo_tab:last-child.active {
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px
    }
}