좋은 글과 좋은 음악이 있는 곳

<div class="figure-html" data-ke-type="html" data-source="<style> .move1 { position: relative; animation: myfirst1 40s; animation-iteration-count:infinite; } @keyframes myfirst1 { 25% { transform : translateX(-150px);} 40% { transform : translateX(0px); scale(100%);} 42% { transform : scaleX(-1);} 44% { transform : scale(100%);} 45% { transform : scale(30%);} 52% { transform : translateX(0px); scale(100%); } 76% { transform : translateX(150px);} 97% { transform : translateX(0px); scale(100%);} 98% { transform : scaleX(-1);} 100% { transform : translateX(0px); scale(100%);} } </style> <table cellpadding=0 width="1000" align=center> <tr> <td> <center><iframe class="move1" width="700" height="400" style="left:0px; top:0px; position:relative; border-block-width:20px 10px; border-block-style: solid transparent; border-image: url(https://t1.daumcdn.net/cafeattach/1ZFir/2ff034d7324f84ad90e8c88bc1f6644e53aad93f) round; border-image-slice: 25%;" src="https://www.youtube.com/embed/KECNQ3AS-Ak?autoplay=1&playlist=KECNQ3AS-Ak&loop=1&autohide=1&showinfo=0&fs=0&rel=0" frameborder="0" allowfullscreen="" allow="autoplay"></iframe></center> </td> </tr> </table> <br> <table width=400 border=0 cellpadding=15 align=center> <tr> <td><span style="text-align:right; line-height:1.5"><pre> <font style="font-size:10pt; font-family:굴림; color: #ffffff; font-weight: bold;"> 네온이 춤을 추는 서울의 밤이여 그님의 손을 잡고 행복에 젖어 거닐던 거리 그님은 떠나가고 나 혼자 외로운데 어디서 들려오는 사랑의 속삭임이 내 마음을 울리네 잊지 못할 서울의 밤 첫사랑 님을 만난 곳 잊지 못할 서울의 밤 님 또한 떠나 버린 곳 네온도 울다 네온도 울다 말없이 꺼져버린 서울의 밤이여 </font></pre></span></td> <td><span style="text-align:left; line-height:1.5"><pre> <font style="font-size:10pt; font-family:굴림; color: #ffffff; font-weight: bold;"> 잊지 못할 서울의 밤 첫사랑 님을 만난 곳 잊지 못한 서울의 밤 님 또한 떠나버린 곳 네온도 울다 네온도 울다 말없이 꺼져버린 서울의 밤이여 서울의 밤이여 </font></pre></span></td> </tr> </table> <div style="height: 100px; position: relative;" 여백주기> </div> <style> body, #primaryContent{ background-image: url(https://t1.daumcdn.net/cafeattach/1ZFir/18e620c0c3c4f23e1202279823caa2fd51756bce), url(https://t1.daumcdn.net/cafeattach/1ZFir/85d03d71308aa63070c313e2f93e96c75a94a05c), url(https://t1.daumcdn.net/cafeattach/1ZFir/8c595c23bfaa2f806c54767032596e2a26576928), url(https://t1.daumcdn.net/cafeattach/1ZFir/e211d4f68efd354f8e4adffb7661991f153e9c6a); background-attachment: fixed; background-color: #000000; background-repeat: no-repeat, repeat-x, repeat-x, repeat; background-position: top 20px center, top center, top center, bottom right; background-size: 600px, 600px, 120px, 500px 500px; } </style> <style> #TITLEBACKGROUND {background-image: url(a); background-color: transparent; } .comment_section,#Content { background: linear-gradient(0deg, #cae9d7, #a2d9ac); } .cont_comment,#Content { position:relative; width:630px;left:0; font-weight:bold; color:#000000; } </style> "><div data-ke-class="article"><style> .move1 { position: relative; animation: myfirst1 40s; animation-iteration-count:infinite; } @keyframes myfirst1 { 25% { transform : translateX(-150px);} 40% { transform : translateX(0px); scale(100%);} 42% { transform : scaleX(-1);} 44% { transform : scale(100%);} 45% { transform : scale(30%);} 52% { transform : translateX(0px); scale(100%); } 76% { transform : translateX(150px);} 97% { transform : translateX(0px); scale(100%);} 98% { transform : scaleX(-1);} 100% { transform : translateX(0px); scale(100%);} } </style> <table cellpadding=0 width="1000" align=center> <tr> <td> <center><iframe class="move1" width="700" height="400" style="left:0px; top:0px; position:relative; border-block-width:20px 10px; border-block-style: solid transparent; border-image: url(https://t1.daumcdn.net/cafeattach/1ZFir/2ff034d7324f84ad90e8c88bc1f6644e53aad93f) round; border-image-slice: 25%;" src="https://www.youtube.com/embed/KECNQ3AS-Ak?autoplay=1&playlist=KECNQ3AS-Ak&loop=1&autohide=1&showinfo=0&fs=0&rel=0" frameborder="0" allowfullscreen="" allow="autoplay"></iframe></center> </td> </tr> </table> <br> <table width=400 border=0 cellpadding=15 align=center> <tr> <td><span style="text-align:right; line-height:1.5"><pre> <font style="font-size:10pt; font-family:굴림; color: #ffffff; font-weight: bold;"> 네온이 춤을 추는 서울의 밤이여 그님의 손을 잡고 행복에 젖어 거닐던 거리 그님은 떠나가고 나 혼자 외로운데 어디서 들려오는 사랑의 속삭임이 내 마음을 울리네 잊지 못할 서울의 밤 첫사랑 님을 만난 곳 잊지 못할 서울의 밤 님 또한 떠나 버린 곳 네온도 울다 네온도 울다 말없이 꺼져버린 서울의 밤이여 </font></pre></span></td> <td><span style="text-align:left; line-height:1.5"><pre> <font style="font-size:10pt; font-family:굴림; color: #ffffff; font-weight: bold;"> 잊지 못할 서울의 밤 첫사랑 님을 만난 곳 잊지 못한 서울의 밤 님 또한 떠나버린 곳 네온도 울다 네온도 울다 말없이 꺼져버린 서울의 밤이여 서울의 밤이여 </font></pre></span></td> </tr> </table> <div style="height: 100px; position: relative;" 여백주기> </div> <style> body, #primaryContent{ background-image: url(https://t1.daumcdn.net/cafeattach/1ZFir/18e620c0c3c4f23e1202279823caa2fd51756bce), url(https://t1.daumcdn.net/cafeattach/1ZFir/85d03d71308aa63070c313e2f93e96c75a94a05c), url(https://t1.daumcdn.net/cafeattach/1ZFir/8c595c23bfaa2f806c54767032596e2a26576928), url(https://t1.daumcdn.net/cafeattach/1ZFir/e211d4f68efd354f8e4adffb7661991f153e9c6a); background-attachment: fixed; background-color: #000000; background-repeat: no-repeat, repeat-x, repeat-x, repeat; background-position: top 20px center, top center, top center, bottom right; background-size: 600px, 600px, 120px, 500px 500px; } </style> <style> #TITLEBACKGROUND {background-image: url(a); background-color: transparent; } .comment_section,#Content { background: linear-gradient(0deg, #cae9d7, #a2d9ac); } .cont_comment,#Content { position:relative; width:630px;left:0; font-weight:bold; color:#000000; } </style> </div></div><p> </p>