@charset "UTF-8";

/******************** site value *************************/
.brand-logo { background-image: url('https://d3fpdiit4h0p2n.cloudfront.net/nate-view/2023/02/24152458/nateview_logo.svg'); } 
.error-body .error-article .brand-logo { width: 90px; height: 30px; } 
header .logo-default { max-width: 300px; min-width: 88px; max-height: 69px; width:90px; } 
.footer .logo-default { max-width: 110px; min-height: 50px; } 
.gnb-wrap .menu li:hover a { color: #ff2c2e; } 
.pagenation a.current, .pagenation .current.current { color: #ff2c2e; border-color: #ff2c2e; } 
.news-view p strong a { color: #ff2c2e; } 
.news-view a { color: #ff2c2e; font-weight: bold; } 
.post-from p a { color: #ff2c2e; } 
.gnb-wrap .menu li:checked::before, .gnb-wrap .menu li.current-menu-item::before { background-color: #ff2c2e; bottom:-21px; } 
.gnb-wrap .menu li:checked a, .gnb-wrap .menu li.current-menu-item a { color: #ff2c2e; } 
body.policy .body ul.footer_link li.active { border: 1px solid #ff2c2e !important; } 
body.policy .body ul.footer_link li:hover a { color: #ff2c2e !important; } 
body.policy .body ul.footer_link li.active a, body.policy .body ul.footer_link li:hover a { color: #ff2c2e !important; } 
.author-name { color: #ff2c2e; } 
.author-link>a::after { background: #ff2c2e; } 
.gnb-wrap .menu li.current-post-parent::before { background-color: #ff2c2e; bottom: -21px; } 
.gnb-wrap .menu li.current-post-parent a { color: #ff2c2e; font-weight: bold; } 
@media screen and (max-width: 767px) {
	header .search-wrap .icon-btn i { top: 6px; } /* 모바일 헤더 검색버튼 위치 수정 */
} 
/******************** site value end *************************/

/* 헤더디자인 변경시 주석을 풀어주세요 (어두운 헤더 BG + 밝은 텍스트) */
/* header { background-color: #ff2c2e; } 
.gnb-wrap .menu li a { color: #fff; } 
.gnb-wrap .menu li:hover a { color: #fff; } 
.gnb-wrap .menu li:checked a, .gnb-wrap .menu li.current-menu-item a { color:#fff; } 
@media screen and (max-width: 767px) {
 .gnb-wrap .menu li:checked a, .gnb-wrap .menu li.current-menu-item a { color: #000; } 
header .gnb-wrap { background-color: #fff; } 
.gnb-wrap .menu li a { color: #000; } 
.gnb-wrap .menu li:hover a { color: #000; } 
.icon-search { filter: invert(1); } 
header .search-wrap .icon-btn i { top: 5px; } 
 }*/

/* 헤더디자인 변경시 주석을 풀어주세요 (밝은 헤더 BG + 검정 텍스트) */
/* header { background-color: #ffcf35; } 
.gnb-wrap .menu li a { color: #000; } 
.gnb-wrap .menu li:hover a { color: #000; } 
.gnb-wrap .menu li:checked a, .gnb-wrap .menu li.current-menu-item a { color:#000; } 
@media screen and (max-width: 767px) { header .gnb-wrap { background-color: #fff; } 
.gnb-wrap .menu li a { color: #000; } 
.gnb-wrap .menu li:hover a { color: #ffcf35; } 
header .search-wrap .icon-btn i { top: 5px; } 
 }*/

/******************** UI fix css START *************************/
/* 모바일 상단 ad 삭제로 여백 수정 */
@media screen and (max-width: 767px){
 .news-view .title-box { padding-top: 15px; } 
 }

/* 본문 폰트 관련 */
@media screen and (max-width: 767px){
 .news-view p { line-height: 30px !important; letter-spacing: normal !important; font-size: 19px !important; padding: 10px 0 !important; } 
 }

/* 이시각인기뉴스와 댓글많은뉴스에 클래스 추가 */
.pc-hidden { display:none; } 
.mo-hidden { display:block; } 
@media screen and (max-width: 767px){
	 .mo-hidden { display:none; } 
	.pc-hidden { display:block; } 
}

 /* 구글광고가 화면 보다 크게 그려질 경우 가로 스크롤 안되게 처리 */
@media screen and (max-width:767px){
	 #main { overflow-x: hidden; } 
}

/* 하단모듈 영역조정 2024.01.10 */
@media screen and (max-width:767px){
	 .weekly-best { margin-top: 20px !important; } 
}
.popular-news-module, .recommend-news-module { margin-bottom: 20px !important; margin-top: 20px !important; } 
/************************* UI fix css END *************************/

@media screen and (max-width: 767px) { header { position: sticky; top: -62px; background: #fff; z-index: 999999999999; } 
body::-webkit-scrollbar-thumb { background-color: transparent; } 
body::-webkit-scrollbar { width: 5px; } 
body::-webkit-scrollbar-thumb { background-color: transparent; } 
 }

/* Single Post : Bottom */
.single_bottom_module h3 { font-weight: 700; font-size: 22px; letter-spacing: -0.03em; color: #353535; } 
.single_bottom_module li h4 a { color: #353535; font-size: 16px; line-height: 22px; font-weight: 400; letter-spacing: -0.01em; display: -webkit-box; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; height: 45px; column-count: auto !important; } 

/* Sidebar */
.right-sticky-wrap .rside_module h2 { font-weight: 700; font-size: 17px; color: #000; letter-spacing: -0.3px; line-height: 1em; margin-bottom: 24.5px; } 
.right-sticky-wrap .rside_module h2 strong { color: #ff2c2e; } 
.right-sticky-wrap .rside_module li { display: flex; flex-direction: row; } 
.right-sticky-wrap .rside_module li .post_txt { flex: 1 1 0; color: #222; font-weight: 400; font-size: 15px; line-height: 1em; letter-spacing: -0.05em; margin: 20px 0 12px; } 
.right-sticky-wrap .rside_module li .post_txt h4 { display: -webkit-box; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; column-count: auto !important; } 
.right-sticky-wrap .rside_module li .post_txt .meta-info { color: #9d9d9d; font-size: 12px; } 
.right-sticky-wrap .rside_module li .post_thumb img { object-fit: cover; height: 100%; } 
.right-sticky-wrap .realtime_top li .post_thumb { width: 90px; } 
.right-sticky-wrap .latest_news li .post_thumb { width: 100px; } 
.right-sticky-wrap .sympathetic_news li:first-child { flex-direction: column; } 
.right-sticky-wrap .sympathetic_news .post_thumb { width: 100px; } 
.right-sticky-wrap .sympathetic_news li:first-child .post_thumb { width: 100%; height: 178px; } 
.right-sticky-wrap .recommended_articles .post_thumb { width: 100px; } 

/* Sidebar : ViewusAD */
.weekly-best { width: 328px; height: auto; } 
.weekly-best ul { list-style: none; font-size: 0; display: flex; flex-direction: row; flex-wrap: wrap; align-items: flex-start; } 
.weekly-best ul li { padding: 0; cursor: pointer; width: calc(100% / 2 - 5px) !important; } 
.weekly-best ul li:nth-child(odd) { margin: 0 5px 6px 0px !important; } 
.weekly-best ul li:nth-child(even) { margin: 0 0px 6px 5px !important; } 
.weekly-best ul li figure { margin: 0 !important; padding: 0 !important; font-size: 0; line-height: 0; } 
.weekly-best ul li figure img { /* min-height: 105px; height: 105px; */ object-fit: cover; border-radius: 8px; } 
.weekly-best ul li span { display: inline-block; overflow: hidden; height: 46px; padding-top: 5px; color: #000; font-size: 15px; line-height: 1.33; letter-spacing: -1px; } 
body.dark .weekly-best li span { color: #fff; } 
@media screen and (max-width: 767px) {
     article.weekly-best { width: 100% !important; } 
 }
 

/* Common */
header nav a { font-size: 17px !important; } 

/* Archive */
body.archive article a { position: unset !important; } 
body.archive article a .entry-meta { font-size: 15px !important; line-height: 1.2em !important; } 
body.archive .list-posts { display: flex; justify-content: center; padding-top: 20px; margin: 0 auto 50px; } 
body.archive .list-posts .content-body { margin: 0 !important; display: flex; flex-direction: row; align-items: flex-start; gap: 48px; } 
body.archive .list-posts .content-body .left-wrap { min-width: 700px; } 
body.archive .list-posts .content-body .left-wrap .card-box { display: flex; flex-direction: row; flex-wrap: wrap; gap: 32px 16px; } 
body.archive .list-posts .content-body .left-wrap .card-box article { width: calc(50% - 8px); } 
body.archive .list-posts .content-body .left-wrap .card-box article img { display: inline-block; object-fit: cover; height: 250px; } 

/* Category */
body.category { display: block; } 
body.category h1 { margin: 0 auto; font-size: 17px; } 
body.category .top3-posts .content-body { display: flex; flex-direction: row; justify-content: space-between; margin: 0 auto 80px; max-height: 455px; gap: 0; } 
body.category .top3-posts .content-body img { display: inline-block; object-fit: cover; height: 455px; } 
body.category .list-posts h3 { font-size: 16px; margin-bottom: 5px; } 


/* 404 */
body.error404 .error_bottom_module a { position: unset !important; } 
body.error404 .error_bottom_module a .entry-meta { font-size: 15px !important; line-height: 1.2em !important; } 
body.error404 .error_bottom_module .card-box { display: flex; flex-direction: row; flex-wrap: wrap; gap: 32px 20px; } 
body.error404 .error_bottom_module .card-box li { width: calc(25% - 15px); } /* (20px + 20px + 20px)/4 = 15px */
body.error404 .error_bottom_module .card-box li img { display: inline-block; object-fit: cover; height: 184.6px; }