@charset "utf-8";
/*-------------------------------------------------------------------
## 모듈
-------------------------------------------------------------------*/

/** TYPE 모듈 **/

.signal_type {
    display: grid;
}
.signal_type_w0 {
    display: grid;
    grid-template-columns: auto 300px;
    grid-column-gap: 40px;
}
.signal_type_w40 {
    display: grid;
    grid-template-columns: auto 300px;
    grid-column-gap: 40px;
}
.signal_type_w40 > section {
    position: sticky;
    top: 0;
}

/* 모듈 / 인사이트 */
.pick_wrap {
    margin-bottom: 20px !important;
}

/* 모듈 버튼 */
.list_more_btn {
    margin: 50px auto; 
    width: 110px; 
    height: 50px; 
    text-align: center; 
    border: 1px solid #e8e7e7; 
    border-radius: 12px; 
    line-height: 50px; 
    font-size: 14px; 
    box-shadow: 1px 2px 5px 3px #f5f5f5;
}
.list_more_btn > a {
    float: left; 
    width: 100%; 
    height: 100%; 
    color: #555;
}

/* 모듈 / 인사이트 */
.txt_part1_img {
    position: relative; 
    display: flex; 
    width: 100%; 
    overflow: hidden; 
    flex-direction: row-reverse;
}
.txt_part1_img .insight_back {
    display: flex;
    width: 42%;
    height: 100%;
    z-index: 9;
    position: absolute;
    right: 0px;
    top: 0px;
    opacity: 0.9;
}
.txt_part1_img .insight_back .insight_news {
    display: grid; 
    align-items: center; 
    z-index: 10; 
    font-size: 17px; 
    line-height: 24px;
    font-weight: 600;
}
.txt_part1_img .insight_back .insight_news > a {
    overflow: hidden; 
    display: -webkit-box; 
    -webkit-box-orient: vertical; 
            box-orient: vertical; 
    -webkit-line-clamp: 4;
            line-clamp: 4;
}
.txt_part1_img .insight_back .insight_news > .insight_ico {
    font-size: 15px; 
    line-height: 25px; 
    margin-bottom: 12px; 
    font-weight: 600; 
    border-radius: 40px; 
    text-align: center; 
    width: 100px; 
    height: 30px; 
    border: 2px solid #7b73f3; 
    color:#7b73f3;
}

.txt_part1_img .insight_back .insight_bg_r {
    position: absolute;
    left: -25%;
    top: -8px;
    width: 150px;
    height: 150px;
    border-top-left-radius: 250px;
    border-bottom-left-radius: 250px;
    border-top-right-radius: 250px;
    background: #FFF;
    z-index: 9;
    opacity: 0.99;
}
.txt_part1_img > figure {
    width: 67%;
    margin-right: auto;
    overflow: hidden;
    border-radius: 20px;
}
.txt_part1_img > figure img {
    width: 100%; 
    height: 100%;
    border-radius: 20px;
    aspect-ratio: 16 / 11;
}
.txt_part1_img > figure img:hover {
    border-radius: 15px;
     transform: scale(1.05, 1.05);
    transition-duration: 0.5s;
}


/* 모듈 / 인사이트 */
.txt_part2_img {
    position: relative; 
    display: flex; 
    width: 100%; 
    overflow: hidden; 
    flex-direction: row-reverse;
}
.txt_part2_img .insight_back {
    display: flex;
    width: 42%;
    height: 100%;
    z-index: 9;
    position: absolute;
    left: 0px;
    top: 0px;
    opacity: 0.9;
}
.txt_part2_img .insight_back .insight_news {
    display: grid; 
    align-items: center; 
    z-index: 10; 
    font-size: 17px; 
    line-height: 23px;
    font-weight: 600;
}
.txt_part2_img .insight_back .insight_news > a {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
            box-orient: vertical;
    -webkit-line-clamp: 4;
            line-clamp: 4;
}
.txt_part2_img .insight_back .insight_news > .insight_ico {
    font-size: 15px; 
    line-height: 25px; 
    margin-bottom: 12px; 
    font-weight: 600; 
    border-radius: 40px; 
    text-align: center; 
    width: 100px; 
    height: 30px; 
    border: 2px solid #7b73f3; 
    color:#7b73f3;
}

.txt_part2_img .insight_back .insight_bg_r {
    position: absolute;
    right: -25%;
    top: -8px;
    width: 150px;
    height: 150px;
    border-top-right-radius: 250px;
    border-bottom-right-radius: 250px;
    border-top-left-radius: 250px;
    background: #FFF;
    z-index: 9;
    opacity: 0.99;
}
.txt_part2_img > figure {
    width: 67%;
    margin-left: auto;
    overflow: hidden;
    border-radius: 20px;
}
.txt_part2_img > figure img {
    width: 100%;
    height: 100%;
    border-radius: 20px;
    aspect-ratio: 16 / 11;
}
.txt_part2_img > figure img:hover {
    border-radius: 15px;
     transform: scale(1.05, 1.05);
    transition-duration: 0.5s;
}


/* 모듈 */
.img_txt_round {
    position: relative;
}
.img_txt_round > a {
    display: flex;
    column-gap: 30px;
}
.img_txt_round > a figure {
    height: 160px;
    border-radius: 20px;
    overflow: hidden;
}
.img_txt_round > a figure > img {
    width: 100%;
    height: 100%;
}
.img_txt_round > a > p {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 45%;
    height: 100%;
    background: salmon;
    z-index: 9;
}
.img_txt_round > a > p::before {
    content: '';
    width: 20%;
    height: 100%;
    border-radius: 50px;
    background: rebeccapurple;
    position: absolute;
    z-index: 1;
}


/* 인사이트 */
.txt_tit_img {
    position: relative;
    display: grid;
    overflow: hidden;
    height: 100%;
}
.txt_tit_img > dl {
    position: absolute;
    left: 0;
    top: 0;
    display: grid;
    align-items: center;
    /* background: #FFF; */
    width: 42%;
    height: 100%;
    padding: 2% 3% 2% 0;
    opacity: 0.97;
    z-index: 2;
}
.txt_tit_img > dl > .insight_sub > a {
    display: flex;
    font-size: 18px;
    line-height: 22px;
}
.txt_tit_img > dl > .insight_sub > a > i {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
            box-orient: vertical;
    -webkit-line-clamp: 2;
            line-clamp: 2;
}
.txt_tit_img > dl > .insight_sub > a > span {
    margin-right: 10px;
    font-weight: 600;
}
.txt_tit_img > dl > dd.on > a{
    font-size: 31px;
    line-height: 39px;
    font-weight: 600;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
            box-orient: vertical;
    -webkit-line-clamp: 3;
            line-clamp: 3;
    margin-bottom: 10px;
}
.txt_tit_img > dl > dd.on > a:hover {
    text-decoration: underline;
}
.insight_bg {
    background: #fFF;
    position: absolute;
    width: 48%;
    height: 110%;
    opacity: 0.95;
    top: -19px;
    border-top-right-radius: 350px;
    border-bottom-right-radius: 350px;
    /* box-shadow: rgba(0, 0, 0, 0.35) 13px 0px 20px -20px; */
}
.txt_tit_img > figure > a {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 25px;
    overflow: hidden;
}
.txt_tit_img > figure > a > img{
    width: 80%;
    height: 100%;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    border-radius: 25px;
    margin-left: 20%;
    z-index: -1;
    position: relative;
    transition-duration: 0.3s;
}
.txt_tit_img:hover img {
    overflow: hidden;
    transform: scale(1.05, 1.05);
    transition-duration: 0.5s;
}

.txt_tit_img > dl > dt > a {
    padding: 6px 18px;
    font-size: 13px;
    font-weight: 600;
    text-align: center;
    border-radius: 40px;
    border: 2px solid #507CA0;
    background: #FFF;
    color: #507CA0;
}


/* .news_item_wrap {
    flex-direction: column;
    display: grid;
    align-items: center;
} */
.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;
}


/* 모듈 */
.txt_park {
    width: 100%;
    /* padding: 18px 25px 18px 40px; */
    padding-right: 0;
    display: grid;
    /* grid-row-gap: 10px; */
    position: relative;
    /* height: 100%; */
    grid-row-gap: 10px;
    padding: 20px 20px 20px 0;
}
.txt_park.on {
    position: relative;
    background: #fafafa;
    margin-right: -40px;
    padding: 18px 20px 18px 0;
}
.txt_park.on::before {
    content: '';
    position: absolute;
    top: 0;
    left: -10%;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: #fafafa;
}
.txt_park.on::after {
    display: none;
    content: '';
    position: absolute;
    top: 0;
    right: -100%;
    width: 100%;
    height: 100%;
    background: #fafafa;
}
.news_ttl {
    font-size: 12px;
    font-weight: 400;
    display: inline-block;
}
.news_ttl > a {
    padding: 4px 15px;
    font-size: 12px;
    color: #507CA0;
    border: 1px solid #507CA0;
    border-radius: 20px;
}
.txt_park .news_item_in {
    display: flex;
    column-gap: 20px;
    align-items: center;
    width: 100%;
    height: 50px;
    overflow: hidden;
    justify-content: space-between;
}

.txt_park .news_item_in .news_item_tlt {
    font-size: 17px;
    line-height: 24px;
}
.txt_park .news_item_in .news_item_tlt > a {
    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;
}
.txt_park .news_item_in .news_item_tlt > a:hover {
    text-decoration: underline;
    transition: 0.3s;
}
.txt_park .news_item_in .news_info_time {
    position: relative;
    display: flex;
    align-items: center;
    column-gap:5px;
    font-size: 13px;
    line-height: 18px;
    color: #a3a3a3;
    white-space: nowrap;
}
.txt_park .news_item_in .news_info_time::before {
    content: '';
    position: absolute;
    top: 4px;
    left: -10px;
    width: 11px;
    height: 11px;
    background: url(/img/time_ico.png) no-repeat;
}
.txt_part1_time > figure img {
    width: 120px;
    border-radius: 10px;
}


