@charset "utf-8";
/*-------------------------------------------------------------------
## 스크릿스코프 STYLE
-------------------------------------------------------------------*/




/*----------------------
## Wrapper
----------------------*/
.wrapper {
    max-width: 1200px;
    height: auto;
    margin: 0 auto;
}

/*----------------------
## Header
----------------------*/
header {
    position: sticky;
    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: 100%;
    background: #fff;
}
header::after {
    content: '';
    position: absolute;
    right: -100%;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fff;
}
.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 {
    font-size: 20px; 
    color: #507CA0; 
    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;
}
/* finance logo */
.logoarea{
    display:flex;
    align-items: center;
    justify-content: center;
    height:100px;
}
.logo_finance,
.logo_finance::after {
    width: 250px;
    height: 40px;
}
.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;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='Layer_1' data-name='Layer 1' version='1.1' viewBox='0 0 808 127'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23000;stroke-width:0%7D%3C/style%3E%3C/defs%3E%3Cpath d='M115.5 23.2h7.7V7.8h-15.4v15.4h7.7ZM127.1 42.3h-3.8v-3.8h-3.8v-3.8h-7.7v3.8H108v3.8h-7.7V50h7.7v34.6h-7.7v7.7h7.7v7.7h11.5v-3.8h3.8v-3.8h3.8v-3.8h3.8v-3.8h-7.7V50.2h7.7v-7.7h-3.8ZM388.6 38.5v-3.8h-19.2v3.8h-3.8v3.8h-3.8v3.8H358v3.8h-3.8v34.6h-7.7v7.7H358V96h3.8v3.8h11.5V96h3.8v-3.8h3.8v-3.8h3.8v-3.8h-15.4V46.1h3.8v-3.8h3.8v3.8h3.8v3.8h11.5V38.4h-3.8ZM605.9 38.5v-3.8h-19.2v3.8h-3.8v3.8h-3.8v3.8h-3.8v3.8h-3.8v34.6h-7.7v7.7h11.5V96h3.8v3.8h11.5V96h3.8v-3.8h3.8v-3.8h3.8v-3.8h-15.4V46.1h3.8v-3.8h3.8v3.8h3.8v3.8h11.5V38.4h-3.8ZM742.5 42.3h-3.8v-3.8h-3.8v-3.8h-15.4v3.8h-3.8v3.8H708v-3.8h-3.8v-3.8h-11.5v3.8h-3.8v3.8h-3.8V50h7.7v34.6H689v3.8h-3.8v3.8h-3.8v7.7h7.7v-3.8h3.8V123h3.8v-3.8h3.8v-3.8h3.8v-3.8h3.8V92.4h15.4v7.7h7.7v-3.8h3.8v-3.8h11.5v-7.7h-7.7V50.2h7.7v-7.7h-3.8ZM707.8 50h15.4v34.6h-15.4V50ZM673.2 42.3h-7.7v-3.8h-3.8v-3.8h-23.1v3.8h-3.8v3.8H631v3.8h-3.8v3.8h-3.8v34.6h-7.7v7.7h11.5V96h3.8v3.8h19.2V96h3.8v-3.8h3.8v-3.8h3.8v-3.8h3.8v-3.8h3.8V50h7.7v-7.7h-3.8ZM654 84.7h-15.4V46.2h3.8v-3.8h3.8v3.8h3.8V50h3.8v34.6ZM550.2 3.9v3.8h-3.8v3.8H531V7.7h-7.7V3.9h-26.9v3.8h-7.7v3.8h-3.8v7.7h-3.8v26.9h3.8v3.8h7.7v3.8h7.7v3.8h7.7v3.8h7.7v3.8h7.7v3.8h7.7v3.8h7.7v11.5H535V88h-7.7v-3.8h-7.7v-3.8h-7.7v-3.8h-7.7v-3.8h-15.4v3.8H485v3.8h-3.8v3.8h-3.8V88h-3.8v3.8h-3.8v7.7h3.8v-3.8h3.8v-3.8h3.8v-3.8h11.5v3.8h7.7v3.8h7.7v3.8h23.1v-3.8h7.7v-3.8h3.8v-3.8h3.8v-3.8h3.8v-7.7h3.8V53.5h-3.8v-3.8h-7.7v-3.8h-7.7v-3.8h-7.7v-3.8h-7.7v-3.8h-7.7v-3.8h-7.7v-3.8h-3.8v-3.8h-3.8v-7.7H508v3.8h7.7V23h7.7v3.8h15.4V23h3.8v-3.8h3.8v-3.8h3.8v-3.8h3.8V3.9h-3.8Zm-15.4 65.4v-3.8h-7.7v-3.8h-7.7v-3.8h-7.7v-3.8H504v-3.8h-7.7v-3.8h-7.7v-7.7h11.5v3.8h7.7v3.8h7.7v3.8h7.7V54h7.7v3.8h7.7v3.8h7.7v7.7h-11.5ZM438.6 42.3v-3.8h-3.8v-3.8h-19.2v3.8h-3.8v3.8H408v3.8h-3.8v3.8h-3.8v34.6h-7.7v7.7h11.5V96h3.8v3.8h11.5V96h3.8v-3.8h3.8v-3.8h3.8v-3.8h-15.4V65.4h19.2v-7.7h-19.2V46.2h3.8v-3.8h3.8v3.8h3.8V50h3.8v3.8h3.8v3.8h7.7V42.2h-3.8ZM800.2 42.3v-3.8h-3.8v-3.8h-19.2v3.8h-3.8v3.8h-3.8v3.8h-3.8v3.8H762v34.6h-7.7v7.7h11.5V96h3.8v3.8h11.5V96h3.8v-3.8h3.8v-3.8h3.8v-3.8h-15.4V65.4h19.2v-7.7h-19.2V46.2h3.8v-3.8h3.8v3.8h3.8V50h3.8v3.8h3.8v3.8h7.7V42.2H800ZM265.5 42.3h-7.7v-7.7h-26.9v3.8h-3.8v3.8h-3.8V46h-3.8v3.8h-3.8v34.6H208v7.7h11.5v3.8h3.8v3.8h15.4v-3.8h3.8v-3.8h7.7v7.7h11.5V96h3.8v-3.8h3.8v-7.7h-7.7V49.9h7.7v-7.7h-3.8Zm-30.7 0h11.5v42.3h-15.4V42.3h3.8ZM196.3 42.3h-3.8v-3.8h-3.8v-3.8h-15.4v3.8h-3.8v3.8h-7.7v-3.8H158v-3.8h-15.4v3.8h-3.8V50h7.7v34.6h-7.7v7.7h7.7v7.7H158v-3.8h3.8v-3.8h3.8v-7.7h-3.8V50.1h15.4v34.6h-7.7v7.7h7.7v7.7h11.5v-3.8h3.8v-3.8h3.8v-3.8h3.8v-3.8h-7.7V50.3h7.7v-7.7h-3.8ZM334.8 42.3H331v-3.8h-3.8v-3.8h-15.4v3.8H308v3.8h-7.7v-3.8h-3.8v-3.8h-15.4v3.8h-3.8V50h7.7v34.6h-7.7v7.7h7.7v7.7h11.5v-3.8h3.8v-3.8h3.8v-7.7h-3.8V50.1h15.4v34.6H308v7.7h7.7v7.7h11.5v-3.8h3.8v-3.8h3.8v-3.8h3.8v-3.8h-7.7V50.3h7.7v-7.7h-3.8ZM69.4 3.9v3.8h-3.8v3.8h-3.8v3.8H58v-3.8h-7.7v3.8h-3.8v-3.8h-3.8V7.7h-3.8V3.9H19.7v3.8h-3.8v3.8h-3.8v7.7h3.8v-3.8h3.8v-3.8h3.8v3.8h3.8v3.8h3.8V23h3.8v3.8h3.8v3.8h3.8v11.5H27.1v3.8h-3.8v3.8h-3.8v7.7h3.8v-3.8h3.8v-3.8h15.4v34.6h-3.8v-3.8h-3.8v-3.8h-3.8V73h-7.7v3.8h-3.8v3.8h-3.8v3.8H12v3.8H8.2V92H4.4v7.7h3.8v-3.8H12v-3.8h3.8v-3.8h7.7V96h7.7v3.8h23.1V96h3.8v-3.8h3.8v-3.8h3.8v-3.8h3.8v-3.8h3.8V50h15.4v-7.7H73.3V19.2h19.2v-3.8h3.8v-3.8h3.8V7.8h3.8V4H69.3ZM57.8 19.3v65.4H54v3.8h-3.8V19.3h7.7Z' class='cls-1'/%3E%3C/svg%3E");
}
.mobile-top-bar .logo_finance,
.mobile-top-bar .logo_finance::after {
    width: 150px;
    height: 24px;
}


