/* main */

/* 메인 헤드라인 */
.featured_main {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 1200px;
    margin: 40px auto 0;
    padding-bottom: 60px;
}
.headline_left { position: relative; width: 844px; }
.headline_left .topNews { position: relative; }
.headline_left .topNews .thumb_img { width: 844px; height: 505px; }
.headline_left .topNews .txt_area {
    position: absolute;
    right: 90px;
    bottom: 0;
    left: 90px;
    z-index: 99;
}
.headline_left .topNews .tit_thumb {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin: 0 0 40px;
    height: 110px;
    font-size: 40px;
    font-weight: 500;
    line-height: 1.3;
    letter-spacing: -0.04em;
    word-break: keep-all;
    word-wrap: break-word;
    color: #fff;
}
.headline_left .topNews .tit_thumb a { color: #fff; }
.headline_left .topNews .subtitle {
    display: block;
    margin-bottom: 10px;
    font-size: 18px;
    color: #0081DB
}
.headline_left .topNews .wrap_rel {
    display: block;
    margin-bottom: 35px;
    padding-bottom: 5px;
    font-size: 17px;
    font-weight: 500;
    color: #eee;
    border-bottom: 1px solid #aaa;
}
.headline_left .topNews .wrap_rel a {
    display: block;
    padding-left: 14px;
    margin-bottom: 10px;
}
.headline_left .tit_thumb a:hover { text-decoration: underline 1px; }

.headline_bottom { display: flex; flex-wrap: wrap; gap: 30px 36px; margin-top: 40px; }
.headline_bottom .area_left { flex: 1 1 45%; width: calc(50% - 18px); }
.headline_bottom .area_left ul li { margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #eee; }
.headline_bottom .area_left ul li .tit_thumb {
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -ms-box-orient: vertical;
    box-orient: vertical;
    -webkit-line-clamp: 2;
    -ms-line-clamp: 2;
    line-clamp: 2;
    max-height: 59px;
    font-size: 20px;
    line-height: 1.5;
}
.headline_bottom .area_left ul li:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; }
.headline_bottom .area_left ul li:first-child { padding-bottom: 20px; }
.headline_bottom .area_left ul li:first-child .tit_thumb { max-height: 72px; font-size: 24px;  font-weight: 500; }

.headline_bottom .area_right { flex: 1 1 45%; position: relative; width: calc(50% - 18px); }
.headline_bottom .area_right .txt_area {
    position: absolute;
    right: 30px;
    bottom: 20px;
    left: 30px;
    z-index: 99;
}
.headline_bottom .area_right .txt_area .tit_thumb {
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -ms-box-orient: vertical;
    box-orient: vertical;
    -webkit-line-clamp: 2;
    -ms-line-clamp: 2;
    line-clamp: 2;
    max-height: 70px;
    font-size: 24px;
}
.headline_bottom .area_right .txt_area .tit_thumb a { display: block; color: #fff; }
.headline_bottom .area_right .txt_area .dec {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    height: 42px;
    margin-top: 10px;
    line-height: 1.5;
    color: #ccc;
}

.headline_bottom .area_bottom { width: 100%; border-top: 1px solid #eee; }
.headline_bottom .area_bottom ul { display: flex; gap: 29px; margin-top: 20px; }
.headline_bottom .area_bottom ul li { flex-shrink: 0; width: 262px; }
.headline_bottom .area_bottom ul li a { display: flex;}
.headline_bottom .area_bottom ul li a .thumb_img {
    flex-shrink: 0;
    width: 90px;
    height: 82px;
    margin-right: 15px;
}
.headline_bottom .area_bottom ul li a .thumb_img img {
    width: 100%;
    min-height: 100%;
    object-fit: cover;
}
.headline_bottom .area_bottom ul li a .tit_thumb {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    height: 80px;
}

/* 헤드라인 오른쪽 탭 - 신규 */
.headline_right { width: 320px; }
.tab-container { position: relative; height: 941px; }
.tab-container .wrap_tabs {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 30px;
    border-bottom: 2px solid #ddd;
}
.tab-container .wrap_tabs .tab {
    position: relative;
    padding-bottom: 2px;
    cursor: pointer;
    font-size: 10px;
    transition: .3s;
}
.tab-container .wrap_tabs .tab.active {
    padding-right: 12px;
}
.tab-container .wrap_tabs .tab.active::before {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 50px;
    height: 49px;
    background: url(../img/ico_mainTab.svg)no-repeat 0 0 / cover;
    z-index: -1;
}
.tab-container .wrap_tabs .tab:nth-child(2).active { padding-right: 15px; }
.tab-container .wrap_tabs .tab:nth-child(2).active::before { background-position: -71px 0; }
.tab-container .wrap_tabs .tab:nth-child(3).active { padding-right: 20px; }
.tab-container .wrap_tabs .tab:nth-child(3).active::before { background-position: -142px 0; }
.tab-container .wrap_tabs .tab.active::after {
    content: '';
    display: block;
    position: absolute;
    bottom: -2px;
    left: 0;
    right: 0;
    width: auto;
    height: 3px;
    background: #0078CB;
}
.tab-container .wrap_tabs .tab p {
    display: flex;
    align-items: center;
    height: 50px;
    font-size: 16px;
    color: #aaa;
    text-decoration: none;
}
.tab-container .wrap_tabs .tab.active p {
    transition: .3s;
    font-size: 30px;
    font-weight: 500;
    letter-spacing: -0.06em;
    color: #111;
}
.tab-container .wrap_tabs .tab.active p em { margin-left: 2px; font-weight: 500; color: #0078CB; }
.tab-container .tab-content {
    position: absolute;
    background: #fff;
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
}
.tab-container .tab_top10 div.lank { margin-bottom: 13px; padding-bottom: 12px; border-bottom: 1px solid #eee; }
.tab-container .tab_top10 div.lank:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; }
.tab-container .tab_top10 div.lank a { display: flex; justify-content: space-between; }
.tab-container .tab_top10 div.lank a .thumb_img {
    flex-shrink: 0;
    width: 70px;
    height: 62px;
    margin-left: 15px;
}
.tab-container .tab_top10 div.lank a .thumb_img img {
    width: 100%;
    min-height: 100%;
    object-fit: cover;
}
.tab-container .tab_top10 div.lank a .tit_thumb {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    height: 50px;
    margin-left: 30px;
    font-size: 16px;
    line-height: 1.5;
}
.tab-container .tab_top10 div.lank::before {
    left: 0;
    width: 20px;
    height: 15px;
    padding-top: 5px;
    text-align: center;
    font-style: normal;
    font-size: 12px;
    font-weight: bold;
    color: #0078CB;
    z-index: 1;
}
.tab-container .tab_top10 div.lank::after {
    content: '';
    display: block;
    position: absolute;
    top: 15px;
    left: 0;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #F4F5F6;
}
.tab-container .tab_issue dl { margin-bottom: 35px; padding-bottom: 25px; border-bottom: 1px solid #eee;  }
.tab-container .tab_issue dl:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none;  }
.tab-container .tab_issue dl dt {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 25px;
    font-size: 20px;
    font-weight: 600;
}
.tab-container .tab_issue dl dt em { margin-right: 5px; font-weight: bold; color:#0078CB }
.tab-container .tab_issue dl dd {
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -ms-box-orient: vertical;
    box-orient: vertical;
    -webkit-line-clamp: 2;
    -ms-line-clamp: 2;
    line-clamp: 2;
    position: relative;
    height: 51px;
    margin: 20px 0 0 12px;;
    font-size: 17px;
    font-weight: 500;
    line-height: 1.5;
    color: #333;
}
.tab-container .tab_issue dl dd::before {
    content: '';
    display: block;
    position: absolute;
    top: 11px;
    left: -13px;
    width: 4px;
    height: 4px;
    background: #0078CB;
}
.tab-container .tab_opinion .list_column {
    display: flex;
    gap: 15px;
    justify-content: space-between;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #eee;
}
.tab-container .tab_opinion .list_column:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; }
.tab-container .tab_opinion .list_column .thumb_img { order: 2; flex-shrink: 0; width: 80px; height: 80px; border-radius: 50%; }
.tab-container .tab_opinion .list_column .thumb_img:after { border-radius: 50%; opacity: .07; }
.tab-container .tab_opinion .list_column .thumb_img img {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    min-height: 100%;
    width: 100%;
    object-fit: cover;
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);

}
.tab-container .tab_opinion .list_column .tit_thumb {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    max-height: 51px;
    font-size: 17px;
    line-height: 1.5em;
    word-wrap: break-word;
    word-break: keep-all;
}
.tab-container .tab_opinion .list_column .txt_box { order: 1; display: block; }
.tab-container .tab_opinion .list_column .tit_s { margin-bottom: 8px; }
.tab-container .active {
    display: block;
    z-index: 10;
    opacity: 1;
}

.article { width: 100%; }


/* 메인뉴스 상단 */
.main_top4 { padding: 50px 0 60px; }
.main_top4 .news_top { padding-bottom: 50px; }
.main_top4 .news_top .wrap_news { height: 262px; }
.main_top4 .news_top .wrap_news .thumb_img { width: 273px; height: 163px; }
.main_top4 .news_top .wrap_news .thumb_img img { width: 100%; max-width: 100%; object-fit: cover; }
.main_top4 .news_top strong.tit_thumb {
    margin-top: 10px;
}
.main_top4 .news_top strong.tit_thumb .tit_s { margin-bottom: 2px; }
.main_top4 .news_top strong.tit_thumb a {
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -ms-box-orient: vertical;
    box-orient: vertical;
    -webkit-line-clamp: 2;
    -ms-line-clamp: 2;
    line-clamp: 2;
    height: 53px;
}
.main_top4 .news_top .txt_dec {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    position: relative;
    height: 61px;
}
.main_top4 .news_top .wrap_rel {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column-reverse;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 61px;
    background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,0)) 40%,to(rgba(255,255,255,1)) 40%);
    background-image:-moz-linear-gradient(top,rgba(255,255,255,0) 40%,rgba(255,255,255,1) 40%);
    background-image:-o-linear-gradient(top,rgba(255,255,255,0) 40%,rgba(255,255,255,1) 40%);
    background-image:linear-gradient(to bottom,rgba(255,255,255,0) 40%,rgba(255,255,255,1) 40%);
}
.main_top4 .news_top .wrap_rel .tit_rel {
    overflow: hidden;
    position: relative;
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-bottom: 8px;
    text-indent: 14px;
    font-size: 15px;
    font-weight: 400;
    color: #111;
    background: #fff;
}

