@charset "UTF-8";

/* header ad */
.news-view-wrap {padding-top: 320px;}
.pc-post-ad-header {width:1102px; height:250px; position:absolute; top:95px;} 
@media screen and (max-width: 767px) {
	.pc-post-ad-header {display: none;}
}

/* sidebar ad */
.news-view-wrap, .category .content-body { justify-content: center; } 
.pc-post-ad-left-wrap { width: 160px; height: auto; position: relative; top: 0; left: 0; order: 0; z-index:9999; } 
.pc-post-ad-right-wrap { width: 160px; height: auto; position: relative; top: 0; left: 0; order: 1; z-index:9999; } 
.pc-post-ad-container { position: sticky; top: -610px; transition: all 1s; } 
.pc-post-ad-left01 ins, .pc-post-ad-left02 ins, .pc-post-ad-right01 ins, .pc-post-ad-right02 ins, .pc-post-ad-right03 ins { background: #fff; } 
.pc-post-ad-container > div { margin-bottom: 20px; } 
@media screen and (max-width: 767px) { 
	.pc-post-ad-left-wrap, .pc-post-ad-right-wrap { display:none; } 
 } 

/* taboola test */
.rel {top: -1400px; transition: all 1.5s; }

/* Sticky below img ad */
#below-img { position:sticky; top:0; background:#fff; } 
#below-img::after { content:""; } 

/* for AMP */
body.amp-mode-touch { padding-bottom:0 !important; } 
body.amp-mode-touch .comment-wrap+article.ad-video { display:none; } 
body.amp-mode-touch .btn-group { display:none; } 

/* bottom floating ad close-btn */
.ad-close-btn { display: block; position: absolute; top: -18px; right: 0; } 

/* for AdSense Theme */
.ad-twin-space > div.ad { display:none; } 
.ad-twin-space { display:block; } 
.pc-var article.ad480 { width:auto; height:auto; } 
@media screen and (max-width: 767px) { 
	.news-view-wrap { margin-top:0; } 
 } 


/* 본문내삽입 광고의 여백조정 */
.article-insert-ad {padding: 15px 0;}


.ad > a {display: block; border: none; width: 100%; height: 100%;}

.ad-top {position: relative; margin: 0 auto;}
.ad-top .ad-box {display: block; width: 100%; height: 100%;}
.ad-top p {position: absolute; top: 10px; right: 10px; font-size: 1.2rem; font-weight: 600;}
.ad-twin {display: flex; justify-content: center; flex: 0 0 auto; gap: 18px; max-width: 1068px; width: 100%;}
.ad-twin > * {aspect-ratio: 2/1;}
.ad-section-right {width: 100%; margin-left: 24px;}
.ad-section-right a {display: block; width: 100%; height: 100%;}
.ad-left {position: sticky; top: 20px; bottom: 10px; height: calc(100% + 20px); margin-left: 0; padding-bottom: 20px; display: none !important;}
.ad-left a {display: block; width: 160px; height: 600px; float: right;}
.ad-right {position: sticky; top: 20px; bottom: 10px; height: fit-content; margin-right: -180px; padding-bottom: 20px; padding-left: 20px;}
.ad-right .ad-r-top {margin-bottom: 20px;}
.ad-alone {margin: 0 auto;}
.ad-full {width: 100%;}
.ad-twin-space {display: flex; justify-content: space-between;}
.ad-mg {width: 100%; margin-bottom: 20px;}
.ad-auto {margin: 0 auto;}
.ad300 {min-width: 300px; width: 300px; height: 250px;}
.ad336 {min-width: 336px; width: 336px; height: 280px;}
.ad480 {min-width: 480px; width: 480px; height: 320px; margin: 0 auto;}
.ad-height224 {height: 224px;}
.ad-height257 {height: 257px;}
.ad-video {margin-bottom: 20px;}
.footer-floating-ad {position: fixed; bottom: 0; width: 100vw; margin: 0 auto; margin-bottom: 0 !important; z-index: 999;}
.empty-box {width: 300px;}
.mobile-ad {display: none;}
.with-ad {display: flex; justify-content: space-between;}
.with-ad .ad300 {margin-left: 20px;}
.ad-with-txt {margin-top: 15px;}
.news-view .ad {padding-top: 24px; padding-bottom: 24px;}
.news-view .ad-twin {gap: 8px;}
.news-view-bt-ad-box .ad {margin-bottom: 20px;}
.ad-video { height: auto;} /* 모바일 기사 하단 광고 wrapper 중 height 고정인 요소 수정 */

@media screen and (max-width: 767px) {
	.ad-video {height: auto;} /* 제공되는 광고 height값을 유동적으로 설정해도 되는 영역에서 height값 제거 */
	.ad-left,
	.ad-right,
	.ad-section-right {display: none;}
	.pc-ad {display: none;}
	.ad-section-right {display: none;}
	.mobile-ad {display: block; margin: 0 auto; margin-bottom: 18px;}
	.news-view-wrap .ad300,
	.news-view-wrap .ad480 {min-width: 336px; width: 336px; height: 280px; margin: 0 auto; margin-top: 24px; margin-bottom: 24px;}
	.ad-video {width: 336px; height: 280px; margin: 0 auto;}
}

/* 하단모듈 여백 조정 */
@media screen and (max-width: 767px) {
	.news-view-m-bt article { margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; }
	article.ad-m-post-bottom-01 { margin: 20px auto; } 
	article.ad-m-post-bottom-02 { } 
	article.ad-m-post-bottom-03 { margin-bottom: 20px; } 
	article.ad-m-post-bottom-04 { } 
	article.ad-m-post-bottom-05 { margin-bottom: 20px; margin-top:20px; } 
	article.news-rank { margin-bottom: 20px; margin-top:5px; } 
	article.taboola { margin-bottom:10px; }
	.ad.taboola {margin-bottom: 20px; margin-top: 20px; } /* 하단모듈 영역조정 2024.01.10 */
}

/* 같은 클래스가 여러 번 있을 경우 */
/* :first-of-type 은 "같은 부모 아래에서의 첫번째 요소" 기준 → 만약 .nateview-p-m-post_body-01 요소들이 같은 부모에 연속해서 들어간다면 위 코드로 정확히 첫번째만 노출 */
/* 만약 DOM 구조상 부모가 다르면 이 규칙은 부모별로 첫번째씩 남게됨 → "문서 전체에서 딱 1개만 보이고 나머지는 전부 숨기고 싶다"면 CSS만으론 한계 */
/* .nateview-p-m-post_body-01:not(:first-of-type) {display: none;} */
.ad-slot-wrap {margin: 20px auto !important;}
.nateview-p-pc-rside-sticky-rail .ad-slot-wrap {margin: 0 auto !important;}
.nateview-p-m-header .ad-slot-wrap {margin: 5px auto !important;}