/*----------------------
## GNB
----------------------*/   
.gnb {
    position: relative;
    display: flex;
    padding: 0 40px;
    border-top: 1px solid #f5f5f5 ;
    border-bottom: 1px solid #000;
    margin-bottom: 50px;
} 
.gnb_inner{
    position: relative;
    width: 100%;
    height: 76px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #fff;
}

/** ## HEADER 모바일 **/
.gnb_m {
    display: none;
    position: absolute;
    right: 0;
    top: 36px;
    height: 28px;
}
.gnb_info {
    display: flex; 
    align-items: center; 
}
.gnb_inner > .gnb_info {
    display: flex; 
    align-items: center; 
    column-gap: 20px
}
.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");
}
.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: 15px;
    left: 40px;
    display: grid;
    grid-template-columns: 30px auto;
    align-items: center;
    min-width: 400px;
    height: 45px; /* 콘텐츠 높이에 맞게 적절히 수정 */
    padding: 0 20px;
    border-radius: 100px;
    background: #284052;
    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%;
    display: none;
    -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.show .btn_x {
    display: inline-block;
}
.search_wrap > input, 
.searchwindow > input {
    color: #fff;
    border:0;
    background: none    
}
.search_wrap > input::placeholder, 
.searchwindow > input::placeholder {
    color:#7a92a6 
}


/** ## 햄버거 메뉴 **/
.full_menu {
    display: block;
    width: 18px; 
    height: 18px; 
    cursor: pointer;
    /* background: url(/img/full_menu.png) no-repeat; */
}
.full_menu_bn {
    display: block;
    width: 18px; 
    height: 18px; 
    cursor: pointer;
    background: url('/img/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%;	/* 돋보기 이미지 위치를 정가운데로 */
}

.sticky_header .search_box {
    left: -10px;
    top: -20px;
}


/** ## 모바일 슬라이드 메뉴 **/
.mobile-top-bar {
    background-color:#FFF;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    z-index:99;
    display: flex;
    padding: 0 20px;
    justify-content: space-between;
    align-items: center;
    height: 80px;
}
.mobile-top-bar > .logo {
    text-align:center;
    color:white;
    font-weight:bold;
    font-size:1.5rem;
}
.ico {
    width:25px;
    height:25px;
    transform:translatey(-50%);
    cursor:pointer;
    margin-top: 17px;
}
.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; */
}
.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: 30%;
}
.left-side-bar > .menu-1 ul > li > a {
    display:block;
    font-weight: 500;
    position: relative;
}
.left-side-bar > .menu-1 ul > li:hover > a {
    color:#000;
}
/* .left-side-bar > .menu-1 ul > li > a:not(:only-child)::after {
    content:"❯";
    float:right;
    margin-right: 5px;
    transform: rotate( 90deg );
}
.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: 14px;
    color: #888;
}
.menu-1 > ul {
    display: flex; flex-direction: column; row-gap: 20px;
}
.side_btn {
    flex-direction: row-reverse; 
    width: 100%; 
    height: 60px; 
    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;
}

/* 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 {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
            z-index: 0
}
.main_menu_nav > ul {
    display: flex;
    position: relative;
}
.main_menu_nav > ul > li {
    width: 105px;
    text-align: center;
    height: 76px;
    /* height: 88px; */
    line-height: 72px;
    font-weight: 400;
}
.main_menu_nav > ul > li > .depth_wrap > .depth_2 > li {
    white-space: nowrap;
}
.main_menu_nav ul a {
    display: inline-block;
    color: #e3e3e3;
    font-size: 17px;
    font-weight: 500;
    color: #555;
    /* background-image: url('https://image.edaily.co.kr/images/pharmedaily/allow_b.png'); */
}
.main_menu_nav .depth_wrap .depth_2 li > a {
    line-height: 20px;
    text-align:left;
    padding: 10px;
    word-wrap: break-word;
}

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

.main_menu_nav > ul > li:hover > .depth_wrap {
    min-width: 105px;
    display: block;
    transition: all 0.3s ease;
    background: #fff;
    margin-top: 4px;
    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 .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;
}
.main_menu_nav > ul > li:hover{
    font-weight: bold;
    color: #5950e5;
    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, #507CA0, #284052) 1;
    z-index: 9;
}

.depth_wrap .depth_2 {
    display: grid;
    
}
.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);
}







/** 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: -40px;
    top: 30px;
    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;
    opacity: 0.97;
}
.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: 40px;
    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;
}

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

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

.signal_pick_wrap .signal_pick_wrap_list_inner {
    margin-top: 50px;
    padding-top: 50px;
    border-top: 2px solid #333
}
.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 {
    display: grid;
    grid-template-columns: 1fr;
    row-gap: 30px;
}

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

/* 시장 동향 */
.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: 60px;
}

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

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

/*----------------------
## MAIN
----------------------*/  
.container {
    position: relative;
    padding: 0 40px;
    display: flex;
    flex-direction: column;
    row-gap: 70px;
}
.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: 17px;
    background: #f0f0f0;
    margin: 72px 0;
}
.m_center_gap {
    display: none;
    width: 100%;
    margin: 50px 0;
}
.pc_center_line {
    display: block;
    width: 100%;
    height: 0.5px;
    background: #000;
    margin: 40px 0;
}
.center_line_dashed {
    display: none;
}