/* 리스트 서부 메뉴 */
.submenu_board_wrap {
    position: relative;
}
.submenu_board_wrap .btn_spread {
    position: absolute;
    top: 5px;
    right: 10px;
    font-size: 0
}
.submenu_board_wrap .btn_spread::after {
    content:"";
    position: absolute;
    top: 0;
    right: 0;
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 214 214'%3E%3Ccircle cx='107' cy='107' r='105' style='fill:%23ccc'/%3E%3Cpath d='M110.7 133.5 148.3 96c2.1-2.2 2.1-5.5 0-7.6s-5.5-2.1-7.6 0l-33.8 33.8-33.8-33.8c-2.2-2.1-5.5-2.1-7.6 0-2.1 2.1-2.1 5.4 0 7.6l37.5 37.5c2.2 2.1 5.5 2.1 7.6 0Z' style='fill:%23fff;fill-rule:evenodd'/%3E%3C/svg%3E");
    transition: all .5s ease;
}
.submenu_board_wrap .btn_spread:hover::after {
    opacity:.7
}
.submenu_board_wrap .btn_spread.on::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 214 214'%3E%3Ccircle cx='107' cy='107' r='105' style='fill:%23ccc'/%3E%3Cpath d='M103.3 80.5 65.7 118c-2.1 2.2-2.1 5.5 0 7.6s5.5 2.1 7.6 0l33.8-33.8 33.8 33.8c2.2 2.1 5.5 2.1 7.6 0s2.1-5.4 0-7.6L111 80.5c-2.2-2.1-5.5-2.1-7.6 0Z' style='fill:%23fff;fill-rule:evenodd'/%3E%3C/svg%3E");
    transition: all .5s ease;
}
.submenu_board.mo {
    display: none
}
.submenu_board.pc {
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    width: 100%;
    max-height: 35px;
    padding-right: 40px;
    font-size: 15px;
    transition: max-height 0.5s ease;
}
.submenu_board.pc.open {
    max-height: fit-content; /* 실제 내용보다 충분히 큰 값으로 설정 */
    transition: max-height 0.5s ease;
}
.submenu_board.pc a {
    display: flex;
    padding: 3px 20px;
    border: 1px solid #ddd;
    border-radius: 50px;
}
.submenu_board.pc a:hover {
    color:#fff;
    border:1px solid #507CA0;
    background: #507CA0;
    transition: all .3s ease;
}
.submenu_board.pc a.on {
    color:#fff;
    border:1px solid #284052;
    background: #284052;
    transition: all .3s ease;
}

.opinion_wrap_list {
    margin-top: 20px
}




/* 파트별 제목 */
.sec_ttl {
    position: relative;
    letter-spacing: 0px;
    font-size: 19px;
    font-weight: 600;
    margin-bottom: 24px;
}
.sec_ttl > a {
    display: flex;
    column-gap: 8px;
    align-items: center;
}
.sec_ttl > a > i {
    display: inline-flex;
    width: 8px;
    height: 12px;
    background:url('/img/ttl_arrow.png') no-repeat;
}

/* 아이콘 */
.txt_icon {
    position: absolute;
    right: 15px;
    top: 15px;
    color: #FFF;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 400;
    padding: 4px 15px;
    z-index: 2;
}

.txt_icon.in {
    color:#fff;
    background:#507CA0;
}

/* 모듈  */

.pick_wrap {
    background: #fFF; 
    display: flex; 
    column-gap: 30px; 
    margin-bottom: 30px;
}
.pick_wrap:last-child {
    margin-bottom: 0 !important;
}
.img_mark_reporter {
    display: grid; 
    column-gap: 20px;
    grid-template-columns: 2fr 5fr;
    /* grid-template-columns: 3fr 4.5fr; */
}
.img_mark_reporter:last-child {
    margin-bottom: 0px;
}

.img_mark_reporter > figure > a {
    display: grid; 
    border-radius: 20px;
    height: 100%;
    overflow: hidden;
}
.img_mark_reporter > figure > a >img {
    width: 100%; 
    aspect-ratio: 16 / 10;
    border-radius: 15px; 
    border: 1px solid #f0f0f0;
    transition-duration: 0.3s;
}
.img_mark_reporter > figure > a >img:hover {
    border-radius: 20px;
    overflow: hidden;
    transform: scale(1.05, 1.05);
    transition-duration: 0.5s;
}
.img_mark_reporter > div {
    display: grid;
    grid-row-gap: 5px;
}


.img_mark_reporter > div > .pick_ttl {
    overflow: hidden;
    font-size: 17px;
    line-height: 24px;
}
.img_mark_reporter > div > .pick_ttl > a {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
            box-orient: vertical;
    -webkit-line-clamp: 2;
            line-clamp: 2;
}
.img_mark_reporter > div > .pick_ttl > a:hover {
    text-decoration: underline;
    transition: 0.3s;
}
.img_mark_info {
    display: flex; 
    justify-content: space-between; 
    font-size: 13px;
    margin-top: auto;
}
.mark_charged {
    display: flex;
    position: relative;
    text-indent: 50px
}
.mark_charged.sm {
    text-indent: 28px
}
.mark_charged.md {
    text-indent: 35px
}
.mark_charged::before {
    content:"";
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    width: 40px;
    height: 40px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='Layer_1' version='1.1' viewBox='0 0 114 114'%3E%3Cdefs%3E%3Cstyle%3E.st0%7Bfill:%23fff%7D%3C/style%3E%3C/defs%3E%3Ccircle cx='57' cy='57' r='55' style='fill:%23564fb9'/%3E%3Cpath d='M73 46.7h-3.5v-9.5c0-6.9-5.6-12.4-12.4-12.4s-12.4 5.6-12.4 12.4v9.5h-3.5c-3.6 0-6.4 2.9-6.4 6.4v22c0 3.6 2.9 6.4 6.4 6.4h31.9c3.6 0 6.4-2.9 6.4-6.4v-22c0-3.6-2.9-6.4-6.4-6.4ZM57 29.6c4.1 0 7.5 3.4 7.5 7.5v9.5h-15v-9.5c0-4.1 3.4-7.5 7.5-7.5ZM39.5 53.1c0-.8.7-1.5 1.5-1.5h31.9c.8 0 1.5.7 1.5 1.5v22c0 .8-.7 1.5-1.5 1.5H41c-.8 0-1.5-.7-1.5-1.5v-22Z' class='st0'/%3E%3Cpath d='M54.5 68v2c0 1.4 1.1 2.5 2.5 2.5s2.5-1.1 2.5-2.5v-2c2.4-1 4-3.3 4-5.9s-2.9-6.4-6.4-6.4-6.4 2.9-6.4 6.4 1.6 5 4 5.9Zm2.5-7.5c.8 0 1.5.7 1.5 1.5s-.7 1.5-1.5 1.5-1.5-.7-1.5-1.5.7-1.5 1.5-1.5Z' class='st0'/%3E%3C/svg%3E");
}
.mark_charged.sm::before {
    width: 23px;
    height: 23px;
}
.mark_charged.md::before {
    width: 30px;
    height: 30px;
}
.time_sec {
    position: relative;
    font-size: 13px;
    white-space: nowrap;
}
.time_sec::before {
    content: '';
    position: absolute;
    top: 6px;
    left: -15px;
    width: 11px;
    height: 11px;
    background: url(/img/time_ico.png) no-repeat;

}

/* 모듈 */
.img_ico_part1 {
    display: flex;
    flex-direction: column;
    row-gap: 20px;
    width: 100%;
}
.img_ico_part1 > figure {
    position: relative;
    width: 100%;
}
.img_ico_part1 > figure > a > img {
    width: 100%;
    aspect-ratio: 16 / 8.8;
    border-radius: 20px;
    border: 1px solid #f0f0f0;
}
.img_ico_part1 > figure > a {
    display: flex;
    border-radius: 20px;
    overflow: hidden;
}
.img_ico_part1 > figure > a > img:hover{
    border-radius: 15px;
    overflow: hidden;
    transform: scale(1.05, 1.05);
    transition-duration: 0.5s;
}

/* 모듈 */
.img_ico_part2 {
    display: flex;
    flex-direction: column;
    row-gap: 20px;
    width: 100%;
}
.img_ico_part2 > figure {
    position: relative;
    width: 100%;
}
.img_ico_part2 > .class_ttl {
    margin-top: 15px;
}

.img_ico_part2 > figure > a > img {
    width: 100%;
    aspect-ratio: 16 / 10;
    border-radius: 20px;
    border: 1px solid #f0f0f0;
}
.img_ico_part2 > figure > a {
    display: flex;
    border-radius: 20px;
    overflow: hidden;
}
.img_ico_part2 > figure > a > img:hover{
    border-radius: 15px;
    overflow: hidden;
     transform: scale(1.05, 1.05);
    transition-duration: 0.5s;
}

.txt_icon_noimg {
    position: relative; 
    display: flex; 
    flex-direction: column; 
    background: #FFF;
}

.class_ttl {
    position: relative;
    font-size: 20px;
    line-height: 27px;
    font-weight: 500;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
            box-orient: vertical;
    -webkit-line-clamp: 2;
            line-clamp: 2;
}
.class_txt {
    margin-top: 15px;
    font-size: 15px;
    line-height: 20px;
}
.class_txt a {
    color: #999;
}


/* 모듈 */

