源?ㅺ낵 ?④퍡?섎뒗 ?뚮씪?ㅼ씠??留ㅼ씪 ?묒썝諛?/title>  <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-?ш린???좊뱶?쇱뒪_PUB_踰덊샇_?낅젰" crossorigin="anonymous"></script> <script src="https://cdn.tailwindcss.com"></script> <style> body { font-family: 'Malgun Gothic', 'Apple SD Gothic Neo', sans-serif; word-break: keep-all; } /* 媛濡??ㅽ겕濡ㅻ컮 ?④린湲?(?щ＼, ?ы뙆由? ?ㅽ럹?? */ .no-scrollbar::-webkit-scrollbar { display: none; } /* 媛濡??ㅽ겕濡ㅻ컮 ?④린湲?(IE, Edge, Firefox) */ .no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; } </style> </head> <body class="bg-[#FFFFF0] text-gray-900 leading-[1.8]">  <main class="max-w-md mx-auto min-h-screen bg-white shadow-2xl relative pb-10">  <header class="pt-10 pb-6 px-5 text-center">  <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-KF4LZQTB');</script>  <script type="text/javascript"> (function(c,l,a,r,i,t,y){ c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)}; t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i; y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y); })(window, document, "clarity", "script", "vm4cezh8lk"); </script> <h1 class="text-3xl font-extrabold mb-3 text-transparent bg-clip-text bg-gradient-to-r from-[#FFD700] to-[#00563F] leading-tight drop-shadow-sm"> 源?ㅺ낵 ?④퍡?섎뒗<br>?뚮씪?ㅼ씠??留ㅼ씪 ?묒썝諛? </h1> <p class="text-xl font-bold text-gray-700">?곕━ 媛?섎떂???꾪빐 ?ㅻ뒛???섏감寃??뚮윭二쇱꽭??</p> </header>  <div class="px-5 mb-8"> <div class="w-full h-24 bg-gray-200 flex flex-col items-center justify-center text-gray-500 font-bold p-2 text-center"> <span>援ш? 諛곕꼫 愿묎퀬 1 (?좊뱶?쇱뒪 ?뱀씤 ??愿묎퀬 肄붾뱶 ?쎌엯)</span> <span class="text-sm text-red-500 mt-1">???좊뱶?쇱뒪 ?뱀씤???꾨즺?섎㈃ ?ш린??愿묎퀬 肄붾뱶瑜?遺숈뿬?ｌ쑝?몄슂.</span> </div>   </div>  <section class="mb-10 text-center"> <h2 class="text-2xl font-extrabold text-gray-800 mb-5">?룇 ?섎（ ??踰? ?ㅻ뒛???꾩닔 ?ы몴</h2> <div class="flex flex-col items-center gap-4 w-full">  <a href="https://trotstar.net/" target="_blank" class="w-11/12 bg-[#00563F] text-white text-2xl font-extrabold py-5 rounded-2xl shadow-lg active:scale-95 transition-transform block"> ?몃’?ㅽ? ?ы몴 諛붾줈媛湲? </a>  <a href="https://fannstar.tf.co.kr/stars/community/823" target="_blank" class="w-11/12 bg-[#00563F] text-white text-2xl font-extrabold py-5 rounded-2xl shadow-lg active:scale-95 transition-transform block"> ?ъ븻?ㅽ? ?ы몴 諛붾줈媛湲? </a>  <a href="https://www.cbci.co.kr/survey" target="_blank" class="w-11/12 bg-[#00563F] text-white text-2xl font-extrabold py-5 rounded-2xl shadow-lg active:scale-95 transition-transform block"> ?ㅽ떚利뚯뼱?뚯쫰 ?ы몴 諛붾줈媛湲? </a> </div> </section>  <section class="mb-10 text-center"> <h2 class="text-2xl font-extrabold text-gray-800 mb-5">?뙚 ?⑹쁺??怨듭떇 ?ъ뭅??/h2> <div class="flex flex-col items-center gap-4 w-full">  <a href="https://cafe.naver.com/hero7" target="_blank" class="w-11/12 bg-[#03C75A] text-white text-2xl font-extrabold py-5 rounded-2xl shadow-lg active:scale-95 transition-transform block"> ?뚮씪?ㅼ씠???ъ뭅??諛붾줈媛湲? </a> </div> </section>  <section class="mb-10 text-center"> <h2 class="text-2xl font-extrabold text-gray-800 mb-5">?벟 怨듭떇 ?좏뒠釉?梨꾨꼸</h2> <div class="flex flex-col items-center gap-4 w-full">  <a href="https://www.youtube.com/@goldenvoice94" target="_blank" class="w-11/12 bg-[#FF0000] text-white text-2xl font-extrabold py-5 rounded-2xl shadow-lg active:scale-95 transition-transform block"> ?⑹쁺??怨듭떇 ?좏뒠釉? </a>  <a href="https://www.youtube.com/@%EA%B9%80%EC%8C%A4%EC%9D%98%EC%98%81%EC%9B%85%EB%9D%BC%EB%94%94%EC%98%A4" target="_blank" class="w-11/12 bg-[#FF0000] text-white text-2xl font-extrabold py-5 rounded-2xl shadow-lg active:scale-95 transition-transform block"> 源?ㅼ쓽 ?곸썒 ?쇰뵒?? </a> </div> </section>  <section class="mb-12 text-center"> <h2 class="text-2xl font-extrabold text-gray-800 mb-5">?렦 ?몃옒 ?ｊ린媛理쒓퀬???묒썝?낅땲??/h2> <div class="flex flex-col items-center gap-4 w-full">  <a href="https://www.melon.com/search/total/index.htm?q=%ED%99%A9%EC%98%81%EC%9B%85" target="_blank" class="w-11/12 bg-[#00A862] text-white text-2xl font-extrabold py-5 rounded-2xl shadow-lg active:scale-95 transition-transform block"> 硫쒕줎 ?몃옒 諛붾줈 ?湲? </a>  <a href="https://www.genie.co.kr/search/searchMain?query=%ED%99%A9%EC%98%81%EC%9B%85" target="_blank" class="w-11/12 bg-[#009DFF] text-white text-2xl font-extrabold py-5 rounded-2xl shadow-lg active:scale-95 transition-transform block"> 吏???몃옒 諛붾줈 ?湲? </a> </div> </section>  <section class="mb-12 px-5"> <h2 class="text-xl font-extrabold text-gray-800 mb-5">?벟 ?몃’?ㅽ? ?ы몴媛泥섏쓬?댁떊媛??<br>源?ㅼ씠 1珥?留뚯뿉 ?뚮젮?쒕┰?덈떎!</h2> <div class="relative w-full h-40 bg-gray-50 border-2 border-[#00563F] rounded-2xl shadow-md flex items-center justify-center overflow-hidden">  <div id="slide-content" class="text-center px-12 transition-opacity duration-300 w-full"> <span id="slide-text" class="text-2xl font-extrabold text-[#00563F]">1?④퀎: 濡쒓렇?명븯湲?/span> </div>  <button onclick="prevSlide()" class="absolute left-2 top-1/2 transform -translate-y-1/2 bg-[#00563F] text-white w-10 h-10 rounded-full flex items-center justify-center text-2xl shadow-md active:scale-95"><</button>  <button onclick="nextSlide()" class="absolute right-2 top-1/2 transform -translate-y-1/2 bg-[#00563F] text-white w-10 h-10 rounded-full flex items-center justify-center text-2xl shadow-md active:scale-95">></button> </div> <div class="text-center mt-3 text-gray-500 font-bold"> <span id="slide-indicator">1 / 3</span> </div> </section>  <section class="px-5 mb-12"> <a href="blog_list.html" class="block w-full bg-gradient-to-r from-[#D9381E] to-[#FF5E00] text-white px-4 py-8 rounded-2xl shadow-xl animate-pulse active:scale-95 transition-transform text-center relative overflow-hidden"> <span class="text-2xl md:text-3xl font-extrabold drop-shadow-md leading-tight">?뱴 源?ㅽ몴 ?쒕땲??嫄닿컯/?앺솢<br>轅?? 釉붾줈洹?35??珥앸え??</span> <p class="text-xl font-bold mt-4 text-[#FFD700] drop-shadow-md">?ш린瑜?袁??뚮윭???꾨? ?뺤씤?섏꽭???몙</p> </a> </section>  <section class="px-5 mb-12" id="coupang-banner-container">  </section>  <footer class="text-center px-5 border-t pt-8 pb-4 mt-8"> <div class="flex justify-center flex-wrap gap-4 text-sm font-bold text-gray-500 mb-4"> <a href="index.html" class="hover:text-gray-800">??/a> <span>|</span> <a href="mailto:beable9489@gmail.com" class="hover:text-gray-800">?댁쁺??臾몄쓽</a> <span>|</span> <a href="privacy.html" class="text-gray-800 font-extrabold">媛쒖씤?뺣낫泥섎━諛⑹묠</a> </div> <p class="text-xs font-bold text-gray-400 leading-relaxed mb-2"> 蹂??ъ씠?몃뒗 源?ㅼ쓽 ?곸썒 ?쇰뵒?ㅼ뿉???щ텇?ㅼ쓣 ?꾪빐 留뚮뱺 ?덈궡 ?섏씠吏?대ŉ, ?뚯냽??怨듭떇 ?ъ씠?멸? ?꾨떃?덈떎. </p> <p class="text-xs text-gray-400">짤 2024 源?ㅺ낵 ?④퍡?섎뒗 ?뚮씪?ㅼ씠?? All rights reserved.</p> <div class="mt-4 flex justify-center gap-4 text-xs font-bold text-gray-400"> <a href="privacy-policy.html" class="hover:underline">媛쒖씤?뺣낫泥섎━諛⑹묠</a> <span>|</span> <a href="terms-of-service.html" class="hover:underline">?댁슜?쎄?</a> </div> </footer> </main>  <script> const slides = [ "<span class='text-[#00563F] font-black'>1?④퀎: ?몃’?ㅽ? ??濡쒓렇??/span><br><span class='text-[18px] text-gray-600 mt-2 block'>?몃???'移댁뭅?ㅽ넚?쇰줈 ?쒖옉?섍린' 踰꾪듉???뚮윭 ?쎄쾶 ?묒냽?섏꽭??</span>", "<span class='text-[#00563F] font-black'>2?④퀎: 怨듭쭨 蹂??ы몴沅? 紐⑥쑝湲?/span><br><span class='text-[18px] text-gray-600 mt-2 block'>臾대즺 異⑹쟾?뚯뿉???댁뒪??愿묎퀬瑜?蹂닿퀬 ?대튌??蹂꾩쓣 湲곸뼱紐⑥쑝?몄슂.</span>", "<span class='text-[#D9381E] font-black'>3?④퀎: ?곕━ 媛???⑹쁺???ы몴!</span><br><span class='text-[18px] text-gray-600 mt-2 block'>??궧?먯꽌 ?⑹쁺???섏쓣 李얠븘 誘몄튇 ??씠 紐⑥? 蹂꾩쓣 紐쎈븙 ?잛븘遺볦뒿?덈떎!</span>" ]; let currentSlide = 0; function updateSlide() { document.getElementById("slide-text").innerHTML = slides[currentSlide]; document.getElementById("slide-indicator").innerText = `${currentSlide + 1} / ${slides.length}`; } function nextSlide() { currentSlide = (currentSlide + 1) % slides.length; updateSlide(); } function prevSlide() { currentSlide = (currentSlide - 1 + slides.length) % slides.length; updateSlide(); } // --- 荑좏뙜 ?뚰듃?덉뒪 ?쒕땲??留욎땄???쒕뜡 ?곹뭹 ?ㅽ겕由쏀듃 --- const coupangProducts = [ { link: "https://link.coupang.com/a/dPFpaJ", text: "?럞 ??移⑥묠????理쒓퀬!<br>猷⑦뀒???곸뼇???밴? 蹂닿린", bg: "bg-[#FFD700]", textColor: "text-[#00563F]" }, { link: "https://link.coupang.com/a/dRCBMs", text: "?뮞 愿??臾대쫷???꾪븳<br>?꾨━誘몄뾼 臾대쫷 蹂댄샇?", bg: "bg-[#4CAF50]", textColor: "text-white" }, { link: "https://link.coupang.com/a/dRCEN3", text: "?뵦 湲곕젰 ?뚮났????떆<br>6?꾧렐 ?띿궪 ?ㅽ떛 ?밴?", bg: "bg-[#D32F2F]", textColor: "text-white" }, { link: "https://link.coupang.com/a/dRCGgM", text: "?뭷?띯?截?六먭렐???닿묠? 紐⑹뿉<br>?쒖썝???덈쭏湲?留덉궗吏湲?, bg: "bg-[#2196F3]", textColor: "text-white" }, { link: "https://link.coupang.com/a/dRCHox", text: "???딆뼱吏??鍮꾧껐!<br>?덉튂 而ㅻ쾭 媛꾪렪 ?쇱깋??, bg: "bg-[#9C27B0]", textColor: "text-white" }, { link: "https://link.coupang.com/a/dRCItd", text: "?몷 諛쒖씠 ?몄븞??br>?쒕땲??湲곕뒫???뱀떊???좊컻", bg: "bg-[#FF9800]", textColor: "text-white" }, { link: "https://link.coupang.com/a/dRCJiV", text: "?┠ ?쇳듉??移섏븘? ?뉖じ!<br>?쒕땲???꾩슜 移섏빟 ?밴?", bg: "bg-[#00BCD4]", textColor: "text-white" }, { link: "https://link.coupang.com/a/dRCKcZ", text: "?뮘 轅??蹂댁옣!<br>?숇㈃???꾪븳 寃쎌텛 踰좉컻", bg: "bg-[#673AB7]", textColor: "text-white" }, { link: "https://link.coupang.com/a/dRCLjz", text: "?ⅲ ?낅쭧 ?놁쓣 ??<br>?곸뼇 留뚯젏 媛꾪렪 ?곸뼇??, bg: "bg-[#FF5722]", textColor: "text-white" }, { link: "https://link.coupang.com/a/dRCL59", text: "?┓ ?덉쟾???몄텧 ?꾩닔??<br>?쇳듉???묒씠??吏?≪씠", bg: "bg-[#795548]", textColor: "text-white" } ]; function renderRandomCoupang() { const randomProduct = coupangProducts[Math.floor(Math.random() * coupangProducts.length)]; const container = document.getElementById("coupang-banner-container"); if (container) { container.innerHTML = ` <a href="${randomProduct.link}" class="block w-full ${randomProduct.bg} ${randomProduct.textColor} px-4 py-8 rounded-2xl shadow-md animate-pulse active:scale-95 transition-transform text-center mb-3"> <span class="text-2xl font-extrabold">${randomProduct.text}</span> </a> <p class="text-center text-sm font-bold text-red-500 break-keep"> ??"???ъ뒪?낆? 荑좏뙜 ?뚰듃?덉뒪 ?쒕룞???쇳솚?쇰줈, ?댁뿉 ?곕Ⅸ ?쇱젙?≪쓽 ?섏닔猷뚮? ?쒓났諛쏆뒿?덈떎." </p> `; } } // ?섏씠吏濡쒕뱶 ??珥덇린 ?붾㈃ ?ㅼ젙 document.addEventListener("DOMContentLoaded", () => { updateSlide(); // ?좊뱶?쇱뒪 ?뱀씤???꾪빐 ?꾩떆濡?荑좏뙜 ?뚰듃?덉뒪 諛곕꼫 鍮꾪솢?깊솕 (?뱀씤 ???ㅼ떆 二쇱꽍 ?댁젣) // renderRandomCoupang(); }); </script> </body> </html>