/* 섹터 VIEW */
.secter_wrap {
    display: block;
    width: 100%; 
    height: 520px; 
    overflow: hidden; 
    border-radius: 25px;
}
.grid_view {
    width: 100%;
    max-width:1120px;
    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_sec01 {
    position: relative;
    display: flex;
    align-items: center;
    grid-column: 1 / span 13;
    grid-row: 1 / span 25;
    border: 1px solid #000;
    display: flex;
    align-items: center;
    overflow: hidden;
}
.news_sec01 > a {
    display: flex;
    width: 100%;
    height: 100%;
    z-index: 9;
}
.news_sec01 > a:hover {
    border-radius: 15px;
    transform: scale(1.1, 1.1);
    transition-duration: 0.5s;
    overflow: hidden;
}
.news_sec02 {
    position: relative;
    display: flex;
    align-items: center;
    grid-column: 14 / span 14;
    grid-row: 1 / span 14;
    border: 1px solid #000;
    overflow: hidden;
}
.news_sec02 > a {
    display: flex;
    width: 100%;
    height: 100%;
    z-index: 9;
}
.news_sec02 > a:hover {
    border-radius: 15px;
    transform: scale(1.1, 1.1);
    transition-duration: 0.5s;
    overflow: hidden;
}
.news_sec03 {
    position: relative;
    display: flex;
    align-items: center;
    grid-column: 28 / span 15;
    grid-row: 1 / span 14;
    border: 1px solid #000;
    overflow: hidden;
}
.news_sec03 > a {
    display: flex;
    width: 100%;
    height: 100%;
    z-index: 9;
}
.news_sec03 > a:hover {
    border-radius: 15px;
    transform: scale(1.1, 1.1);
    transition-duration: 0.5s;
    overflow: hidden;
}
.news_sec04 {
    position: relative;
    display: flex;
    align-items: center;
    grid-column: 43 / span 8;
    grid-row: 1 / span 25;
    border: 2px solid #000;
    overflow: hidden;
}
.news_sec04 > a {
    display: flex;
    width: 100%;
    height: 100%;
    z-index: 9;
}
.news_sec04 > a:hover {
    border-radius: 15px;
    transform: scale(1.1, 1.1);
    transition-duration: 0.5s;
    overflow: hidden;
}
.news_sec05 {
    position: relative;
    display: flex;
    align-items: center;
    grid-column: 1 / span 13;
    grid-row: 26 / span 15;
    border: 1px solid #000;
    overflow: hidden;
}
.news_sec05 > a {
    display: flex;
    width: 100%;
    height: 100%;
    z-index: 9;
}
.news_sec05 > a:hover {
    border-radius: 15px;
    transform: scale(1.1, 1.1);
    transition-duration: 0.5s;
    overflow: hidden;
}
.news_sec06 {
    position: relative;
    display: flex;
    align-items: center;
    grid-column: 14 / span 8;
    grid-row: 15 / span 26;
    border: 1px solid #000;
    overflow: hidden;
}
.news_sec06 > a {
    display: flex;
    width: 100%;
    height: 100%;
    z-index: 9;
}
.news_sec06 > a:hover {
    border-radius: 15px;
    transform: scale(1.1, 1.1);
    transition-duration: 0.5s;
    overflow: hidden;
}
.news_sec07 {
    position: relative;
    display: flex;
    align-items: center;
    grid-column: 22 / span 21;
    grid-row: 15 / span 11;
    border: 1px solid #000;
    overflow: hidden;
}
.news_sec07 > a {
    display: flex;
    width: 100%;
    height: 100%;
    z-index: 9;
}
.news_sec07 > a:hover {
    border-radius: 15px;
    transform: scale(1.1, 1.1);
    transition-duration: 0.5s;
    overflow: hidden;
}
.news_sec08 {
    position: relative;
    display: flex;
    align-items: center;
    grid-column: 22 / span 7;
    grid-row: 26 / span 15;
    border: 1px solid #000;
    overflow: hidden;
}
.news_sec08 > a {
    display: flex;
    width: 100%;
    height: 100%;
    z-index: 9;
}
.news_sec08 > a:hover {
    border-radius: 15px;
    transform: scale(1.1, 1.1);
    transition-duration: 0.5s;
    overflow: hidden;
}
.news_sec09 {
    position: relative;
    display: flex;
    align-items: center;
    grid-column: 29 / span 7;
    grid-row: 26 / span 15;
    border: 1px solid #000;
    overflow: hidden;
}
.news_sec09 > a {
    display: flex;
    width: 100%;
    height: 100%;
    z-index: 9;
}
.news_sec09 > 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: 36 / 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_sec11 {
    position: relative;
    display: flex;
    align-items: center;
    grid-column: 43 / span 8;
    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;
}

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

.sec_view_info:hover {
    opacity: 0.7;
    transition: 0.3s;
}
.sec_sub {
    color: #c2efff;
    font-size: 13px; 
    font-weight: 500; 
    margin-bottom: 10px;
}
.sec_view_ttl {
    font-weight: 600; 
    font-size: 25px; 
    line-height: 35px; 
    margin-bottom: 35px;
    text-shadow: 3px 2px #000;
}
.sec_view_txt {
    color:#ccc;
    font-size: 15px; 
    line-height: 21px;
    overflow: hidden; 
    display: -webkit-box; 
    -webkit-box-orient: vertical;
            box-orient: vertical;
    -webkit-line-clamp: 3;
            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;
}

/* 시그널 CAST */
.signal_cast {
    position: relative;
    width: 100%;
    height: 468px;
    background: #1a172c;
    
}
.signal_cast_in {
    width: 100%;
    height: 100%;
    padding-top: 40px;
    background: no-repeat top / 100% url(/img/cast_bg.png);
}
.signal_cast::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 468px;
    background: #1a172c;
}
.signal_cast::after {
    content: '';
    position: absolute;
    top: 0;
    right: -100%;
    width: 100%;
    height: 468px;
    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;
    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));
    /* 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;
}
.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/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 {
    display: flex; 
    width: 100%; 
    height: auto; 
    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: #c2efff;
    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;
            box-orient: vertical; 
    -webkit-line-clamp: 3;
            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/view_cov.png');
    z-index: 1;
    /* opacity: 0.7; */
    opacity: 1;
}

/*----------------------
## [리스트] 시그널 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/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, #171524 38%, #aa5a86 50%, #171524);
    /* 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:#1a172c;
    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, #141127 107px, rgba(0, 0, 0, 0));
    z-index: 99; opacity: 0.7;
}
.cast_ttl_l {
    position: relative;
    font-weight: 600;
    font-size: 21px;
    line-height: 25px;
    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
}

/*----------------------
## FOOTER   
----------------------*/  

footer {
    display: grid;
    grid-template-columns: 150px auto;
    align-items: center;
    /* flex-wrap: wrap; */
    padding: 0 40px;
    column-gap: 40px;
    height: 180px;
    border-top: 1px solid #f0f0f0;
    margin-top: 70px;
    font-size: 15px;
    color: #999;
    position: relative;
}
.footer_info {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.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;
}
footer::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 180px;
    border-top: 1px solid #f0f0f0;
    background: #FFF;
}
footer::after {
    content: '';
    position: absolute;
    top: 0;
    right: -100%;
    width: 100%;
    height: 180px;
    border-top: 1px solid #f0f0f0;
    background: #FFF;
}