.img_part2_keyword {
    display: grid;
    grid-template-rows: 141px auto;
    grid-row-gap: 30px;
    background: #FFF;
}
.img_part2_keyword > figure {
    width: 100%; 
    height: 100%;
    overflow: hidden;
    border-radius: 20px;
}
.img_part2_keyword > figure a > img {
    width: 100%; 
    height: 100%;
    aspect-ratio: 16 / 9;
    border-radius: 20px;
}
.img_part2_keyword > figure a > img:hover {
    border-radius: 15px;
     transform: scale(1.05, 1.05);
    transition-duration: 0.5s;
    }
.img_part2_keyword > div {
    display: grid;
    grid-row-gap: 22px;
}

.img_part2_keyword > div > .analysis_sec {
    display: grid;
    grid-template-rows: 50px auto;
    grid-row-gap: 20px;
}

.analysis_info {
    display: flex;
    justify-content: space-between;
    font-size: 13px;
}
.analysis_ttl {
    overflow: hidden;
    font-size: 17px;
    line-height: 24px;
    font-weight: 700;
}
.analysis_ttl > a {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
            box-orient: vertical;
    -webkit-line-clamp: 2;
            line-clamp: 2;
}
.analysis_ttl > a:hover {
    text-decoration: underline;
    transition: 0.3s;
}
.analysis_info > div {
    display: flex;
}
.analysis_sec_m .analysis_ttl {
    min-height: 48px;
}
.keyword_sec {
    border-top: 1px dashed #ccc;
    padding: 23px 0;
    display: flex;
    flex-wrap: wrap;
    column-gap: 15px;
    height: auto;
    max-height: 70px;
    overflow: hidden;
}
.keyword_sec li a {
    font-size: 14px;
}
.keyword_sec li a > span {
    color: #999;
    margin-right: 3px;
}

/* 모듈 */
.img_part2_keyword_m {
    position: relative;
}
.img_part2_keyword_m {
    display: flex; 
    flex-direction: column; 
    background: #FFF;
}
.img_part2_keyword_m > figure {
    width: 100%; 
    overflow: hidden;
    border-radius: 20px;
}
.img_part2_keyword_m > figure > a {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
            box-orient: vertical;
    -webkit-line-clamp: 2;
            line-clamp: 2;
    height: 100%;
}
.img_part2_keyword_m > figure a > img {
    width: 100%; height: 100%;
    overflow: hidden;
    aspect-ratio: 16 / 10.5;
}
.img_part2_keyword_m > figure a > img:hover {
    border-radius: 20px;
    overflow: hidden;
     transform: scale(1.05, 1.05);
    transition-duration: 0.5s;
}

.img_part2_keyword_m > div > .analysis_sec_m {
    display: flex;
    flex-direction: column;
    margin: 15px 0;
    row-gap: 15px;
}



/* 모듈 */
.img_part2 {
    display: grid; 
    grid-row-gap: 20px; 
    background: #FFF;
}
.img_part2 > figure {
    width: 100%; 
    height: 100%;
    overflow: hidden;
}
.img_part2 > figure:hover {
    border-radius: 20px 20px 0 0;
    overflow: hidden;
    border-radius: 15px;
}
.img_part2 > figure > a {
    height: 160px;
}
.img_part2 > figure > a > img {
    width: 100%; 
    height: 100%;
    border-radius: 20px;
    border: 1px solid #f0f0f0;
    transition-duration: 0.3s;
    aspect-ratio: 16 / 10;
    
}
.img_part2 > figure > a > img:hover{
    border-radius: 15px;
     transform: scale(1.05, 1.05);
    transition-duration: 0.5s;
}

.trend_info {
    display: flex; 
    flex-direction: 
    column; row-gap: 15px;
}
.trend_info > dt > a {
    display: flex; 
    column-gap: 5px; 
    float: left; 
    font-weight: 600; 
    font-size: 17px;
}
.trend_ttl {
    font-size: 17px;
    line-height: 24px;
    font-weight: 300;
}
.trend_ttl > a {
    min-height: 50px;
    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;
}

/* 모듈 */
.img_part2_plus {
    display: grid; 
    grid-template-columns: 1fr 1.5fr;
    grid-column-gap: 30px;
    align-items: center;
}
.img_part2_plus > figure {
    width: 100%; 
    height: 100%;
    overflow: hidden;
}
.img_part2_plus > figure:hover {
    border-radius: 20px;
    overflow: hidden;
}
.img_part2_plus > figure > a {
    height: 160px;
}
.img_part2_plus > figure > a > img {
    width: 100%; 
    height: 100%;
    border-radius: 20px;
    border: 1px solid #f0f0f0;
    transition-duration: 0.3s;
    aspect-ratio: 16 / 10;
}
.img_part2_plus > figure > a > img:hover{
    border-radius: 15px;
     transform: scale(1.05, 1.05);
    transition-duration: 0.5s;
}
.part_plus_info {
    display: grid;
    grid-row-gap: 10px;
}
.part_plus_info > dt > a{
    font-weight: 600;
    column-gap: 5px;
    display: flex;
}


/* 모듈 */
.now_news_wrap_inner {
    display: flex; 
    flex-direction: column; 
    row-gap: 30px;
}
.img_part1_time {
    display: grid;
    grid-template-columns: 2fr 1.5fr;
    justify-content: space-between;
    column-gap: 20px;
    align-items: center;
    background: #FFF;
}
.img_part1_time > figure {
    display: flex;
    justify-content: space-between;
    overflow: hidden;
    border-radius: 10px;
}

.img_part1_time > figure > a >img {
    width: 100%;
    height: 100%;
    border-radius: 10px;
    border: 1px solid #f0f0f0;
    transition-duration: 0.3s;
    aspect-ratio: 16 / 11;
}
.img_part1_time > figure > a >img:hover {
    border-radius: 15px;
     transform: scale(1.05, 1.05);
    transition-duration: 0.5s;
}
.news_between_info {
    display: flex; flex-direction: column; row-gap: 10px;
}
.news_between_info > dt > a {
    font-size: 16px;
    line-height: 21px;
    font-weight: 300;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
            box-orient: vertical;
    -webkit-line-clamp: 3;
            line-clamp: 3;
}

.news_between_info > dd {
    text-align: right; font-size: 14px;
}

/* 모듈 */
.ipo_wrap {
    display: flex; flex-direction: column;
}
.txt_part1_time {
    display: flex; 
    justify-content: space-between;
    column-gap: 20px;
    align-items: center;
    background: #FFF;
}
.txt_part1_time > div {
    display: flex;
    background: #fafafa;
    border-radius: 15px;
    align-items: center;
    width: 60%;
    position: relative;
    aspect-ratio: 16 / 11;
}
.txt_part1_time > div > a {
    overflow: hidden;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    color: #507CA0;
    width: 100%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
            box-orient: vertical;
    -webkit-line-clamp: 2;
            line-clamp: 2;
}

.ipo_between_info {
    display: flex; flex-direction: column; row-gap: 10px;
    width: 100%;
}
.ipo_between_info > dt > a {
    font-size: 16px;
    line-height: 21px;
    font-weight: 300;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
            box-orient: vertical;
    -webkit-line-clamp: 2;
            line-clamp: 2;
}

.ipo_between_info > dd {
    position: relative;
    text-align: right; 
    font-size: 14px;
    margin-top: auto;
}


/* 모듈 */
.img_mark_time { 
    display: flex; 
    column-gap: 20px;
    width: 100%;
    min-height: 140px;
}
.img_mark_time > figure {
    width: 100%;
    overflow: hidden;
    border-radius: 15px;
}
.img_mark_time > figure > a > {
    display: flex;
    height: 140px;
    border-radius: 15px;
}
.img_mark_time > figure > a > img {
    width: 100%;
    height: 100%;
    border-radius: 15px;
    transition-duration: 0.3s;
    aspect-ratio: 16 / 9;
}
.img_mark_time > figure > a > img:hover {
    border-radius: 15px;
     transform: scale(1.05, 1.05);
    transition-duration: 0.5s;
}
.img_mark_time_info {
    display: flex;
    flex-direction: column;
    width: 100%;
    grid-row-gap: 10px;
}
.img_mark_time_info > span {
    margin-top: auto;
    font-size: 14px;
    text-align: right;
}
.img_mark_time_info > p > a {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
            box-orient: vertical;
    -webkit-line-clamp: 3;
            line-clamp: 3;
    font-size: 17px;
    line-height: 24px;
    font-weight: 300;
}

/* 모듈 */
.img_plusicon_txt_wrap_inner {
    display: grid;
    grid-row-gap: 20px;
}
.img_plusicon_txt a{
    display: grid;
    grid-template-columns: 110px 1fr;
    grid-column-gap: 20px;
}
.img_plusicon_txt a > figure {
    width: 110px; 
    overflow: hidden;
}
.img_plusicon_txt a > figure > img {
    width: 110px; 
    border-radius: 15px;
    height: 100%;
    aspect-ratio: 16 / 10;
}
.img_plusicon_txt a > figure > img:hover {
    border-radius: 15px;
    overflow: hidden;
     transform: scale(1.05, 1.05);
    transition-duration: 0.5s;
}
.img_plusicon_txt a > .img_plusicon_info {
    display: grid;
}
.img_plusicon_txt a > .img_plusicon_info > p {
    font-weight: 600;
    display: grid;
    grid-template-columns: auto 1fr;
    grid-column-gap: 5px;
}
.img_plusicon_txt a > .img_plusicon_info > p > i {
    font-size: 20px;
    color: #507CA0;
}
.img_plusicon_txt a > .img_plusicon_info > span {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
            box-orient: vertical;
    -webkit-line-clamp: 2;
            line-clamp: 2;
    font-size: 16px;
    line-height: 21px;
    height: 40px;
}

/* 모듈 */
.img_mark_ttl {
    position: relative;
}

