https://ekskfk23.tistory.com/ ko Sun, 17 May 2026 10:08:49 +0900 TISTORY 100 ekskfk04 https://ekskfk23.tistory.com/23 <p><figure class="imageblock widthContent" data-ke-mobileStyle="widthOrigin" data-origin-width="928" data-origin-height="1152"><span data-url="https://blog.kakaocdn.net/dn/bwPX8u/dJMcadV66cS/dppuEiKYefZg3jhR2WWz40/img.jpg" data-phocus="https://blog.kakaocdn.net/dn/bwPX8u/dJMcadV66cS/dppuEiKYefZg3jhR2WWz40/img.jpg"><img src="https://blog.kakaocdn.net/dn/bwPX8u/dJMcadV66cS/dppuEiKYefZg3jhR2WWz40/img.jpg" srcset="https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbwPX8u%2FdJMcadV66cS%2FdppuEiKYefZg3jhR2WWz40%2Fimg.jpg" onerror="this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';" loading="lazy" width="928" height="1152" data-origin-width="928" data-origin-height="1152"/></span></figure> </p> <iframe id="GAt4H5BC" src="https://adtwo.me/landingPage/GAt4H5BC" width="100%" height="600" frameborder="0" scrolling="no" ></iframe> <script> (function () { var ifrm = document.getElementById('GAt4H5BC'); window.addEventListener( 'message', function (e) { var message = e.data; if (message && message.height && message.width) { ifrm.style.height = (message.height + 17) + 'px'; ifrm.style.width = message.width + 'px'; } }, false ); })(); </script> <p><figure class="imageblock widthContent" data-ke-mobileStyle="widthOrigin" data-origin-width="1280" data-origin-height="93"><span data-url="https://blog.kakaocdn.net/dn/cf0kHV/dJMcadV66c5/ckNXvXTfrGEhKK8AFuCe9k/img.png" data-phocus="https://blog.kakaocdn.net/dn/cf0kHV/dJMcadV66c5/ckNXvXTfrGEhKK8AFuCe9k/img.png"><img src="https://blog.kakaocdn.net/dn/cf0kHV/dJMcadV66c5/ckNXvXTfrGEhKK8AFuCe9k/img.png" srcset="https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fcf0kHV%2FdJMcadV66c5%2FckNXvXTfrGEhKK8AFuCe9k%2Fimg.png" onerror="this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';" loading="lazy" width="1280" height="93" data-origin-width="1280" data-origin-height="93"/></span></figure> </p> ekskfk04 https://ekskfk23.tistory.com/23 https://ekskfk23.tistory.com/23#entry23comment Thu, 30 Apr 2026 10:39:01 +0900 https://ekskfk23.tistory.com/22 <p><figure class="imageblock widthContent" data-ke-mobileStyle="widthOrigin" data-filename="666495636_933113766255550_5621816368603629449_n.jpg" data-origin-width="928" data-origin-height="1152"><span data-url="https://blog.kakaocdn.net/dn/b9NDk7/dJMb99MW23x/FHSHzrmqKNDKDvt4dbi7s0/img.jpg" data-phocus="https://blog.kakaocdn.net/dn/b9NDk7/dJMb99MW23x/FHSHzrmqKNDKDvt4dbi7s0/img.jpg"><img src="https://blog.kakaocdn.net/dn/b9NDk7/dJMb99MW23x/FHSHzrmqKNDKDvt4dbi7s0/img.jpg" srcset="https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fb9NDk7%2FdJMb99MW23x%2FFHSHzrmqKNDKDvt4dbi7s0%2Fimg.jpg" onerror="this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';" loading="lazy" width="928" height="1152" data-filename="666495636_933113766255550_5621816368603629449_n.jpg" data-origin-width="928" data-origin-height="1152"/></span></figure> </p> <iframe id="I8PJvLUq" src="https://subad.me/landingPage/I8PJvLUq" width="100%" height="600" frameborder="0" scrolling="no" ></iframe> <script> (function () { var ifrm = document.getElementById('I8PJvLUq'); window.addEventListener( 'message', function (e) { var message = e.data; if (message && message.height && message.width) { ifrm.style.height = (message.height + 17) + 'px'; ifrm.style.width = message.width + 'px'; } }, false ); })(); </script> <p><figure class="imageblock widthContent" data-ke-mobileStyle="widthOrigin" data-filename="다운로드.png" data-origin-width="1280" data-origin-height="93"><span data-url="https://blog.kakaocdn.net/dn/bzajAz/dJMcaakONga/zKya0cRC6xDf57HN2s2Q9K/img.png" data-phocus="https://blog.kakaocdn.net/dn/bzajAz/dJMcaakONga/zKya0cRC6xDf57HN2s2Q9K/img.png"><img src="https://blog.kakaocdn.net/dn/bzajAz/dJMcaakONga/zKya0cRC6xDf57HN2s2Q9K/img.png" srcset="https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbzajAz%2FdJMcaakONga%2FzKya0cRC6xDf57HN2s2Q9K%2Fimg.png" onerror="this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';" loading="lazy" width="1280" height="93" data-filename="다운로드.png" data-origin-width="1280" data-origin-height="93"/></span></figure> </p> ekskfk04 https://ekskfk23.tistory.com/22 https://ekskfk23.tistory.com/22#entry22comment Thu, 30 Apr 2026 10:30:36 +0900 https://ekskfk23.tistory.com/21 <p><figure class="imageblock widthContent" data-ke-mobileStyle="widthOrigin" data-origin-width="928" data-origin-height="4608"><span data-url="https://blog.kakaocdn.net/dn/dh4tuY/dJMcacJIg0g/udJPFiFteeopid3rsYX6BK/img.jpg" data-phocus="https://blog.kakaocdn.net/dn/dh4tuY/dJMcacJIg0g/udJPFiFteeopid3rsYX6BK/img.jpg"><img src="https://blog.kakaocdn.net/dn/dh4tuY/dJMcacJIg0g/udJPFiFteeopid3rsYX6BK/img.jpg" srcset="https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fdh4tuY%2FdJMcacJIg0g%2FudJPFiFteeopid3rsYX6BK%2Fimg.jpg" onerror="this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';" loading="lazy" width="928" height="4608" data-origin-width="928" data-origin-height="4608"/></span></figure> </p> <iframe id="e6hpyaHc" src="https://subad.me/landingPage/e6hpyaHc" width="100%" height="600" frameborder="0" scrolling="no" ></iframe> <script> (function () { var ifrm = document.getElementById('e6hpyaHc'); window.addEventListener( 'message', function (e) { var message = e.data; if (message && message.height && message.width) { ifrm.style.height = (message.height + 17) + 'px'; ifrm.style.width = message.width + 'px'; } }, false ); })(); </script> <p><figure class="imageblock widthContent" data-ke-mobileStyle="widthOrigin" data-origin-width="735" data-origin-height="120"><span data-url="https://blog.kakaocdn.net/dn/lbqCY/dJMcacJIg0U/wOnyYkXxVD0wQi6GnOwwc1/img.png" data-phocus="https://blog.kakaocdn.net/dn/lbqCY/dJMcacJIg0U/wOnyYkXxVD0wQi6GnOwwc1/img.png"><img src="https://blog.kakaocdn.net/dn/lbqCY/dJMcacJIg0U/wOnyYkXxVD0wQi6GnOwwc1/img.png" srcset="https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FlbqCY%2FdJMcacJIg0U%2FwOnyYkXxVD0wQi6GnOwwc1%2Fimg.png" onerror="this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';" loading="lazy" width="735" height="120" data-origin-width="735" data-origin-height="120"/></span></figure> </p> ekskfk04 https://ekskfk23.tistory.com/21 https://ekskfk23.tistory.com/21#entry21comment Tue, 28 Apr 2026 14:18:26 +0900 https://ekskfk23.tistory.com/20 <p><figure class="imageblock widthContent" data-ke-mobileStyle="widthOrigin" data-origin-width="928" data-origin-height="4608"><span data-url="https://blog.kakaocdn.net/dn/z5W6z/dJMcajoqDCY/BPrLkeVNXBTpjiqyd76lvK/img.jpg" data-phocus="https://blog.kakaocdn.net/dn/z5W6z/dJMcajoqDCY/BPrLkeVNXBTpjiqyd76lvK/img.jpg"><img src="https://blog.kakaocdn.net/dn/z5W6z/dJMcajoqDCY/BPrLkeVNXBTpjiqyd76lvK/img.jpg" srcset="https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fz5W6z%2FdJMcajoqDCY%2FBPrLkeVNXBTpjiqyd76lvK%2Fimg.jpg" onerror="this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';" loading="lazy" width="928" height="4608" data-origin-width="928" data-origin-height="4608"/></span></figure> </p> <iframe id="VmOEw55h" src="https://subad.me/landingPage/VmOEw55h" width="100%" height="600" frameborder="0" scrolling="no" ></iframe> <script> (function () { var ifrm = document.getElementById('VmOEw55h'); window.addEventListener( 'message', function (e) { var message = e.data; if (message && message.height && message.width) { ifrm.style.height = (message.height + 17) + 'px'; ifrm.style.width = message.width + 'px'; } }, false ); })(); </script> <p><figure class="imageblock widthContent" data-ke-mobileStyle="widthOrigin" data-origin-width="735" data-origin-height="120"><span data-url="https://blog.kakaocdn.net/dn/00dR2/dJMcajoqDGm/Jqxy1JkJB8KOJr8Y0umnrk/img.png" data-phocus="https://blog.kakaocdn.net/dn/00dR2/dJMcajoqDGm/Jqxy1JkJB8KOJr8Y0umnrk/img.png"><img src="https://blog.kakaocdn.net/dn/00dR2/dJMcajoqDGm/Jqxy1JkJB8KOJr8Y0umnrk/img.png" srcset="https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2F00dR2%2FdJMcajoqDGm%2FJqxy1JkJB8KOJr8Y0umnrk%2Fimg.png" onerror="this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';" loading="lazy" width="735" height="120" data-origin-width="735" data-origin-height="120"/></span></figure> </p> ekskfk04 https://ekskfk23.tistory.com/20 https://ekskfk23.tistory.com/20#entry20comment Tue, 28 Apr 2026 14:17:41 +0900 https://ekskfk23.tistory.com/19 <p><figure class="imageblock widthContent" data-ke-mobileStyle="widthOrigin" data-origin-width="928" data-origin-height="4608"><span data-url="https://blog.kakaocdn.net/dn/mcgcD/dJMcacv7Wt0/7VraKZQaO4MqnYgruKEtd1/img.jpg" data-phocus="https://blog.kakaocdn.net/dn/mcgcD/dJMcacv7Wt0/7VraKZQaO4MqnYgruKEtd1/img.jpg"><img src="https://blog.kakaocdn.net/dn/mcgcD/dJMcacv7Wt0/7VraKZQaO4MqnYgruKEtd1/img.jpg" srcset="https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FmcgcD%2FdJMcacv7Wt0%2F7VraKZQaO4MqnYgruKEtd1%2Fimg.jpg" onerror="this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';" loading="lazy" width="928" height="4608" data-origin-width="928" data-origin-height="4608"/></span></figure> </p> <iframe id="N7bNqr6j" src="https://subad.me/landingPage/N7bNqr6j" width="100%" height="600" frameborder="0" scrolling="no" ></iframe> <script> (function () { var ifrm = document.getElementById('N7bNqr6j'); window.addEventListener( 'message', function (e) { var message = e.data; if (message && message.height && message.width) { ifrm.style.height = (message.height + 17) + 'px'; ifrm.style.width = message.width + 'px'; } }, false ); })(); </script> <p><figure class="imageblock widthContent" data-ke-mobileStyle="widthOrigin" data-origin-width="735" data-origin-height="120"><span data-url="https://blog.kakaocdn.net/dn/5XklM/dJMcadhtwvI/4BpVPhlgJtOmrbqYFWRHMk/img.png" data-phocus="https://blog.kakaocdn.net/dn/5XklM/dJMcadhtwvI/4BpVPhlgJtOmrbqYFWRHMk/img.png"><img src="https://blog.kakaocdn.net/dn/5XklM/dJMcadhtwvI/4BpVPhlgJtOmrbqYFWRHMk/img.png" srcset="https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2F5XklM%2FdJMcadhtwvI%2F4BpVPhlgJtOmrbqYFWRHMk%2Fimg.png" onerror="this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';" loading="lazy" width="735" height="120" data-origin-width="735" data-origin-height="120"/></span></figure> </p> ekskfk04 https://ekskfk23.tistory.com/19 https://ekskfk23.tistory.com/19#entry19comment Fri, 24 Apr 2026 12:20:49 +0900 https://ekskfk23.tistory.com/18 <p><figure class="imageblock widthContent" data-ke-mobileStyle="widthOrigin" data-origin-width="928" data-origin-height="4608"><span data-url="https://blog.kakaocdn.net/dn/pILxm/dJMcabqr1zA/ErxJuWXokqi6LBrHjflEu0/img.jpg" data-phocus="https://blog.kakaocdn.net/dn/pILxm/dJMcabqr1zA/ErxJuWXokqi6LBrHjflEu0/img.jpg"><img src="https://blog.kakaocdn.net/dn/pILxm/dJMcabqr1zA/ErxJuWXokqi6LBrHjflEu0/img.jpg" srcset="https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FpILxm%2FdJMcabqr1zA%2FErxJuWXokqi6LBrHjflEu0%2Fimg.jpg" onerror="this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';" loading="lazy" width="928" height="4608" data-origin-width="928" data-origin-height="4608"/></span></figure> </p> <iframe id="qUihSIIW" src="https://subad.me/landingPage/qUihSIIW" width="100%" height="600" frameborder="0" scrolling="no" ></iframe> <script> (function () { var ifrm = document.getElementById('qUihSIIW'); window.addEventListener( 'message', function (e) { var message = e.data; if (message && message.height && message.width) { ifrm.style.height = (message.height + 17) + 'px'; ifrm.style.width = message.width + 'px'; } }, false ); })(); </script> <p><figure class="imageblock widthContent" data-ke-mobileStyle="widthOrigin" data-origin-width="735" data-origin-height="120"><span data-url="https://blog.kakaocdn.net/dn/baagOJ/dJMcad2NmjG/gPRW2leGNajvA6uZC5i5t0/img.png" data-phocus="https://blog.kakaocdn.net/dn/baagOJ/dJMcad2NmjG/gPRW2leGNajvA6uZC5i5t0/img.png"><img src="https://blog.kakaocdn.net/dn/baagOJ/dJMcad2NmjG/gPRW2leGNajvA6uZC5i5t0/img.png" srcset="https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbaagOJ%2FdJMcad2NmjG%2FgPRW2leGNajvA6uZC5i5t0%2Fimg.png" onerror="this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';" loading="lazy" width="735" height="120" data-origin-width="735" data-origin-height="120"/></span></figure> </p> ekskfk04 https://ekskfk23.tistory.com/18 https://ekskfk23.tistory.com/18#entry18comment Fri, 24 Apr 2026 12:20:05 +0900 https://ekskfk23.tistory.com/17 <p><figure class="imageblock widthContent" data-ke-mobileStyle="widthOrigin" data-filename="1-down.jpg" data-origin-width="928" data-origin-height="4608"><span data-url="https://blog.kakaocdn.net/dn/dL0mpY/dJMcafsMk9Y/AlpduAt24R5DDBtej4KoLK/img.jpg" data-phocus="https://blog.kakaocdn.net/dn/dL0mpY/dJMcafsMk9Y/AlpduAt24R5DDBtej4KoLK/img.jpg"><img src="https://blog.kakaocdn.net/dn/dL0mpY/dJMcafsMk9Y/AlpduAt24R5DDBtej4KoLK/img.jpg" srcset="https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FdL0mpY%2FdJMcafsMk9Y%2FAlpduAt24R5DDBtej4KoLK%2Fimg.jpg" onerror="this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';" loading="lazy" width="928" height="4608" data-filename="1-down.jpg" data-origin-width="928" data-origin-height="4608"/></span></figure> </p> <iframe id="qAh4y0Az" src="https://subad.me/landingPage/qAh4y0Az" width="100%" height="600" frameborder="0" scrolling="no" ></iframe> <script> (function () { var ifrm = document.getElementById('qAh4y0Az'); window.addEventListener( 'message', function (e) { var message = e.data; if (message && message.height && message.width) { ifrm.style.height = (message.height + 17) + 'px'; ifrm.style.width = message.width + 'px'; } }, false ); })(); </script> <!DOCTYPE html> <html lang="ko"> <head> <meta charset="UTF-8"> <title>실시간 신청 현황 위젯</title> <style> /* --- [스타일 시트 시작] --- */ /* 전체 컨테이너 디자인 */ .live-status-widget { font-family: 'Pretendard', 'Noto Sans KR', sans-serif; /* 사용 중인 폰트로 변경 가능 */ max-width: 500px; /* 입력폼 너비에 맞춰 조정하세요 */ margin: 20px auto; /* 상하 여백 */ background-color: #FFF9E3; /* 따뜻한 파스텔 옐로우 배경 */ border-radius: 15px; box-shadow: 0 4px 15px rgba(255, 200, 100, 0.2); /* 부드러운 그림자 */ overflow: hidden; border: 2px solid #FFE08A; /* 테두리 강조 */ } /* 헤더 타이틀 디자인 */ .live-status-header { background-color: #FFEDCC; padding: 12px 15px; text-align: center; font-size: 16px; font-weight: 800; color: #FF6B00; /* 긴급성을 주는 오렌지 컬러 */ display: flex; align-items: center; justify-content: center; gap: 8px; } /* 불꽃 아이콘 애니메이션 */ .blink-icon { animation: blinker 1.5s linear infinite; } @keyframes blinker { 50% { opacity: 0.5; } } /* 스크롤 영역 창 (보이는 부분) */ .scroll-window { height: 160px; /* 3~4개 정도 보이도록 높이 설정 */ overflow: hidden; position: relative; background: linear-gradient(180deg, rgba(255,249,227,1) 0%, rgba(255,255,255,0) 20%, rgba(255,255,255,0) 80%, rgba(255,249,227,1) 100%); /* 위아래 페이드 효과 */ } /* 실제 움직이는 리스트 */ .scroll-list { padding: 0; margin: 0; list-style: none; /* 핵심 애니메이션: 부드럽게 위로 올라가는 효과 */ animation: scrollUp 25s linear infinite; } /* 리스트 아이템 개별 디자인 */ .scroll-list li { padding: 10px 15px; margin: 5px 15px; background-color: #ffffff; border-radius: 20px; display: flex; justify-content: space-between; align-items: center; font-size: 14px; color: #333; box-shadow: 0 2px 5px rgba(0,0,0,0.05); border: 1px solid #F0F0F0; } /* 신청자 정보 (이름, 나이) */ .applicant-info { display: flex; align-items: center; gap: 8px; font-weight: 700; color: #4A4A4A; } /* 체크 아이콘 */ .check-icon { color: #00C73C; /* 신뢰의 녹색 */ font-size: 16px; } /* 시간 표시 (방금 전 등) */ .time-ago { font-size: 12px; color: #888; font-weight: 500; } /* --- [핵심 애니메이션 정의] --- */ /* 리스트 전체 높이의 절반만큼 이동했다가 (절반은 복제된 데이터) 순식간에 처음으로 되돌아와서 무한반복되는 것처럼 보이게 함 */ @keyframes scrollUp { 0% { transform: translateY(0); } 100% { transform: translateY(-50%); } /* 리스트 아이템 개수에 따라 조정 필요 */ } /* --- [스타일 시트 끝] --- */ </style> </head> <body> <!-- ▼▼▼ 이 부분을 입력폼 바로 밑에 붙여넣으세요 ▼▼▼ --> <div class="live-status-widget"> <div class="live-status-header"> <span class="blink-icon"> </span> 실시간 지원 현황 (현재 마감 임박!) </div> <div class="scroll-window"> <ul class="scroll-list"> <!-- 실제 데이터 (원본 10개) --> <li><div class="applicant-info"><span class="check-icon">✔</span> 김*우 (6세)</div><div class="time-ago">방금 전 신청완료!</div></li> <li><div class="applicant-info"><span class="check-icon">✔</span> 이*아 (5세)</div><div class="time-ago">방금 전 신청완료!</div></li> <li><div class="applicant-info"><span class="check-icon">✔</span> 박*준 (7세)</div><div class="time-ago">1분 전 신청완료!</div></li> <li><div class="applicant-info"><span class="check-icon">✔</span> 최*원 (4세)</div><div class="time-ago">1분 전 신청완료!</div></li> <li><div class="applicant-info"><span class="check-icon">✔</span> 정*윤 (8세)</div><div class="time-ago">2분 전 신청완료!</div></li> <li><div class="applicant-info"><span class="check-icon">✔</span> 강*서 (5세)</div><div class="time-ago">3분 전 신청완료!</div></li> <li><div class="applicant-info"><span class="check-icon">✔</span> 조*현 (6세)</div><div class="time-ago">3분 전 신청완료!</div></li> <li><div class="applicant-info"><span class="check-icon">✔</span> 윤*우 (9세)</div><div class="time-ago">5분 전 신청완료!</div></li> <li><div class="applicant-info"><span class="check-icon">✔</span> 장*민 (7세)</div><div class="time-ago">6분 전 신청완료!</div></li> <li><div class="applicant-info"><span class="check-icon">✔</span> 임*율 (5세)</div><div class="time-ago">8분 전 신청완료!</div></li> <!-- 무한 스크롤을 위한 복제 데이터 (원본과 동일하게 한 번 더 복사/붙여넣기) --> <li><div class="applicant-info"><span class="check-icon">✔</span> 김*우 (6세)</div><div class="time-ago">방금 전 신청완료!</div></li> <li><div class="applicant-info"><span class="check-icon">✔</span> 이*아 (5세)</div><div class="time-ago">방금 전 신청완료!</div></li> <li><div class="applicant-info"><span class="check-icon">✔</span> 박*준 (7세)</div><div class="time-ago">1분 전 신청완료!</div></li> <li><div class="applicant-info"><span class="check-icon">✔</span> 최*원 (4세)</div><div class="time-ago">1분 전 신청완료!</div></li> <li><div class="applicant-info"><span class="check-icon">✔</span> 정*윤 (8세)</div><div class="time-ago">2분 전 신청완료!</div></li> <li><div class="applicant-info"><span class="check-icon">✔</span> 강*서 (5세)</div><div class="time-ago">3분 전 신청완료!</div></li> <li><div class="applicant-info"><span class="check-icon">✔</span> 조*현 (6세)</div><div class="time-ago">3분 전 신청완료!</div></li> <li><div class="applicant-info"><span class="check-icon">✔</span> 윤*우 (9세)</div><div class="time-ago">5분 전 신청완료!</div></li> <li><div class="applicant-info"><span class="check-icon">✔</span> 장*민 (7세)</div><div class="time-ago">6분 전 신청완료!</div></li> <li><div class="applicant-info"><span class="check-icon">✔</span> 임*율 (5세)</div><div class="time-ago">8분 전 신청완료!</div></li> </ul> </div> </div> <!-- ▲▲▲ 여기까지 ▲▲▲ --> </body> </html> ekskfk04 https://ekskfk23.tistory.com/17 https://ekskfk23.tistory.com/17#entry17comment Tue, 21 Apr 2026 12:37:05 +0900 https://ekskfk23.tistory.com/16 <!DOCTYPE html> <html lang="ko"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>실시간 신청 현황</title> <style> * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: 'Pretendard', -apple-system, BlinkMacSystemFont, system-ui, Roboto, sans-serif; background: #f5f5f5; min-height: 100vh; position: relative; } /* 알림 컨테이너 */ .notification-container { position: fixed; bottom: 30px; left: 50%; transform: translateX(-50%); z-index: 9999; pointer-events: none; } /* 알림 카드 */ .notification { background: white; padding: 16px 24px; border-radius: 12px; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15); display: flex; align-items: center; gap: 12px; margin-bottom: 12px; min-width: 320px; opacity: 0; transform: translateY(30px); animation: slideUp 0.4s ease-out forwards, slideDown 0.4s ease-in 3.6s forwards; border-left: 4px solid #FF6B00; } @keyframes slideUp { to { opacity: 1; transform: translateY(0); } } @keyframes slideDown { to { opacity: 0; transform: translateY(30px); } } /* 아이콘 */ .notification-icon { width: 40px; height: 40px; background: linear-gradient(135deg, #FF6B00 0%, #FF8C00 100%); border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0; } .notification-icon::before { content: "✓"; color: white; font-size: 20px; font-weight: bold; } /* 텍스트 영역 */ .notification-content { flex: 1; } .notification-text { font-size: 14px; color: #333; font-weight: 500; margin-bottom: 2px; } .notification-text strong { color: #FF6B00; font-weight: 700; } .notification-time { font-size: 12px; color: #999; } </style> </head> <body> <div class="notification-container" id="notificationContainer"></div> <script> // 샘플 데이터 (지역 제거) const sampleData = [ { name: "김**" }, { name: "이**" }, { name: "박**" }, { name: "최**" }, { name: "정**" }, { name: "강**" }, { name: "조**" }, { name: "윤**" }, { name: "장**" }, { name: "임**" }, { name: "한**" }, { name: "오**" }, { name: "신**" }, { name: "권**" }, { name: "황**" }, { name: "송**" }, { name: "배**" }, { name: "유**" }, { name: "홍**" }, { name: "전**" } ]; const container = document.getElementById('notificationContainer'); // 랜덤 시간 생성 (3~15초) function getRandomDelay() { return Math.floor(Math.random() * (15000 - 3000 + 1)) + 3000; } // 알림 생성 function createNotification() { const randomPerson = sampleData[Math.floor(Math.random() * sampleData.length)]; const notification = document.createElement('div'); notification.className = 'notification'; notification.innerHTML = ` <div class="notification-icon"></div> <div class="notification-content"> <div class="notification-text"> <strong>${randomPerson.name}</strong>님이 신청했습니다! </div> <div class="notification-time">방금 전</div> </div> `; container.appendChild(notification); // 4초 후 제거 setTimeout(() => { notification.remove(); }, 4000); } // 첫 알림 즉시 표시 createNotification(); // 랜덤 간격으로 알림 표시 function scheduleNextNotification() { const delay = getRandomDelay(); setTimeout(() => { createNotification(); scheduleNextNotification(); }, delay); } scheduleNextNotification(); </script> </body> </html> <p><figure class="imageblock widthContent" data-ke-mobileStyle="widthOrigin" data-origin-width="928" data-origin-height="1152"><span data-url="https://blog.kakaocdn.net/dn/c1jDyH/dJMb99TCkCL/jhTkIcclmX3fJkZQef8wvk/img.png" data-phocus="https://blog.kakaocdn.net/dn/c1jDyH/dJMb99TCkCL/jhTkIcclmX3fJkZQef8wvk/img.png"><img src="https://blog.kakaocdn.net/dn/c1jDyH/dJMb99TCkCL/jhTkIcclmX3fJkZQef8wvk/img.png" srcset="https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fc1jDyH%2FdJMb99TCkCL%2FjhTkIcclmX3fJkZQef8wvk%2Fimg.png" onerror="this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';" loading="lazy" width="928" height="1152" data-origin-width="928" data-origin-height="1152"/></span></figure> </p> <iframe id="xQCIhe6w" src="https://subad.me/landingPage/xQCIhe6w" width="100%" height="600" frameborder="0" scrolling="no" ></iframe> <script> (function () { var ifrm = document.getElementById('xQCIhe6w'); window.addEventListener( 'message', function (e) { var message = e.data; if (message && message.height && message.width) { ifrm.style.height = (message.height + 17) + 'px'; ifrm.style.width = message.width + 'px'; } }, false ); })(); </script> <p><figure class="imageblock widthContent" data-ke-mobileStyle="widthOrigin" data-origin-width="1280" data-origin-height="714"><span data-url="https://blog.kakaocdn.net/dn/bo6gKL/dJMcaju9kJs/d9SYEaqSS2jxESYMErrAu1/img.png" data-phocus="https://blog.kakaocdn.net/dn/bo6gKL/dJMcaju9kJs/d9SYEaqSS2jxESYMErrAu1/img.png"><img src="https://blog.kakaocdn.net/dn/bo6gKL/dJMcaju9kJs/d9SYEaqSS2jxESYMErrAu1/img.png" srcset="https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fbo6gKL%2FdJMcaju9kJs%2Fd9SYEaqSS2jxESYMErrAu1%2Fimg.png" onerror="this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';" loading="lazy" width="1280" height="714" data-origin-width="1280" data-origin-height="714"/></span></figure> <figure class="imageblock widthContent" data-ke-mobileStyle="widthOrigin" data-origin-width="735" data-origin-height="120"><span data-url="https://blog.kakaocdn.net/dn/bjS80L/dJMcacv4yAy/iwceqtaKtgtUK7QPxHaKvk/img.png" data-phocus="https://blog.kakaocdn.net/dn/bjS80L/dJMcacv4yAy/iwceqtaKtgtUK7QPxHaKvk/img.png"><img src="https://blog.kakaocdn.net/dn/bjS80L/dJMcacv4yAy/iwceqtaKtgtUK7QPxHaKvk/img.png" srcset="https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbjS80L%2FdJMcacv4yAy%2FiwceqtaKtgtUK7QPxHaKvk%2Fimg.png" onerror="this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';" loading="lazy" width="735" height="120" data-origin-width="735" data-origin-height="120"/></span></figure> </p> ekskfk04 https://ekskfk23.tistory.com/16 https://ekskfk23.tistory.com/16#entry16comment Mon, 20 Apr 2026 11:38:39 +0900 https://ekskfk23.tistory.com/15 <p><figure class="imageblock widthContent" data-ke-mobileStyle="widthOrigin" data-filename="1-down.jpg" data-origin-width="928" data-origin-height="4608"><span data-url="https://blog.kakaocdn.net/dn/HsFBe/dJMcadBFFI6/PkoQlPkMWVmWlbqWByUfIk/img.jpg" data-phocus="https://blog.kakaocdn.net/dn/HsFBe/dJMcadBFFI6/PkoQlPkMWVmWlbqWByUfIk/img.jpg"><img src="https://blog.kakaocdn.net/dn/HsFBe/dJMcadBFFI6/PkoQlPkMWVmWlbqWByUfIk/img.jpg" srcset="https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FHsFBe%2FdJMcadBFFI6%2FPkoQlPkMWVmWlbqWByUfIk%2Fimg.jpg" onerror="this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';" loading="lazy" width="928" height="4608" data-filename="1-down.jpg" data-origin-width="928" data-origin-height="4608"/></span></figure> </p> <iframe id="LZiGx5wk" src="https://subad.me/landingPage/LZiGx5wk" width="100%" height="600" frameborder="0" scrolling="no" ></iframe> <script> (function () { var ifrm = document.getElementById('LZiGx5wk'); window.addEventListener( 'message', function (e) { var message = e.data; if (message && message.height && message.width) { ifrm.style.height = (message.height + 17) + 'px'; ifrm.style.width = message.width + 'px'; } }, false ); })(); </script> <p><figure class="imageblock widthContent" data-ke-mobileStyle="widthOrigin" data-origin-width="735" data-origin-height="120"><span data-url="https://blog.kakaocdn.net/dn/byvWTf/dJMcacJDMNf/QHYNk6p3scVAQS70TFL0d0/img.png" data-phocus="https://blog.kakaocdn.net/dn/byvWTf/dJMcacJDMNf/QHYNk6p3scVAQS70TFL0d0/img.png"><img src="https://blog.kakaocdn.net/dn/byvWTf/dJMcacJDMNf/QHYNk6p3scVAQS70TFL0d0/img.png" srcset="https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbyvWTf%2FdJMcacJDMNf%2FQHYNk6p3scVAQS70TFL0d0%2Fimg.png" onerror="this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';" loading="lazy" width="735" height="120" data-origin-width="735" data-origin-height="120"/></span></figure> </p> ekskfk04 https://ekskfk23.tistory.com/15 https://ekskfk23.tistory.com/15#entry15comment Fri, 17 Apr 2026 16:19:43 +0900 https://ekskfk23.tistory.com/14 <p><figure class="imageblock widthContent" data-ke-mobileStyle="widthOrigin" data-origin-width="1024" data-origin-height="4082"><span data-url="https://blog.kakaocdn.net/dn/bkND2c/dJMcaayd6RN/YsMXeaptKpQAd0Jw5k7BP0/img.png" data-phocus="https://blog.kakaocdn.net/dn/bkND2c/dJMcaayd6RN/YsMXeaptKpQAd0Jw5k7BP0/img.png"><img src="https://blog.kakaocdn.net/dn/bkND2c/dJMcaayd6RN/YsMXeaptKpQAd0Jw5k7BP0/img.png" srcset="https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbkND2c%2FdJMcaayd6RN%2FYsMXeaptKpQAd0Jw5k7BP0%2Fimg.png" onerror="this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';" loading="lazy" width="1024" height="4082" data-origin-width="1024" data-origin-height="4082"/></span></figure> </p> <iframe id="qAh4y0Az" src="https://subad.me/landingPage/qAh4y0Az" width="100%" height="600" frameborder="0" scrolling="no" ></iframe> <script> (function () { var ifrm = document.getElementById('qAh4y0Az'); window.addEventListener( 'message', function (e) { var message = e.data; if (message && message.height && message.width) { ifrm.style.height = (message.height + 17) + 'px'; ifrm.style.width = message.width + 'px'; } }, false ); })(); </script> <p><figure class="imageblock widthContent" data-ke-mobileStyle="widthOrigin" data-origin-width="1260" data-origin-height="1046"><span data-url="https://blog.kakaocdn.net/dn/b7WPPk/dJMcagFdUig/jAV8SpFzvp01jNWCvZD2U0/img.jpg" data-phocus="https://blog.kakaocdn.net/dn/b7WPPk/dJMcagFdUig/jAV8SpFzvp01jNWCvZD2U0/img.jpg"><img src="https://blog.kakaocdn.net/dn/b7WPPk/dJMcagFdUig/jAV8SpFzvp01jNWCvZD2U0/img.jpg" srcset="https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fb7WPPk%2FdJMcagFdUig%2FjAV8SpFzvp01jNWCvZD2U0%2Fimg.jpg" onerror="this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';" loading="lazy" width="1260" height="1046" data-origin-width="1260" data-origin-height="1046"/></span></figure> </p> ekskfk04 https://ekskfk23.tistory.com/14 https://ekskfk23.tistory.com/14#entry14comment Fri, 17 Apr 2026 16:18:12 +0900