.f_financelogo {
    position: relative;
    width:150px;
    height: 24px;
    font-size: 0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='Layer_1' data-name='Layer 1' version='1.1' viewBox='0 0 808 127'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23000;stroke-width:0%7D%3C/style%3E%3C/defs%3E%3Cpath d='M115.5 23.2h7.7V7.8h-15.4v15.4h7.7ZM127.1 42.3h-3.8v-3.8h-3.8v-3.8h-7.7v3.8H108v3.8h-7.7V50h7.7v34.6h-7.7v7.7h7.7v7.7h11.5v-3.8h3.8v-3.8h3.8v-3.8h3.8v-3.8h-7.7V50.2h7.7v-7.7h-3.8ZM388.6 38.5v-3.8h-19.2v3.8h-3.8v3.8h-3.8v3.8H358v3.8h-3.8v34.6h-7.7v7.7H358V96h3.8v3.8h11.5V96h3.8v-3.8h3.8v-3.8h3.8v-3.8h-15.4V46.1h3.8v-3.8h3.8v3.8h3.8v3.8h11.5V38.4h-3.8ZM605.9 38.5v-3.8h-19.2v3.8h-3.8v3.8h-3.8v3.8h-3.8v3.8h-3.8v34.6h-7.7v7.7h11.5V96h3.8v3.8h11.5V96h3.8v-3.8h3.8v-3.8h3.8v-3.8h-15.4V46.1h3.8v-3.8h3.8v3.8h3.8v3.8h11.5V38.4h-3.8ZM742.5 42.3h-3.8v-3.8h-3.8v-3.8h-15.4v3.8h-3.8v3.8H708v-3.8h-3.8v-3.8h-11.5v3.8h-3.8v3.8h-3.8V50h7.7v34.6H689v3.8h-3.8v3.8h-3.8v7.7h7.7v-3.8h3.8V123h3.8v-3.8h3.8v-3.8h3.8v-3.8h3.8V92.4h15.4v7.7h7.7v-3.8h3.8v-3.8h11.5v-7.7h-7.7V50.2h7.7v-7.7h-3.8ZM707.8 50h15.4v34.6h-15.4V50ZM673.2 42.3h-7.7v-3.8h-3.8v-3.8h-23.1v3.8h-3.8v3.8H631v3.8h-3.8v3.8h-3.8v34.6h-7.7v7.7h11.5V96h3.8v3.8h19.2V96h3.8v-3.8h3.8v-3.8h3.8v-3.8h3.8v-3.8h3.8V50h7.7v-7.7h-3.8ZM654 84.7h-15.4V46.2h3.8v-3.8h3.8v3.8h3.8V50h3.8v34.6ZM550.2 3.9v3.8h-3.8v3.8H531V7.7h-7.7V3.9h-26.9v3.8h-7.7v3.8h-3.8v7.7h-3.8v26.9h3.8v3.8h7.7v3.8h7.7v3.8h7.7v3.8h7.7v3.8h7.7v3.8h7.7v3.8h7.7v11.5H535V88h-7.7v-3.8h-7.7v-3.8h-7.7v-3.8h-7.7v-3.8h-15.4v3.8H485v3.8h-3.8v3.8h-3.8V88h-3.8v3.8h-3.8v7.7h3.8v-3.8h3.8v-3.8h3.8v-3.8h11.5v3.8h7.7v3.8h7.7v3.8h23.1v-3.8h7.7v-3.8h3.8v-3.8h3.8v-3.8h3.8v-7.7h3.8V53.5h-3.8v-3.8h-7.7v-3.8h-7.7v-3.8h-7.7v-3.8h-7.7v-3.8h-7.7v-3.8h-7.7v-3.8h-3.8v-3.8h-3.8v-7.7H508v3.8h7.7V23h7.7v3.8h15.4V23h3.8v-3.8h3.8v-3.8h3.8v-3.8h3.8V3.9h-3.8Zm-15.4 65.4v-3.8h-7.7v-3.8h-7.7v-3.8h-7.7v-3.8H504v-3.8h-7.7v-3.8h-7.7v-7.7h11.5v3.8h7.7v3.8h7.7v3.8h7.7V54h7.7v3.8h7.7v3.8h7.7v7.7h-11.5ZM438.6 42.3v-3.8h-3.8v-3.8h-19.2v3.8h-3.8v3.8H408v3.8h-3.8v3.8h-3.8v34.6h-7.7v7.7h11.5V96h3.8v3.8h11.5V96h3.8v-3.8h3.8v-3.8h3.8v-3.8h-15.4V65.4h19.2v-7.7h-19.2V46.2h3.8v-3.8h3.8v3.8h3.8V50h3.8v3.8h3.8v3.8h7.7V42.2h-3.8ZM800.2 42.3v-3.8h-3.8v-3.8h-19.2v3.8h-3.8v3.8h-3.8v3.8h-3.8v3.8H762v34.6h-7.7v7.7h11.5V96h3.8v3.8h11.5V96h3.8v-3.8h3.8v-3.8h3.8v-3.8h-15.4V65.4h19.2v-7.7h-19.2V46.2h3.8v-3.8h3.8v3.8h3.8V50h3.8v3.8h3.8v3.8h7.7V42.2H800ZM265.5 42.3h-7.7v-7.7h-26.9v3.8h-3.8v3.8h-3.8V46h-3.8v3.8h-3.8v34.6H208v7.7h11.5v3.8h3.8v3.8h15.4v-3.8h3.8v-3.8h7.7v7.7h11.5V96h3.8v-3.8h3.8v-7.7h-7.7V49.9h7.7v-7.7h-3.8Zm-30.7 0h11.5v42.3h-15.4V42.3h3.8ZM196.3 42.3h-3.8v-3.8h-3.8v-3.8h-15.4v3.8h-3.8v3.8h-7.7v-3.8H158v-3.8h-15.4v3.8h-3.8V50h7.7v34.6h-7.7v7.7h7.7v7.7H158v-3.8h3.8v-3.8h3.8v-7.7h-3.8V50.1h15.4v34.6h-7.7v7.7h7.7v7.7h11.5v-3.8h3.8v-3.8h3.8v-3.8h3.8v-3.8h-7.7V50.3h7.7v-7.7h-3.8ZM334.8 42.3H331v-3.8h-3.8v-3.8h-15.4v3.8H308v3.8h-7.7v-3.8h-3.8v-3.8h-15.4v3.8h-3.8V50h7.7v34.6h-7.7v7.7h7.7v7.7h11.5v-3.8h3.8v-3.8h3.8v-7.7h-3.8V50.1h15.4v34.6H308v7.7h7.7v7.7h11.5v-3.8h3.8v-3.8h3.8v-3.8h3.8v-3.8h-7.7V50.3h7.7v-7.7h-3.8ZM69.4 3.9v3.8h-3.8v3.8h-3.8v3.8H58v-3.8h-7.7v3.8h-3.8v-3.8h-3.8V7.7h-3.8V3.9H19.7v3.8h-3.8v3.8h-3.8v7.7h3.8v-3.8h3.8v-3.8h3.8v3.8h3.8v3.8h3.8V23h3.8v3.8h3.8v3.8h3.8v11.5H27.1v3.8h-3.8v3.8h-3.8v7.7h3.8v-3.8h3.8v-3.8h15.4v34.6h-3.8v-3.8h-3.8v-3.8h-3.8V73h-7.7v3.8h-3.8v3.8h-3.8v3.8H12v3.8H8.2V92H4.4v7.7h3.8v-3.8H12v-3.8h3.8v-3.8h7.7V96h7.7v3.8h23.1V96h3.8v-3.8h3.8v-3.8h3.8v-3.8h3.8v-3.8h3.8V50h15.4v-7.7H73.3V19.2h19.2v-3.8h3.8v-3.8h3.8V7.8h3.8V4H69.3ZM57.8 19.3v65.4H54v3.8h-3.8V19.3h7.7Z' class='cls-1'/%3E%3C/svg%3E");
}



/* 슬릭 슬라이드 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: #6a9dc7;
    }
}

.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: 22px
}
.btn_front_search {
    display: flex;
    width: 22px;
    height: 22px;
    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: 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;
}
.search_detail .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
}

/* 구독안내 벝튼 */
.btn_subscrip {
    position: absolute;
    right: 0;
    top: 63px;
    width:169px;
    height: 37px;
    overflow: hidden;
}
.btn_subscrip::before {
    content: "";
    position: absolute;
    top: 13px;
    left: 0px;
    display: inline-block;
    width: 89px;
    height: 25px;
    background: url('/img/subscrip_blurbg.png');
}
.btn_subscrip > span {
    overflow: hidden;
    position:absolute;
    right:0;
    display:flex;
    justify-content: center;
    align-items: center;
    width: 100px;
    height: 37px;
    font-size: 15px;
    color:#fff!important;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    background: #5b55bb;
    border:1px solid #5b55bb;
    animation: backgroundChange 6s infinite, borderChange 6s infinite; 
    z-index: 0;
}
@keyframes backgroundChange {
    0% {
        background-color: #5b55bb;
    }
    33% {
        background-color: #7c3ea0;
    }
    66% {
        background-color: #507CA0;
    }
    100% {
        background-color: #5b55bb;
    }
}
@keyframes borderChange {
    0% {
        border:1px solid  #5b55bb;
    }
    33% {
        border:1px solid  #7c3ea0;
    }
    66% {
        border:1px solid  #507CA0;
    }
    100% {
        border:1px solid  #5b55bb;
    }
}