.img_mark_ttl > a > figure {
    overflow: hidden;
    border-radius: 20px;
}
.img_mark_ttl > a > figure > img {
    width: 100%;
    height: 100%;
    aspect-ratio: 16 / 10.5;
}
.img_mark_ttl > a > figure > img:hover {
    border-radius: 15px;
     transform: scale(1.05, 1.05);
    transition-duration: 0.5s;
}
.img_mark_ttl_info {
    position: absolute;
    right: 0;
    top: 66%;
    display: flex;
    flex-direction: column;
    background: #FFF;
    padding: 4% 10% 0 10%;
    border-radius: 20px 20px 0 0;
    width: 92%;
    row-gap: 10px;
}
.img_mark_ttl_info > p {
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
            box-orient: vertical;
    -webkit-line-clamp: 2;
            line-clamp: 2;
}
.img_mark_ttl_info > span {
    font-size: 14px;
    text-align: right;
}

/* 모듈 */
.img_txt_date {
    display: flex; 
    flex-direction: column; 
    column-gap: 20px; 
    width: 100%; 
    row-gap: 10px; 
}
.img_txt_date > .img_txt_info {
    display: flex; 
    justify-content: space-between; 
    width: 100%; 
    column-gap: 20px;
    align-items: center;
}
.img_txt_date > .img_txt_info > figure > a {
    display: flex; 
    width: 110px; 
    border-radius: 15px; 
    border:1px solid #e8e7e7; 
    overflow: hidden;
}
.img_txt_date > .img_txt_info > figure > a > img {
    width: 100%;
    aspect-ratio: 16 / 11;
}
.img_txt_date > .img_txt_info > figure > a > img:hover {
    border-radius: 20px;
    overflow: hidden;
     transform: scale(1.05, 1.05);
    transition-duration: 0.5s;
}

.img_txt_date > .img_txt_info > a {
    width: 100%;
    font-size: 16px;
    line-height: 21px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
            box-orient: vertical;
    -webkit-line-clamp: 3;
            line-clamp: 3;
}

/* 종목 분석 [모바일] */ 
.m_item_analysis_wrap_inner {
    display: grid;
    grid-template-columns: 1fr;
    grid-row-gap: 30px;
}
.m_item_analysis {
    display: grid; 
    grid-template-columns: 1fr 1.5fr; 
    grid-column-gap: 30px;
}

.m_item_analysis > figure > a > img {
    width: 100%;
    border: 1px solid #f0f0f0;
    transition-duration: 0.3s;
    aspect-ratio: 16 / 10;
    overflow: hidden;
    border-radius: 20px
}
.m_item_analysis > figure > a > img:hover {
    border-radius: 20px;
     transform: scale(1.05, 1.05);
    transition-duration: 0.5s;
}
.m_item_analysis_info {
    display: grid;
    grid-row-gap: 10px;
}
.m_item_analysis_info > p {
    font-size: 21px;
    line-height: 29px;
    font-weight: 600;
}
.m_item_analysis_info > p > a {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
            box-orient: vertical;
    -webkit-line-clamp: 2;
            line-clamp: 2;
}
.m_item_analysis_info > .keyword_box {
    display: inline-block
}
.m_item_analysis_info > .keyword_box > li {
    float: left;
    margin-right: 15px;
}   
.m_item_analysis_info > .keyword_box > li > a > span {
    color: #999;
    margin-right: 5px;
}
.m_item_analysis_info > .analysis_info {
    margin-top: auto;
}


/*----------------------
## 기사상세
----------------------*/
/* SNS 아이콘 */
.btn_before{
    position:relative;
    font-size:0;
}
.btn_before::before{
    content:"";
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%, -50%);
            transform:translate(-50%, -50%);
}
/* 북마크 */
.bookmark::before{
    width:12px;
    height:14px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' data-name='Layer 1' viewBox='0 0 95 112'%3E%3Cpath d='M5.2 111c-.8 0-1.5-.2-2.2-.6-1.2-.8-2-2.1-2-3.6V19.4C1 10.9 7.2 3.8 15.5 2.9c21.2-2.5 42.8-2.5 64 0C87.8 3.9 94 11 94 19.4v87.4c0 1.5-.8 2.8-2 3.6-1.2.8-2.8.8-4.1.2L47.5 90.4 7.1 110.6c-.6.3-1.2.4-1.9.4ZM47.5 9.5c-10.4 0-20.7.6-31 1.8-4 .5-7 4-7 8.1v80.5l36.2-18.1c1.2-.6 2.6-.6 3.8 0l36.2 18.1V19.4c0-4.2-3-7.7-7-8.1-10.3-1.2-20.7-1.8-31-1.8h-.2Z' style='fill:%23fff;stroke-width:0'/%3E%3C/svg%3E");
}
/* 공유 */
.sharing::before{
    width:15px;
    height:15px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' data-name='Layer 1' viewBox='0 0 112 112'%3E%3Cpath d='M89.8 111c-3.2 0-6.5-.8-9.4-2.2-9.1-4.6-13.5-14.9-11-24.4L38.8 69.1c-2.5 3.2-6 5.7-10 7-5.4 1.8-11.1 1.4-16.2-1.2C2.3 69.7-2 57 3.2 46.5c2.5-5.1 6.9-8.8 12.2-10.6 5.4-1.8 11.1-1.4 16.2 1.1 2.8 1.4 5.3 3.4 7.2 5.9l30.6-15.3c-1.1-4-1-8.2.4-12.2 1.8-5.4 5.6-9.7 10.6-12.2C85.5.7 91.2.3 96.5 2.1c5.4 1.8 9.7 5.6 12.2 10.6 2.5 5.1 2.9 10.8 1.1 16.2s-5.6 9.7-10.6 12.2c-9.1 4.6-20 1.9-26.1-5.9L42.5 50.5c.5 1.8.7 3.6.7 5.5s-.2 3.7-.7 5.5l30.6 15.3c2.5-3.2 6-5.7 10-7 5.4-1.8 11.1-1.4 16.1 1.1 5.1 2.5 8.8 6.9 10.6 12.2 1.8 5.4 1.4 11.1-1.1 16.2s-6.9 8.8-12.2 10.6c-2.2.7-4.5 1.1-6.7 1.1ZM78.5 84.2c-1.5 3-1.8 6.5-.7 9.7 1.1 3.2 3.3 5.8 6.4 7.3 3 1.5 6.5 1.8 9.7.7 3.2-1.1 5.8-3.3 7.3-6.4 3.1-6.3.6-13.9-5.7-17-6.3-3.1-13.9-.6-17 5.7ZM22.2 43.3c-1.3 0-2.7.2-4 .7-3.2 1.1-5.8 3.3-7.3 6.4-3.1 6.3-.6 13.9 5.7 17 3 1.5 6.5 1.8 9.7.7 3.2-1.1 5.8-3.3 7.3-6.4.9-1.8 1.3-3.7 1.3-5.7s-.4-3.9-1.3-5.7c-1.2-2.5-3.2-4.4-5.7-5.7s-3.7-1.3-5.7-1.3Zm56.3-15.5c3.1 6.3 10.8 8.8 17 5.7s5.3-4.1 6.4-7.3c1.1-3.2.8-6.7-.7-9.7s-4.1-5.3-7.3-6.4c-3.2-1.1-6.7-.8-9.7.7s-5.3 4.1-6.4 7.3-.8 6.7.7 9.7Z' style='fill:%23fff;stroke-width:0'/%3E%3C/svg%3E");
}
/* 더보기 */
.more::before{
    width:16px;
    height:4px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' data-name='Layer 1' viewBox='0 0 112 24'%3E%3Cpath d='M1 12C1 5.9 5.9 1 12 1s11 4.9 11 11-4.9 11-11 11S1 18.1 1 12Zm44 0c0-6.1 4.9-11 11-11s11 4.9 11 11-4.9 11-11 11-11-4.9-11-11Zm44 0c0-6.1 4.9-11 11-11s11 4.9 11 11-4.9 11-11 11-11-4.9-11-11Z' style='fill:%23fff;fill-rule:evenodd;stroke-width:0'/%3E%3C/svg%3E");
}
/* 페이스북 */
.facebook::before{
    width:9px;
    height:16px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' data-name='Layer 1' viewBox='0 0 59 112'%3E%3Cpath d='M38 111V60.8h16.8l2.5-19.6H38V28.7c0-5.7 1.6-9.5 9.7-9.5H58V1.8c-1.8-.2-7.9-.8-15.1-.8C28 1 17.8 10.1 17.8 26.9v14.4H1v19.6h16.8v50.2H38Z' style='fill:%23345cbc;stroke-width:0'/%3E%3C/svg%3E");
}
/* 트위터 */
.twitter::before{
    width:15px;
    height:15px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' data-name='Layer 1' viewBox='0 0 112 112'%3E%3Cpath d='M67.5 47.7 107.6 1H95.5L62.1 39.8 35.3 1H1.5l41.8 60.7L1 111h12.1l35.5-41.3L77.1 111H111L67.5 47.8ZM30.4 10.5l62.7 91.1h-11L19.4 10.5h11Z' style='fill:%23fff;stroke-width:0'/%3E%3C/svg%3E");
}
/* 인스타그램 */
.instagram::before{
    width:16px;
    height:16px;
    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 112 112'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23cd358f;stroke-width:0%7D%3C/style%3E%3C/defs%3E%3Cpath d='M77.1 1H34.9C16.2 1 1 16.2 1 34.9v42.2C1 95.8 16.2 111 34.9 111h42.2c18.7 0 33.9-15.2 33.9-33.9V34.9C111 16.2 95.8 1 77.1 1Zm23.3 72.1c0 15.1-12.3 27.4-27.4 27.4H38.9c-15.1 0-27.4-12.3-27.4-27.4V39c0-15.1 12.3-27.4 27.4-27.4H73c15.1 0 27.4 12.3 27.4 27.4v34.1Z' class='cls-1'/%3E%3Cpath d='M57.5 27.2c-16 0-29 13-29 29s13 29 29 29 29-13 29-29-13-29-29-29Zm0 46.4c-9.6 0-17.4-7.8-17.4-17.4s7.8-17.4 17.4-17.4 17.4 7.8 17.4 17.4-7.8 17.4-17.4 17.4ZM91.8 26.8c0 4.1-3.3 7.4-7.4 7.4S77 30.9 77 26.8s3.3-7.4 7.4-7.4 7.4 3.3 7.4 7.4Z' class='cls-1'/%3E%3C/svg%3E");
}
/* 인쇄하기 */
.print::before{
    width:15px;
    height:15px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' data-name='Layer 1' viewBox='0 0 112 112'%3E%3Cpath d='M98.4 23.4h-6.9V11.3c0-5.7-4.6-10.2-10.2-10.2H30.7c-5.6 0-10.2 4.6-10.2 10.2v12.1h-6.9C6.6 23.4 1 29.1 1 36.1v40.7c0 7 5.7 12.7 12.6 12.7h6.9v10.3c0 6.2 5 11.3 11.2 11.3h48.6c6.2 0 11.2-5.1 11.2-11.3V89.5h6.9c6.9 0 12.6-5.7 12.6-12.7V36.1c0-7-5.6-12.7-12.6-12.7ZM82.3 99.7c0 1.1-.9 2-2 2H31.7c-1.1 0-2-.9-2-2V74h52.5v25.7ZM29.7 23.4V11.3c0-.5.4-1 .9-1h50.6c.5 0 .9.4.9 1v12.1H29.7ZM88 64.8H24c-1.9 0-3.5 1.6-3.5 3.5v11.9h-6.9c-1.9 0-3.4-1.5-3.4-3.4V36.1c0-1.9 1.5-3.4 3.4-3.4h84.8c1.9 0 3.4 1.5 3.4 3.4v40.7c0 1.9-1.5 3.4-3.4 3.4h-6.9V68.3c0-2-1.6-3.5-3.5-3.5Z' style='fill:%23fff;stroke-width:0'/%3E%3C/svg%3E");
}
/* URL복사 */
.url::before{
    width:15px;
    height:15px;
    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 112 112'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23fff;stroke-width:0%7D%3C/style%3E%3C/defs%3E%3Cpath d='M53 92.7c-9.3 9.3-24.5 9.3-33.8 0-4.5-4.5-7-10.5-7-16.9s2.5-12.4 7-16.9L34 44.3l-7.2-7.1-14.7 14.7C5.4 58 1.5 66.4 1.1 75.5.7 84.6 3.8 93.3 10 100c6.1 6.7 14.5 10.6 23.6 11h1.6c8.5 0 16.6-3.1 22.9-8.9.8-.7 1.5-1.5 2.2-2.2l14.8-14.7-7.1-7.1-14.8 14.7ZM101.1 10.9C87.8-2.3 66.3-2.3 53 10.9L38.2 25.6l7.1 7.1L60.1 18c4.5-4.5 10.5-7 16.9-7s12.4 2.5 16.9 7c9.3 9.3 9.3 24.5 0 33.8L79.1 66.5l7.1 7.1L101 58.8c13.2-13.3 13.2-34.8 0-48.1Z' class='cls-1'/%3E%3Cpath d='m33.544 71.29 38.82-38.82 7.213 7.213-38.82 38.82z' class='cls-1'/%3E%3C/svg%3E");
}
/* 로고심볼 */
.symbol::before{
    width:33px;
    height:32px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 104 100'%3E%3Cpath d='M67.4 1.9v3.8h-3.8v3.8h-3.8v3.8H56V9.5h-7.7v3.8h-3.8V9.5h-3.8V5.7h-3.8V1.9H17.7v3.8h-3.8v3.8h-3.8v7.7h3.8v-3.8h3.8V9.6h3.8v3.8h3.8v3.8h3.8V21h3.8v3.8h3.8v3.8h3.8v11.5H25.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.8V71h-7.7v3.8h-3.8v3.8h-3.8v3.8H10v3.8H6.2V90H2.4v7.7h3.8v-3.8H10v-3.8h3.8v-3.8h7.7V94h7.7v3.8h23.1V94h3.8v-3.8h3.8v-3.8h3.8v-3.8h3.8v-3.8h3.8V48h15.4v-7.7H71.3V17.2h19.2v-3.8h3.8V9.6h3.8V5.8h3.8V1.9H67.3ZM55.8 17.3v65.4H52v3.8h-3.8V17.3h7.7Z' style='fill:%23507CA0'/%3E%3C/svg%3E");
}

