액티브 라이프를 위한 필수 아이템

<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500&amp;display=swap" rel="stylesheet" />
<style type="text/css">/* base */
								.location-container { display: none; }
								.visual-area {margin:0;}

								.evt img {vertical-align:top;}

								.evt a { display:inline-block;}
								.evt a:focus,
								.evt button:focus { outline: none; }

								.evt { position: relative; left: 50%; margin-left: -980px; width: 1920px; text-align: left; opacity: 0;}
								.evt.on { opacity: 1; }
								/* //base */

								/* 여기에 css 를 추가해 주세요*/
								.evt_main { position:relative; }
</style>
<script>

									$(document).ready(function () {
										setTimeout(function () {
											$('.evt').addClass('on');
										}, 1000);  /*레이아웃이 자리잡기 전에 컨텐츠가 먼저 노출되어 덜컹 거리는 거처럼 보이는 것을 막기 위하여 고객요청에 의해서 1초뒤에 이벤트가 보여지게 합니다.*/
									});
									$(window).on('load', function () {
										$('.evt').addClass('on');
									});

									/* NOTICE */
									/* 가끔 이벤트 밑에 상품으로 이동하는 앵커 요청이 있습니다. 이 경우, 해당 사이트 $(window).scroll 이 아닌 $("#wrap").scroll 기준으로 제어해야 합니다. */
									
								</script>
<div class="evt">
<div class="evt_main"><img height="100%" src="https://static.discovery-expedition.com/cdn-cgi/image/q=85,format=auto,onerror=redirect/motioneye/yoil/2024/0527_Active-acc/240527_Active-acc_keyvisual_pc.jpg" width="100%" /></div>
</div>