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

<xbody id="cafeSubLayout" class="type2_1 flexibled2_1 read bbsType" xxxxxxxxxxxxxxxxxxxxxxxxxxonunload="articleBGMgoodbye();"> <style> /* STD_v_4.1 최신 업그레이드용 */ #cafe_gnb, #header, #footer {position: absolute; height: 0px ! importnat;; top: -50000px; } html, body {overflow: hidden; width:100%; } #wrap { width:100% ! important; overflow: hidden; height: 100%; position: absolute; min-width:400px ! important; } #container { width:100%; height: 100%; overflow-y:auto; overflow-x: hidden; min-width:400px ! important; border-top : 1px solid #828282; border-bottom : 1px solid #828282; } .article_subject, .article_subject .date, .bar, .bar2, .article_writer span, .article_writer a, .article_writer .url, .article_writer .url a {position:absolute; top:-50000px;} body, #primaryContent , #content, .cb, .user_contents, .bbs_contents { padding: 0px 0px 0px 0px ! important; margin: 0px 0px 0px 0px ! important; min-width:400px ! important; } .list_btn_top { width: 98%; margin: 0px 1% 0px 1% ; padding: 0px 0px 0px 0px ; } .user_contents {position: relative; top: -60px; border: 0px solid #ff0000; } .list_btn_top { z-index: 9999999; position: relative; top: 145px; } #cafemenu {z-index: 999999; width: 200px; position:relative; top: 10000px; margin-top: -9800px; } /* 게시글판 가로 길이 지정 */ #primaryContent { width: 100% ! important; margin-left: 0% ! important; } #cafemenu { left: 10% ! important; } /* #cafemenu { left: 10% ! important; } 카페메뉴 왼쪽에 위치 #cafemenu { left: 90% ! important; margin-left: -200px; } 카페메뉴 오른쪽에 위치 */ #cafemenu { left: 100% ! important; } 카페메뉴 화면에서 제거 </style> <style> .user-container { position: absolute; top: 0; left: 0; width:100%; height: 100%; } .e100-container { position: absolute; top: 0; left: 0; width:100%; height: 100%; } .e100-container object , .e100-container img, .e100-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container img, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .xmbed-container { position: relative; padding-bottom: 112.5%; height: 0; overflow: hidden; max-width: 100%; } .xmbed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } </style> <style> /* 화면정리 */ .list_paging {background-color:#ffffff; opacity:0.5; filter:alpha(opacity=60); border: 1px solid #828282; } .cmt_search_box_sns, .cmt_search_box {opacity:0.5; filter:alpha(opacity=60); } .btn_area, .btn span { opacity:0.5; filter:alpha(opacity=60); } body {cursor:url(http://cfile244.uf.daum.net/attach/215FE63453BE583A1021AE ), progress; } a:hover{ color:red; } a:link{color:blue;} .btn_txt {color:blue;} /* 광고 제거 */ .app_download_wrap, .cafegameBox, #sidebar1, #sideAd, .side_rss, .outBox, #cafeProfileImage {position:absolute; left:-50000px; } #daum-ad-root { width:0px; } </style> <! 댓글판 =============================================================================> <style> /* 댓글판 배경이미지 깔기 */ .commentDiv { opacity:1; filter:alpha(opacity=100); } .commentDiv, .comment_pos, .recomment_pos, .longtail_comment { background-color: transparent ! important; } .longtail_comment { height: 220px; } .longtail_comment textarea { height: 200px; } .commentBox { opacity:0.5; filter:alpha(opacity=50); } .commentBox .id_admin, .commentBox .txt_btn { background-color:#ffffff; } .commentBox .id_admin {padding-top:2px; padding-bottom:2px; height: 15px; } .comment_pos { color: white; } /* 댓글 색상 지정 */ .recomment_pos { color: yellow; } /* 답댓글 색상 지정*/ .longtail_comment textarea { color: #0000ff; } /* 입력댓글 색상 지정 /* 댓글판 손을 잡아주는 이미지 겹쳐깔기 */ .commentBox { background-image: url( http://cfile250.uf.daum.net/image/26360F40575544C815EDBC ); background-attachment: fixed; background-repeat: no-repeat; background-position: center center; background-size:cover; } /* 댓글판 별빛흐름 이미지 겹쳐 깔기 */ .commentDiv {background-image: url( http://cfile261.uf.daum.net/image/27634B3654FE63792F5EF4 ); background-attachment: fixed; background-repeat: repeat; background-position: center center; } </style> <style> /* 댓글 속성 지정 (글자 굵기, 서체, 글지 크기) */ .longtail_comment textarea , .comment_contents { font-weight: bold; font-family:함초롬바탕 ! important; font-size:13pt ! important; } /* { font-weight: bold; font-family:HY목판L ! important; font-size:14pt ! important; } */ </style> <style> /* 댓글판 가로넓이 축소 (70%) */ .comment_scrap, .commentBox, .list_btn_area, .prenext_paging { position:relative; width:70%; } .list_btn_top { width: 98%; margin: 0px 1% 0px 1% ; padding: 0px 0px 0px 0px ; } </style> <! 댓글판 끝 =============================================================================> <style> .list_btn_area { border: none; } .cclArea , .goTop {position:absolute; top: -50000px; } .commentBox , .commentDiv { text-align: left; } /* .align-left { text-align: left; } .align-center { text-align: center; } .align-right { text-align: right; } .align-justify { text-align: justify; } */ </style> <style> A:hover { color:#ff0000; font-weight: bold; font-size:12px; text-decoration:none;}</STYLE> </TD></TR></TBODY></TABLE></TR></TBODY></TABLE></TR></TBODY></TABLE></TR></TBODY></TABLE> <! 기본배경 깔기 시작 =============================================================================> <! 전체배경 - 하트구름과 연인 이미지 > <div style="z-index: -2000; position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; border: 0px solid #ff0000; opacity:1.0; filter:alpha(opacity=100); background-image: url(http://cfile25.uf.tistory.com/image/20180B3A50ADC2360FDC1A); background-repeat: no-repeat; background-position: center top; background-size: cover; "></div> <EMBED style="z-index: -1000; position: absolute; width: 100%; height:100%; top: 0%; left: 0%; " scale="exactfit" type=application/x-shockwave-flash src='https://t1.daumcdn.net/cfile/cafe/2173EB44550144F711' allowFullScreen="false" allowScriptAccess="sameDomain" wmode="transparent" allowNetworking="internal" allowNetworking='internal' allowScriptAccess='sameDomain'> <EMBED style="z-index: -1000; position: absolute; width: 80%; height:100%; top: 0%; left: 0%; opacity:0.5; filter:alpha(opacity=50); " scale="exactfit" type=application/x-shockwave-flash src='https://t1.daumcdn.net/cfile/cafe/1133BD504EC67E3020' allowFullScreen="false" allowScriptAccess="sameDomain" wmode="transparent" allowNetworking="internal" allowNetworking='internal' allowScriptAccess='sameDomain'> <! 기본배경 깔기 끝 ==============================================================================> <! 슬라이딩 배경 > <! 슬라이드 1 - 1 > <div style="z-index: -2000; position: absolute; width: 25%; height: 100%; left: 25%; top: 0px; "> <MARQUEE style="z-index: -2000; top:0%; border: 0px solid #999999; " direction=right height=100% width=100% scrollDelay=100 scrollAmount=3> <div style="z-index: -2000; position: relative; width: 1000%; height: 100%; left: 0%; top: 0px; "> <! left 100% 부터 표시 direction=right > <! 슬라이드 이미지 별밤아래 > <div style="z-index: -2000; position: absolute; width: 40%; height: 100%; left: 50%; top: 0px; background-image: url( https://s-media-cache-ak0.pinimg.com/originals/c0/c6/0b/c0c60b2505f6c699705e63427d6d6bac.jpg ); background-repeat: no-repeat; background-position: center center; background-attachment: fixed; background-size:cover; "> </div> <! 슬라이드 이미지 소녀와 별 > <div style="z-index: -2000; position: absolute; width: 40%; height: 100%; left: 10%; top: 0px; background-image: url(https://sms2everyone.files.wordpress.com/2011/10/some-times-i-feel-so-lonely.jpg ); background-repeat: no-repeat; background-position: center bottom; background-attachment: fixed; background-size:cover; "> </div> </div> </MARQUEE> </div> <! 슬라이드 1 - 2 > <div style="z-index: -2000; position: absolute; width: 25%; height: 100%; left: 0%; top: 0px; "> <MARQUEE style="z-index: -2000; top:0%; border: 0px solid #999999; " direction=left height=100% width=100% scrollDelay=100 scrollAmount=3> <div style="z-index: -2000; position: relative; width: 1000%; height: 100%; left: 0%; top: 0px; "> <! left 0% 부터 표시 direction=left > <div style="z-index: -2000; position: absolute; width: 40%; height: 100%; left: 10%; top: 0px; background-image: url( https://s-media-cache-ak0.pinimg.com/originals/c0/c6/0b/c0c60b2505f6c699705e63427d6d6bac.jpg ); background-repeat: no-repeat; background-position: center center; background-attachment: fixed; background-size:cover; "> </div> <div style="z-index: -2000; position: absolute; width: 40%; height: 100%; left: 50%; top: 0px; background-image: url( https://sms2everyone.files.wordpress.com/2011/10/some-times-i-feel-so-lonely.jpg ); background-repeat: no-repeat; background-position: center bottom; background-attachment: fixed; background-size:cover; "> </div> </div> </MARQUEE> </div> <! 슬라이드 2 - 1 > <div style="z-index: -2000; position: absolute; width: 25%; height: 100%; left: 75%; top: 0px; "> <MARQUEE style="z-index: -2000; top:0%; border: 0px solid #999999; " direction=right height=100% width=100% scrollDelay=100 scrollAmount=3> <div style="z-index: -2000; position: relative; width: 1000%; height: 100%; left: 0%; top: 0px; "> <! left 100% 부터 표시 direction=right > <div style="z-index: -2000; position: absolute; width: 40%; height: 100%; left: 50%; top: 0px; background-image: url( https://s-media-cache-ak0.pinimg.com/originals/c0/c6/0b/c0c60b2505f6c699705e63427d6d6bac.jpg ); background-repeat: no-repeat; background-position: center center; background-attachment: fixed; background-size:cover; "> </div> <div style="z-index: -2000; position: absolute; width: 40%; height: 100%; left: 10%; top: 0px; background-image: url( https://sms2everyone.files.wordpress.com/2011/10/some-times-i-feel-so-lonely.jpg ); background-repeat: no-repeat; background-position: center bottom; background-attachment: fixed; background-size:cover; "> </div> </div> </MARQUEE> </div> <! 슬라이드 2 - 2 > <! div style="z-index: -2000; position: absolute; width: 50%; height: 100%; left: 0%; top: 0px; "> <! 2개 사용시> <div style="z-index: -2000; position: absolute; width: 25%; height: 100%; left: 50%; top: 0px; "> <! 4개 사용시> <MARQUEE style="z-index: -2000; top:0%; border: 0px solid #999999; " direction=left height=100% width=100% scrollDelay=100 scrollAmount=3> <div style="z-index: -2000; position: relative; width: 1000%; height: 100%; left: 0%; top: 0px; "> <! left 0% 부터 표시 direction=left > <div style="z-index: -2000; position: absolute; width: 40%; height: 100%; left: 10%; top: 0px; background-image: url( https://s-media-cache-ak0.pinimg.com/originals/c0/c6/0b/c0c60b2505f6c699705e63427d6d6bac.jpg ); background-repeat: no-repeat; background-position: center center; background-attachment: fixed; background-size:cover; "> </div> <div style="z-index: -2000; position: absolute; width: 40%; height: 100%; left: 50%; top: 0px; background-image: url( https://sms2everyone.files.wordpress.com/2011/10/some-times-i-feel-so-lonely.jpg ); background-repeat: no-repeat; background-position: center bottom; background-attachment: fixed; background-size:cover; "> </div> </div> </MARQUEE> </div> <! 슬라이드 세로 1 - 1 > <div style="z-index: -1999; position: absolute; width : 100%; height: 50%; left: 0%; top: 0px; "> <MARQUEE style="z-index: -2000; position: relative; top:0px; " direction=down height=100% width=100% scrollDelay=100 scrollAmount=5> <! 끝 > <! 2 > <div style="z-index: -1999; position: relative; width: 100%; height: 100%; left: 0px; top: 0px; background-image: url( http://www.siwallpaperhd.com/wp-content/uploads/2016/08/sad_lonely_woman_desktop_wallpaper-724x453.jpg ); background-attachment: fixed; background-repeat: no-repeat; background-position: center center; background-size: cover; opacity:0.9; filter:alpha(opacity=90); "> </div> <div style="z-index: -1999; position: relative; width: 100%; height: 400%; left: 0px; top: 0px; "> </div> <! 1 > <div style="z-index: -1999; position: relative; width: 100%; height: 200%; left: 0px; top: 0px; background-image: url( http://www1.pictures.gi.zimbio.com/Schuyler+Fisk+TIFF+Portrait+Session+Last+Kiss+GYeL1lVjL8ol.jpg ); background-attachment: fixed; background-repeat: no-repeat; background-position: center top; background-size: cover; "> </div> <div style="z-index: -1999; position: relative; width: 100%; height: 400%; left: 0px; top: 0px; "> </div> </MARQUEE> </div> <! 슬라이드 세로 1 - 2 > <div style="z-index: -1999; position: absolute; width : 100%; height: 50%; left: 0%; top: 50%; "> <MARQUEE style="z-index: -2000; position: relative; top:0px; " direction=up height=100% width=100% scrollDelay=100 scrollAmount=5> <! 시작 > <div style="z-index: -1999; position: relative; width: 100%; height: 400%; left: 0px; top: 0px; "> </div> <! 1 > <div style="z-index: -1999; position: relative; width: 100%; height: 200%; left: 0px; top: 0px; background-image: url( http://www1.pictures.gi.zimbio.com/Schuyler+Fisk+TIFF+Portrait+Session+Last+Kiss+GYeL1lVjL8ol.jpg); background-attachment: fixed; background-repeat: no-repeat; background-position: center top; background-size: cover; "> </div> <div style="z-index: -1999; position: relative; width: 100%; height: 400%; left: 0px; top: 0px; "> </div> <! 2 > <div style="z-index: -1999; position: relative; width: 100%; height: 100%; left: 0px; top: 0px; background-image: url( http://www.siwallpaperhd.com/wp-content/uploads/2016/08/sad_lonely_woman_desktop_wallpaper-724x453.jpg ); background-attachment: fixed; background-repeat: no-repeat; background-position: center center; background-size: cover; opacity:0.9; filter:alpha(opacity=90); "> </div> </MARQUEE> </div> <! 스크롤링 배경시작 =================================================== > <! 스크롤링 배경 끝 =================================================== > <center> <! 본문 시작 위치 지정 > <div style=" position: relative; top: 15px; overflow-x: auto; overflow-y: hidden; "> <! ------------------------------------------------------------------------------------------> <div style="position: relative; "> <! 카페메뉴가 화면에 없을 때 > <TABLE style="width:100%; border: 0px solid #ffffff; " > <! 본문 전체 경계선 표시 없음> <TBODY><TR><TD> <TABLE style="width:100%; border: 0px solid #ffffff; " ><TBODY><TR><TD> <TABLE style="width:100%; border: 0px solid #ffffff; " ><TBODY><TR><TD> <center> <TABLE style="width:100%; border: 0px solid #ffffff; " ><TBODY><TR><TD> <! 본문 시작 ===================================================================================>  <DIV style="Z-INDEX: 7; POSITION: absolute; TOP: 150px; LEFT: 50px"><SPAN style="FILTER: Glow(Color=black, strength=3); WIDTH: 327px; FONT-FAMILY: Arial RED; HEIGHT: 448px; COLOR: #66a82f; FONT-SIZE: 9pt"><PRE><CENTER><FONT style="FONT-SIZE: 9pt" color=white face=굴림><SPAN style="LINE-HEIGHT: 18px" id=style><CENTER> <MARQUEE style="LINE-HEIGHT: 100%; WRITING-MODE: tb-rl" scrollAmount=1 scrollDelay=100 direction=up width=1500 height=620><SPAN style="FILTER: Glow(color=white,strength:3); WIDTH: 100%; COLOR: yellow; HEIGHT: 80px"><PRE><FONT face=바탕체 color=purple size=3><B><I> <pre><font color=red face="HY목판L" size="4"> <b> 온 세상이 당신의 작은 어깨에 무너지듯 당신이 외롭고 초라하게 느껴질 때는 당신을 보듬어 줄 누군가가 필요하죠. 당신이 외로울 땐 나를 찾으세요. 외로울 땐.. 부끄러워하지 마세요. 밤새 당신과 있어 줄 누군가가 필요할 때 제가 거기 있었어요. 당신은 여왕이 되고 당신 곁에 제가 끝까지 함께 할께요. 당신이 외로울땐.. 제 이름을 부르세요 외로울 땐.. 부끄러워하지 마세요. 온 세상이 당신의 작은 어깨에 무너지듯 당신이 외롭고 초라하게 느껴질 때는 당신을 보듬어 줄 누군가가 필요하죠 당신이 외로울 땐 제 이름을 부르세요 외로울 땐.. 부끄러워하지 마세요. 달링 외로울 땐 제 이름을 부르세요 사랑을 찾으세요 우린 시간이 많아요 아뇨, 잘못된 건 없어요 나도 외로우니까요. 내가 필요하면 나를 불러만 주세요. 당신은 외로운가요. </b> </SPAN></FONT></FONT></PRE></STRONG></SPAN></FONT></MARQUEE> </UL></SPAN></FONT></FONT></PRE></DIV></TD></TR></TBODY></TABLE></MARQUEE>  <div style=" height : 1000px; " > <! 공백확보> </div> <p><br></p> <p><br></p> <! 음악> <center> <iframe src="https://www.youtube.com/embed/6afl_LItsvw?autoplay=1&playlist=6afl_LItsvw&loop=1" frameborder="0" allowfullscreen="" style="width:1px; height: 1px;" gesture="media"></iframe> </center> </embed> </center> <style type="text/css"> body { scrollbar-highlight-color: gray; scrollbar-shadow-color: gray; scrollbar-arrow-color: gray; scrollbar-face-color: black; scrollbar-3dlight-color: black; scrollbar-darkshadow-color: black; scrollbar-track-color: black; } </style> <STYLE type=text/css>TD.bd {COLOR: #ffffff}P {COLOR: #cc00ff}BR {COLOR: #cc00ff}BODY {COLOR: #cc00ff}TABLE { COLOR: #cc00ff}TD {COLOR: #cc00ff }FORM {COLOR: #cc00ff}TEXTAREA {COLOR: #cc00ff}A:link {COLOR: #cc00ff; TEXT-DECORATION: none}A:visited {COLOR: #ef0008; TEXT-DECORATION: none }#uploader_replyWrite-827 {VISIBILITY: hidden}</STYLE> <p><br></p> <p><br></p>