AdFit

• 카카오애드핏은 공식적으로 반응형 광고 단위를 지원하지 않음
• CSS 미디어 쿼리를 활용하여 PC/모바일 환경에 따라 자동으로 광고가 노출되도록 커스터마이징

<!-- 카카오애드핏 -->
<style>
.ad-adfit-pc {
	display: none;
}

.ad-adfit-mobile {
	display: none;
}

@media screen and (min-width: 801px) {
	.ad-adfit-pc {
		display: block;
	}

	.ad-adfit-mobile {
		display: none;
	}
}

@media screen and (max-width: 800px) {
	.ad-adfit-pc {
		display: none;
	}

	.ad-adfit-mobile {
		display: block;
	}
}
</style>
<script type="text/javascript" src="//t1.kakaocdn.net/kas/static/ba.min.js" async></script>
<!-- //카카오애드핏 -->

<!-- 카카오애드핏 -->
<div class="ad-adfit-mobile">
	<ins class="kakao_ad_area" style="display:none;"
	data-ad-unit = "DAN-uCoX3Nv9fPaiC2mH"
	data-ad-width = "320"
	data-ad-height = "100"></ins>
</div>
<!-- //카카오애드핏 -->

<!-- 카카오애드핏 -->
<div class="ad-adfit-pc" style="margin-top:6px;">
	<ins class="kakao_ad_area" style="display:none;"
	data-ad-unit = "DAN-n9YTFT0FiNdcCyWi"
	data-ad-width = "728"
	data-ad-height = "90"></ins>
</div>
<div class="ad-adfit-mobile" style="margin-top:8px;">
	<ins class="kakao_ad_area" style="display:none;"
	data-ad-unit = "DAN-zlwD249GnskVdX8E"
	data-ad-width = "320"
	data-ad-height = "100"></ins>
</div>
<!-- //카카오애드핏 -->

<!-- 카카오애드핏 -->
<div class="ad-adfit-pc" style="margin-top:5px;margin-left:5px;">
	<ins class="kakao_ad_area" style="display:none;"
	data-ad-unit = "DAN-GhlkefQp1GdcfmSS"
	data-ad-width = "160"
	data-ad-height = "600"></ins>
</div>
<!-- //카카오애드핏 -->