/*-------------------------------------------------------------------
  ## MEDIAQUERY
-------------------------------------------------------------------*/
@media only screen and (max-width : 1200px) {
    .mark_charged {
        text-indent: 40px
    }
    .mark_charged::before {
        width: 33px;
        height: 33px;
    }
    input#m_menu:checked + nav#main_nav > ul > div {
        margin-left: 17%;
        flex-wrap: wrap;
        width: 70%;
        line-height: 30px;
        margin-top: 34px;
    }
    .main_menu_nav > ul > li > .depth_2 li a {
        width: 110px;
    }
    .main_menu_nav > ul > li:nth-child(5) > .depth_2 li a {
        width: 80px;
    }

    /* 인사이트 */
    .txt_tit_img > dl > dd.on > a {
        font-size: 26px;
        line-height: 31px;
    }
    .txt_tit_img > dl > .insight_sub > a {
        font-size: 16px;
        line-height: 21px;
    }
    .txt_park {
        padding: 20px 0;
        grid-row-gap: 0;
    }
    .txt_park.on {
        padding: 10px 40px 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: 425PX;
    }
    .signal_cast::before {
        height: 425PX;
    }
    .signal_cast::after {
        height: 425PX;
    }
    .cast_ttl {
        font-size: 21px;
        line-height: 28px;
    }
    .cast_ttl_l {
        font-size: 18px;
        line-height: 22px;
    }

    /*----------------------
    ## 기사상세
    ----------------------*/
    .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;
    }
    /* 구독안내 벝튼 */
    .btn_subscrip {
        right: 20px;
    }
    
}

@media only screen and (max-width : 1024px) {
    .container {
        padding: 0 20px;
        row-gap: 50px;
    }
    .signal_type_w0 {
        grid-template-columns: auto 276px;
        grid-column-gap: 25px;
    }

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

    input#m_menu:checked + nav#main_nav > ul {
        width: 82%;
    }
    .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#m_menu:checked + nav#main_nav > ul > div {
        margin-top: 28px;
    }

    .main_menu_nav ul a {
        font-size: 15px;
    }
    
    .main_menu_nav > ul > li > .depth_wrap .depth_2 {
        max-height: 600px;
        overflow-y: scroll;
    }
    
    

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

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


    /* 인사이트 */
    .txt_park {
        padding: 18px 15px 18px 0;
    }
    .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: 16 / 12;
    }
    .txt_park .news_item_in .news_info_time {
        font-size: 12px;
    }
    .news_ttl {
        font-size: 11px;
    }
    .news_ttl > a {
        padding: 0 10px;
    }
    /* .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;
    } */

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

    /* 시그널 Pick */
    .pick_wrap {
        column-gap: 15px;
    }
    .img_mark_reporter {
        column-gap: 15px;
        grid-template-columns: 2fr 4fr; 
    }
    .signal_pick_wrap_inner {
        column-gap: 20px;
        row-gap: 20px;
    }
    .img_mark_reporter > figure {
        width: 100%;
    }
    .img_mark_reporter > figure > a {
        width: 100%;
    }
    .img_mark_info {
        font-size: 13px;
    }
    .time_sec {
        font-size: 13px;
    }

    /* 섹터 VIEW */
    .secter_wrap {
        display: none;
    }
    
    .sec_view_info {
        padding: 8%;
    }
    .sec_view_ttl {
        font-size: 18px;
        line-height: 24px;
        font-weight: 500;
    }
    .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;
    }

    .signal_type_none {
        padding: 0 20px
    }


    /* 종목분석 */
    .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: 15px;
        line-height: 19px;
        margin: 33px 0;
    }
    .txt_part1_img .insight_back .insight_bg_r {
        height: 140px;
    }
    .txt_part1_img .insight_back .insight_news > dd a {
        -webkit-line-clamp: 3;
                line-clamp: 3;
    }
    .txt_part2_img .insight_back .insight_news {
        font-weight: 500;
        font-size: 15px;
        line-height: 19px;
        margin: 33px 0;
    }
    .txt_part2_img .insight_back .insight_bg_r {
        height: 140px;
    }
    .txt_part2_img .insight_back .insight_news > dd a {
        -webkit-line-clamp: 3;
                line-clamp: 3;
    }

    /* 시그널 CAST */
    .signal_cast {
        height: 340px;
    }
    .signal_cast_in {
        padding-top: 5px;
    }
    .signal_cast::before {
        height: 340px;
    }
    .signal_cast::after {
        height: 340px;
    }
    .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: 40px;
    }
    .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%;
    }
    

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

    /* 지금 뜨고 있는 뉴스 */
    .now_news_wrap_inner {
        row-gap: 15px;
    }
    .img_part1_time > figure {
        height: 75px;
    }
    .img_part1_time > figure > a {
        height: 75px;
    }
    .news_between_info > dt > a {
        font-size: 16px;
        line-height: 20px;
    }

    /* 유형 분석 */
    .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;
    }

    /* 오피니언 */
    .opinion_wrap {
        grid-column-gap: 25px;
    }
    .opinion_wrap_inner {
        row-gap: 40px;
    }
    .img_mark_ttl_info {
        top: 65%; 
    }
    .img_mark_ttl_info > p {
        font-size: 18px;
    }
    .img_mark_time_info > p > a {
        font-size: 16px;
        line-height: 20px;
        -webkit-line-clamp: 2;
                line-clamp: 2
    }
    .ico_round {
        font-size: 10px;
        line-height: 20px;
    }

    /* 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;
                line-clamp: 2;
    }

    /* 시그널 CLASS */
    .signal_type_w40 {
        grid-template-columns: auto 275px;
        grid-column-gap: 25px;
    }
    .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;
    }


    /* 프리미엄컨텐츠 */
    .charged_box {
        top: 30%;
    }

    /* FOOTER */
    footer {
        margin-top: 20px;
        padding: 0 20px;
        grid-column-gap: 30px;
    }
    .add_wrap > li {
        font-size: 13px;
    }
    .personal_info {
        font-size: 13px;
    }

    .txt_mark_reporter h3 {
        max-width:100%
    }
    /***** 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;

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

@media only screen and (max-width : 940px) {
    .signal_type_w0 {
        grid-template-columns: auto 250px;
        grid-column-gap: 30px;
    }

    .analysis_info > div > span {
        display: none;
    }
    
    /* 인사이트 */
    .txt_tit_img > dl {
        padding: 8% 3% 8% 0;
        width: 38%;
    }
    .txt_tit_img > dl > dd.on > a {
        font-size: 24px;
        line-height: 30px;
        margin-bottom: 10px;
    }
    .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_park {
        grid-row-gap: 5px;
        padding: 18px 0 18px 0;
    }
    .txt_park.on {
        margin-left: 0;
    }
    .txt_park.on::before {
        left: -11%;
    }
    .txt_park .news_item_in .news_item_tlt {
        font-size: 15px;
        line-height: 23px;
    }
    

    /* 시그널 Pick */
    .signal_pick_wrap_inner {
        grid-template-columns: 1fr;
    }
    .img_mark_reporter > div {
        grid-row-gap: 3px;
    }

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

    /*----------------------
    ## 기사상세
    ----------------------*/
    .signaltalk_wrap {
        grid-template-columns: 1fr;
        row-gap: 50px;
        justify-items: end;
    }

    /*----------------------
    ## 시그널 CLASS
    ----------------------*/
    .class_txt a {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
                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;
    }
    .txt_icon {
        font-size: 13px;
        padding: 4px 10px;
    }
    /* .txt_icon_noimg {
        display: none;
    } */

    /* 오피니언 */
    .img_mark_ttl_info {
        top: 44%; 
    }

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