/* 댓글달기 */
.btn_before.comment{
    width:unset;
    padding:0 25px;
    display:flex;
    align-items: center;
}
.btn_before.comment .count{
    position:relative;
    display:flex;
    align-items: center;
    column-gap:5px;
    font-size:14px;
    color:#fff
}
.btn_before.comment .count::before{
    content:"";
    display:flex;
    width:16px;
    height:16px;
    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 112 112'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23fff;stroke-width:0%7D%3C/style%3E%3C/defs%3E%3Cpath d='M56 111c-1 0-2-.4-2.7-1.2L35.7 89.7h-17C8.9 89.7 1 81.7 1 72V18.7C1 9 9 1 18.7 1h74.5c9.8 0 17.7 8 17.7 17.7v53.2c0 9.8-8 17.7-17.7 17.7h-17l-17.6 20.1c-.7.8-1.6 1.2-2.7 1.2h.1ZM18.7 8.1c-5.9 0-10.6 4.8-10.6 10.6v53.2c0 5.9 4.8 10.6 10.6 10.6h18.6c1 0 2 .4 2.7 1.2l16 18.2 16-18.2c.7-.8 1.6-1.2 2.7-1.2h18.6c5.9 0 10.6-4.8 10.6-10.6V18.7c0-5.9-4.8-10.6-10.6-10.6H18.7Z' class='cls-1'/%3E%3Cpath d='M34.7 56c-3.9 0-7.1-3.2-7.1-7.1s3.2-7.1 7.1-7.1 7.1 3.2 7.1 7.1-3.2 7.1-7.1 7.1ZM56 56c-3.9 0-7.1-3.2-7.1-7.1s3.2-7.1 7.1-7.1 7.1 3.2 7.1 7.1S59.9 56 56 56ZM77.3 56c-3.9 0-7.1-3.2-7.1-7.1s3.2-7.1 7.1-7.1 7.1 3.2 7.1 7.1-3.2 7.1-7.1 7.1Z' class='cls-1'/%3E%3C/svg%3E");
}

/* 카테고리명 아이콘화 */
.secter_cotton{
    display:inline-flex;
    align-items:center;
    height:30px;
    padding:0 20px;
    border-radius:50px;
    font-size:15px;
    color:#507CA0;
    font-weight:500;
    white-space: nowrap;
    background:#fff;
}
.secter_cotton.line{
    border:2px solid #507CA0;
}
.widefull_article{
    position:relative;
    padding:0 30px
}
.widefull_article::before,
.widefull_article::after{
    content:"";
    position:absolute;
    top:0;
    width:100%;
    height:100%;
    background-color: #1a172c;
}
.widefull_article::before{
    right:calc(100% - 30px);
}
.widefull_article::after{
    left:calc(100% - 31px);
}

/* 기사상세 상단 비주얼 영역 */
.layernoise{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height: 100%;
    background:url('/img/view_cov02.png');
    background-color: #1a172c;
    z-index:1;
    opacity: .7;
}
.layernoise::before,
.layernoise::after{
    content:"";
    position:absolute;
    width:100%;
    height: 100%;
    background:url('/img/view_cov02.png');
    background-color: #1a172c;
}
.layernoise::before{
    right:calc(100% - 30px);
}
.layernoise::after{
    left:100%;
}
.widefull_visual > .layerimg{
    position:relative;
    height:430px;
}
.widefull_visual > .layerimg::before{
    content:"";
    position:absolute;
    left:-1px;
    top:0;
    width:100%;
    height:100%;
    background: rgb(26,23,44);
    background: linear-gradient(53deg, rgba(26,23,44,1) 40%, rgba(26,23,44,0) 100%);
}
.widefull_visual > .layerimg::after{
    content:"";
    position:absolute;
    right:0;
    top:0;
    width:35%;
    height:100%;
    background: rgb(26,23,44);
    background: linear-gradient(90deg, rgba(26,23,44,0.00043767507002800965) 25%, rgba(26,23,44,1) 100%);
}
.widefull_visual > .layerimg img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position: top;
}

