@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: unset; } 
.comment-box .write-comment .absolute-box button { background-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; } 
 }

 /* 함께보면좋은뉴스 위젯의 디자인 수정버전 */
.modified.news-rank li { height:fit-content; background-size: 25px; background-repeat: no-repeat; background-position: left -1px top 27px;} 
.modified.news-rank .news-right { width:100px; height:100px; } 
.modified.news-rank .news-right img { aspect-ratio:unset; border-radius:5px; } 
.modified.news-rank .news-left { padding-right: 5px; padding-top: 10px; padding-bottom: 10px; box-sizing: border-box; padding-left: 25px; }
.modified.news-rank .news-left .title { font-size: 18px; line-height: 1.5; letter-spacing: -1px; } 
.modified.news-rank li:nth-child(1) { background-image: url('https://static.viewus.co.kr/image/rank01.png'); }
.modified.news-rank li:nth-child(2) { background-image: url('https://static.viewus.co.kr/image/rank02.png'); }
.modified.news-rank li:nth-child(3) { background-image: url('https://static.viewus.co.kr/image/rank03.png'); }
.modified.news-rank li:nth-child(4) { background-image: url('https://static.viewus.co.kr/image/rank04.png'); }
.modified.news-rank li:nth-child(5) { background-image: url('https://static.viewus.co.kr/image/rank05.png'); }
.modified.news-rank .news-left > span { font-size: 30px; line-height: 1; font-weight: 600; color: #777; margin-right: 5px; display: none; } 
.modified.news-rank .title-box .line-txt-box time { display: none; }
.modified.news-rank .title-box .line-txt-box p > *:first-child { font-size: 15px; }

/* 이시각인기뉴스와 댓글많은뉴스에 클래스 추가 */
.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; }
	.hot-news { margin-bottom: 20px; }
	body.single-post .hot-news { margin-top: 20px; }
	.hot-news h3 { margin-bottom: 10px; }
	article.news-rank { margin-bottom: 20px; margin-top: 20px; }
	.ad.taboola { margin-bottom: 20px; margin-top: 20px; }
}
.hot-news h3 { font-size: 2rem; }
.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; }
}

/* comments-rank-wrap */
.comments-rank-wrap {padding: 0 18px;}



/* 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 {}
.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 {}
.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 .ad-top {width: 970px; margin: 0 auto;}
body.archive .ad-left {width: 160px;}
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 20px; font-size: 24px;}
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;}

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