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

/** TYPE 모듈 **/

.signal_type {
    display: grid;
}
.signal_type_w0 {
    display: grid;
    grid-template-columns: auto 300px;
    grid-column-gap: 40px;
    z-index: 1;
}
.signal_type_w40 {
    display: grid;
    grid-template-columns: auto 300px;
    grid-column-gap: 40px;
}
.signal_type_auto {
    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;
}

/* 메가진 메인 MAIN */
.magazine_books_wrap {
    padding: 30px 70px;
    display: grid; 
    gap: 35px; 
    grid-template-columns: 1fr; 
    background: url(/img/renew/magazine_bg.png);
}
.magazine_books_info {
    display: flex; 
    flex-direction: column; 
    row-gap: 15px;
}
.magazine_books_day {
    text-align: center; 
    color: #FFF;
}
.magazine_books_img {
    position: relative;
}
.books_cover {
    position: absolute;
    bottom: -5px;
    right: -2px;
    z-index: 2;
    filter: drop-shadow(-5px 2px 2px #555);
}
.magazine_books_img > img {
    width: 100%; 
    height: 100%; 
    filter: drop-shadow(4px 4px 5px #5a2424);
}

.magazine_books_btn {
    display: flex; 
    justify-content: center; 
    column-gap: 10px; 
    font-size: 13px;
}
.magazine_books_btn > li {
    position: relative;
    color: #Fff; 
    text-align: center; 
    border-radius: 20px; 
    width: 45%; 
    display: flex; 
    justify-content: center; 
    background: #333; 
    z-index: 2;
}
.magazine_books_btn > li.books_bg::before {
    content: '';
    position: absolute;
    top: 0;
    left: -101%;
    width: 170%;
    height: 100%;
    background: #333;
    z-index: -1;
}
.magazine_books_btn > li > a{
    color: #FFF;
    width: 100%;
    overflow: hidden;
    border-radius: 10px;
}
.magazine_books_btn > li > a:hover {
    color: #fee149;
}

/* 메가진 메인 LIST & VIEW */
.magazine_books_wrap_re {
    padding: 30px 70px;
    display: grid; 
    gap: 35px; 
    grid-template-columns: 1fr; 
    background: url(/img/renew/magazine_bg.png);
}
.magazine_books_info_re {
    display: flex; 
    flex-direction: column; 
    row-gap: 15px;
}
.magazine_books_day_re {
    text-align: center; 
    color: #FFF;
}
.magazine_books_img_re {
    position: relative;
}
.books_cover_re {
    position: absolute;
    bottom: -5px;
    right: -2px;
    z-index: 2;
    filter: drop-shadow(-5px 2px 2px #555);
}
.magazine_books_img_re > img {
    width: 100%; 
    height: 100%; 
    filter: drop-shadow(4px 4px 5px #5a2424);
}

.magazine_books_btn_re {
    display: flex; 
    justify-content: center; 
    column-gap: 10px; 
    font-size: 13px;
}
.magazine_books_btn_re > li {
    position: relative;
    color: #Fff; 
    text-align: center; 
    border-radius: 20px; 
    width: 45%; 
    display: flex; 
    justify-content: center; 
    background: #333; 
    z-index: 2;
}
.magazine_books_btn_re > li.books_bg_re::before {
    content: '';
    position: absolute;
    top: 0;
    left: -101%;
    width: 170%;
    height: 100%;
    background: #333;
    z-index: -1;
}
.magazine_books_btn_re > li > a{
    color: #FFF;
    width: 100%;
    overflow: hidden;
    border-radius: 10px;
}
.magazine_books_btn_re > li > a:hover {
    color: #fee149;
}


/* 모듈 / 인사이트 */
.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; 
    -webkit-line-clamp: 3;
}
.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: -35%;
    top: -8px;
    width: 150px;
    height: 123px;
    /* 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: 54%;
    margin-right: auto;
    overflow: hidden;
    /* border-radius: 20px; */
}
.txt_part1_img > figure img {
    width: 100%; 
    height: 100%;
    aspect-ratio: 16 / 11;
    object-fit: cover;
    object-position: top;
}
.txt_part1_img > figure img:hover {
    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;
    -webkit-line-clamp: 3;
}
.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: -35%;
    top: -7px;
    width: 150px;
    height: 122px;
    /* 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: 54%;
    margin-left: auto;
    overflow: hidden;
    /* border-radius: 20px; */
}
.txt_part2_img > figure img {
    width: 100%;
    height: 100%;
    aspect-ratio: 16 / 11;
    object-fit: cover;
    object-position: top;
}
.txt_part2_img > figure img:hover {
     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;
}






/* OUT 인사이트 */
.insight_bg_txt {
    position: relative;
    display: grid;
    height: 100%;
}
.insight_bg_txt > dl {
    position: absolute;
    right: 0;
    top: 32px;
    display: grid;
    align-items: center;
    width: 42%;
    height: 82%;
    padding: 2% 3% 2% 0;
    opacity: 0.97;
    z-index: 2;
    row-gap: 20px;
}
.insight_bg_txt > dl > .insight_sub > a {
    display: flex;
    font-size: 18px;
    line-height: 22px;
}
.insight_bg_txt > dl > .insight_sub > a > i {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.insight_bg_txt > dl > .insight_sub > a > span {
    margin-right: 10px;
    font-weight: 600;
}
.insight_bg_txt > dl > dd.on > a{
    font-size: 31px;
    line-height: 39px;
    font-weight: 600;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    margin-bottom: 10px;
}
.insight_bg_txt > dl > dd.on > a:hover {
    text-decoration: underline;
}
.insight_bg_txt > figure {
    position: relative;
    height: 100%;
    /* background: linear-gradient(to right, rgba(0, 0, 0, 1) 1%, rgba(0, 0, 0, 0) 25%); */
}
.insight_bg_txt > figure > a {
    display: block;
    width: 100%;
    height: 100%;
    border-bottom: 0;
}
.insight_bg_txt > figure::before{
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-color: #000;
}
.insight_bg_txt > figure::after{
    content: '';
    position: absolute;
    top: 0;
    left: 0%;
    width: 25%;
    height: 100%;
    z-index: 1;
    background: linear-gradient(to right, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
}
/* .insight_bg_txt > figure::before {
    content: '';
    position: absolute;
    top: -50px;
    left: -49%;
    width: 105%;
    height: 50px;
    z-index: 1;
    background: #ccc;
}
.insight_bg_txt > figure::after {
    content: '';
    position: absolute;
    top: 362px;
    left: -49%;
    width: 105%;
    height: 50px;
    z-index: 1;
    background: #ccc;
} */
.insight_bg_txt > figure > a {
    width: 100%;
    height: 100%;
    /* border-radius: 25px; */
    /* overflow: hidden; */
    position: absolute;
    top: 0;
    left: 0;
}
.insight_bg_txt > figure > a > img{
    width: 80%;
    height: 100%;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    border-radius: 25px;
    margin-left: -28%;
    z-index: -1;
    position: relative;
    transition-duration: 0.3s;
}
/* .insight_bg_txt:hover img {
    overflow: hidden;
    transform: scale(1.05, 1.05);
    transition-duration: 0.5s;
    
} */

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










/* 인사이트 */
.txt_tit_img {
    position: relative;
    display: grid;
    overflow: hidden;
    height: 100%;
}
.txt_tit_img > dl {
    position: absolute;
    left: 0;
    top: 26px;
    display: grid;
    align-items: center;
    width: 42%;
    height: 88%;
    padding: 2% 3% 2% 0;
    opacity: 0.97;
    z-index: 2;
    row-gap: 10px;
}
.txt_tit_img > dl > .insight_sub > a {
    display: flex;
    font-size: 18px;
    line-height: 26px;
}
.txt_tit_img > dl > .insight_sub > a > i {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
}
.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: 40px;
    font-weight: 600;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-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;
    /* box-shadow: rgba(0, 0, 0, 0.35) 13px 0px 20px -20px; */
}
/* .insight_bg {
    display: none;
    background: #fFF;
    position: absolute;
    width: 48%;
    height: 110%;
    opacity: 0.95;
    top: -19px;
    border-top-right-radius: 350px;
    border-bottom-right-radius: 350px;
} */
.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 > span {
    padding: 3px 13px;
    font-size: 13px;
    font-weight: 600;
    text-align: center;
    /* border-radius: 40px; */
    border: 2px solid #d23023;
    background: #FFF;
    color: #d23023;
}


/* .news_item_wrap {
    flex-direction: column;
    display: grid;
    align-items: center;
} */
.m_center_line {
    display: none;
    width: 100%;
    height: 17px;
    background: #f0f0f0;
}
.m_center_gap {
    display: none;
    width: 100%;
    margin: 50px 0;
}
.pc_center_line {
    display: none;
    width: 100%;
    height: 0.5px;
    margin: 20px 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 10px 20px 0;
}
.txt_park.on {
    position: relative;
    background: #fafafa;
    margin-right: -40px;
    padding: 18px 10px 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 > i {
    padding: 1px 8px;
    font-size: 11px;
    color: #d23023;
    border: 1px solid #d23023;
    background-color: #FFF;
    font-weight: 400;
    z-index: 1;
}
.news_ttl > span {
    padding: 3px 8px;
    font-size: 12px;
    color: #d23023;
    border: 1px solid #d23023;
}

.txt_park .news_item_in {
    display: flex;
    column-gap: 30px;
    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/renew/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 #2b2b2b;
    background: #2b2b2b;
    transition: all .3s ease;
}
.submenu_board.pc a.on {
    color:#fff;
    border:1px solid #ad160a;
    background: #d23023;
    transition: all .3s ease;
}

.opinion_wrap_list {
    margin-top: 20px
}




/* 파트별 제목 */
.sec_ttl {
    position: relative;
    letter-spacing: 0px;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 15px;

}
.sec_ttl > a {
    display: flex;
    column-gap: 8px;
    align-items: center;
}
.sec_ttl > a > i {
    display: inline-flex;
    width: 8px;
    height: 12px;
    margin-top: 4px;
    background:url('/img/renew/ttl_arrow.png') no-repeat;
}

/* 아이콘 */
.txt_icon {
    position: absolute;
    right: 15px;
    top: 15px;
    padding: 1px 8px;
    font-size: 11px;
    color: #d23023;
    border: 1px solid #d23023;
    background: #fff;
    z-index: 2;
}

.txt_icon.in {
    color:#fff;
    background:#1d71b6;
}

/* 모듈  */

.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;
    gap: 20px;
    grid-template-columns: 1fr 3fr;
}
.img_mark_reporter:last-child {
    margin-bottom: 0px;
}
.img_mark_reporter > figure {
    position: relative;
    width: 100%;
    height: 100%;
}
.img_mark_reporter > figure > a { 
    display: grid; 
    /* border-radius: 20px; */
    height: 100%;
    overflow: hidden;
}
.img_mark_reporter > figure > a >img {
    width: 100%; 
    height: 100%;
    aspect-ratio: 16 / 11;
    /* border-radius: 15px;  */
    border: 1px solid #f0f0f0;
    transition-duration: 0.3s;
    object-fit: cover;
    object-position: top;
}
.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; */

    display: flex;
    flex-direction: column;
    row-gap: 10px;
}
.img_mark_major_news > figure > a >img {
    width: 100%; 
    height: 100%;
    aspect-ratio: 16 / 11;
    /* border-radius: 15px;  */
    border: 1px solid #f0f0f0;
    transition-duration: 0.3s;
    object-fit: cover;
    object-position: top;
}
.img_mark_major_news > figure > a >img:hover {
    /* border-radius: 20px; */
    overflow: hidden;
    transform: scale(1.05, 1.05);
    transition-duration: 0.5s;
}

.news_ttl > a {
    color: #fa4c53;
    font-weight: 500;
    font-size: 15px;
}
.news_line_txt {
    font-size: 15px;
    color: #888;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin-top: auto;
}

.img_mark_reporter > div > .pick_ttl {
    overflow: hidden;
    font-size: 15px;
    line-height: 20px;
    font-weight: 500;
}
.img_mark_reporter > div > .pick_ttl > a {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.img_mark_reporter > div > .pick_ttl > a:hover {
    text-decoration: underline;
    transition: 0.3s;
}
.img_mark_reporter > figure > .news_ttl {
    display: none;
}
.img_mark_info {
    display: flex; 
    justify-content: space-between; 
    font-size: 13px;
    /* margin-top: auto; */
    letter-spacing: -0.5px;
}
.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/renew/time_ico.png') no-repeat;

}

/* 모듈 (쥬요 뉴스) */
.img_mark_major_news {
    display: grid;
    grid-template-columns: 2fr 3fr;
    gap: 20px;
}
.img_mark_major_news:last-child {
    margin-bottom: 0px;
}
.img_mark_major_news > figure {
    position: relative;
    width: 100%;
    height: 100%;
}
.img_mark_major_news > figure > a {
    display: grid; 
    height: 100%;
    overflow: hidden;
}
.img_mark_major_news > figure > a >img {
    width: 100%; 
    height: 100%;
    aspect-ratio: 16 / 11;
    border: 1px solid #f0f0f0;
    transition-duration: 0.3s;
    object-fit: cover;
    object-position: top;
}
.img_mark_major_news > figure > a >img:hover {
    overflow: hidden;
    transform: scale(1.05, 1.05);
    transition-duration: 0.5s;
}
.img_mark_major_news > div {
    display: flex;
    flex-direction: column;
    row-gap: 10px;
}
.img_mark_major_news > div > .pick_ttl {
    overflow: hidden;
    font-size: 15px;
    line-height: 20px;
    font-weight: 500;
}
.img_mark_major_news > div > .pick_ttl > a {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.img_mark_major_news > div > .pick_ttl > a:hover {
    text-decoration: underline;
    transition: 0.3s;
}
.img_mark_major_news > figure > .news_ttl {
    display: none;
}


/* 모듈 */
.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;
    -webkit-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: 1px solid #eee;
}
.img_part2_keyword > figure a > img {
    width: 100%;
    /* height: 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;
    -webkit-line-clamp: 2;
}
.analysis_ttl > a:hover {
    text-decoration: underline;
    transition: 0.3s;
}
.analysis_info > div {
    display: flex;
    letter-spacing: -0.5px;
}
.analysis_sec_m .analysis_ttl {
    min-height: 48px;
}
.keyword_sec {
    display: none;
    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;
}
.img_part2_keyword_m > figure > a {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    height: 100%;
    border: 1px solid #e8e7e7;
}
.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 {
    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 0 0;
    row-gap: 15px;
}



/* 모듈 */
.img_part2 {
    display: grid; 
    grid-row-gap: 15px; 
    background: #FFF;
}
.img_part2 > figure {
    position: relative;
    width: 100%; 
    height: 100%;
    overflow: hidden;
    border: 1px solid #f0f0f0;
}
.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%;
    transition-duration: 0.3s;
    aspect-ratio: 16 / 10.5;
    object-fit: cover;
    object-position: top;
}
.img_part2 > figure > a > img:hover{
    /* border-radius: 15px; */
    transform: scale(1.05, 1.05);
    transition-duration: 0.5s;
}
.img_part2 > figure > .cont_icons {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    font-size: 12px;
    font-weight: 400;
    padding: 2px 14px;
    background: #11278e;
    filter: drop-shadow(3px 3px 4px #373737);
    color: #FFF;
}
.img_part2 > figure > .cont_icons > a {
    float: left;
    width: 100%;
    height: 100%;
    color: #FFF;
}

.trend_info {
    position: relative;
    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: 400;
}
.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: 20px;
}
.rank_news_wrap_inner {
    display: flex; 
    flex-direction: column; 
    row-gap: 20px;
}
.img_part1_time {
    display: grid;
    grid-template-columns: 5fr 3fr;
    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; */
    justify-content: end;
}

.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: 400;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

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

/* 모듈 */
.img_part2_time {
    display: grid;
    grid-template-columns: 5fr 2fr;
    justify-content: space-between;
    column-gap: 30px;
    align-items: center;
    background: #FFF;
}
.img_part2_time > figure {
    display: flex;
    justify-content: space-between;
    overflow: hidden;
    /* border-radius: 10px; */
}
.img_part2_time > figure > a {
    position: relative;
}
.img_part2_time > figure > a >img {
    width: 100%;
    height: 100%;
    /* border-radius: 10px; */
    border: 1px solid #f0f0f0;
    transition-duration: 0.3s;
    aspect-ratio: 16 / 11;
}
.img_part2_time > figure > a >img:hover {
    /* border-radius: 15px; */
     transform: scale(1.05, 1.05);
    transition-duration: 0.5s;
}
.rank_between_info {
    display: flex;
    align-items: center;
    font-size: 26px;
    column-gap: 15px;
}
.news_rank {
    color: #fd5b5b;
    font-weight: 500;
}
.ad_news_rank {
    color: #ccc;
    font-weight: 500;
}
.rank_between_info > dt > a {
    font-size: 15px;
    line-height: 23px;
    font-weight: 500;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

/* 광고 모듈 (당신이 좋아할 만한 기사) */
.item_ad_wrap_inner {
    display: grid;
    grid-column-gap: 25px;
    grid-template-columns: repeat(4, 1fr);
}
.view_ad_ttl {
    overflow: hidden;
    font-size: 15px;
    line-height: 21px;
    font-weight: 500;
}
.view_ad_ttl > a {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.view_ad_ttl > a:hover {
    text-decoration: underline;
    transition: 0.3s;
    cursor: pointer;
}
.img_part4_keyword {
    display: grid;
    grid-template-rows: 101px auto;
    grid-row-gap: 15px;
    background: #FFF;
}
.img_part4_keyword > figure {
    width: 100%; 
    height: 100%;
    overflow: hidden;
    /* border-radius: 20px; */
}
.img_part4_keyword > figure a > img {
    width: 100%;
    height: 100%;
    aspect-ratio: 16 / 11;
    /* border-radius: 20px; */
}
.img_part4_keyword > figure a > img:hover {
    /* border-radius: 15px; */
     transform: scale(1.05, 1.05);
    transition-duration: 0.5s;
    }
.img_part4_keyword > div {
    display: grid;
    grid-row-gap: 22px;
}
.img_part4_keyword > div > .analysis_sec {
    display: grid;
    grid-template-rows: 50px auto;
}
.ad_btn_r {
    font-size: 11px;
    font-weight: 500;
    border: 1px solid #333;
    border-radius: 2px;
    padding: 0 6px;
    height: 24px;
}

.sec_head {
    position: relative;
}
.sec_head_ad {
    position: absolute; top: 6px; right: 0;
    color: #fff;
    font-size: 11px;
    background: #c0c0c0;
    padding: 1px 5px;
    border-radius: 2px;
    height: 14px;
    line-height: 10px;
    z-index: 5;
}
.like_info_ad {
    display: flex;
    flex-direction: column;
    gap: 17px;
}
.like_info_ad > li a:hover{
    text-decoration:underline;
}
.like_info_ad > li > a > span {
    display: flex; 
    column-gap: 10px; 
    font-size: 15px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.like_info_ad > li > a > span > p {
    background: #000;
    color: #FFF;
    font-size: 11px;
    width: 44px;
    height: 20px;
    text-align: center;
    line-height: 19px;
    margin-bottom: 5px;
}

/* 리스트 광고 영역  */
.biz_ad_wrap {
    display: flex; 
    flex-direction: column; 
    gap: 20px;
}
.news_ad_icon {
    position: absolute;
    top: 0;
    right: 1px;
    color: #fff;
    font-size: 9px;
    background: #c0c0c0;
    padding: 1px 5px;
    border-radius: 2px;
    height: 13px;
    line-height: 10px;
    z-index: 5;
}
.side_ad_01 {
    width: 100%; 
    height: auto;
    display: flex;
    justify-content: center; 
    /* border: 1px solid #c0c0c0; */
    display: none;
}
.side_ad_01 > a > img {
    width: 100%; 
    height: 100%;
}
.side_ad_02 {
    /* width: 300px; */
    /* height: 600px; */
    border: 1px solid #c1c1c1;
    margin: 0 auto;
}
.side_ad_02 > a > img {
    width: 100%; 
    height: 100%;
}
.side_ad_03 {
    position: relative; 
    display: flex; 
    flex-direction: column; 
    gap: 40px; 
    margin-top: 31px;
    width: 100%;
    min-width: 300px;
    height: auto;
    min-height: 250px;
}
.side_ad_03 > .side_ad_tit {
    position: absolute; 
    top:-22px; right: 0; 
    font-size: 11px; 
    color: #888; 
    z-index: 2;
}
.side_ad_03 > .side_ad_tit > b {
    color: #000;
    font-weight: 700;
}
.m_ad_center {
    width: 90%; 
    height: auto;
    max-height: 190px; 
    /* border: 1px solid #e9e9e9;  */
    /* margin: 0 5%; */
     overflow: hidden;
}
.m_ad_center  > figure > a {
    display: flex;
}
.m_ad_center  > figure > a > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

/* view 편리한 기능 */ /*** 글자크기 ~ 댓글 ***/

#leftTarget {
    display: grid; 
    grid-template-columns: 1fr 1fr; 
    width: 100%; 
    position: absolute; 
    gap: 100%;
}
#leftTarget > .left_link {
    z-index: 9999 !important;
}
.print_wrap {

}
/* #rightTarget {
    gap: 30px;
    display: grid;
} */
#rightTarget .wiew_wrap_side { 
    transition:bottom 6s; 
}
.right_area_box {
    row-gap: 60px;
    display: grid;
}
.now_news_wrap {
    margin-bottom: 40px;
}

#leftTarget > .left_link { 
    transform: translate(-100px, 55px); 
}

