<style>:root{--radius:15px;--border:5px;--color:#FAC7A0;}@font-face{font-family:'DeogonPrincessClassic';src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2205@1.0/DeogonPrincessClassic.woff2')
format('woff2');font-weight:normal;font-style:normal;}@font-face{font-family:'kdg_Medium';src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts-20-12@1.0/kdg_Medium.woff')
format('woff');font-weight:normal;font-style:normal;}*{box-sizing:border-box;}::-webkit-scrollbar{display:none;}#mybox{width:100%;height:550px;background:#000 url('https://cdn.pixabay.com/photo/2020/09/26/22/03/trees-5605176_1280.jpg');background-size:cover;background-position:center center;background-repeat:no-repeat;border:var(--border) solid var(--color);border-radius:var(--radius);animation:grow 60s linear infinite;}.mytext{width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,
-50%);color:#FFF;text-align:center;text-transform:uppercase;font-size:2rem;font-family:'kdg_Medium';text-shadow:1px
1px 2px rgba(0,0,0,0.6);}.pyro > .before, .pyro >
.after{position:absolute;width:4px;height:4px;border-radius:50%;box-shadow:0 0 #fff,
0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff,
0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff,
0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff,
0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff,
0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff,
0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff,
0 0 #fff, 0 0 #fff;-moz-animation:1s bang ease-out infinite backwards, 1s
gravity ease-in infinite backwards, 5s position linear infinite
backwards;-webkit-animation:1s bang ease-out infinite backwards, 1s gravity
ease-in infinite backwards, 5s position linear infinite
backwards;-o-animation:1s bang ease-out infinite backwards, 1s gravity ease-in
infinite backwards, 5s position linear infinite backwards;-ms-animation:1s bang
ease-out infinite backwards, 1s gravity ease-in infinite backwards, 5s position
linear infinite backwards;animation:1s bang ease-out infinite backwards, 1s
gravity ease-in infinite backwards, 5s position linear infinite backwards;}.pyro
> .after{-moz-animation-delay:1.25s, 1.25s, 1.25s;-webkit-animation-delay:1.25s,
1.25s, 1.25s;-o-animation-delay:1.25s, 1.25s, 1.25s;-ms-animation-delay:1.25s,
1.25s, 1.25s;animation-delay:1.25s, 1.25s, 1.25s;-moz-animation-duration:1.25s,
1.25s, 6.25s;-webkit-animation-duration:1.25s, 1.25s,
6.25s;-o-animation-duration:1.25s, 1.25s, 6.25s;-ms-animation-duration:1.25s,
1.25s, 6.25s;animation-duration:1.25s, 1.25s, 6.25s;}@-webkit-keyframes
bang{to{box-shadow:191px 77.3333333333px #0066ff, -86px -227.6666666667px
#ff0015, 216px -304.6666666667px #0077ff, 78px 73.3333333333px #001aff, -9px
-288.6666666667px #b7ff00, 27px -371.6666666667px #ff00aa, -111px
-8.6666666667px #00e1ff, -30px -212.6666666667px #000dff, 27px -396.6666666667px
#84ff00, 199px -254.6666666667px #00ff99, 175px -171.6666666667px #fff200, 192px
-238.6666666667px #00ff55, -209px -271.6666666667px #0080ff, 170px
-121.6666666667px #00fff2, -57px -149.6666666667px #00fffb, -88px
-149.6666666667px #ffd500, 231px -199.6666666667px #007bff, 175px
52.3333333333px #ff2f00, 83px 77.3333333333px #001aff, 226px -28.6666666667px
#ff00d0, 13px -52.6666666667px #ff6200, -139px -140.6666666667px #a600ff, 136px
-167.6666666667px #ffe600, 77px -72.6666666667px #000dff, -143px
-27.6666666667px #ff004d, -155px 46.3333333333px #0011ff, 206px 51.3333333333px
#37ff00, -163px -223.6666666667px #ff009d, 156px -80.6666666667px #e600ff,
-111px -213.6666666667px cyan, 52px 45.3333333333px #ff0066, 200px
-296.6666666667px #cc00ff, 119px -51.6666666667px #0004ff, 188px
-19.6666666667px #22ff00, 42px 66.3333333333px #0055ff, 45px 5.3333333333px
#9100ff, -73px -377.6666666667px #26ff00, -145px -59.6666666667px #e600ff, 242px
-11.6666666667px #00ff55, 227px -276.6666666667px #ff0095, 243px
-263.6666666667px #fff200, -182px -404.6666666667px #1a00ff, 33px
-129.6666666667px #ea00ff, -217px -111.6666666667px #002bff, 171px
-197.6666666667px #09ff00, 52px -287.6666666667px #00ff91, 56px
-254.6666666667px #0015ff, 2px -309.6666666667px #59ff00, 160px
-286.6666666667px #b7ff00, 87px -97.6666666667px #6a00ff, 240px
-123.6666666667px #ffa200;}}@-moz-keyframes bang{to{box-shadow:191px
77.3333333333px #0066ff, -86px -227.6666666667px #ff0015, 216px
-304.6666666667px #0077ff, 78px 73.3333333333px #001aff, -9px -288.6666666667px
#b7ff00, 27px -371.6666666667px #ff00aa, -111px -8.6666666667px #00e1ff, -30px
-212.6666666667px #000dff, 27px -396.6666666667px #84ff00, 199px
-254.6666666667px #00ff99, 175px -171.6666666667px #fff200, 192px
-238.6666666667px #00ff55, -209px -271.6666666667px #0080ff, 170px
-121.6666666667px #00fff2, -57px -149.6666666667px #00fffb, -88px
-149.6666666667px #ffd500, 231px -199.6666666667px #007bff, 175px
52.3333333333px #ff2f00, 83px 77.3333333333px #001aff, 226px -28.6666666667px
#ff00d0, 13px -52.6666666667px #ff6200, -139px -140.6666666667px #a600ff, 136px
-167.6666666667px #ffe600, 77px -72.6666666667px #000dff, -143px
-27.6666666667px #ff004d, -155px 46.3333333333px #0011ff, 206px 51.3333333333px
#37ff00, -163px -223.6666666667px #ff009d, 156px -80.6666666667px #e600ff,
-111px -213.6666666667px cyan, 52px 45.3333333333px #ff0066, 200px
-296.6666666667px #cc00ff, 119px -51.6666666667px #0004ff, 188px
-19.6666666667px #22ff00, 42px 66.3333333333px #0055ff, 45px 5.3333333333px
#9100ff, -73px -377.6666666667px #26ff00, -145px -59.6666666667px #e600ff, 242px
-11.6666666667px #00ff55, 227px -276.6666666667px #ff0095, 243px
-263.6666666667px #fff200, -182px -404.6666666667px #1a00ff, 33px
-129.6666666667px #ea00ff, -217px -111.6666666667px #002bff, 171px
-197.6666666667px #09ff00, 52px -287.6666666667px #00ff91, 56px
-254.6666666667px #0015ff, 2px -309.6666666667px #59ff00, 160px
-286.6666666667px #b7ff00, 87px -97.6666666667px #6a00ff, 240px
-123.6666666667px #ffa200;}}@-o-keyframes bang{to{box-shadow:191px
77.3333333333px #0066ff, -86px -227.6666666667px #ff0015, 216px
-304.6666666667px #0077ff, 78px 73.3333333333px #001aff, -9px -288.6666666667px
#b7ff00, 27px -371.6666666667px #ff00aa, -111px -8.6666666667px #00e1ff, -30px
-212.6666666667px #000dff, 27px -396.6666666667px #84ff00, 199px
-254.6666666667px #00ff99, 175px -171.6666666667px #fff200, 192px
-238.6666666667px #00ff55, -209px -271.6666666667px #0080ff, 170px
-121.6666666667px #00fff2, -57px -149.6666666667px #00fffb, -88px
-149.6666666667px #ffd500, 231px -199.6666666667px #007bff, 175px
52.3333333333px #ff2f00, 83px 77.3333333333px #001aff, 226px -28.6666666667px
#ff00d0, 13px -52.6666666667px #ff6200, -139px -140.6666666667px #a600ff, 136px
-167.6666666667px #ffe600, 77px -72.6666666667px #000dff, -143px
-27.6666666667px #ff004d, -155px 46.3333333333px #0011ff, 206px 51.3333333333px
#37ff00, -163px -223.6666666667px #ff009d, 156px -80.6666666667px #e600ff,
-111px -213.6666666667px cyan, 52px 45.3333333333px #ff0066, 200px
-296.6666666667px #cc00ff, 119px -51.6666666667px #0004ff, 188px
-19.6666666667px #22ff00, 42px 66.3333333333px #0055ff, 45px 5.3333333333px
#9100ff, -73px -377.6666666667px #26ff00, -145px -59.6666666667px #e600ff, 242px
-11.6666666667px #00ff55, 227px -276.6666666667px #ff0095, 243px
-263.6666666667px #fff200, -182px -404.6666666667px #1a00ff, 33px
-129.6666666667px #ea00ff, -217px -111.6666666667px #002bff, 171px
-197.6666666667px #09ff00, 52px -287.6666666667px #00ff91, 56px
-254.6666666667px #0015ff, 2px -309.6666666667px #59ff00, 160px
-286.6666666667px #b7ff00, 87px -97.6666666667px #6a00ff, 240px
-123.6666666667px #ffa200;}}@-ms-keyframes bang{to{box-shadow:191px
77.3333333333px #0066ff, -86px -227.6666666667px #ff0015, 216px
-304.6666666667px #0077ff, 78px 73.3333333333px #001aff, -9px -288.6666666667px
#b7ff00, 27px -371.6666666667px #ff00aa, -111px -8.6666666667px #00e1ff, -30px
-212.6666666667px #000dff, 27px -396.6666666667px #84ff00, 199px
-254.6666666667px #00ff99, 175px -171.6666666667px #fff200, 192px
-238.6666666667px #00ff55, -209px -271.6666666667px #0080ff, 170px
-121.6666666667px #00fff2, -57px -149.6666666667px #00fffb, -88px
-149.6666666667px #ffd500, 231px -199.6666666667px #007bff, 175px
52.3333333333px #ff2f00, 83px 77.3333333333px #001aff, 226px -28.6666666667px
#ff00d0, 13px -52.6666666667px #ff6200, -139px -140.6666666667px #a600ff, 136px
-167.6666666667px #ffe600, 77px -72.6666666667px #000dff, -143px
-27.6666666667px #ff004d, -155px 46.3333333333px #0011ff, 206px 51.3333333333px
#37ff00, -163px -223.6666666667px #ff009d, 156px -80.6666666667px #e600ff,
-111px -213.6666666667px cyan, 52px 45.3333333333px #ff0066, 200px
-296.6666666667px #cc00ff, 119px -51.6666666667px #0004ff, 188px
-19.6666666667px #22ff00, 42px 66.3333333333px #0055ff, 45px 5.3333333333px
#9100ff, -73px -377.6666666667px #26ff00, -145px -59.6666666667px #e600ff, 242px
-11.6666666667px #00ff55, 227px -276.6666666667px #ff0095, 243px
-263.6666666667px #fff200, -182px -404.6666666667px #1a00ff, 33px
-129.6666666667px #ea00ff, -217px -111.6666666667px #002bff, 171px
-197.6666666667px #09ff00, 52px -287.6666666667px #00ff91, 56px
-254.6666666667px #0015ff, 2px -309.6666666667px #59ff00, 160px
-286.6666666667px #b7ff00, 87px -97.6666666667px #6a00ff, 240px
-123.6666666667px #ffa200;}}@keyframes bang{to{box-shadow:191px 77.3333333333px
#0066ff, -86px -227.6666666667px #ff0015, 216px -304.6666666667px #0077ff, 78px
73.3333333333px #001aff, -9px -288.6666666667px #b7ff00, 27px -371.6666666667px
#ff00aa, -111px -8.6666666667px #00e1ff, -30px -212.6666666667px #000dff, 27px
-396.6666666667px #84ff00, 199px -254.6666666667px #00ff99, 175px
-171.6666666667px #fff200, 192px -238.6666666667px #00ff55, -209px
-271.6666666667px #0080ff, 170px -121.6666666667px #00fff2, -57px
-149.6666666667px #00fffb, -88px -149.6666666667px #ffd500, 231px
-199.6666666667px #007bff, 175px 52.3333333333px #ff2f00, 83px 77.3333333333px
#001aff, 226px -28.6666666667px #ff00d0, 13px -52.6666666667px #ff6200, -139px
-140.6666666667px #a600ff, 136px -167.6666666667px #ffe600, 77px
-72.6666666667px #000dff, -143px -27.6666666667px #ff004d, -155px
46.3333333333px #0011ff, 206px 51.3333333333px #37ff00, -163px -223.6666666667px
#ff009d, 156px -80.6666666667px #e600ff, -111px -213.6666666667px cyan, 52px
45.3333333333px #ff0066, 200px -296.6666666667px #cc00ff, 119px -51.6666666667px
#0004ff, 188px -19.6666666667px #22ff00, 42px 66.3333333333px #0055ff, 45px
5.3333333333px #9100ff, -73px -377.6666666667px #26ff00, -145px -59.6666666667px
#e600ff, 242px -11.6666666667px #00ff55, 227px -276.6666666667px #ff0095, 243px
-263.6666666667px #fff200, -182px -404.6666666667px #1a00ff, 33px
-129.6666666667px #ea00ff, -217px -111.6666666667px #002bff, 171px
-197.6666666667px #09ff00, 52px -287.6666666667px #00ff91, 56px
-254.6666666667px #0015ff, 2px -309.6666666667px #59ff00, 160px
-286.6666666667px #b7ff00, 87px -97.6666666667px #6a00ff, 240px
-123.6666666667px #ffa200;}}@-webkit-keyframes
gravity{to{transform:translateY(200px);-moz-transform:translateY(200px);-webkit-transform:translateY(200px);-o-transform:translateY(200px);-ms-transform:translateY(200px);opacity:0;}}@-moz-keyframes
gravity{to{transform:translateY(200px);-moz-transform:translateY(200px);-webkit-transform:translateY(200px);-o-transform:translateY(200px);-ms-transform:translateY(200px);opacity:0;}}@-o-keyframes
gravity{to{transform:translateY(200px);-moz-transform:translateY(200px);-webkit-transform:translateY(200px);-o-transform:translateY(200px);-ms-transform:translateY(200px);opacity:0;}}@-ms-keyframes
gravity{to{transform:translateY(200px);-moz-transform:translateY(200px);-webkit-transform:translateY(200px);-o-transform:translateY(200px);-ms-transform:translateY(200px);opacity:0;}}@keyframes
gravity{to{transform:translateY(200px);-moz-transform:translateY(200px);-webkit-transform:translateY(200px);-o-transform:translateY(200px);-ms-transform:translateY(200px);opacity:0;}}@-webkit-keyframes
position{0%, 19.9%{margin-top:10%;margin-left:40%;}20%,
39.9%{margin-top:40%;margin-left:30%;}40%,
59.9%{margin-top:20%;margin-left:70%;}60%,
79.9%{margin-top:30%;margin-left:20%;}80%,
99.9%{margin-top:30%;margin-left:80%;}}@-moz-keyframes position{0%,
19.9%{margin-top:10%;margin-left:40%;}20%,
39.9%{margin-top:40%;margin-left:30%;}40%,
59.9%{margin-top:20%;margin-left:70%;}60%,
79.9%{margin-top:30%;margin-left:20%;}80%,
99.9%{margin-top:30%;margin-left:80%;}}@-o-keyframes position{0%,
19.9%{margin-top:10%;margin-left:40%;}20%,
39.9%{margin-top:40%;margin-left:30%;}40%,
59.9%{margin-top:20%;margin-left:70%;}60%,
79.9%{margin-top:30%;margin-left:20%;}80%,
99.9%{margin-top:30%;margin-left:80%;}}@-ms-keyframes position{0%,
19.9%{margin-top:10%;margin-left:40%;}20%,
39.9%{margin-top:40%;margin-left:30%;}40%,
59.9%{margin-top:20%;margin-left:70%;}60%,
79.9%{margin-top:30%;margin-left:20%;}80%,
99.9%{margin-top:30%;margin-left:80%;}}@keyframes position{0%,
19.9%{margin-top:10%;margin-left:40%;}20%,
39.9%{margin-top:40%;margin-left:30%;}40%,
59.9%{margin-top:20%;margin-left:70%;}60%,
79.9%{margin-top:30%;margin-left:20%;}80%,
99.9%{margin-top:30%;margin-left:80%;}}@keyframes grain{0%,
100%{transform:translate(0, 0, 0);}10%{transform:translate(-1%,
-1%);}20%{transform:translate(1%, 1%);}30%{transform:translate(-2%,
-2%);}40%{transform:translate(3%, 3%);}50%{transform:translate(-3%,
-3%);}60%{transform:translate(4%, 4%);}70%{transform:translate(-4%,
-4%);}80%{transform:translate(2%, 2%);}90%{transform:translate(-3%, -3%);}}@keyframes
scratch{0%,
100%{transform:translateX(0);opacity:0.075;}10%{transform:translateX(-1%);}20%{transform:translateX(1%);}30%{transform:translateX(-2%);opacity:0.09;}40%{transform:translateX(3%);}50%{transform:translateX(-3%);opacity:0.05;}60%{transform:translateX(8%);}70%{transform:translateX(-3%);}80%{transform:translateX(10%);opacity:0.02;}90%{transform:translateX(-2%);}}@keyframes
inner-scratch{0%{transform:translateX(0);opacity:0.08;}10%{transform:translateX(-1%);}20%{transform:translateX(1%);}30%{transform:translateX(-2%);}40%{transform:translateX(3%);}50%{transform:translateX(-3%);opacity:0.06;}60%{transform:translateX(8%);}70%{transform:translateX(-3%);}80%{transform:translateX(10%);opacity:0.03;}90%{transform:translateX(20%);}100%{transform:translateX(30%);}}@keyframes
draw{0%{width:0%;}100%{width:110%;}}@keyframes
draw-bottom{0%{width:0%;}100%{width:100%;}}@keyframes grow{0%{
background-size:100% auto;}50%{ background-size:140% auto;}100%{
background-size:100% auto;}}</style><a target="_blank" href="http://ply.xtx.kr/ezlink.php?id=chl0916"><div
id="mybox"><div class="pyro"><div class="before"></div><div
class="after"></div></div><div class="mytext">음악과우정 그리고 사랑이야기 방송듣기</div></div></a>