/* 메인뉴스 하단 */
.main_top4 .news_bt { display: flex;  gap: 36px; padding-top: 40px; justify-content: space-between; }
.main_top4 .news_bt .wrap_news {
    box-sizing: border-box;
    position: relative;
    width: 740px;
    padding-right: 36px;
    border-right: 1px solid #eee;
}
.main_top4 .news_bt .wrap_news .list_news { display: flex; flex-wrap: wrap; gap: 48px 36px;  }
.main_top4 .news_bt .wrap_news .list_news li { display: flex; gap: 15px; flex: 1 1 45%; max-width: calc( 50% - 18px ); }
.main_top4 .news_bt .wrap_news .list_news .thumb_img { flex-shrink: 0; width: 105px; height: 95px; }
.main_top4 .news_bt .wrap_news .list_news .thumb_img img {
    width: 100%;
    min-height: 100%;
    object-fit: cover;
}
.main_top4 .news_bt .wrap_news .list_news .tit_thumb {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    width: 228px;
    height: 80px;
    margin-top: 5px;
}

/* 우측 유튜브 */
.right_video {
    flex-shrink: 0;
    overflow: hidden;
    position: relative;
    width: 424px;
    border-radius: 2px;
}

/* 메인 뉴스스텐드 */
.main_stand .tit_main_sec i {
    display: inline-block;
    width: 18px;
    height: 15px;
    margin: 0 0 2px 8px;
    background: url(https://static.fnnews.com/resources/w/img/ico_newsStand.png) no-repeat 0 0;
}
.main_stand .wrap_news { display: flex; flex-wrap: wrap; gap: 40px; padding-bottom: 50px; }
.main_stand .wrap_news .col-1 { width: 455px; }
.main_stand .wrap_news .col-1 .thumb_img { width: 455px; height: 274px; }
.main_stand .wrap_news .col-1 .tit_thumb {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    height: 73px;
    margin-top: 10px;
    font-size: 26px;
}
.main_stand .wrap_news .col-2 {
    width: 392px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-self: flex-start;
}
.main_stand .wrap_news .col-2 .wrap_art { width: 188px; flex: 0 1 188px; }
.main_stand .wrap_news .col-2 .wrap_art .thumb_img { width: 188px; height: 110px; }
.main_stand .wrap_news .col-2 .wrap_art .tit_thumb {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    height: 52px;
    margin-top: 8px;
}
.main_stand .wrap_news .col-2 .wrap_art:nth-child(3), .main_stand .wrap_news .col-2 .wrap_art:nth-child(4) {
    margin-top: 20px;
}
.main_stand .wrap_news .col-3 { width: 273px; }
.main_stand .wrap_news .col-3 li { padding: 11px 0; border-bottom: 1px solid #eee; }
.main_stand .wrap_news .col-3 li:first-child { padding-top: 0; }
.main_stand .wrap_news .col-3 li:last-child { border-bottom: none; }
.main_stand .wrap_news .col-3 .tit_thumb {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 16px;
    letter-spacing: -0.04em;
    color: #111;
}
/* 5단 이미지 기사 */
.news_img_col5 { padding: 50px 0 60px; }
.news_img_col5 li .thumb_img { width: 220px; height: 136px; }
.news_img_col5 li .thumb_img img { width: 100%; min-height: 100%; object-fit: cover; }
.news_img_col5 li .tit_thumb {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    height: 46px;
    margin-top: 8px;
    font-size: 16px;
    line-height: 1.4em;
}
/* 메인 비디오 */
.main_video { padding: 30px 0 60px; }
.main_video .link_video.ico_play::after { width: 45px; height: 45px; }
.main_video .link_video .tit_thumb { right: 50px; bottom: 30px; left: 50px; font-size: 26px; }
.fnVideo { overflow: hidden; width: 685px; height: 385px; border-radius: 15px; }
.wrap_shorts { width: 455px; }
.wrap_shorts .font_rbt { font-style: italic; font-weight: 700; letter-spacing: 0.02em; }
.wrap_shorts .font_rbt a { color: #555EEE; }
.wrap_shorts .shorts { display: flex; justify-content: space-between; height: 385px; }
.wrap_shorts .shorts .col { overflow: hidden; width: 217px; border-radius: 15px; }
.wrap_shorts .shorts .link_video  { aspect-ratio: 9/16; }

/* 메인 핫이슈 */
.main_hotIssue {
    padding: 50px 0 60px;
}
.main_hotIssue .area_issue { flex: 1; }
.main_hotIssue em { padding-right: 5px; font-weight: 500; color: #0078CB }
.main_hotIssue h2.tit_thumb { font-size: 20px; font-weight: 600;  }
.main_hotIssue .wrap_art { display: flex; margin-top: 20px; }
.main_hotIssue .wrap_art .list_art { flex-grow: 2; }
.main_hotIssue .wrap_art .thumb_img { flex-shrink: 0; width: 300px; height: 194px; margin-right: 25px; }
.main_hotIssue .wrap_art .list_art li { padding: 10px 0; font-size: 16px; font-weight: 500; line-height: 1.45em; border-top: 1px solid #eee }
.main_hotIssue .wrap_art .list_art li:first-child { padding-top: 0; border-top: none; }
.main_hotIssue .wrap_art .list_art li a {
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -ms-box-orient: vertical;
    box-orient: vertical;
    -webkit-line-clamp: 2;
    -ms-line-clamp: 2;
    line-clamp: 2;
    max-height: 48px;
}

/* 메인 fn시리즈 */
.main_series { padding-bottom: 60px; }
.main_series .area_series { display: flex; gap: 45px; }
.main_series .area_series .col {
    box-sizing: border-box;
    flex: 1 1 30%;
    max-width: calc( 33.333333% - 30px );
    padding-right: 45px;
    border-right: 1px solid #eee;
}
.main_series .area_series .col:nth-child(3) { margin-right: 0; padding-right: 0; border-right: none;  }
.main_series .area_series .wrap_art { display: flex; gap: 20px; }
.main_series .area_series .wrap_art:nth-child(2) { margin-top: 50px; }
.main_series .area_series .wrap_art .txt_box { flex-grow: 2; }
.main_series .area_series .thumb_img { flex-shrink: 0; width: 110px; height: 100px; }
.main_series .area_series .thumb_img img { width: 100%; min-height: 100%; object-fit: cover; }
.main_series .area_series .tit_thumb {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    height: 70px;
    font-size: 16px;
}
.main_series .area_series .tit_s { margin-top: 10px; }
.main_series .area_series .tit_s a { color: #0078CB; }

/* 메인 오피니언 */
.main_opinion { padding-bottom: 60px; }
.main_opinion .box_opnion { display: flex; justify-content: space-between; padding: 50px;  background: #F4F5F6; }
.main_opinion .box_opnion .col-left { padding-right: 40px; border-right: 1px solid #ddd; }
.main_opinion .box_opnion .col-left .box_w {
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    position: relative;
    width: 694px;
    height: 81px;
    padding: 0 20px;
    background: #fff;
}
.main_opinion .box_opnion .col-left .box_w .tit_sec_s {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: -14px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    width: 80px;
    height: 96px;
    font-size: 18px;
    font-weight: 400;
    color: #fff;
    background: url(https://static.fnnews.com/resources/w/img/bg_opi_apo.svg)no-repeat 0 0 / 80px auto;
}
.main_opinion .box_opnion .col-left .box_w .tit_sec_s span {
    padding-top: 10px
}
.main_opinion .box_opnion .col-left .box_w .tit_thumb {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    width: 264px;
    height: 53px;
    text-align: center;
    font-family: "Noto Serif KR", serif;
    font-size: 18px;
    font-weight: 600;
    word-wrap: break-word;
    word-break: keep-all;
    color: #111;
}
.main_opinion .box_opnion .col-left .row-2 { width: 694px; margin-top: 50px; }
.main_opinion .box_opnion .col-left .row-2 .list_art { display: flex; flex-wrap: wrap; gap: 20px 44px;  }
.main_opinion .box_opnion .col-left .row-2 .list_art li { display: flex; flex: 1; }
.main_opinion .box_opnion .col-left .row-2 .thumb_img { width: 70px; height: 70px; margin-right: 15px; border-radius: 50%; }
.main_opinion .box_opnion .col-left .row-2 .thumb_img:after { border-radius: 50%; }
.main_opinion .box_opnion .col-left .row-2 .thumb_img img {
    width: 100%;
    height: auto;
    object-fit: cover;
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
}
.main_opinion .box_opnion .col-left .row-2 .tit_s { margin-bottom: 6px; }
.main_opinion .box_opnion .col-left .row-2 .tit_thumb {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    width: 240px;
    font-size: 16px;
    word-wrap: break-word;
    word-break: keep-all;
}
.main_opinion .box_opnion .col-right .row-1 {position: relative; }
.main_opinion .box_opnion .col-right .row-1 .stop { position: absolute; left: 25px; bottom: 20px; }
.main_opinion .box_opnion .col-right .row-1 .owl-carousel .owl-dots { left: 26px; bottom: 20px; right: unset; font-size: 0; }
.main_opinion .box_opnion .col-right .wrap_fn_opi { width: 326px; height: 186px; background: #E4D8C6; }
.main_opinion .box_opnion .col-right .wrap_fn_opi .list_fn_opi { position: relative; width: 326px; height: 186px; }
.main_opinion .box_opnion .col-right .wrap_fn_opi .list_fn_opi .txt_box { padding: 35px 0 0 25px; }
.main_opinion .box_opnion .col-right .wrap_fn_opi .list_fn_opi .tit_s { margin-bottom: 10px; }
.main_opinion .box_opnion .col-right .wrap_fn_opi .list_fn_opi .tit_thumb {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    width: 145px;
    height: 53px;
    line-height: 1.4em;
}
.main_opinion .box_opnion .col-right .wrap_fn_opi .list_fn_opi .columnist_img {
    position: absolute;
    right: 0;
    bottom: 0;
    width: auto;
    height: 155px;
}
.main_opinion .box_opnion .col-right .wrap_fn_opi .list_fn_opi .columnist_img img { width: auto; height: 100%; }
.main_opinion .box_opnion .col-right .row-2 { width: 326px; margin-top: 60px; }
.main_opinion .box_opnion .col-right .row-2 .wrap_spc_opi { display: flex; padding-top: 30px; border-top: 1px solid #ddd; }
.main_opinion .box_opnion .col-right .row-2 .wrap_spc_opi .thumb_img { flex-shrink: 0; width: 96px; height: 96px; margin-left: 15px; border-radius: 50%; }
.main_opinion .box_opnion .col-right .row-2 .wrap_spc_opi .thumb_img::after { border-radius: 50%; }
.main_opinion .box_opnion .col-right .row-2 .wrap_spc_opi .thumb_img img { width: 100%; height: auto; filter: grayscale(100%); -webkit-filter: grayscale(100%); }
.main_opinion .box_opnion .col-right .row-2 .wrap_spc_opi .txt_box { flex-grow: 2; padding-top: 6px; }
.main_opinion .box_opnion .col-right .row-2 .wrap_spc_opi .txt_box .tit_sec_s { margin-bottom: 10px; }
.main_opinion .box_opnion .col-right .row-2 .wrap_spc_opi .txt_box .tit_thumb {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    height: 46px;
    font-size: 16px;
    font-weight: 400;
    word-wrap: break-word;
    word-break: keep-all;
}

/* fn파인더 */
.main_finder { padding: 0 0 60px; }
.main_finder .list_art { position: relative; }
.main_finder .list_art a.link_art:hover .tit_thumb { text-decoration: underline 1px; }
.main_finder .list_art .float_b {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    height: 44px;
    padding: 0 15px;
    text-align: center;
    font-size: 20px;
    font-weight: 500;
    line-height: 44px;
    background: rgba(0, 0, 0, 45%);
}
.main_finder .list_art .thumb_img { height: 234px; }
.main_finder .list_art .thumb_img img{ width: 100%; height: auto; }


/* 포토 */
.main_photo .box_gallery { display: flex; gap: 4px; position: relative; height: 314px; }
.main_photo .box_gallery .mainPhoto {
    display: none;
    flex: 1;
    flex-shrink: 0;
    position: relative;
    overflow: hidden;
    width: 418px;
    height: 314px;
}
.main_photo .box_gallery .mainPhoto img {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    min-height: 100%;
    width: 100%;
    object-fit: cover;
}
.main_photo .box_gallery .cursor {
    cursor: pointer;
}
.main_photo .box_gallery .caption-container {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 418px;
    height: 50px;
    text-align: center;
    font-size: 20px;
    font-weight: 300;
    line-height: 47px;
    background: rgba(0, 0, 0, 40%);
}
.main_photo .box_gallery .caption-container .tit_thumb {
    overflow: hidden;
    box-sizing: border-box;
    display: block;
    height: 100%;
    margin: 0 15px;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 48px;
    color: #fff;
}
.main_photo .box_gallery .caption-container a:hover { text-decoration: underline 1px; }
.main_photo .box_gallery .row { display: flex; flex-wrap: wrap; gap: 4px; flex: 1; font-size: 0; }
.main_photo .box_gallery .row:after {
    content: "";
    display: table;
    clear: both;
}
.main_photo .box_gallery .column {
    overflow: hidden;
    box-sizing: border-box;
    position: relative;
    width: 207px;
    height: 155px;
    font-size: 0;
}
.main_photo .box_gallery .column img {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    min-height: 100%;
    width: 100%;
    object-fit: cover;
}
.main_photo .box_gallery .mainPhoto_thumb {
    position: relative;
    opacity: 0.6;
}
.main_photo .box_gallery .active,
.main_photo .box_gallery .mainPhoto_thumb:hover {
    opacity: 1;
}
.main_photo .box_gallery .mainPhoto_thumb:hover::after {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: auto;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    border: 4px solid #F22222;
    z-index: 2;
}

/* 분야별 주요뉴스 */
.main_sect_art .tit_sec_s { margin-bottom: 15px; }
.main_sect_art .tit_sec_s a:hover { text-decoration: none; }
.main_sect_art .tit_sec_s .arrow { margin: 0 0 1px 5px; padding: 4px; }
.main_sect_art .thumb_img { width: 273px; height: 168px; }
.main_sect_art .thumb_img img { width: 100%; height: 100%; object-fit: cover; }
.main_sect_art li { padding: 15px 0; border-top: 1px solid #eee; }
.main_sect_art li.fir { padding-top: 0; border: none; }
.main_sect_art li .tit_thumb {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    min-height: 45px;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4em;
}
.main_sect_art li.fir .tit_thumb {
    min-height: 50px;
    margin-top: 10px;
    font-size: 18px;
    font-weight: 500;
}

/* 공식 SNS */
.main_opicial_sns {
    padding: 20px 0;
}
.main_opicial_sns .tit_main_sec {
    align-self: center;
    position: relative;
    padding: 0;
    font-size: 22px;
}
.main_opicial_sns .tit_main_sec .arw_right {
    display: block;
    position: absolute;
    top: 8px;
    right: -18px;
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 8px solid #555;
}
.main_opicial_sns .wrap_main_sns .list_sns { display: flex; gap: 10px; }
.main_opicial_sns .wrap_main_sns .list_sns li { overflow: hidden; flex: 1; font-size: 0; text-indent: -9999px; }
.main_opicial_sns .wrap_main_sns .list_sns li a { width: 36px; height: 36px; border-radius: 2px; }
.main_opicial_sns .wrap_main_sns .list_sns li a:hover { opacity: 0.8; }

/* 오늘의 지면신문 */
.main_paper { position: relative; padding: 30px 0 50px; }
.main_paper .box_side { display: flex; gap: 41px; position: absolute; top: 49px; right: 0; }
.main_paper .box_side .txt_date { position: relative; font-size: 16px; line-height: 1.3em; color: #888; }
.main_paper .box_side .txt_date.parti::after { right: -21px; }
.main_paper .box_side .btn_fir-edition { padding: 4px 8px; color: #0078CB }
.main_paper .box_side .btn_fir-edition:hover { text-decoration: none; color: #fff; background: #0078CB; }
.main_paper .list_paper { display: flex; gap: 25px; }
.main_paper .list_paper li { flex: 1; position: relative; margin-bottom: 40px; }
.main_paper .list_paper li .num_paper {
    display: block;
    position: absolute;
    bottom: -40px;
    left: 0;
    right: 0;
    width: 100%;
    height: 30px;
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    color: #111;
}
.main_paper .list_paper .thumb_img img { width: 100%; height: auto; }

/* 알림 */
.main_notice { display: flex; justify-content: space-between; align-items: center; height: 54px; padding: 0; }
.main_notice .wrap_notice { display: flex; gap: 15px; }
.main_notice .wrap_notice .list_notice { overflow: hidden; width: 600px;}
.main_notice .wrap_person .parti { position: relative; }
.main_notice .wrap_person .parti::after { left: -15px; }
.main_notice .wrap_person .parti a:hover { text-decoration: none; }

/* fn_live */
.fn_live {
    overflow: hidden;
    display: flex;
    align-items: center;
    position: absolute;
    top: 178px;
    left: 0;
    right: 0;
    width: auto;
    height: 602px;
    background: #000F54;
    z-index: 999;
    animation: Down 1s 0.1s both;
}
.fn_live::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    width: 1600px;
    height: 1600px;
    margin-left: -800px;
    background: radial-gradient(ellipse at center,  rgba(0,117,220,1) 0%,rgba(0,15,84,1) 73%);
    z-index: -2;
}
.fn_live::after {
    content: '';
    display: block;
    position: absolute;
    top: -260px;
    left: 50%;
    width: 520px;
    height: 1110px;
    margin-left: -340px;
    background: linear-gradient(to bottom,  rgba(0,22,83,1) 0%,rgba(0,0,0,0) 100%);
    transform: rotate(325deg);
    z-index: -1;
}
.fn_live .inner {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    position: relative;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding-top: 15px;
}
.fn_live .txt_area {
    width: 425px;
    padding-top: 10px;
    color: #fff;
}
.fn_live .txt_area .txt_eng {
    display: block;
    margin-bottom: 10px;
    font-size: 15px;
    font-weight: 300;
    opacity: .7;
    animation: fadeDown 1.2s .9s both;
}
.fn_live .txt_area .txt_title {
    display: block;
    font-size: 40px;
    font-weight: 500;
    line-height: 1.25;
    word-break: keep-all;
    animation: fadeDown 1.2s 1s both;
}
.fn_live .txt_area .txt_subject {
    display: block;
    margin-top: 60px;
    padding-top: 20px;
    font-size: 24px;
    font-weight: 400;
    line-height: 1.4;
    border-top: 1px solid #354A86;
    animation: fadeDown 1.2s 1.2s both;
}

.fn_live .live_area {
    position: relative;
    aspect-ratio: 16/9;
    width: 715px;
    height: auto;
    background: #111;
    border-radius: 15px;
    animation: fadeDown 1.5s 1.2s both;
}
.fn_live .live_area iframe {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
}
.fn_live .live_close {
    position: absolute;
    top: -58px;
    right: 0;
    width: 32px;
    height: 32px;
    font-size: 0;
    text-indent: -9999px;
    background: url(https://static.fnnews.com/resources/w/img/close_live.svg)no-repeat 0 0 /contain;
    animation: fade 1.5s 1.5s both;
}
.ico_fnLive {
    display: inline-block;
    position: relative;
    height: 28px;
    margin-bottom: 35px;
    padding: 0 10px;
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    color: #fff;
    background :#FF0F0F;
    border-radius: 5px;
    animation: fadeDown 1.2s .8s both;

}
.ico_fnLive::after {
    content: '';
    display: block;
    position: absolute;
    top: -8px;
    right: -8px;
    width: 7px;
    height: 7px;
    background: #FF0F0F;
    border-radius: 50%;;
}
.ico_fnLive em { font-weight: 600; }

@keyframes Down {
    from {
        transform: translateY(-80px);
    }
    to {
        transform: translateY(0);
    }
}
@keyframes fadeDown {
    from {
        opacity: 0;
        transform: translateY(-80px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
@keyframes fade {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

/*팝업뉴*/
#wrapper_popup div[id ^= 'hd_pops_'] {width:80%;margin:10px;max-width:500px;position:absolute; padding:20px 30px; background:#fff; z-index:100000;border-radius:5px;overflow:auto;display:none}
#wrapper_popup div[id ^= 'hd_pops_'] h2 {display:block;margin:10px 0 0;padding-bottom:15px;border-bottom:1px #d8d8d8 solid;font-size:1.8em;font-weight:bold;color:black;}
#wrapper_popup div[id ^= 'hd_pops_'] p {display:block;padding:20px 0 0;margin:0;font-size:1.0em;line-height:1.5em;color: #232323}
#wrapper_popup div[id ^= 'hd_pops_'] p img{max-width:100%; display: block;margin: 0 auto;}
#wrapper_popup div[id ^= 'hd_pops_'] .hour-close {display:inline-block;padding:8px 20px;background:#f2f2f2;color:#666;border:1px #d8d8d8 solid;border-radius:5px;margin-top:15px}
#wrapper_popup div[id ^= 'hd_pops_'] .hour-close:hover {background:#54A94C;color:#f8f8f8}
#wrapper_popup div[id ^= 'hd_pops_'] img.cancel {width:17px;position:absolute; right:20px;top:20px;zoom:1;filter: alpha(opacity=50);opacity: 0.7}
#wrapper_popup div[id ^= 'hd_pops_'] img.cancel:hover {zoom:1;filter: alpha(opacity=100);opacity: 1.0}
#wrapper_popup .l_title {font-size: 20px;color: black;font-weight: bold;} /*green*/
#wrapper_popup .c0 {border:1px #54A94C solid;border-bottom:10px solid #54A94C} /*green*/
#wrapper_popup .c1 {border:1px #5390BC solid;border-bottom:10px solid #5390BC} /*blue*/
#wrapper_popup .c2 {border:1px #FF969D solid;border-bottom:10px solid #FF969D} /*pink*/
#wrapper_popup .c3 {border:1px #5B56A6 solid;border-bottom:10px solid #5B56A6} /*purple*/
#wrapper_popup .c4 {border:1px #CCB7A2 solid;border-bottom:10px solid #CCB7A2} /*maroon*/
#wrapper_popup .l0 {left:100px} /*green*/
#wrapper_popup .l1 {left:150px} /*green*/
#wrapper_popup .l2 {left:200px} /*green*/
#wrapper_popup .l3 {left:250px} /*green*/
#wrapper_popup .l4 {left:300px} /*green*/
#wrapper_popup .b-area {width:100%;text-align:right;margin-top:20px;border-top:1px #ccc solid}
#wrapper_popup ul {list-style-type:disc;margin:0px 5px 20px;line-height:1.5em}
#wrapper_popup ul ul li::before {content: "\1F4CE"; padding-right: 5px; }
#wrapper_popup .c-green {color:green !important}
#wrapper_popup .c-blue {color:blue !important}
#wrapper_popup .c-red {color:red !important}
#wrapper_popup table td{padding: 20px;line-height: 1.525;}
.layer-shadow {box-shadow: 0px 3px 15px 0px rgba(0,0,0,0.74);-webkit-box-shadow: 0px 3px 15px 0px rgba(0,0,0,0.74);-moz-box-shadow: 0px 3px 15px 0px rgba(0,0,0,0.74);}
/*팝업뉴*/