.left_link{
    z-index: 9;
    display: flex;
    column-gap: 10px;
}
.left_link > dl{
    position:relative;
    display:flex;
    row-gap:5px;
    flex-direction:column;
    align-items:center;
    z-index:2
}
.left_link > dl > dt{
    position:relative;
    width:35px;
    height:35px;
    line-height:60px;
    text-align:center;
    font-size:14px;
    font-weight:600;
    border-radius:100%;
    border:1px solid #eee;
    background:#fff;
    z-index:99;
    
}
.left_link > dl > dt > a{
    display:inline-block;
    width:100%;
}
.left_link > dl > dt > a:hover{
    text-decoration:none;
    cursor: pointer;
}
.left_link > dl > dt:hover{
    cursor:pointer;
}
.left_link > dl > dt::after{
    content:"";
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
}
.left_link > dl > dt:hover{
    color:#fff;
    background:#333
}
.left_link > dl > dt:hover a{
    color:#fff;
}
.left_link > dl > dt.share, 
.left_link > dl > dt.print,
.left_link > dl > dt.mail, 
.left_link > dl > dt.url,
.left_link > dl > dt.coment{
    position:relative;
    font-size:0
}
.left_link > dl > dt.share::after{
    width:18px;
    height:18px;
    background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' viewBox='0 0 30 30'%3E%3Cpath d='M21.8 954.7c-2.3 0-4.2 1.9-4.2 4.2 0 .5.1.9.2 1.3l-7 3.9c-.7-.6-1.7-.9-2.7-.9-2.3 0-4.2 1.9-4.2 4.2s1.9 4.2 4.2 4.2c1 0 1.9-.4 2.7-.9l7 3.9c-.1.4-.2.8-.2 1.3 0 2.3 1.9 4.2 4.2 4.2s4.2-1.9 4.2-4.2c0-2.3-1.9-4.2-4.2-4.2-1.2 0-2.2.5-3 1.3l-6.8-3.8c.2-.5.4-1.1.4-1.7 0-.6-.1-1.2-.4-1.7l6.8-3.8c.8.8 1.8 1.3 3 1.3 2.3 0 4.2-1.9 4.2-4.2 0-2.6-1.9-4.4-4.2-4.4zm0 1.9c1.3 0 2.3 1 2.3 2.3s-1 2.3-2.3 2.3-2.3-1-2.3-2.3 1-2.3 2.3-2.3zM8.3 965c1.3 0 2.3 1 2.3 2.3 0 1.3-1 2.3-2.3 2.3s-2.3-1-2.3-2.3c0-1.3 1-2.3 2.3-2.3zm13.5 8.3c1.3 0 2.3 1 2.3 2.3 0 1.3-1 2.3-2.3 2.3s-2.3-1-2.3-2.3c0-1.3 1-2.3 2.3-2.3z' style='fill:%23333' transform='translate(0 -952.362)'/%3E%3Cpath d='M0 0h30v30H0z' style='fill:none'/%3E%3C/svg%3E");
}
.left_link > dl > dt.share:hover::after{
    background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' viewBox='0 0 30 30'%3E%3Cpath d='M21.8 954.7c-2.3 0-4.2 1.9-4.2 4.2 0 .5.1.9.2 1.3l-7 3.9c-.7-.6-1.7-.9-2.7-.9-2.3 0-4.2 1.9-4.2 4.2s1.9 4.2 4.2 4.2c1 0 1.9-.4 2.7-.9l7 3.9c-.1.4-.2.8-.2 1.3 0 2.3 1.9 4.2 4.2 4.2s4.2-1.9 4.2-4.2c0-2.3-1.9-4.2-4.2-4.2-1.2 0-2.2.5-3 1.3l-6.8-3.8c.2-.5.4-1.1.4-1.7 0-.6-.1-1.2-.4-1.7l6.8-3.8c.8.8 1.8 1.3 3 1.3 2.3 0 4.2-1.9 4.2-4.2 0-2.6-1.9-4.4-4.2-4.4zm0 1.9c1.3 0 2.3 1 2.3 2.3s-1 2.3-2.3 2.3-2.3-1-2.3-2.3 1-2.3 2.3-2.3zM8.3 965c1.3 0 2.3 1 2.3 2.3 0 1.3-1 2.3-2.3 2.3s-2.3-1-2.3-2.3c0-1.3 1-2.3 2.3-2.3zm13.5 8.3c1.3 0 2.3 1 2.3 2.3 0 1.3-1 2.3-2.3 2.3s-2.3-1-2.3-2.3c0-1.3 1-2.3 2.3-2.3z' style='fill:%23fff' transform='translate(0 -952.362)'/%3E%3Cpath d='M0 0h30v30H0z' style='fill:none'/%3E%3C/svg%3E");
}
.left_link > dl > dt.print::after{
    width:18px;
    height:18px;
    background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' id='Layer_1' x='0' y='0' version='1.1' viewBox='0 0 30 30'%3E%3Cstyle%3E.st1%7Bfill:%23333%7D%3C/style%3E%3Cpath d='M0 0h30v30H0z' style='fill:none'/%3E%3Cpath d='M28 7.1c-.5-.5-1.2-1-1.9-1.1-.4-.1-.7-.1-1.1-.1h-2.3v-3c0-.3-.1-.4-.3-.6-.2-.2-.3-.3-.5-.3H8.2c-.4 0-.9.4-.9.9v3H4.7c-1.2 0-2.4.6-3.1 1.7-.3.6-.5 1.3-.5 2.2v10.3c0 .6.2 1.2.4 1.9.4.7 1.1 1.2 1.9 1.6.4.2 1 .2 1.3.2h2.5v3.4c0 .4.4.9.9.9h13.7c.4 0 .9-.4.9-.9v-3.4h2.6c1.1 0 2.1-.4 2.7-1.2.4-.5.7-1.1.8-1.8 0-.3.1-.5.1-.7V9.4c0-.8-.3-1.6-.9-2.3zM8.9 3.9H21V6H8.9V3.9zM21 26.2l-.4.1H8.9v-9.6l.4-.1H21v9.6zm6.3-5.8c0 .2-.1.4-.1.4-.1.2-.2.4-.3.4-.1.2-.2.3-.4.4-.2.1-.3.2-.4.3-.2.1-.4.1-.4.2h-3v-5.5h1c.3 0 .5-.1.6-.3.2-.2.3-.4.3-.5 0-.5-.4-.9-.9-.9H6.2c-.3 0-.5.1-.6.3-.2.2-.3.4-.3.5 0 .5.4.9.9.9h1.1v5.5H4.4c-.2 0-.4-.1-.5-.1-.2-.1-.4-.2-.4-.3-.2-.1-.3-.2-.4-.4-.1-.2-.2-.3-.3-.4-.1-.2-.1-.4-.2-.4V9.3c0-.2.1-.4.1-.4.1-.2.2-.4.3-.5.1-.2.2-.3.4-.4.1 0 .2-.1.4-.2s.4-.1.4-.1H25.6c.2 0 .4.1.4.1.2.1.4.2.4.3.2.1.3.2.4.4.1.2.2.3.3.4s.1.3.1.4v10.3c.1.1.1.5.1.8z' class='st1'/%3E%3Cpath d='M23.6 10.5h-2.1c-.3 0-.4.1-.6.3-.2.2-.3.4-.3.5 0 .5.4.9.9.9h2.1c.3 0 .4-.1.6-.3.2-.2.3-.4.3-.5 0-.6-.3-.9-.9-.9zM17.6 18.7h-5.3c-.3 0-.4.1-.6.3-.2.2-.3.4-.3.5 0 .5.4.9.9.9h5.3c.3 0 .4-.1.6-.3.2-.2.3-.4.3-.5-.1-.4-.4-.9-.9-.9zM16 22.4h-3.7c-.3 0-.4.1-.6.3-.2.2-.3.4-.3.5 0 .5.4.9.9.9H16c.3 0 .4-.1.6-.3.2-.2.3-.4.3-.5 0-.4-.4-.9-.9-.9z' class='st1'/%3E%3C/svg%3E");
}
.left_link > dl > dt.print:hover::after{
    background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' id='Layer_1' x='0' y='0' version='1.1' viewBox='0 0 30 30'%3E%3Cstyle%3E.st1%7Bfill:%23fff%7D%3C/style%3E%3Cpath d='M0 0h30v30H0z' style='fill:none'/%3E%3Cpath d='M28 7.1c-.5-.5-1.2-1-1.9-1.1-.4-.1-.7-.1-1.1-.1h-2.3v-3c0-.3-.1-.4-.3-.6-.2-.2-.3-.3-.5-.3H8.2c-.4 0-.9.4-.9.9v3H4.7c-1.2 0-2.4.6-3.1 1.7-.3.6-.5 1.3-.5 2.2v10.3c0 .6.2 1.2.4 1.9.4.7 1.1 1.2 1.9 1.6.4.2 1 .2 1.3.2h2.5v3.4c0 .4.4.9.9.9h13.7c.4 0 .9-.4.9-.9v-3.4h2.6c1.1 0 2.1-.4 2.7-1.2.4-.5.7-1.1.8-1.8 0-.3.1-.5.1-.7V9.4c0-.8-.3-1.6-.9-2.3zM8.9 3.9H21V6H8.9V3.9zM21 26.2l-.4.1H8.9v-9.6l.4-.1H21v9.6zm6.3-5.8c0 .2-.1.4-.1.4-.1.2-.2.4-.3.4-.1.2-.2.3-.4.4-.2.1-.3.2-.4.3-.2.1-.4.1-.4.2h-3v-5.5h1c.3 0 .5-.1.6-.3.2-.2.3-.4.3-.5 0-.5-.4-.9-.9-.9H6.2c-.3 0-.5.1-.6.3-.2.2-.3.4-.3.5 0 .5.4.9.9.9h1.1v5.5H4.4c-.2 0-.4-.1-.5-.1-.2-.1-.4-.2-.4-.3-.2-.1-.3-.2-.4-.4-.1-.2-.2-.3-.3-.4-.1-.2-.1-.4-.2-.4V9.3c0-.2.1-.4.1-.4.1-.2.2-.4.3-.5.1-.2.2-.3.4-.4.1 0 .2-.1.4-.2s.4-.1.4-.1H25.6c.2 0 .4.1.4.1.2.1.4.2.4.3.2.1.3.2.4.4.1.2.2.3.3.4s.1.3.1.4v10.3c.1.1.1.5.1.8z' class='st1'/%3E%3Cpath d='M23.6 10.5h-2.1c-.3 0-.4.1-.6.3-.2.2-.3.4-.3.5 0 .5.4.9.9.9h2.1c.3 0 .4-.1.6-.3.2-.2.3-.4.3-.5 0-.6-.3-.9-.9-.9zM17.6 18.7h-5.3c-.3 0-.4.1-.6.3-.2.2-.3.4-.3.5 0 .5.4.9.9.9h5.3c.3 0 .4-.1.6-.3.2-.2.3-.4.3-.5-.1-.4-.4-.9-.9-.9zM16 22.4h-3.7c-.3 0-.4.1-.6.3-.2.2-.3.4-.3.5 0 .5.4.9.9.9H16c.3 0 .4-.1.6-.3.2-.2.3-.4.3-.5 0-.4-.4-.9-.9-.9z' class='st1'/%3E%3C/svg%3E");
}
.left_link > dl > dt.mail::after{
    width:18px;
    height:18px;
    background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' viewBox='0 0 30 30'%3E%3Cpath d='M0 0h30v30H0z' style='fill:none'/%3E%3Cpath d='M27.4 11.2c-.7 0-1.2.5-1.2 1.2v10.1c-.1.3-.5.6-1.5.6H4.2c-.2 0-.5-.1-.6-.2V8.3l8.7 7.5c.9.8 3.1 1.8 5.2 0L27.6 7s.1 0 .1-.1c.4-.4.5-1 .3-1.5-.4-1-1.8-1-2.2-1H9.7c-.7.1-1.2.6-1.2 1.2S9 6.8 9.7 6.8h14.8l-8.4 7.3c-1 .9-1.9.2-2.1 0L4.5 6c-.8-.6-1.5-.5-1.8-.4-1 .4-1.1 1.6-1.2 1.9V23c0 .7.2 1.3.7 1.8.8.7 1.8.7 2.1.7h20.5c2.8 0 3.7-1.9 3.7-2.7V12.6c.1-.8-.4-1.4-1.1-1.4z' style='fill:%23333'/%3E%3C/svg%3E");
}
.left_link > dl > dt.mail:hover::after{
    background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' viewBox='0 0 30 30'%3E%3Cpath d='M0 0h30v30H0z' style='fill:none'/%3E%3Cpath d='M27.4 11.2c-.7 0-1.2.5-1.2 1.2v10.1c-.1.3-.5.6-1.5.6H4.2c-.2 0-.5-.1-.6-.2V8.3l8.7 7.5c.9.8 3.1 1.8 5.2 0L27.6 7s.1 0 .1-.1c.4-.4.5-1 .3-1.5-.4-1-1.8-1-2.2-1H9.7c-.7.1-1.2.6-1.2 1.2S9 6.8 9.7 6.8h14.8l-8.4 7.3c-1 .9-1.9.2-2.1 0L4.5 6c-.8-.6-1.5-.5-1.8-.4-1 .4-1.1 1.6-1.2 1.9V23c0 .7.2 1.3.7 1.8.8.7 1.8.7 2.1.7h20.5c2.8 0 3.7-1.9 3.7-2.7V12.6c.1-.8-.4-1.4-1.1-1.4z' style='fill:%23fff'/%3E%3C/svg%3E");
}
.left_link > dl > dt.url::after{
    width:16px;
    height:16px;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' id='Layer_1' x='0' y='0' version='1.1' viewBox='0 0 30 30'%3E%3Cstyle%3E.st1%7Bfill:%23333%7D%3C/style%3E%3Cpath d='M0 0h30v30H0z' style='fill:none'/%3E%3Cpath d='M4.7 4.7h7.1V2.5H2.5v25h25v-9.3h-2.2v7.1H4.7z' class='st1'/%3E%3Cpath d='m12.4 16 1.6 1.6L25.3 6.4v6.1h2.2v-10h-9.9v2.2h6z' class='st1'/%3E%3C/svg%3E");
}
.left_link > dl > dt.url:hover::after{
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' id='Layer_1' x='0' y='0' version='1.1' viewBox='0 0 30 30'%3E%3Cstyle%3E.st1%7Bfill:%23fff%7D%3C/style%3E%3Cpath d='M0 0h30v30H0z' style='fill:none'/%3E%3Cpath d='M4.7 4.7h7.1V2.5H2.5v25h25v-9.3h-2.2v7.1H4.7z' class='st1'/%3E%3Cpath d='m12.4 16 1.6 1.6L25.3 6.4v6.1h2.2v-10h-9.9v2.2h6z' class='st1'/%3E%3C/svg%3E");
}
.left_link > dl > dt.coment::after{
    width:18px;
    height:18px;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' id='Layer_1' x='0' y='0' version='1.1' viewBox='0 0 30 30'%3E%3Cstyle%3E.st1%7Bfill:%23333%7D%3C/style%3E%3Cpath d='M0 0h30v30H0z' style='fill:none'/%3E%3Cpath d='m15 27.6 5.7-6.3H28v-19H2v19h7.3l5.7 6.3zM4.1 4.5h21.8v14.8h-6.3l-4.7 5.2-4.7-5.2H4l.1-14.8z' class='st1'/%3E%3Cpath d='M7.4 8.5h8.7v2.1H7.4zM7.4 13h15.2v2.1H7.4z' class='st1'/%3E%3C/svg%3E");
}
.left_link > dl > dt.coment:hover::after{
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' id='Layer_1' x='0' y='0' version='1.1' viewBox='0 0 30 30'%3E%3Cstyle%3E.st1%7Bfill:%23fff%7D%3C/style%3E%3Cpath d='M0 0h30v30H0z' style='fill:none'/%3E%3Cpath d='m15 27.6 5.7-6.3H28v-19H2v19h7.3l5.7 6.3zM4.1 4.5h21.8v14.8h-6.3l-4.7 5.2-4.7-5.2H4l.1-14.8z' class='st1'/%3E%3Cpath d='M7.4 8.5h8.7v2.1H7.4zM7.4 13h15.2v2.1H7.4z' class='st1'/%3E%3C/svg%3E");
}

