@charset "UTF-8";

/******************** site value *************************/
.brand-logo { background-image: url('https://cdn.mediaboss.co.kr/mediaboss/2024/09/24140856/mediaboss_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: #0b43ac; } 
.pagenation a.current, .pagenation .current.current { color: #0b43ac; border-color: #0b43ac; } 
.news-view p strong a { color: #0b43ac; } 
.news-view a { color: #0b43ac; font-weight: bold; } 
.post-from p a { color: #0b43ac; } 
.gnb-wrap .menu li:checked::before, .gnb-wrap .menu li.current-menu-item::before { background-color: #0b43ac; bottom:-21px; } 
.gnb-wrap .menu li:checked a, .gnb-wrap .menu li.current-menu-item a { color: #0b43ac; } 
.comment-box .write-comment .absolute-box button { background-color: #0b43ac; } 
body.policy .body ul.footer_link li.active { border: 1px solid #0b43ac !important; } 
body.policy .body ul.footer_link li:hover a { color: #0b43ac !important; } 
body.policy .body ul.footer_link li.active a, body.policy .body ul.footer_link li:hover a { color: #0b43ac !important; } 
.author-name { color: #0b43ac; } 
.author-link>a::after { background: #0b43ac; } 
.gnb-wrap .menu li.current-post-parent::before { background-color: #0b43ac; bottom: -21px; } 
.gnb-wrap .menu li.current-post-parent a { color: #0b43ac; font-weight: bold; } 
@media screen and (max-width: 767px) { 
 	.header .search-wrap .icon-btn i { top: 6px; } /* 모바일 헤더 검색버튼 위치 수정 */
 } 
/******************** site value end *************************/

/* 헤더디자인 변경시 주석을 풀어주세요 (어두운 헤더 BG + 밝은 텍스트) */
/* .header { background-color: #0b43ac; } 
.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 *************************/
/* 구독 */
button.post-follow-pc { background-image: url("data:image/svg+xml,%3Csvg fill='%233e3e40' viewBox='0 0 32 32' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E %3Cpath d='M2.002 27.959c0-0.795 0.597-1.044 0.835-1.154l8.783-4.145c0.63-0.289 1.064-0.885 1.149-1.573s-0.193-1.37-0.733-1.803c-2.078-1.668-3.046-5.334-3.046-7.287v-4.997c0-2.090 3.638-4.995 7.004-4.995 3.396 0 6.997 2.861 6.997 4.995v4.998c0 1.924-0.8 5.604-2.945 7.292-0.547 0.43-0.831 1.115-0.749 1.807 0.082 0.692 0.518 1.291 1.151 1.582l2.997 1.422 0.494-1.996-2.657-1.243c2.771-2.18 3.708-6.463 3.708-8.864v-4.997c0-3.31-4.582-6.995-8.998-6.995s-9.004 3.686-9.004 6.995v4.997c0 2.184 0.997 6.602 3.793 8.846l-8.783 4.145s-1.998 0.89-1.998 1.999v3.001c0 1.105 0.895 1.999 1.998 1.999h21.997v-2l-21.996 0.001v-2.029zM30.998 25.996h-3v-3c0-0.552-0.448-1-1-1s-1 0.448-1 1v3h-3c-0.552 0-1 0.448-1 1s0.448 1 1 1h3v3c0 0.552 0.448 1 1 1s1-0.448 1-1v-3h3c0.552 0 1-0.448 1-1s-0.448-1-1-1z'%3E%3C/path%3E %3C/g%3E%3C/svg%3E"); background-size: 18px; background-position: 12px 8px; background-repeat: no-repeat; margin-left: auto; margin-right: 0 !important; } 
button.post-follow-mo { display: none; } 
@media screen and (min-width: 768px){
    .speech-bubble { display: none; } 
    .post-follow-mo { display:none !important; } 
 }

@media screen and (max-width: 767px) {
    .header .gnb-wrap ul {overflow-y: hidden; } 
    .post-follow-mo { background-image: url("data:image/svg+xml,%3Csvg fill='%230b43ac' viewBox='0 0 32 32' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E %3Cpath d='M2.002 27.959c0-0.795 0.597-1.044 0.835-1.154l8.783-4.145c0.63-0.289 1.064-0.885 1.149-1.573s-0.193-1.37-0.733-1.803c-2.078-1.668-3.046-5.334-3.046-7.287v-4.997c0-2.090 3.638-4.995 7.004-4.995 3.396 0 6.997 2.861 6.997 4.995v4.998c0 1.924-0.8 5.604-2.945 7.292-0.547 0.43-0.831 1.115-0.749 1.807 0.082 0.692 0.518 1.291 1.151 1.582l2.997 1.422 0.494-1.996-2.657-1.243c2.771-2.18 3.708-6.463 3.708-8.864v-4.997c0-3.31-4.582-6.995-8.998-6.995s-9.004 3.686-9.004 6.995v4.997c0 2.184 0.997 6.602 3.793 8.846l-8.783 4.145s-1.998 0.89-1.998 1.999v3.001c0 1.105 0.895 1.999 1.998 1.999h21.997v-2l-21.996 0.001v-2.029zM30.998 25.996h-3v-3c0-0.552-0.448-1-1-1s-1 0.448-1 1v3h-3c-0.552 0-1 0.448-1 1s0.448 1 1 1h3v3c0 0.552 0.448 1 1 1s1-0.448 1-1v-3h3c0.552 0 1-0.448 1-1s-0.448-1-1-1z'%3E%3C/path%3E %3C/g%3E%3C/svg%3E"); background-size: 17px; font-size: 15px; border: 1px solid #0b43ac; color: #0b43ac; padding: 0 9px 0 33px; line-height: 1; border-radius: 17px; background-position: 11px 5px; background-repeat: no-repeat; position: absolute; display: block; height: 30px !important; z-index: 999; transform: translateY(0);transition: transform 0.5s; } 
    .post-follow-mo > a { color: #0b43ac; font-weight: 400 !important; font-size: 12px !important; } 
    .header .gnb-wrap li.post-follow-mo a { padding: 0 !important; font-size: 14px !important; } 
    button.post-follow-pc { display: none; } 
    .header .gnb-wrap li.speech-bubble { opacity: 0; transform: translateY(30px); margin: 0px; padding: 7px; color: #fff; border-radius: 8px; position: absolute; top: -8px;left: -3px; text-align: center; line-height: 1; background: linear-gradient(to top, #a1a7ff, #0b43ac); z-index: 9999999; transition: opacity 0.5s, transform 0.5s; margin: 0 !important; position: absolute !important; height: auto !important; padding: 5px !important; } 
    .speech-bubble::after { border-top: 9px solid transparent; content: ""; position: absolute; top: -14px; right: 50%; border-left: 4px solid transparent; border-right: 4px solid transparent; border-bottom: 6px solid #0b43ac; } 
    .header .gnb-wrap li.speech-bubble a { font-size: 12px !important; color: #fff; font-weight: 400 !important; } 
    #bnb .post-follow-mo { display: none; } 
	.post-follow-mo::after {content: "";}
 }

@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; }
}

/* related article with yarpp */
body.single-post .yarpp-thumbnails-horizontal .yarpp-thumbnail { margin: 0; border: none; }
@media screen and (max-width: 767px) {
	.yarpp 	{ max-width: none !important; margin-left: 10px; }
	.yarpp h3, .yarpp-related h3 {font-size: 20px !important;}
	.yarpp-thumbnails-horizontal { display: flex; overflow-x: auto; overflow-y: hidden; height: fit-content; }
	.yarpp-thumbnails-horizontal::-webkit-scrollbar { display: none; }
	.yarpp-thumbnail > img {object-fit:cover;}
	.yarpp-thumbnails-horizontal .yarpp-thumbnail-title { font-size: 16px !important; letter-spacing: -0.5px; font-weight: normal !important;}
    .yarpp-thumbnails-horizontal .yarpp-thumbnail {width: 135px !important;}
}

/* below-yarpp */
.below-yarpp {padding: 10px 18px 30px 18px;}
.below-yarpp ul li {padding-left: 15px;position: relative;margin-bottom: 10px;}
.below-yarpp ul li:last-child {margin-bottom: 0;}
.below-yarpp ul li::before {content: '└';font-size: 14px;position: absolute;left: -5px;/*top: 50%;transform: translateY(-50%);*/color: #444;}
.below-yarpp ul li a {font-size: 16px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;width: 105%; display: block;}

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


/* with submenu (2026.03.25 / ceh) */
ul#menu-main-menu > li ul.sub-menu {position: absolute; z-index: 999; background: #fff; opacity: 0; visibility: hidden; transform: translateY(10px); transition: all 0.25s ease; top: 43px;}
ul#menu-main-menu > li {position: relative;}
ul#menu-main-menu > li:hover > ul.sub-menu {opacity: 1; visibility: visible; transform: translateY(0); background-color: #fff; box-shadow: 0 0 0 1px #ccc inset;}
ul#menu-main-menu > li:hover > ul.sub-menu li {}
ul#menu-main-menu > li > ul.sub-menu li a {font-size: 14px; font-weight: 500; color: rgba(0,0,0,.5); line-height: 38px; padding: 6px 20px;}
ul#menu-main-menu > li > ul.sub-menu li:checked::before,
ul#menu-main-menu > li > ul.sub-menu li.current-menu-item::before {background-color: transparent;}
ul#menu-main-menu > li > ul.sub-menu li.current-menu-item a {color: rgba(0, 0, 0, .85);}

ul#menu-main-menu > li > ul.sub-menu li.current-menu-item,
ul#menu-main-menu > li > ul.sub-menu li:hover {background-color: rgba(0, 0, 0, .03);}
@media screen and (max-width: 767px) {
	ul#menu-main-menu > li > ul.sub-menu {display: none !important;}
}

/* breadcrumb */
.title-box > span {font-size: 14px; display: block; margin-bottom: 10px;}
@media screen and (max-width: 767px) {
    .title-box > span {margin-bottom: 0px;}
}
.title-box > span > span:not(:nth-last-of-type(-n+2))::after {content: '»'; padding-left: 6px;}
.title-box > span a {color: #000;}
.title-box .breadcrumb_last {display: none;}



article.news-view-bt-ad-box.test-box {padding: 0 !important;}

/* home thumbnail (category block : full-size 적용) (2026.05.26) */
body.home article.card-type3 .img-box img,
body.home article.card-type4 .img-box img {object-fit: cover !important; top: 0 !important; transform: translateX(-50%) !important; width: 100% !important; height: 100%;}



#tbl-next-up {display:none !important;}
header .right-inner {z-index: 999; background: #fff;}