/* 기사상세 상단 텍스트 영역 */
.widefull_text{
    position:absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    left:30px;
    display:flex;
    flex-direction: column;
    row-gap:30px;
    width:calc(100% - 60px);
    /* padding:77px 0; */
    z-index:2
}
.txt_mark_reporter{
    display:inline-flex;
    flex-direction: column;
    align-items: flex-start;
    row-gap:15px;
}
.txt_mark_reporter h3{
    max-width:86%;
    font-size:44px;
    line-height:55px;
    font-weight:600
}
.txt_mark_reporter.white{
    color:#fff
}
.widefull_text .txt_mark_reporter{
    padding-bottom:40px;
    border-bottom:1px solid rgba(256, 256, 256, .3)
}
.editor_img{
    display:flex;
    column-gap:15px;
    color:#fff;
    align-items:center;
}
.editor_img .roundimg{
    overflow:hidden;
    width:50px;
    height:50px;
}
.editor_img img{
    width:100%;
    height:100%;
    object-fit: cover;
    border-radius:100px;
}
.editor_img .name{
    font-size:18px;
    font-weight:600
}
.editor_img .date{
    font-size:13px;
    color:#686389;
}
.editor_img .date span{
    padding-left:15px
}
.editor_output{
    display:flex;
    justify-content:space-between;
    align-items: flex-end;
}
.output_btn{
    display:flex;
    column-gap:10px;
    align-items: center;
}
.output_btn li{
    position:relative!important;
    display:inline-block;
    width:34px;
    height:34px;
    color:#fff!important;
    border-radius: 200px;
    background:#363449;
}
.output_btn li:hover{
    cursor: pointer;
    background:#2c2a3a;
}
.output_btn li .btn_before{
    position:unset
}
.btn_before.textsize,
.btn_before.sharing,
.btn_before.more{
    display:inline-block;
    width:100%;
    height:100%;
}
.textsize_open,
.textsize_open.show, 
.sns_open, 
.sns_open.show, 
.more_open,
.more_open.show{
    visibility: visible; 
    opacity: 1;
    display:flex;
    position:absolute;
    left:50%;
    -webkit-transform:translateX(calc(-50% - 5px));
            transform:translateX(calc(-50% - 5px));
    bottom:-40px;
    column-gap:10px;
    justify-content: center;
    height:32px;
    padding:0 20px;
    border-radius:60px;
    background:#363449;
    -webkit-transition: all .3s ease;
            transition: all .3s ease;
}
.textsize_open, 
.sns_open, 
.more_open{
    visibility: hidden; 
    opacity: 0;
}
.sns_open > a, 
.more_open > a{
    display:inline-block;
    width:16px;
}
.output_btn .sns_open .btn_before, 
.output_btn .more_open .btn_before {
    position:relative
}
.textsize{
    color:#fff!important;
    display:flex;
    justify-content: center;
    align-items:center;
    height:100%;
    font-size:16px;
}
.textsize_open {
    display:flex;
    align-items: center;
}
.textsize_open a{
    color:#fff!important;
}
.textsize_open a.on{
    color:#e877ad!important;
}
.textsize_open .size_s{
    font-size:16px;
    line-height: 30px;
}
.textsize_open .size_m{
    font-size:18px;
    line-height: 33px;
}
.textsize_open .size_l{
    font-size:20px;
    line-height: 35px;
}
.textsize_open .size_xl{
    font-size: 22px;
    line-height: 38px;
}
.more_open{
    display:flex;
    column-gap: 50px;;
}
.more_open.show{
    right:0;
    left:unset;
    -webkit-transform:translateX(0);
            transform:translateX(0);
}