/*------------------------------------------
## 글자크기 옵션 및 공유하기 옵션
------------------------------------------*/
.textsize_option, 
.share_option{
    display: none;
    position: absolute;
    top: -65px;
    left: -21px;
    height: 50px;
    padding: 0 20px 0 20px;
    border: 1px solid #eee;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
    background: #fff;
    z-index: 9;
}
.textsize_option.on, 
.share_option.on
{
    display:flex;
    align-items:center;
    column-gap:10px;
    -webkit-animation:scale-in-hor-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation:scale-in-hor-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
.textsize_option > li, 
.share_option > li{
    width:37px;
    height:37px;
    line-height:37px;
    text-align:center;
    font-size:15px;
    font-weight:600;
    border-radius:100%;
    border:1px solid #eee;
    background:#fff;
}
.textsize_option > li > a, 
.share_option > li > a{
    display:inline-block;
    width:100%;
    height:100%;
    border-radius:100%;
}
/* .textsize_option > li > a, 
.share_option > li > a.on {
    background: #e8e7e7;
} */
.share_option > li > a{
    font-size:0
}
.share_option > li > a.icon{
    overflow:hidden;
    position:relative
}
.share_option > li > a.icon::after{
    content:"";
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
}
.share_option > li > a.kakao::after{
    width:24px;
    height:23px;
    background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' id='Layer_1' x='0' y='0' version='1.1' viewBox='0 0 30 30'%3E%3Cstyle%3E.st1%7Bfill:%23333%7D%3C/style%3E%3Cpath d='M0 0h30v30H0z' style='fill:none'/%3E%3Cpath d='M15 2.2c-7.7 0-14 4.9-14 11 0 4 2.7 7.4 6.6 9.4-.3 1.1-1 4-1.2 4.6-.2.7.3.7.6.5.2-.1 3.8-2.6 5.4-3.7.8.1 1.7.2 2.6.2 7.7 0 14-4.9 14-11.1 0-5.9-6.3-10.9-14-10.9zM8.1 16.1c0 .7-1.5.7-1.5 0v-4.9H5.2c-.8 0-.9-1.4 0-1.4h4.4c.9 0 .9 1.4 0 1.4H8.2l-.1 4.9zm5.6.2c-.4-1-.3-1-.3-1h-2.7l-.3 1c-.3.7-1.6.1-1.3-.6.4-1 1.7-4.6 2.1-5.5.1-.3.4-.4.8-.4s.8.1 1 .4c.2.5 1.6 4.4 2.1 5.5.2.8-1.2 1.3-1.4.6zm5.3.3h-2.9c-.7 0-.6-.8-.6-.8v-5.3c0-.4.4-.7.8-.7s.8.2.8.7v4.6H19c.6.1.6 1.5 0 1.5zm4.6-.1-1.9-2.6-.4.4v2c0 .6-1.5.6-1.5 0v-5.9c0-.3.4-.4.7-.4s.7.1.7.4v2.1l2.4-2.4c.3-.3 1.3.7 1 1-.5.5-1.9 2-1.9 2l2 2.7c.5.3-.6 1.2-1.1.7z' class='st1'/%3E%3Cpath d='M11.2 14h1.7l-.8-2.6z' class='st1'/%3E%3C/svg%3E%0A");
}
.share_option > li > a.icon.kakao:hover::after{
    background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' id='Layer_1' x='0' y='0' version='1.1' viewBox='0 0 30 30'%3E%3Cstyle%3E.st1%7Bfill:%23fff%7D%3C/style%3E%3Cpath d='M0 0h30v30H0z' style='fill:none'/%3E%3Cpath d='M15 2.2c-7.7 0-14 4.9-14 11 0 4 2.7 7.4 6.6 9.4-.3 1.1-1 4-1.2 4.6-.2.7.3.7.6.5.2-.1 3.8-2.6 5.4-3.7.8.1 1.7.2 2.6.2 7.7 0 14-4.9 14-11.1 0-5.9-6.3-10.9-14-10.9zM8.1 16.1c0 .7-1.5.7-1.5 0v-4.9H5.2c-.8 0-.9-1.4 0-1.4h4.4c.9 0 .9 1.4 0 1.4H8.2l-.1 4.9zm5.6.2c-.4-1-.3-1-.3-1h-2.7l-.3 1c-.3.7-1.6.1-1.3-.6.4-1 1.7-4.6 2.1-5.5.1-.3.4-.4.8-.4s.8.1 1 .4c.2.5 1.6 4.4 2.1 5.5.2.8-1.2 1.3-1.4.6zm5.3.3h-2.9c-.7 0-.6-.8-.6-.8v-5.3c0-.4.4-.7.8-.7s.8.2.8.7v4.6H19c.6.1.6 1.5 0 1.5zm4.6-.1-1.9-2.6-.4.4v2c0 .6-1.5.6-1.5 0v-5.9c0-.3.4-.4.7-.4s.7.1.7.4v2.1l2.4-2.4c.3-.3 1.3.7 1 1-.5.5-1.9 2-1.9 2l2 2.7c.5.3-.6 1.2-1.1.7z' class='st1'/%3E%3Cpath d='M11.2 14h1.7l-.8-2.6z' class='st1'/%3E%3C/svg%3E%0A");
}
.share_option > li > a.facebook::after{
    width:22px;
    height:20px;
    background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' viewBox='0 0 30 30'%3E%3Cpath d='M0 0h30v30H0z' style='fill:none'/%3E%3Cpath d='M17.2 29V16.2h4.3l.7-5h-4.9V8c0-1.4.4-2.4 2.5-2.4h2.6V1.2c-.4-.1-2-.2-3.8-.2-4 0-6.6 2.3-6.6 6.5v3.7H7.8v5H12V29h5.2z' style='fill:%23333'/%3E%3C/svg%3E");
}
.share_option > li > a.facebook:hover::after{
    background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' viewBox='0 0 30 30'%3E%3Cpath d='M0 0h30v30H0z' style='fill:none'/%3E%3Cpath d='M17.2 29V16.2h4.3l.7-5h-4.9V8c0-1.4.4-2.4 2.5-2.4h2.6V1.2c-.4-.1-2-.2-3.8-.2-4 0-6.6 2.3-6.6 6.5v3.7H7.8v5H12V29h5.2z' style='fill:%23fff'/%3E%3C/svg%3E");
}
.share_option > li > a.twitter::after{
    width:22px;
    height:22px;
    background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' viewBox='0 0 30 30'%3E%3Cpath d='M0 0h30v30H0z' style='fill:none'/%3E%3Cpath d='M29 6.3c-1 .4-2.1.8-3.3.9 1.2-.7 2-1.9 2.5-3.1-1.2.6-2.3 1.2-3.6 1.3-1.1-1.2-2.6-1.8-4.2-1.8-3.1 0-5.8 2.6-5.8 5.8 0 .4.1.9.1 1.3-4.8-.3-9-2.5-11.8-6-.5.8-.8 1.9-.8 2.8 0 2 1 3.7 2.6 4.8-1-.1-1.9-.3-2.6-.7v.1c0 2.8 2 5.2 4.6 5.7-.4.1-1 .2-1.5.2-.4 0-.7-.1-1.1-.1.7 2.2 2.8 3.9 5.3 4-2 1.5-4.4 2.4-7.1 2.4-.4 0-.9 0-1.3-.1 2.6 1.6 5.5 2.6 8.8 2.6 10.6 0 16.4-8.7 16.4-16.4v-.7c1.1-.9 2.1-1.9 2.8-3' style='fill:%23333'/%3E%3C/svg%3E");
}
.share_option > li > a.twitter:hover::after{
    background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' viewBox='0 0 30 30'%3E%3Cpath d='M0 0h30v30H0z' style='fill:none'/%3E%3Cpath d='M29 6.3c-1 .4-2.1.8-3.3.9 1.2-.7 2-1.9 2.5-3.1-1.2.6-2.3 1.2-3.6 1.3-1.1-1.2-2.6-1.8-4.2-1.8-3.1 0-5.8 2.6-5.8 5.8 0 .4.1.9.1 1.3-4.8-.3-9-2.5-11.8-6-.5.8-.8 1.9-.8 2.8 0 2 1 3.7 2.6 4.8-1-.1-1.9-.3-2.6-.7v.1c0 2.8 2 5.2 4.6 5.7-.4.1-1 .2-1.5.2-.4 0-.7-.1-1.1-.1.7 2.2 2.8 3.9 5.3 4-2 1.5-4.4 2.4-7.1 2.4-.4 0-.9 0-1.3-.1 2.6 1.6 5.5 2.6 8.8 2.6 10.6 0 16.4-8.7 16.4-16.4v-.7c1.1-.9 2.1-1.9 2.8-3' style='fill:%23fff'/%3E%3C/svg%3E");
}
.textsize_option > li:hover, 
.share_option > li:hover{
    background:#CCC;
    -webkit-animation:text-focus-in .25s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
	        animation:text-focus-in .25s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
}
.textsize_option > li > a:hover{
    color:#fff;
}
.textsize_option > li.on > a {
    background: #000;
    color: #FFF;
}
.textsize_option > li:nth-of-type(2){
    font-size:17px;
}
.textsize_option > li:nth-of-type(3){
    font-size:19px;
}
.textsize_option > li:last-child{
    font-size:21px;
}

.view_txt > figure {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.view_txt.size_1 {
    font-size: 21px !important;
    line-height: 36px;
}
.view_txt.size_2 {
    font-size: 19px !important;
    line-height: 32px;
}
.view_txt.size_3 {
    font-size: 17px !important;
    line-height: 29px;
}
.view_txt.size_4 {
    font-size: 15px !important;
    line-height: 26px;
}


/* 모듈 */
.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;
    -webkit-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;
    -webkit-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;
    -webkit-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;
    -webkit-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; */
    height: 100%;
    border: 1px solid #e8e7e7;
}
.img_mark_ttl > a > figure > img {
    width: 100%;
    height: 100%;
    aspect-ratio: 16 / 10.5;
    
}
.img_mark_ttl > a > figure > img:hover {
    transform: scale(1.05, 1.05);
    transition-duration: 0.5s;
}
.img_mark_ttl_info {
    position: absolute;
    right: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    background: #FFF;
    padding: 4% 7% 0 7%;
    border-radius: 20px 20px 0 0;
    width: 92%;
    row-gap: 10px;
    filter: drop-shadow(-1px -3px 2px #e8e7e7);
}
.img_mark_ttl_info > p {
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.img_mark_ttl_info > span {
    font-size: 14px;
    text-align: right;
    display: none;
}


/* 모듈 */
.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;
    -webkit-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;
    -webkit-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;
}


/* 모듈  */

.brand_mark_reporter {
    display: grid; 
    column-gap: 20px;
    grid-template-columns: 2fr 5fr;
    /* grid-template-columns: 3fr 4.5fr; */
}
.brand_mark_reporter:last-child {
    margin-bottom: 0px;
}

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

.brand_mark_reporter > div > .pick_ttl {
    overflow: hidden;
    font-size: 17px;
    line-height: 24px;
}
.brand_mark_reporter > div > .pick_ttl > a {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.brand_mark_reporter > div > .pick_ttl > a:hover {
    text-decoration: underline;
    transition: 0.3s;
}

/* 이코노 숏 */
.econo_shot {
    display: flex; 
    flex-direction: column; 
    gap: 10px; 
    position: absolute; 
    bottom: 0; left: 0; 
    font-size: 15px; 
    color: #fff; 
    background: #000; 
    padding: 25px 20px; 
    min-height: 135px;
    background: linear-gradient(to top, rgba(0, 0, 0, 1) 90%, rgba(0, 0, 0, 0) 100%);
}
.item {
    height: 370px !important;
}
.shot_info {
    display: flex; gap: 10px; align-items: center; font-size: 13px; color: #c1c1c1;
}
.shot_name {
    border-radius: 50px; overflow: hidden; 
    width: 20px; height: 20px; background-color: #ddd;
}
.shot_info > img {
    background-color: #FFF;    
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
}

/* 이코노미스트 잡지 구독 */
.econo_book_wrap {
    position: relative;
    display: none;
}
.econo_book {
    position: absolute;
    left: 50%;
    top: 48%;
    -webkit-transform: translate(-50%, -50%);
    width: 187px;
    /* height: 252px; */
    z-index: 1;
    filter: drop-shadow(4px 4px 5px #5a2424);
}
.econo_book > img {
    width: 100%;
}
.econo_book_bg {
    display: flex;
    position: relative;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 404px;
    background:url('/img/renew/magazine_bg.png');
}
.book_cover {
    position: absolute;
    bottom: -2px;
    right: -2px;
    z-index: 2;
}

.econ_book_day {
    position: absolute;
    top: 25px;
    left: 50%;
    transform: translate(-50%, 0%);
    color: #FFF;
    z-index: 2;
    display: flex;
    gap: 3px;
    letter-spacing: -0px;
    width: 100%;
    display: flex;
    justify-content: center;
}
.econ_book_day > p{
    font-size: 15px;
}
.econ_book_day > span{
    font-size: 16px;
}
.econ_book_bn {
    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translate(-50%, 0%);
    display: flex;
    gap: 4px;
    z-index: 2;
}
.econ_book_bn > li {
    position: relative;
    width: 85px;
    text-align: center;
    height: 24px;
    line-height: 18px;
    border-radius: 20px;
    background-color: #363636;
}
.econ_book_bn > li:nth-of-type(1)::before {
    content: '';
    position: absolute;
    top: 0;
    left: -74%;
    width: 113%;
    height: 24px;
    background-color: #363636;
    z-index: -1;
}
.econ_book_bn > li > a {
    color: #FFF;
    font-size: 12px;
    width: 100%;
    height: 100%;
    display: block;
    line-height: 22px;
}
.econ_book_bn > li > a:hover{
    color: #fee149;
}

/* 브랜드 미디어 탭 */
.tabs_wrap {
    display: grid; 
    flex-direction: column; 
    gap: 30px;
}
ul.tabs{
    /* list-style: none; */
    /* display: ruby !important; */
    /* gap: 15px; */
    overflow-x: auto;
    /* white-space: nowrap; */
    /* width: 65%; */
    -ms-overflow-style: none;
    scrollbar-width: none;
    position: absolute;
    display: -webkit-box !important;
    gap: 10px !important;
}
ul.tabs::-webkit-scrollbar {display: none;}
ul.tabs li{
    color: #222;
    cursor: pointer;
    display: flex !important;
    border: 1px solid #ddd;
    border-radius: 50px;
    font-size: 15px;
    /* width: 40%; */
    height: 33px;
    box-sizing: border-box;
    overflow: hidden;
    text-align: center;
    justify-content: center;
    align-items: center;
    /* padding: 0 10px; */
    margin-right: 10px;
}
ul.tabs li.current.on {
    color:#fff;
    border:1px solid #ad160a;
    background: #d23023;
    transition: all .3s ease;
    
}
ul.tabs li.current.on > a {
    color: #FFF;
}
ul.tabs li a {
    display:flex;
    justify-content : center;
    align-items: center;
    /* width: 100%; */
    /* height: 100%; */
    vertical-align: middle;
    box-sizing: border-box;
    padding: 0 20px;
}
ul.tabs li.current.on > a:hover {
    letter-spacing:-1.35px;
    box-sizing:border-box;
    padding: 0 20px;
    width:100%;
    background: #333;
    color:#fff;
}
ul.tabs li:hover {
    color:#fff;
    border:1px solid #2b2b2b;
    background: #333;
    /* transition: all .3s ease; */
    line-height: 30px;
    /* width: 100%;
    height: 100%; */
    position: relative;
    /* padding: 0 20px; */
    letter-spacing:-1.10px;
    box-sizing:border-box;
    color:#fff;
}
ul.tabs li a:hover{
    color:#fff;
    border:1px solid #2b2b2b;
    background: #333;
    /* transition: all .3s ease; */
    line-height: 30px;
    /* width: 100%;
    height: 100%; */
    position: relative;
    padding: 0 20px;
    letter-spacing:-1.10px;
    box-sizing:border-box; 
}
.tab_link a:hover {
    /* color: #FFF; */
    display: contents;
}
ul.tabs li:visited {
    color: #000;
}
ul.tabs li:focus {
    color: #222;
}

ul.tabs li.current{
    color: #222;
}

.tab_content{
    display: none;
}

.tab_content.current{
    display: inherit;
    margin-top: 55px;
}
ul.tabs li.tab_link > a:hover {
    display: block;
    color: #FFF;
}

/*----------------------
## 기사상세
----------------------*/
/* 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:15px;
    height:15px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' viewBox='0 0 30 30'%3E%3Cpath d='M0 0h30v30H0z' style='fill:none'/%3E%3Cpath d='M17.4 28V16.6h3.8l.6-4.5h-4.4V9.3c0-1.2.4-2.1 2.2-2.1H22v-4c-.4-.1-1.9-.2-3.5-.2-3.4 0-5.7 2-5.7 5.8v3.3H9v4.5h3.8V28h4.6z' style='fill:%23ccc'/%3E%3C/svg%3E");
}
.facebook25::before{
    width:25px;
    height:25px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' viewBox='0 0 30 30'%3E%3Cpath d='M0 0h30v30H0z' style='fill:none'/%3E%3Cpath d='M17.4 28V16.6h3.8l.6-4.5h-4.4V9.3c0-1.2.4-2.1 2.2-2.1H22v-4c-.4-.1-1.9-.2-3.5-.2-3.4 0-5.7 2-5.7 5.8v3.3H9v4.5h3.8V28h4.6z' style='fill:%23ccc'/%3E%3C/svg%3E");
}
/* 트위터 */
.twitter::before{
    width:15px;
    height:15px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' viewBox='0 0 30 30'%3E%3Cpath d='M0 0h30v30H0z' style='fill:none'/%3E%3Cpath d='M27.5 7.2c-.9.4-1.9.7-2.9.8 1-.6 1.8-1.7 2.2-2.8-1 .6-2.1 1-3.3 1.2-1-1-2.3-1.6-3.7-1.6-2.8 0-5.2 2.3-5.2 5.2 0 .4.1.8.1 1.2-4.3-.2-8-2.2-10.5-5.4-.4.7-.7 1.7-.7 2.5 0 1.7.9 3.3 2.3 4.3-.9-.1-1.7-.2-2.3-.6v.1c0 2.5 1.7 4.6 4.1 5.1-.4.1-.9.2-1.3.2-.3 0-.6-.1-1-.1.6 2 2.5 3.5 4.8 3.6-1.7 1.3-4 2.1-6.3 2.1-.4 0-.8 0-1.2-.1 2.3 1.4 4.9 2.3 7.9 2.3 9.4 0 14.6-7.8 14.6-14.6V10c.9-.9 1.8-1.8 2.4-2.8' style='fill:%23ccc'/%3E%3C/svg%3E");
}
.twitter25::before{
    width:25px;
    height:25px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' viewBox='0 0 30 30'%3E%3Cpath d='M0 0h30v30H0z' style='fill:none'/%3E%3Cpath d='M27.5 7.2c-.9.4-1.9.7-2.9.8 1-.6 1.8-1.7 2.2-2.8-1 .6-2.1 1-3.3 1.2-1-1-2.3-1.6-3.7-1.6-2.8 0-5.2 2.3-5.2 5.2 0 .4.1.8.1 1.2-4.3-.2-8-2.2-10.5-5.4-.4.7-.7 1.7-.7 2.5 0 1.7.9 3.3 2.3 4.3-.9-.1-1.7-.2-2.3-.6v.1c0 2.5 1.7 4.6 4.1 5.1-.4.1-.9.2-1.3.2-.3 0-.6-.1-1-.1.6 2 2.5 3.5 4.8 3.6-1.7 1.3-4 2.1-6.3 2.1-.4 0-.8 0-1.2-.1 2.3 1.4 4.9 2.3 7.9 2.3 9.4 0 14.6-7.8 14.6-14.6V10c.9-.9 1.8-1.8 2.4-2.8' style='fill:%23ccc'/%3E%3C/svg%3E");
}

/* 네이버 */
.naver::before{
    width:15px;
    height:15px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' viewBox='0 0 30 30'%3E%3Cpath d='M0 0h30v30H0z' style='fill:none'/%3E%3Cpath d='M19 3.6v11.6L11 3.6H2.5v22.8H11V14.8l8 11.6h8.5V3.6z' style='fill:%23ccc'/%3E%3C/svg%3E");
}
.naver25::before{
    width:25px;
    height:25px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' viewBox='0 0 30 30'%3E%3Cpath d='M0 0h30v30H0z' style='fill:none'/%3E%3Cpath d='M19 3.6v11.6L11 3.6H2.5v22.8H11V14.8l8 11.6h8.5V3.6z' style='fill:%23ccc'/%3E%3C/svg%3E");
}

/* 유튜브 */
.youtube::before{
    width:15px;
    height:15px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' viewBox='0 0 30 30'%3E%3Cpath d='M0 0h30v30H0z' style='fill:none'/%3E%3Cpath d='M27.1 9.4c-.4-1.9-1.2-2.6-3-3-.8-.2-5.4-.4-9.1-.4s-8.3.2-9.2.4c-1.6.4-2.6 1.1-3 3-.2.7-.4 4.2-.4 5.5v.4c0 1.4.2 4.9.4 5.5.5 1.9 1.4 2.6 3 3 .9 0 5.7.2 9.2.2 3.7 0 8.3-.2 9.2-.4 1.6-.4 2.6-1.1 3-3 .2-.7.4-4.2.4-5.5v-.4c-.1-1.3-.3-4.8-.5-5.3zM12 18.2v-6.3l6 3.2-6 3.1z' style='fill:%23ccc'/%3E%3C/svg%3E");
}
.youtube25::before{
    width:25px;
    height:25px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' viewBox='0 0 30 30'%3E%3Cpath d='M0 0h30v30H0z' style='fill:none'/%3E%3Cpath d='M27.1 9.4c-.4-1.9-1.2-2.6-3-3-.8-.2-5.4-.4-9.1-.4s-8.3.2-9.2.4c-1.6.4-2.6 1.1-3 3-.2.7-.4 4.2-.4 5.5v.4c0 1.4.2 4.9.4 5.5.5 1.9 1.4 2.6 3 3 .9 0 5.7.2 9.2.2 3.7 0 8.3-.2 9.2-.4 1.6-.4 2.6-1.1 3-3 .2-.7.4-4.2.4-5.5v-.4c-.1-1.3-.3-4.8-.5-5.3zM12 18.2v-6.3l6 3.2-6 3.1z' style='fill:%23ccc'/%3E%3C/svg%3E");
}
/* 카카오 */
.kakao::before{
    width:15px;
    height:15px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' id='Layer_1' x='0' y='0' version='1.1' viewBox='0 0 30 30'%3E%3Cstyle%3E.st1%7Bfill:%23333%7D%3C/style%3E%3Cpath d='M0 0h30v30H0z' style='fill:none'/%3E%3Cpath d='M15 2.2c-7.7 0-14 4.9-14 11 0 4 2.7 7.4 6.6 9.4-.3 1.1-1 4-1.2 4.6-.2.7.3.7.6.5.2-.1 3.8-2.6 5.4-3.7.8.1 1.7.2 2.6.2 7.7 0 14-4.9 14-11.1 0-5.9-6.3-10.9-14-10.9zM8.1 16.1c0 .7-1.5.7-1.5 0v-4.9H5.2c-.8 0-.9-1.4 0-1.4h4.4c.9 0 .9 1.4 0 1.4H8.2l-.1 4.9zm5.6.2c-.4-1-.3-1-.3-1h-2.7l-.3 1c-.3.7-1.6.1-1.3-.6.4-1 1.7-4.6 2.1-5.5.1-.3.4-.4.8-.4s.8.1 1 .4c.2.5 1.6 4.4 2.1 5.5.2.8-1.2 1.3-1.4.6zm5.3.3h-2.9c-.7 0-.6-.8-.6-.8v-5.3c0-.4.4-.7.8-.7s.8.2.8.7v4.6H19c.6.1.6 1.5 0 1.5zm4.6-.1-1.9-2.6-.4.4v2c0 .6-1.5.6-1.5 0v-5.9c0-.3.4-.4.7-.4s.7.1.7.4v2.1l2.4-2.4c.3-.3 1.3.7 1 1-.5.5-1.9 2-1.9 2l2 2.7c.5.3-.6 1.2-1.1.7z' class='st1'/%3E%3Cpath d='M11.2 14h1.7l-.8-2.6z' class='st1'/%3E%3C/svg%3E%0A");
}
/* 인스타그램 */
.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");
}

/* 댓글달기 */
.comment_wrap {
    display: flex; 
    flex-direction: 
    column; gap: 50px;
}
.comment_wrap > section > img {
    width: 100%;
}
.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:#333;
}
.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:#d23023;
    font-weight:500;
    white-space: nowrap;
    background:#f3f3f3;
}
.secter_cotton.line{
    border:2px solid #d23023;
}
.widefull_article{
    position:relative;
    height: 100%;
}

/* 기사상세 상단 비주얼 영역 */
.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;
}
.widefull_visual > .layerimg{
    position:relative;
    height:300px;
}