@media only screen and (max-width : 819px) {
    .mark_charged {
        text-indent: 38px
    }
    .mark_charged::before {
        width: 38px;
        height: 38px;
    }
    .mark_charged.sm {
        text-indent: 28px;
        line-height: calc(100%);
    }
    .mark_charged.sm::before {
        width: 20px;
        height: 20px;
    }
    .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: 30px;
    }
    .signal_type_w40 {
        grid-template-columns: auto;
        margin-top: 40px;
    }
    .opinion_box {
        display: none;
    }
    .now_news_wrap {
        display: none;
    }
    .signal_type_w40 .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;
    }

    

    /* HEADER */
    header {
        height: auto;
        margin-bottom: 0;
    }
    header .logo_wrap {
        height: 80px;
    }
    header .logo_wrap .logo {
        margin: 30px 0;
    }
    header .logo_wrap .logo > a > img {
        width: 206px;
        height: 32px;
        display: none;
    }
    .mobile-top-bar {
        box-shadow: rgba(33, 35, 38, 0.1) 0px 10px 10px -5px;
    }

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

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

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

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


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

    .m_colums {
        grid-template-columns: 2fr 5fr !important;
    }

    /* 타이틀 부제목 */
    .sec_ttl {
        font-size: 24px;
        line-height: 27px;
        height: 25px;
        display: flex;
        align-items: center;
        column-gap: 10px;
    }

    /* 인사이트 */
    .insight_wrap {
        height: 640px;
        overflow: hidden;
    }
    .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: 113%;
        left: 50%;
        transform: translate(-50%, -50%);
        margin: 0;
        display: grid;
        grid-row-gap: 0;
        /* padding: 10% 0; */
        border-radius: 1000px;
    }
    .txt_tit_img > dl > dt {
        font-size: 13px;
        line-height: 26px;
        height: 28px;
        margin: 0 auto;
        margin-bottom: 15px;
    }
    .txt_tit_img > figure > a > img {
        width: 100%;
        margin-left: 0;
    }
    .txt_tit_img > dl > dd.on > a {
        font-size: 32px;
        line-height: 38px;
        font-weight: 600;
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
                box-orient: vertical;
        -webkit-line-clamp: 3;
                line-clamp: 3;
        margin-bottom: 30px;
        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::before {
        display: block;
    }
    .txt_park.on::after {
        display: block;
    }
    
    .txt_park {
        padding: 40px 0 40px 0;
    }
    .txt_park:first-child {
        padding-top: 0;
    }
    .txt_park:last-child {
        padding-bottom: 0;
    }
    .txt_park.on {
        margin-right: 0;
    }
    .news_ttl {
        font-size: 15px;
    }
    .txt_park .news_item_in .news_item_tlt {
        font-size: 23px;
        line-height: 32px;
    }
    .txt_park .news_item_in {
        height: auto;
    }
    .txt_park .news_item_in .news_info_time {
        font-size: 15px;
        width: 60px;
    }
    .txt_park .news_item_in .news_info_time::before {
        top: 12px;
    }


    /* 섹터 VIEW */
    .m_sec_view_ttl {
        font-weight: 500;
        font-size: 21px;
        line-height: 28px;
    }
    .m_news_wrapper {
        margin-bottom: 72px;
    }

    /* 시그널 CREW */
    .txt_part1_img > figure {
        width: 52%;
    }
    .txt_part1_img .insight_back {
        width: 50%;
    }
    .txt_part1_img .insight_back .insight_news {
        margin: 25% 0;
        font-size: 23px;
        line-height: 32px;
    }
    .txt_part1_img .insight_back .insight_bg_r {
        left: -10%;
        top: 0%;
        width: 100%;
        height: 100%;
    }
    .txt_part1_img .insight_back .insight_news > dd a {
        -webkit-line-clamp: 2;
                line-clamp: 2;
    }
    .txt_part2_img > figure {
        width: 52%;
    }
    .txt_part2_img .insight_back .insight_bg_r {
        right: -10%;
        top: 0%;
        width: 100%;
        height: 100%;
    }
    .txt_part2_img .insight_back .insight_news > dd a {
        -webkit-line-clamp: 2;
                line-clamp: 2;
    }
    .txt_part2_img .insight_back {
        width: 50%;
    }
    .txt_part2_img .insight_back .insight_news {
        margin: 25% 0;
        font-size: 20px;
        line-height: 30px;
        font-size: 23px;
        line-height: 32px;
    }

    /* 시그널 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 */
    .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: 30px;
    }
    .img_mark_reporter {
        grid-column-gap: 20px;
        grid-template-columns: 2fr 4fr;
    }
    .img_mark_reporter > figure {
        width: 100%;
    }
    .img_mark_reporter > figure > a {
        height: 100%;
    }
    .img_mark_reporter > div > .pick_ttl > a {
        font-size: 20px;
        line-height: 26px;
        text-align: justify;
    }
    .img_mark_info > p {
        display: grid;
        font-size: 16px;
    }
    
    .img_mark_info {
        font-size: 17px;
    }
    .news_ttl > a {
        padding: 2px 10px;
        font-size: 13px;
    }
    .time_sec {
        font-size: 16px;
    }

    /* 시그널 CLASS */
    .signal_class_wrap_inner {
        grid-template-columns: 1fr 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;
    }
    

    /* 오피니언 */
    .opinion_wrap {
        grid-template-columns: 1fr;
    }
    .opinion_wrap_inner {
        grid-template-columns: 1fr 1fr;
        grid-row-gap: 30px;
        grid-column-gap: 30px;
    }
    .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: 50%;
    }
    .img_mark_ttl_info > p {
        font-size: 23px;
        line-height: 32px;
    }
    .ico_round {
        font-size: 14px;
        width: 140px;
    }

    .m_opinion_wrap {
        display: none;
    }


    /* 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;
    }
    
    .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: 23px;
        line-height: 31px;
    }
    
    /* 지금 뜨고 있는 뉴스 */
    .news_between_info > dt > a {
        font-size: 23px;
        line-height: 31px;
    }

    /* 프리미엄콘텐츠 */
    .charged_wrap {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: url('/img/mosaic_m.png') no-repeat;
        background-size: cover;
        z-index: 102;
    }
    .charged_box {
        top: 32%;
    }

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

    /*----------------------
    ## 기사상세
    ----------------------*/
    .sticky_header.show {
        display:none
    }
    .text_article {
        grid-template-columns: 1fr!important;
        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: 37px;
        line-height: 50px;
    }
    .shortcut {
        display: none;
        /* 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_text {
        padding: 40px 0 0 0;
    }
    .widefull_visual > .layerimg {
        height: 360px;
    }
    .news_content figure img {
        width: 100%;
        height: auto
    }

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

    /* [리스트] 종목 분석 */
    .img_part2_keyword_m > div > .analysis_sec_m {
        display: flex;
        flex-direction: column;
        margin: 15px 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%;
        padding: 5% 0 0 0
    }

    .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 {
        height: unset;
    }

    /* 구독안내 벝튼 */
    .btn_subscrip {
        top: 27px;
        right: 65px;
    }
    .btn_subscrip::before {
        display: none
    }
    .btn_subscrip > span {
        width: 80px;
        height: 27px;
        border-radius: 7px;
        font-size: 14px;
    }
}

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

    /* 인사이트 */
    .txt_tit_img > dl {
        top: 115%;
    }
    .txt_tit_img > dl > dd.on > a{
        width: 60%;
        font-size: 30px;
        line-height: 38px;
        margin-bottom: 35px;
    }
    .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;
    }

    /*----------------------
    ## 기사상세
    ----------------------*/
    .editor_output {
        flex-direction:column;
        align-items: start;
        row-gap:20px
    }
    .widefull_visual > .layerimg {
        height: 420px;
    }
    .shortcut.fixed {
        position: fixed;
        top: -230px;
    }
    .shortcut_title {
        top: 370px;
    }
    .crew_bg {
        height: 230px;
    }

    /* 모바일 리스트 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;
    }

    /* 시그널 pick */
    .img_mark_reporter {
        grid-template-columns: 2fr 3fr;
    }

    .m_colums {
        grid-template-columns: 2fr 3fr !important;
    }

    /* 종목 분석 [모바일] kdh */
    .m_item_analysis {
        grid-column-gap: 20px;
    }
    .m_item_analysis_info > p {
        font-size: 23px;
        line-height: 29px;
    }
    .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;
    }

    /* 프리미엄콘텐츠 */
    .title_sub .title {
        font-size: 2rem;
    }

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

