

/* 개편 배너 */
#pc-all, #mobile-all { height: 0 !important;}
.banner_area { margin: 0 auto; text-align: center; }
#pc-middle-1 > div, #pc-middle-2 > div { height: 180px; }
#pc-top { background: #f2f2f2; width: 100%; /*min-height: 280px; padding: 15px 0;*/}/* 높이 고정 */
#mobile-top { background: #f2f2f2; padding:10px 0; }
#mobile-top > div { width: 100% !important; height: 0!important; position: relative; padding-bottom: 56.4%; margin-bottom: -6px; border: 0;}
#mobile-top iframe { width: 100%; height: 100%; position:absolute ; top: 0; left: 0;}
#mobile-top-3rd > div { margin: 0 auto;}
#mobile-interscroller {position: relative; z-index: 99; min-height: 1200px; overflow: hidden; height:0; padding-bottom: calc(var(--vh, 1vh) * 100);}
#mobile-interscroller::before { content: 'ADVERTISEMENT'; font-family: 'Vogue', 'Vogue-window', 'Vogue-ios', 'Vogue-android', sans-serif; color: #d2d2d2; display: block; font-size: 0.9rem; letter-spacing: 0.03rem; line-height: 1.76; text-align: center; background: #000; height: 22px; padding-top: 3px; margin: 0;}
#mobile-interscroller > div { position: absolute; top: 25px; left: 0px; width: 100%!important; height: 100%!important; margin: 0px; padding: 0px; overflow: hidden; clip-path: inset(0px);}
#mobile-interscroller iframe { position: fixed; top: auto; left: 0px; width: 100%; height: 100%; margin: 0px; padding: 0px; bottom: 0px;}
#rewview > div { width: 100% !important; height: 0!important; position: relative; padding-bottom: 26.64%; margin-bottom: -6px; border: 0;}
#rewview iframe { width: 100%; height: 100%; position:absolute ; top: 0; left: 0;}