/* 기사 본문 */
.text_article{
    display:grid;
    /* padding:0 30px; */
    column-gap:60px;
    /* grid-template-columns: 150px auto; */
}
.text_article.use_grid{
    display:grid;
    /* padding:0 30px; */
    column-gap:60px;
    grid-template-columns: 150px auto;
}
/* 숏컷 */
.shortcut{
    display:flex;
    flex-direction:column;
    position:sticky;
    top:150px;
    height: fit-content;
}
.gradation_txt{
    font-size:22px;
    font-weight:500;
    /* border-radius:10px; */
    color: transparent;
    background: linear-gradient(95deg, #507CA0 10%, #284052 20%);
    -webkit-background-clip: text;
            background-clip: text;
    
}
.shortcut .gradation_txt{
    /* display:flex; */
    display:none;
    border-bottom: 3px solid transparent;
    border-image: linear-gradient(86deg, #507CA0 0%, #284052 100%);
    border-image-slice: 1;
    margin-bottom:35px;
    font-weight:600;
    padding-bottom:20px;
}
.shortcut_article{
    display:flex;
    flex-direction: column;
    row-gap:35px;
    font-weight:500;
    padding-left: 10px
}
.mark_title{
    display:grid;
    grid-template-columns: 5px auto;
    column-gap:10px;
    align-items: center;
    color: #475467!important
}
.mark_title.on {
    color: #000!important
}
/* .mark_title::before{
    content:"";
    display:flex;
    width:15px;
    height:14px;
    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 78 72'%3E%3Cdefs%3E%3Cstyle%3E.cls-2%7Bstroke-width:0;fill:%23ddd%7D%3C/style%3E%3C/defs%3E%3Crect width='76.5' height='22.2' x='-12.8' y='24.9' class='cls-2' rx='11.1' ry='11.1' transform='rotate(-60 25.391 36.021)'/%3E%3Cpath d='M75.8 54 48.7 7c-3.1-5.3-9.8-7.1-15.1-4.1-5.3 3.1-7.1 9.8-4.1 15.1l27.1 47c3.1 5.3 9.8 7.1 15.1 4.1C77 66 78.8 59.3 75.8 54Z' class='cls-2'/%3E%3Cpath d='M44.5 2.9a10.838 10.838 0 0 0-11 0C28.2 6 26.4 12.7 29.4 18L39 34.5 48.6 18c3.1-5.3 1.2-12.1-4.1-15.1Z' style='stroke-width:0;fill:%23ccc'/%3E%3C/svg%3E");
} */
.mark_title::before{
    content: "";
    display: flex;
    width: 5px;
    height: 5px;
    background:#ddd
}
/* .mark_title.on::before{
    content:"";
    display:flex;
    width:15px;
    height:14px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' data-name='Layer 1' viewBox='0 0 78 72'%3E%3Crect width='76.5' height='22.2' x='-12.8' y='24.9' rx='11.1' ry='11.1' style='fill:%23e877ae;stroke-width:0' transform='rotate(-60 25.391 36.021)'/%3E%3Cpath d='M75.8 54 48.7 7c-3.1-5.3-9.8-7.1-15.1-4.1-5.3 3.1-7.1 9.8-4.1 15.1l27.1 47c3.1 5.3 9.8 7.1 15.1 4.1C77 66 78.8 59.3 75.8 54Z' style='stroke-width:0;fill:%237c73f3'/%3E%3Cpath d='M44.5 2.9a10.838 10.838 0 0 0-11 0C28.2 6 26.4 12.7 29.4 18L39 34.5 48.6 18c3.1-5.3 1.2-12.1-4.1-15.1Z' style='fill:%23bf4efd;stroke-width:0'/%3E%3C/svg%3E");
} */
.mark_title.on::before{
    background:#507CA0
}

/* 기사내용영역 */
.summary{
    font-size:20px;
    line-height: 33px;
    font-weight:500;
    display:flex;
    column-gap:30px;
    margin-bottom:60px;
}
.summary::before{
    content:"";
    display:flex;
    width:3px;
    background:#f0f0f0
}
.news_wrap{
    font-size:18px;
    line-height:33px;
    text-align: justify;
}
.news_content {
    width:100%;
    overflow:hidden;
}
.news_content figure {
    margin:60px 0
}
.news_content figure img{
    display: flex;
    margin: 0 auto;
    /* width: 100%; */
    border-radius: 20px;
}
.news_content figure figcaption{
    margin-top:20px;
    font-size:13px;
    color:#999;
    text-align: center;
}
.news_content .mark_title{
    grid-template-columns: 22px auto;
    font-size:24px;
    color:#284052;
    font-weight:600;
    margin:50px 0;
}
.news_content .mark_title::before{
    margin-top:4px;
    width:22px;
    height:21px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 104 100'%3E%3Cpath d='M67.4 1.9v3.8h-3.8v3.8h-3.8v3.8H56V9.5h-7.7v3.8h-3.8V9.5h-3.8V5.7h-3.8V1.9H17.7v3.8h-3.8v3.8h-3.8v7.7h3.8v-3.8h3.8V9.6h3.8v3.8h3.8v3.8h3.8V21h3.8v3.8h3.8v3.8h3.8v11.5H25.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.8V71h-7.7v3.8h-3.8v3.8h-3.8v3.8H10v3.8H6.2V90H2.4v7.7h3.8v-3.8H10v-3.8h3.8v-3.8h7.7V94h7.7v3.8h23.1V94h3.8v-3.8h3.8v-3.8h3.8v-3.8h3.8v-3.8h3.8V48h15.4v-7.7H71.3V17.2h19.2v-3.8h3.8V9.6h3.8V5.8h3.8V1.9H67.3ZM55.8 17.3v65.4H52v3.8h-3.8V17.3h7.7Z' style='fill:%23507CA0'/%3E%3C/svg%3E");
    background-color: #fff;
}
.news_content .content ol,
.news_content .content ul {
    margin: 1em 0;
    padding-left: 40px;
    list-style: unset;
}
.news_content .content ol {
    margin: 1em 0;
    padding-left: 40px;
    list-style: decimal;
}
/* 20241114_프리미엄 뉴스 안내 */
.premium_news{
    position: relative;
    width: 100%;
    margin: 0 0 30px 0;
    padding: 15px 110px 15px 30px;
    font-size: 16px;
    color: var(--color-gray333);
    border-radius: 10px;
    background: linear-gradient(90deg, rgba(245,245,245,1) 75%, rgba(245,245,245,0) 100%);
}
.premium_news .point {
    font-weight: 600;
    color:var(--color-purple)
}
.premium_news>a{
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    display: flex;
    align-items: center;
    height: 50px;
    padding: 0 20px;
    color:#fff;
    font-weight:500;
    border-radius:30px;
    background:var(--color-purple);
    box-shadow: -3px 0px 3px #33333375;
}
.premium_news>a:hover{
    background:var(--color-light-purple);
}

/* 시그널's talk */
.signaltalk{
    margin-top:170px
}
.signaltalk .gradation_txt{
    position:relative;
    font-size: 24px;
    font-weight: 600;
    background: linear-gradient(95deg, #507CA0 0%, #284052 10%);
    -webkit-background-clip: text;
    background-clip: text;
}
.signaltalk .gradation_txt::before{
    content:"";
    position:absolute;
    top:-65px;
    left:0;
    width:54px;
    height:54px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' data-name='Layer 1' viewBox='0 0 112 112'%3E%3Cpath d='M50.7 26.1c-13.2 8.4-17.8 19.4-20 28.6 11.5 3.8 20 11.8 20 25.3s-11.9 24-25.1 24S1 93.9 1 75.4C1 46.3 22.2 21.5 50.7 8v18.1Zm60.3 0c-13.2 8.4-17.8 19.4-20 28.6 11.5 3.8 20 11.8 20 25.3s-11.9 24-25.1 24-24.6-10.1-24.6-28.6C61.3 46.3 82.5 21.5 111 8v18.1Z' style='fill:%23eee;stroke-width:0'/%3E%3C/svg%3E");
}
.signaltalk .gradation_txt::after{
    content:"";
    position:absolute;
    top:50%;
    -webkit-transform:translateY(-50%);
            transform:translateY(-50%);
    right:0px;
    width:calc(100% - 170px);
    height:3px;
    background: linear-gradient(95deg, #507CA0 0%, #284052 100%);
}
.signaltalk_wrap{
    display:grid;
    grid-template-columns: 500px auto;
    column-gap:50px;
    margin-top:40px
}
.journalist_area{
    display:inline-block;
    padding:5px 20px;
    border-radius:5px;
    font-size:17px;
    color:#fff!important;
    margin-top:50px;
    background:#284052
}
.journalist_area:hover{
    background:#507CA0
}
.poster_ani{
    position:relative
}
.poster_ani > div{
    position:absolute;
}
.anicon_superman{
    top:0;
    left:0;
    width:275px;
    animation: motion 2.5s linear 0s infinite
}
@keyframes motion {
    0% {margin-top: 0px}
    20% {margin-top: 10px}
    40% {margin-top: 0px}
    60% {margin-top: 10px}
    80% {margin-top: 0px}
    100% {margin-top: 0px}
}
.anicon_star01 {
    top: 0;
    left: 65px;
    width: 29px;
}
.anicon_star02 {
    top: 12px;
    right: 78px;
    width: 20px;
}
.anicon_star03{
    top:30px;
    left:0;
    width:32px;
}
.anicon_star03 {
    top: 140px;
    left: 0;
    width: 32px;
}
.anicon_star05 {
    top: 180px;
    right: 38px;
    width: 34px;
}
.anicon_star06 {
    top: 125px;
    right: 20px;
    width: 18px;
}
.anicon_planet01 {
    bottom: -40px;
    left: 35px;
    width: 67px;
    animation: planet_a 3s infinite alternate;
}
@keyframes planet_a {
    0% {top: 230px;left: 50px}
    100% {top: 240px;left: 60px}
}
.anicon_planet02{
    bottom: 0px;
    right: 16px;
    width: 35px;
    animation: planet_b 20s linear infinite;
}
@keyframes planet_b {
    0%,
    100% {transform: rotate(0deg)}
    50% {transform: rotate(360deg)}
}
.anicon_rocket01 {
    right: 71px;
    width: 50px;
    animation: rocket_a 1s infinite alternate;
}
@keyframes rocket_a {
    0% {top: 250px;left: 180px}
    100% {top: 255px;left: 185px}
}
.anicon_rocket02{
    bottom: -46px;
    right: 36px;
    width: 38px;
    animation: rocket_b 1s infinite alternate;
}
@keyframes rocket_b {
    0% {bottom: -60px;right: 40px}
    100% {bottom: -55px;right: 43px}
}

/* 테그 */
.tag_article {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
   margin-top: 30px; 
}
.tag_article a {
    display: inline-block;
    padding: 4px 20px;
    border: 1px solid #507CA0;
    border-radius: 50px;
    font-size: 13px;
    color: #507CA0;
}
.tag_article a:hover {
    color: #fff;
    background: #507CA0;
    transition: all .5s ease
}

/* 관련기사 */
.grid_twins {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
}
.listbox_wrap {
    padding: 1.5rem;
    border: 1px solid #eee;
    border-radius: .5rem;;
    box-shadow: rgb(0 0 0 / 8%) 0px 8px 50px -10px;
}
.listbox {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 10px;
    height: 100%;
}
.listbox.no {
    height: 150px
}
.listbox .noitem {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: center;
    
}
.listbox .noitem::before {
    content: "";
    display: flex;
    width: 40px;
    height: 40px;
    justify-content: center;
    background: url('/img/annotation-dots.svg');
    background-size: contain;
}
.list_news {
    display: flex;
    justify-content: space-between;
    gap: 20px
}
.list_news:hover a {
    font-weight: 500;
    transition: all .5s ease
}
.list_news .name {
    font-size: 14px;
}
.list_news .date {
    font-size: 14px;
    color: var(--color-gray999)
}
.list_news .listbox_infos {
    display: flex;
    gap: 15px;
}
.list_news .listbox_infos * {
    white-space: nowrap;
}
.list_news *:first-child {
    flex: 0 1 330px;
}

/* 댓글달기 */
.comments_wrap{
    margin-top:95px;
    margin-bottom: 50px;
}
.comments_wrap img{
    width:100%
}


/* 유료회원 전용 */
.text_article.charged {
    position: relative;
    overflow:hidden;
    height: 460px;
}
.charged_wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('/img/mosaic.png') no-repeat;
    background-size: cover;
    z-index: 102
}
.charged_article {
    position: absolute;
    top: 20px;
    width: 100%;
    padding-top: 90%;
    margin: 0 auto;
    box-shadow: 0px -16px 10px -8px rgb(0 0 0 / 20%);
    border-top-right-radius: 100%;
    border-top-left-radius: 100%;
    background: #fff;
    z-index: 1
}
.charged_article::after {
    content: "";
    position: absolute;
    top: 100px;
    width: 100%;
    padding-top: 90%;
    margin: 0 auto;
    background: #fff;
    box-shadow: rgb(255 255 255) 0px -20px 20px 20px;
    z-index: -1;
}

.charged_box {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    top: 25%;
    left: 50%;
}

.title_sub {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    white-space: nowrap;
    margin-bottom: calc(0.075* 100%);
}
.title_sub .title {
    display: flex;
    justify-content: center;
    margin-bottom: calc(0.05 * 100%);
    font-size: 2.3rem;
    font-weight: 800;
    text-align: center;
    line-height: calc(100%);
}
.twice_btnarea {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 10px;
    width: 500px;
    margin-top: 50px;

}

.btn_blockbox_gray {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 360px;
    height: 70px;
    border-radius: 100px;
    font-size: 1.2rem;
    font-weight: 500;
    color: var(--color-white)!important;
    background: url('/img/nosie_gray.png') repeat;
    box-shadow: 4px -4px #eee;
}
.btn_blockbox_puple {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 360px;
    height: 70px;
    border-radius: 100px;
    font-size: 1.2rem;
    font-weight: 500;
    color: var(--color-white)!important;
    background: url('/img/nosie.png') repeat;
    box-shadow: 4px -4px #c7c3ff;
}
.btn_blockbox_gray:hover, 
.btn_blockbox_puple:hover {
    opacity: .9;
}
.btn_guide {
    display:flex;
    align-items: center;
    justify-content:center;
    height:70px;
    margin-top: calc(0.05 * 100%);
    font-size: 1.2rem;
    font-weight: 600;
    color:var(--color-purple)!important;
    border:3px solid var(--color-purple);
    border-radius:50px;
    color:#b5403e
}
.btn_guide:hover {
    color:var(--color-white)!important;
    border:3px solid var(--color-pink);
    background: var(--color-pink);
    transition: all .5s ease
}

/* 스티키 헤더 */
.sticky_header{
    visibility: none; 
    opacity: 0;
}
.sticky_header .full_menu, 
.sticky_header .search_btn{
    position:relative;
    width:20px;
    height: 18px;
    font-size:0
}
.sticky_header .search_btn:hover{
    cursor: pointer;
}
.sticky_header .search_btn::after{
    content:"";
    position:absolute;
    top: 3px;
    left:0;
    width:20px;
    height:18px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' data-name='Layer 1' viewBox='0 0 20 18'%3E%3Cpath d='m20 16.6-3.2-3.2c.7-1.3 1.2-2.8 1.2-4.4 0-5-4-9-9-9S0 4 0 9s4 9 9 9 5-1.1 6.6-2.9l2.9 2.9 1.4-1.4Zm-11-.4C5 16.2 1.8 13 1.8 9S5 1.8 9 1.8 16.2 5 16.2 9 13 16.2 9 16.2Z' style='fill:%23555;stroke-width:0'/%3E%3C/svg%3E");
}
.sticky_header .full_menu > img, 
.sticky_header .search_btn > img{
    display:none
}
.sticky_header .gnb_info {
    column-gap:20px;
    position: relative
}
.sticky_header.show{
    visibility: visible; 
    opacity: 1;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    padding:30px 0;
    background:#fff;
    box-shadow: rgba(11, 81, 187, 0.1) 0px 10px 10px -5px;
    z-index:110;
    -webkit-transition: all .1s ease;
            transition: all .1s ease;
}
.stickyheader_wrap{
    position: relative;
    display:flex;
    justify-content:space-between;
    align-items:center;
    column-gap:20px;
    max-width:1200px;
    margin:0 auto;
    padding:0 40px;
}
.logo_title{
    display:flex;
    column-gap:40px;
    width:calc(100% - 109px)
}
.logo_title .symbol{
    margin-left:15px
}
.logo_title h4{
    overflow:hidden;
    display:inline-block;
    white-space: nowrap;
    text-overflow:ellipsis;
    font-size:26px;
    font-weight:600;
    line-height: 27px;
}
.m_xbutton{
    width:45px;
    height:45px;
    border-radius: 100px;
    background:#fff;
    font-size:0;
}
.m_xbutton::after{
    content:"";
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%, -50%);
            transform:translate(-50%, -50%);
    width:20px;
    height:20px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' data-name='Layer 1' viewBox='0 0 42 42'%3E%3Cpath d='M4.7 41c-.9 0-1.9-.4-2.6-1.1-1.4-1.4-1.4-3.7 0-5.2L34.8 2.1C36.2.7 38.5.7 40 2.1c1.4 1.4 1.4 3.7 0 5.2L7.2 39.9c-.7.7-1.7 1.1-2.6 1.1Z' style='stroke-width:0;fill:%23507CA0'/%3E%3Cpath d='M37.3 41c-.9 0-1.9-.4-2.6-1.1L2.1 7.2C.7 5.8.7 3.5 2.1 2 3.5.6 5.8.6 7.3 2L40 34.7c1.4 1.4 1.4 3.7 0 5.2-.7.7-1.7 1.1-2.6 1.1Z' style='fill:%23284052;stroke-width:0'/%3E%3C/svg%3E");
}
.shortcut_wrap .m_xbutton{
    display:none;
    position:absolute;
    top:20px;
    right:-20px;
}
.shortcut_wrap.m_short .m_xbutton{
    display:flex;
}

.sticky_header .searchwindow {
    display: none;
}
.sticky_header .searchwindow.show {
    display: flex;
    position: absolute;
    top: -8px;
    right: 35px;
    z-index: 10;
}
.sticky_header .searchwindow > input {
    width: 300px;
    border-radius: 50px;
    border:2px solid #284052;
    padding: 10px 20px;
    background: #284052;
}
.sticky_header .close_btn {
    display: none;
    position: absolute;
    top: 0px;
    right: 30px;
    font-size: 0;
    z-index:10
}
.sticky_header .close_btn.show {
    display: flex;
}
.sticky_header .close_btn::after {
    content: "";
    position: absolute;
    top: 1px;
    left: 0px;
    width: 14px;
    height: 14px;
    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");
}
.layernav_boxs.stickymenu, 
.layernav_boxs.stickymenu > .layer_nav {
    display: flex!important
}
.layernav_boxs.stickymenu > .layer_nav {
    position: absolute;
    left: -40px;
    top: 65px !important;
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 100px 20px 40px 20px;
    border-radius: 0 0 20px 20px;
    box-shadow: 0 10px 4px -4px #ebebeb;
    background: #FFF;
    opacity: 0.97;
}
.layernav_boxs.stickymenu.swich > .layer_nav {
    display: none!important
}


/*----------------------
## IPO
----------------------*/
.ipo_title{
    display:flex;
    justify-content: space-between;
    column-gap: 40px;
    align-items: end;
}
.ipo_title .title{
    display:flex;
    /* align-items: center; */
    column-gap:15px;
    font-size:24px;
    line-height: 30px;
    font-weight:600;
}
.ipo_title .date{
    font-size:12px;
    color:#999;
    min-width:130px;
    text-align: right;
}
.ipo_summary{
    display:grid;
    grid-template-columns: repeat(4, minmax(0, 1fr)) ;
    column-gap:10px;
    row-gap:1px;
    padding:20px;
    margin-top:25px;
    font-size:14px;
    line-height:18px;
    color:#fff;
    border-radius:20px;
    background:url("/img/noise_blue.png") repeat
}
.ipo_summary dl{
    display:flex;
    align-items: center;
    column-gap:15px;
}
.ipo_summary dl dt{
    display: flex;
    align-items: center;
    justify-content: center;
    white-space:nowrap;
    min-width: 70px;
    height:50px;
    background:#284052
}
.ipo_table{
    width:100%;
    margin-top:50px;
    table-layout: fixed;
}
.ipo_table table{
    width:100%;
    table-layout: fixed;
}
.ipo_table thead tr th{
    border-bottom:3px solid #333;
    padding-bottom:20px
}
.ipo_table thead tr th, 
.ipo_table tbody tr td{
    text-align: center;
}
.ipo_table tbody tr td{
    padding-bottom:30px;
}
.ipo_table tbody tr:first-child td{
    padding-top:40px;
}
.ipo_table tbody tr td:first-child{
    padding-left:20px;
    text-align:left;
    font-weight:600
}
.ipo_table tbody tr.point table{
    padding-top:30px;
}
.ipo_table tbody tr.point > td{
    padding:0
}
.ipo_table tbody tr.point tr:first-child td {
    padding-top: 0;
}
.ipo_table tbody tr.gray{
    background:#f8f8f8
}
.ipo_table tbody tr.purple{
    background:#e9f7fe
}
.ipo_table tbody tr.pink{
    background:#e9faef
}
.caution{
    display:flex;
    flex-direction:column;
    row-gap:3px;
    margin-top:20px
}
.caution > li {
    display:flex;
    column-gap:5px;
    color:#999
}
.caution > li::before {
    content:"※";
    display:flex;
    color:#bbb;
}

/* IPO 모바일 */
.ipo_mo_indicator{
    display:none;
    border-radius:20px;
    padding:50px 30px;
    margin-top:50px;
    background:#f8f8f8;
}
.ipo_tabbox {
    display: flex;
    justify-content: space-around;
    border-radius: 20px;
    border:3px solid #333
}
.ipo_tab {
    position:relative;
    width:100%;
    height:78px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-right:3px solid #333;
    font-size:20px;
    font-weight:600;
    text-align:center;
}
.ipo_tab .signboard{
    position:absolute;
    top:-20px;
    left:50%;
    -webkit-transform:translateX(-50%);
            transform:translateX(-50%);
    padding:6px 15px;
    border-radius:100px;
    font-size:13px;
    font-weight:normal;
    color:#fff;
    white-space: nowrap;
}
.ipo_tab .signboard.pink{
    background:#507CA0
}
.ipo_tab .signboard.purple{
    background:#284052
}
.ipo_tab.active {
    color:#fff;
    border-right:0;
    background:#333
}
.ipo_tab:first-child.active {
    border-top-left-radius: 16px;
    border-bottom-left-radius: 16px
}
.ipo_tab:last-child.active {
    border-top-right-radius: 16px;
    border-bottom-right-radius: 16px;
}
.ipo_tabbox .ipo_tab:last-child {
    border-right:0
}
.ipo_tabcontent {
    display:flex;
    flex-direction: column;
    row-gap:20px;
    margin-top:50px;
}
.ipo_article{
    display:flex;
    flex-direction: column;
    row-gap:20px;
    padding:35px 30px;
    border-radius:20px;
    font-size:20px;
    background:#fff;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 0px 10px 0px;
}
.ipo_article.gray{
    border:2px solid #ddd
}
.ipo_article.purple{
    border:2px solid #bddbea
}
.ipo_article.pink{
    border:2px solid #a9d3b8
}
.ipo_article dl{
    display:flex;
    justify-content:space-between;
    column-gap:10px;
}
.ipo_article dl dd{
    font-weight:600
}
.ipo_article dl dd.no, 
.ipo_article dl dd.ok{
    display:flex;
    align-items: center;
    column-gap:5px;
    font-weight:600
}
.ipo_article dl dd.no::before{
    content:"";
    display:flex;
    width:15px;
    height:15px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' data-name='Layer 1' viewBox='0 0 20 20'%3E%3Cpath d='M1.4 3.6c-.6-.6-.6-1.5 0-2.1.6-.6 1.5-.6 2.1 0l6.4 6.4 6.4-6.4c.6-.6 1.5-.6 2.1 0 .6.6.6 1.5 0 2.1L12 10l6.4 6.4c.6.6.6 1.5 0 2.1s-1.5.6-2.1 0l-6.4-6.4-6.4 6.4c-.6.6-1.5.6-2.1 0-.6-.6-.6-1.5 0-2.1L7.8 10 1.4 3.6Z' style='fill:%23507CA0;stroke-width:0'/%3E%3C/svg%3E");
}
.ipo_article dl dd.ok::before{
    content:"";
    display:flex;
    width:17px;
    height:17px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' data-name='Layer 1' viewBox='0 0 20 20'%3E%3Cpath d='M10 4c3.3 0 6 2.7 6 6s-2.7 6-6 6-6-2.7-6-6 2.7-6 6-6m0-3c-5 0-9 4-9 9s4 9 9 9 9-4 9-9-4-9-9-9Z' style='fill:%237b73f3;stroke-width:0'/%3E%3C/svg%3E");
}

.aniunder {
    -webkit-transition: background-size 0.3s;
    -o-transition: background-size 0.3s;
    transition: background-size 0.3s;
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}



@media (hover: hover) and (pointer: fine) {
    .aniunder {
        background-image: linear-gradient(90deg, rgba(7, 32, 51, 0.4) 0%, rgba(7, 32, 51, 0.4) 100%);
        background-repeat: no-repeat;
        background-position: left 0 bottom 0;
        background-size: 0 2px;
    }

    .underline_wrap:hover .aniunder,
    .underline_wrap:focus .aniunder {
        background-size: 100% 2px;
    }
}



@media (max-width:1024px) {
    .grid_twins {
        grid-template-columns: 1fr;
        gap: 20px
    }
}

@media (max-width:640px) {
    .listbox_wrap {
        padding: 0;
        border: 0;
        box-shadow: none
    }
    .listbox_wrap:last-child {
        border-top: 1px solid #eee;
        border-radius: 0;
        margin-top: 20px;
        padding-top: 30px
    }
    .listbox_wrap .sec_ttl {
        margin-bottom: 10px
    }
    .list_news {
        display: flex;
        justify-content: space-between
    }
    .list_news .name, 
    .list_news .date {
        display: none
    }
    .list_news *:first-child {
        flex: 0 1 100%;
    }
}

@media (max-width:360px) {
    .journalist_area {
        display: flex;
        flex-direction: column;
        font-size: .9rem;
        line-height: 1.1rem;
    }
    .journalist_area > span {
        font-size: .8rem    
    }
}