@media only screen and (max-width : 640px) {
    .mark_charged::before {
        width: 33px;
        height: 33px;
    }
    .mobile-top-bar > .logo > a > img {
        width: 80%;
    }
    .sec_ttl {
        font-size: 21px;
    }
    

    /* Header */
    header {
        z-index: 99;
    }
    header .logo_wrap {
        height: 80px;
    }
    .gnb_info {
        z-index: 99;
    }
    .m_center_line {
        height: 12px;
        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;
    }
    .img_part2_keyword_m > div > .keyword_sec {
        margin-top: 55px;
    }


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

    }

    .txt_park .news_item_in .news_item_tlt {
        font-size: 21px;
        line-height: 29px;
        font-weight: 400;
    }
    .txt_park .news_item_in .news_item_tlt > a {
        font-size: 20px;
    }
    
    .txt_park .news_item_in .news_info_time::before {
        top: 26px;
    }

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

    /* 시그널 PICK */
    .signal_pick_wrap_inner {
        row-gap: 30px;
    }
    .img_mark_reporter {
        grid-template-columns: 2fr 2fr;
    }
    .img_mark_reporter > figure {
        width: 100%;
        /* height: 160px; */
    }
    .img_mark_reporter > div > .pick_ttl > a {
        font-size: 19px;
        line-height: 25px;
        font-weight: 400;
    }
    .img_mark_info {
        font-size: 15px;
    }

    /* 타입 분석 */
    .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;
    }
    .news_ttl {
        height: 40px;
    }
    .slick-test3 {
        height: 427px;
    }
    .slick-test3 .slick-slide {
        height: 427px;
    }
    .m_sec_view_info {
        padding: 30px 20px 20px 20px;
    }


    /* 종목 분석 */
    .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 1fr;
    }


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

    
    /* 시그널 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;
    }

    /* 시장 동향 */
    .trend_ttl {
        font-size: 21px;
        line-height: 28px;
    }

    /* [리스트] 종목 분석 */
    .analysis_sec_m > .analysis_ttl > a {
        font-weight: 600;
    }
    .m_item_analysis_info > p {
        font-size: 21px;
        line-height: 27px;
        font-weight: 500;
    }
    .analysis_wrap {
        grid-template-columns: 1fr;
        row-gap: 60px
    }
    .analysis_sec_m > .analysis_info {
        display: flex
    } 
    .analysis_wrap .analysis_sec_m .analysis_ttl {
        min-height: unset;
    }
    .analysis_wrap .analysis_ttl > a {
        font-size: 22px;
        line-height: 28px;
    }
    .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;
    }

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

    /* [리스트] 유형 분석 */
    .news_ttl {
        height: 30px;
    }
    .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;
    }

    /* 기사 상세 */
    .widefull_article {
        display: block;
        position: relative;
        width: 100%;
        height: 100%;
        padding: 0;
        background:url('/img/view_cov.png');
        background-color: #1a172c;
    }

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

    .widefull_article .widefull_text {
        position: relative;
        -webkit-transform: translateY(0);
                transform: translateY(0);
        padding: 70px 0 40px 0
    }

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

    .widefull_visual {
        display: none
    }

    .charged_box {
        top: 40%;
    }
    .btn_blockbox_gray, 
    .btn_blockbox_puple, 
    .btn_guide  {
        max-width: unset;
        height: 60px;
        font-size: 1.1rem;
    }

    /* 20241114_프리미엄 뉴스 안내 */
    .premium_news {
        display: flex;
        flex-direction: column;
        padding: 20px;
        margin-bottom: 50px;
        background: var(--color-grayf8)
    }
    .premium_news > p {
        margin-bottom: 20px;
        text-align: center;
    }
    .premium_news > a {
        top: unset;
        bottom: -15px;
        left: 50%;
        -webkit-transform: translateX(-50%)!important;
        transform: translateX(-50%)!important;
        right:unset;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        height: 40px;
        font-size: 14px;
        width: 80%;
        justify-content: center;
    }


    /* FOOTER */
    footer {
        grid-template-columns: 1fr;
        padding: 40px 20px;
        height: auto;
        justify-content: flex-start;
    }
    .f_financelogo {
        margin-bottom: 20px
    }
    
    /*----------------------
    ## 기사상세
    ----------------------*/
    
    .txt_mark_reporter h3 {
        font-size: 33px;
        line-height: 45px;
    }
    .text_article {
        grid-template-columns: 1fr!important;
        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: none;
        /* 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
    }
    /* .news_content{
        margin-top: 320px;
    } */
    .signaltalk {
        margin-top: 140px;
    }
    
    
    /*----------------------
    ## 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;
    }
}

@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;
                box-orient: vertical;
        -webkit-line-clamp: 4;
                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: 580px;
    }

    /* 시그널 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;
    } */
    /* 프리미엄콘텐츠 */
    .text_article.charged {
        height: 410px;
    }
    .twice_btnarea {
        width: unset;
        margin-top: 0;
    }
}