/* 페이지 별 예외 */
.pc-top { background: #f2f2f2; width: 100%; min-height: 280px; padding: 15px 0; }/* 높이 고정 */
.ad_higher_bg { /*height: 60.5vw;*/ background: #f2f2f2;}/* 높이 고정 */

.home .pc-top { min-height: 280px;}
.home #pc-top { min-height: 280px; padding: 15px 0;}
.home #pc-middle-1, .home #pc-middle-2 { margin-bottom: 100px;}
.home #mobile-middle-1, .home #mobile-middle-2 { margin-bottom: 13vw;}
.home #mobile-interscroller { margin-bottom: 13vw;}

.single #pc-middle-1 { margin-left: -65px;}
@media (max-width: 1600px) {
	.single #pc-middle-1 { margin-left: -120px;}
}
.single #pc-middle-2, .single #pc-middle-3 { margin-bottom: 80px;}
.single #mobile-middle-2, .single #mobile-middle-3 { margin-bottom: 13vw;}
.single #mobile-interscroller { margin: 13vw -24px ; }
.single #mobkoi { margin-top: 13vw;}

.page #pc-middle-1:not(.home #pc-middle-1) { margin-bottom: 30px;}
.page #mobile-middle-1:not(.home #mobile-middle-1) {margin-top: 13vw;}


@media (max-width: 820px) {
	.banner_pc { display: none;}
}

@media (min-width: 640px) {
	.banner_m { display: none;}
}

/* 캐러셀 광고 */
.carousel-ad { background: #262626; border-radius: 10px; padding:40px 0; margin: 60px 0; position: relative; overflow: hidden;}
.carousel-ad::after { position: absolute; top: 0; right: 0; z-index: 1; width: 3%; height: 100%; background: linear-gradient(270deg, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 100%); opacity: 0.5; content: '';}
.carousel-ad::before { position: absolute; top: 0; left: 0; z-index: 1; width: 3%; height: 100%; background: linear-gradient(90deg, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 100%); opacity: 0.5; content: '';}
.carousel-ad h2 { color: #fff; margin: 0 0 0 30px !important; font-family: 'Poppins', 'Allure-window', 'Allure-ios', 'Allure-android', sans-serif; font-size:3rem!important; font-weight:600; padding-bottom:10px; text-align: left!important; }
.carousel-ad h2:before { display:inline-block; width:25px; height:25px; margin:0 10px 5px 0; background:url(../images/carousel-tit.svg)no-repeat; content:''; }
.carousel-ad h2 span { font-size: 12px; background: #707070; padding:2px 5px; position: absolute; margin-top: 10px; margin-left: 4px; }
.carousel-ad ul, .carousel-ad li { list-style: none !important; margin: 0 !important;}
/*.carousel-ad li:last-child { padding-right: 30px;}*/

.carousel-ad .carousel-slide { padding-left: 30px; /*padding: 0 30px;*/}
.carousel-ad .carousel-slide .uk-child-width-1-2 > * { width:65%; /*margin-right: 15px !important; background: #fff;*/ }
.carousel-ad .carousel-slide .uk-child-width-1-2 .uk-panel { margin-right: 15px; background: #fff; height: 100%;}
.carousel-ad .carousel-slide .uk-child-width-1-2 li:last-child { width: calc(65% + 15px);}
.carousel-ad .carousel-slide .uk-child-width-1-2 li:last-child .uk-panel { margin-right: 30px;}
.carousel-ad .thum { border-radius:0; padding-top: 100%; }
.carousel-ad .content { padding: 20px 30px; padding-bottom: 60px;}
.carousel-ad .content .carousel-tit { max-height: 78px; margin-bottom: 10px; font-size: 1.375rem; line-height: 1.44; font-weight: 600;}
.carousel-ad .content .carousel-text { color: #707070; margin-bottom: 20px;}
.carousel-ad .content .carousel-btn { position: absolute; width: calc(100% - 60px); bottom: 20px;}
.carousel-ad .content .carousel-btn a { display: block; background: #ECECEC; border-radius: 5px; padding: 10px; text-align: center; font-size: 1.2rem; font-weight: 600;}
.carousel-ad .carousel-slide .uk-slidenav { color: #000; background:rgba(255,255,255,0.40); zoom: 1.3;}
.carousel-ad .carousel-slide .uk-dotnav { margin-top: 20px !important; margin-left: -33px !important;}
.carousel-ad .carousel-slide .uk-dotnav > * > * { background:#707070; border: 0; }
.carousel-ad .carousel-slide .uk-dotnav > .uk-active > * { background-color: #fff; border: 0;}

@media (max-width: 820px) {
	.carousel-ad { margin: 13.3vw -24px; border-radius:0;}
	.carousel-ad img { image-rendering: auto;}
	.carousel-ad::after, .carousel-ad::before { content: none;}
	.carousel-ad h2 { font-size:2rem!important; margin: 0 0 0 24px !important;}
	.carousel-ad h2:before { width:15px; height:15px; margin: 0 5px 2px 0;}
	.carousel-ad h2 span { font-size: 10px; margin-top: 5px;}
	
	.carousel-ad .carousel-slide { padding-left: 24px; /*padding: 0 24px;*/}
	.carousel-ad .carousel-slide .uk-child-width-1-2 > * { width:90%; margin-right: 0 !important;}
	.carousel-ad .carousel-slide .uk-child-width-1-2 .uk-panel { margin-right: 4px;}
	.carousel-ad .carousel-slide .uk-child-width-1-2 li:last-child { width: calc(90% + 20px);}
	.carousel-ad .carousel-slide .uk-child-width-1-2 li:last-child .uk-panel { margin-right: 24px;}
	.carousel-ad .content { padding: 20px; padding-bottom: 60px;}
	.carousel-ad .content .carousel-btn { width: calc(100% - 40px); }
	.carousel-ad .uk-slidenav-previous, .carousel-ad .uk-slidenav-next { display: none;}
	
}


.sticker-container .img-thum {
	background-color:#12121220;
	background-image: url('https://img.fastpapermag.com/fpm/images/fp_scroll_logo.svg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: calc(70% - 40px);
}