/* 기사상세 상단 텍스트 영역 */
.widefull_text{
    left: 0;
    flex-direction: column;
    width: calc(100% - 0);
    z-index: 2;
    width: 100%;
    row-gap: 30px;
    display: flex
;
}
.txt_mark_reporter{
    display:inline-flex;
    flex-direction: column;
    align-items: flex-start;
    row-gap:15px;
}
.txt_mark_reporter h3{
    max-width:100%;
    font-size:38px;
    line-height:52px;
    font-weight:600;
    color: #000;
    height: auto;
}
.txt_mark_reporter.white{
    color:#fff
}
.widefull_text .txt_mark_reporter{
    border-bottom:1px solid rgba(256, 256, 256, .3)
}
.editor_img{
    display:flex;
    column-gap:15px;
    color:#fff;
    align-items: center;
    justify-content: center;
}
.editor_img .roundimg{
    overflow:hidden;
    width:50px;
    height:50px;
    border: 1px solid #eee;
    border-radius: 50px;
}
.editor_img img{
    width:100%;
    height:100%;
    object-fit: cover;
    border-radius:100px;
}
.editor_img .name{
    font-size:18px;
    font-weight:600;
    color:#333;
}
.editor_img .date{
    font-size:13px;
    color:#333;
}
.editor_img .date span{
    padding-left:15px
}
.editor_output{
    display:flex;
    justify-content:space-between;
}
.output_btn{
    display:flex;
    column-gap:10px;
    align-items: center;
}
.output_btn li{
    position:relative!important;
    display:inline-block;
    width:34px;
    height:34px;
    color:#333 !important;
    border-radius: 200px;
    background:#fff;
    border: 1px solid #c1c1c1;
}
.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:#333!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:#333!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;
}
/* 숏컷 */
.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;
    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{
    width:100%;
    border-radius:20px
}
.news_content figure figcaption{
    margin-left:20px;
    font-size:13px;
    color:#999
}
.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;
}

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

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

/* 스티키 헤더 */
.sticky_header{
    visibility: none; 
    opacity: 0;
}
.sticky_header .full_menu, 
.sticky_header .search_btn{
    position:relative;
    font-size:0
}
.sticky_header .search_btn::after{
    content:"";
    position:absolute;
    top: -9px;
    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;
}
.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{
    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;
}

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