@media only screen and (max-width : 520px) {
    .mark_charged {
        text-indent: 33px
    }
    .mark_charged::before {
        width: 31px;
        height: 31px;
    }
    .mark_charged.sm::before {
        width: 20px;
        height: 20px;
    }
    
    /*----------------------
    ## 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 {
        row-gap: 15px;
        margin-top: 20px;
    }
    .ipo_article {
        row-gap: 10px;
        padding: 20px;
        font-size: 17px;
    }
    .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
    }

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

    .img_mark_reporter > div > .pick_ttl > a {
        font-size: 17px;
        line-height: 21px;
    }

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

    .news_ttl > a {
        font-size: 13px;
        padding: 1px 8px;
    }

    /* 인사이트 */
    .insight_wrap {
        height: 545px;
    }
    .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 .insight_back .insight_news {
        font-size: 18px;
        line-height: 23px;
    }

    .txt_part2_img .insight_back .insight_news {
        font-size: 18px;
        line-height: 23px;
    }

    /* 시그널 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;
    }
    .charged_box {
        top: 46%;
    }
    

}

@media only screen and (max-width : 480px) { 
    .mark_charged.sm {
        text-indent: 28px;
        line-height: 1.25rem;
    }
    header .logo_wrap {
        height: 70px;
    }
    .mobile-top-bar > .logo > a > img {
        width: 70%;
    }

    .mobile-top-bar {
        height: 70px;
    }

    .news_ttl {
        padding: 1px 2px;
        height: 27px;
    }
    .news_ttl > a {
        font-size: 12px;
        padding: 0 10px;
    }

    .left-side-bar > .menu-1 ul > li > a {
        font-size: 14px;
    }

    .m_center_line {
        margin: 30px 0;
        height: 8px;
    }
    .m_center_gap {
        margin: 30px 0
    }

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

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

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

    /* 인사이트 */
    .txt_tit_img > dl > dd.on > a {
        font-size: 24px;
        line-height: 32px;
        width: 64%;
        margin-bottom: 30px;
    }
    .txt_tit_img > dl > .insight_sub > a {
        font-size: 18px;
        line-height: 23px;
    }
    .insight_wrap {
        height: 490px;
    }

    .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: 15px;
    }
    .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: 16px;
        width: 90%;
        display: flex;
    }
    .img_part2_keyword_m > div > .keyword_sec > li > a {
        font-size: 14px;
    }

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

    .investment_strategy_wrap_inner {
        grid-row-gap: 20px;
    }
    .txt_part1_img .insight_back .insight_news {
        font-size: 16px;
        line-height: 19px;
        margin: 22% 0;
    }

    .txt_part2_img .insight_back .insight_news {
        font-size: 16px;
        line-height: 19px;
        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;
    }
    .img_mark_reporter > figure {
        width: 100%;
    }
    .img_mark_reporter > figure > a {
        border-radius: 10px;
    }
    .img_mark_reporter > div > .pick_ttl > a {
        font-size: 16px;
        line-height: 19px;
    }
    .img_mark_info {
        font-size: 13px;
    }

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

    /* 시그널 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: 0px;
    }
    .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: 14px;
    }
    .keyword_sec {
        padding: 10px 0;
    }
    .keyword_sec li a {
        font-size: 14px;
    }
    .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 > p {
        font-size: 18px;
        line-height: 23px;
    }
    .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_ttl {
        font-size: 18px;
        line-height: 23px;
        margin-top: auto;
    }
    .trend_info > dt > a {
        font-size: 16px;
    }
    .m_item_analysis_wrap_inner {
        grid-row-gap: 20px; 
    }
    .market_history_wrap_plus {
        grid-row-gap: 20px;      
    }

    /* 지금 뜨고 있는 뉴스 */
    .news_between_info > dt > a {
        font-size: 18px;
        line-height: 23px;
    }

    /* 오피니언 */
    .opinion_wrap_inner {
        grid-column-gap: 20px;
    }
    .img_mark_ttl_info > p {
        font-size: 16px;
        line-height: 21px;
    }
    .img_mark_time_info > p > a {
        font-size: 18px;
        line-height: 23px;
    }

    /* 시그널 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;
                box-orient: vertical;
        -webkit-line-clamp: 2;
                line-clamp: 2;
    }

    /* 섹터 VIEW */
    .slick-test3 {
        height: 350px;
    }
    .m_news_wrapper {
        margin-bottom: 50px;
    }
    .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);
    }

    /* 시그널 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;
    }
    .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;
    }

    /* [리스트] 종목 분석 */
    .img_part2_keyword_m > div > .analysis_sec_m {
        padding: 5% 8% 0 8%;
    }
    .img_part2_keyword_m > figure {
        border-radius: 15px;
    }
    .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: 25px;
    }

    .news_content {
        padding: 0 30px;
    }

    /* 프리미엄 콘텐츠 */
    .charged_box {
        top: 50%;
    }
    .title_sub .title {
        font-size: 1.8rem;
        margin-bottom: calc(0.02* 100%);
    }
    .title_sub .title + p {
        font-size: .9rem;
        line-height: 1.2rem;
    }
    .btn_blockbox_gray, .btn_blockbox_puple, .btn_guide {
        height: 55px;
        font-size: 1rem;
    }
    .title_sub {
        margin-bottom: calc(0.12* 100%);
    }

    /* FOOTER */
    .f_logo {
        display: none;
    }

    .add_wrap {
        row-gap: 0;
    }

    /*----------------------
    ## 기사상세
    ----------------------*/
    .widefull_text {
        padding: 30px 0;
    }
    .txt_mark_reporter h3 {
        font-size: 30px;
        line-height: 40px;
    }
    .widefull_visual > .layerimg {
        height: 340px;
    }
    .secter_cotton {
        height: 26px;
        padding: 0 15px;
        font-size: 13px;
    }
    .widefull_text .txt_mark_reporter {
        padding-bottom: 30px;
    }
    .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;
    }
    .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;
    }
    .crew_card > a {
        width: 130%;
        left: calc(-15% - 10px)
    }
    .crew_sl .slick-slide {
        margin: 0 30px;
    }

    /* 구독안내 벝튼 */
    .btn_subscrip {
        top: 21px;
        right: 56px;
    }
    .btn_subscrip > span {
        width: 77px;
        height: 23px;
        font-size: 13px;
        border-top-left-radius: 7px;
        border-top-right-radius: 7px;
    }
}

@media only screen and (max-width : 460px) {
    /* 프리미엄 콘텐츠 */
    .text_article.charged {
        height: 400px;
    }
    .charged_box {
        top: 50%;
    }
}

@media only screen and (max-width : 420px) {
    /*----------------------
    ## 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: 450px;
    }
    .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_class_wrap_inner {
        grid-template-columns: 1fr;
        column-gap: 20px;
    }
    .m_item_analysis_wrap_inner, .market_history_wrap_plus {
        grid-row-gap: 40px;
    }
    .m_item_analysis, .img_part2_plus {
        grid-template-columns: 1fr;
        row-gap: 20px
    }
    
    .img_mark_reporter {
        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;
    }
    /* 프리미엄 콘텐츠 */
    .text_article.charged {
        height: 420px;
    }
    .charged_box {
        top: 55%;
    }
    
    
    
}

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

    /* 타이틀 부제목 */
    .sec_ttl {
        font-size: 19px;
        line-height: 27px;
        z-index: 1;
    }

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

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

    /* 시장 동향 */
    .trend_ttl {
        font-size: 16px;
        line-height: 21px;
    }
    .trend_ttl > a {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
                box-orient: vertical;
        -webkit-line-clamp: 2;
                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 {
        font-size: 16px;
        line-height: 24px;
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
                box-orient: vertical;
        -webkit-line-clamp: 2;
                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;
    }

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

    /* 시그널 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;
        margin-bottom: 0px;
    }
    .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: 16px;
        line-height: 21px;
    }
    .news_ttl > a {
        font-size: 11px;
        padding: 0px 7px;
    }
    .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;
    }


    /* [리스트] 유형 분석 */ 
    .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%;
    }
    /*----------------------
    ## 기사상세
    ----------------------*/
    .container.etc {
        row-gap:40px;
    }
    .summary {
        font-size: 18px;
        line-height: 30px;
        margin-bottom: 30px;
    }
    .txt_mark_reporter h3 {
        font-size: 27px;
        line-height: 37px;
    }
    .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;
    }
    /*----------------------
        ## IPO
        ----------------------*/
        .caution {
            row-gap:10px;
        }
        .caution > li {
        font-size:.9rem;
        line-height:1.2rem;
    }
    .text_article.charged {
        height: 380px;
    }

    

}

@media only screen and (max-width : 360px) {
    .text_article.charged {
        height: 400px;
    }
    .charged_box {
        top: 65%;
    }
    .twice_btnarea {
        grid-template-columns: repeat(1, 1fr);
        column-gap: 10px;
        width: 100%;
        row-gap: 5px
    }
    .title_sub {
        margin-bottom: calc(0.05* 100%);
    }
    .btn_blockbox_gray, .btn_blockbox_puple, .btn_guide {
        width: 80%;
        margin:10px auto 0 auto;
        height: 45px;
        font-size: 1rem;
    }
}

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

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