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

<xbody id="cafeSubLayout" class="type2_1 flexibled2_1 read bbsType" xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxonunload="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(https://i.ytimg.com/vi/v0qSiknYpwg/maxresdefault.jpg); 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; background-image: url(http://frontrowliveent.com/wp-content/uploads/2013/11/Colbie-Caillat-2013.jpg ); background-repeat: no-repeat; background-position: center bottom; background-size: cover; "></div> <! 동영상 1> <div style="z-index: -2000; position: absolute; width: 100%; left: 0%; top: 0%; opacity:0.9; filter:alpha(opacity=90); "> <div class='embed-container' > <embed type=application/x-shockwave-flash src= https://www.youtube.com/v/oJVv5kjOJhU?version=2&autoplay=1&loop=1&controls=0&showinfo=0&autohide=1&cc_load_policy=0&iv_load_policy=3&vq=highres&fs=0&rel=0&start=1&playlist=1 allowScriptAccess="sameDomain" allowscriptaccess="always" allowfullscreen="true" wmode="transparent" allowScriptAccess='sameDomain'> </div> </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 > <EMBED style="z-index: -2000; position: absolute; width: 100%; height: 900px; left: 55%; top:2300px; opacity:0.9; filter:alpha(opacity=90); " scale="exactfit" type=application/x-shockwave-flash src=http://cfile256.uf.daum.net/original/2569F838564D3A7D1EDE41 wmode="transparent" allowNetworking='internal' allowScriptAccess='sameDomain'> <! 기본 배경 세트 끝 ==================== > <! 슬라이드 1 - 1 > <div style="z-index: -1950; position: absolute; width: 25%; height: 100%; left: 25%; top: 0px; "> <! 4개 사용시> <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: 1200%; height: 100%; left: 0%; top: 0px; "> <! left 100% 부터 표시 direction=right > <! 1 > <div style="z-index: -2000; position: absolute; width: 30%; height: 100%; left: 60%; top: 0px; background-image: url( http://cfile254.uf.daum.net/image/257C774658AEB5A732C117 ); background-repeat: repeat; background-position: center top; background-attachment: fixed; "> </div> <! 2 > <div style="z-index: -2000; position: absolute; width: 30%; height: 100%; left: 30%; top: 0px; background-color: #0000ff; opacity:0.15; filter:alpha(opacity=15); "> </div> <div style="z-index: -2000; position: absolute; width: 30%; height: 100%; left: 30%; top: 0px; background-image: url( ); background-repeat: repeat; background-position: center top; background-attachment: fixed; "> </div> <! 3 > <div style="z-index: -2000; position: absolute; width: 30%; height: 100%; left: 0%; top: 0px; background-color: #ff0000; opacity:0.15; filter:alpha(opacity=15); "> </div> <div style="z-index: -2000; position: absolute; width: 30%; height: 100%; left: 0%; top: 0px; background-image: url( http://cfile261.uf.daum.net/image/2453BE47588A3C361A229E ); background-repeat: repeat; background-position: center top; background-attachment: fixed; "> </div> </div> </MARQUEE> </div> <! 슬라이드 1 - 2 > <div style="z-index: -1950; position: absolute; width: 25%; height: 100%; left: 0%; 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: 1200%; height: 100%; left: 0%; top: 0px; "> <! left 0% 부터 표시 direction=left > <! 1 > <div style="z-index: -2000; position: absolute; width: 30%; height: 100%; left: 10%; top: 0px; background-image: url( http://cfile254.uf.daum.net/image/257C774658AEB5A732C117 ); background-repeat: repeat; background-position: center top; background-attachment: fixed; "> </div> <! 2 > <div style="z-index: -2000; position: absolute; width: 30%; height: 100%; left: 40%; top: 0px; background-color: #0000ff; opacity:0.15; filter:alpha(opacity=15); "> </div> <div style="z-index: -2000; position: absolute; width: 30%; height: 100%; left: 40%; top: 0px; background-image: url( ); background-repeat: repeat; background-position: center top; background-attachment: fixed; "> </div> <! 3 > <div style="z-index: -2000; position: absolute; width: 30%; height: 100%; left: 70%; top: 0px; background-color: #ff0000; opacity:0.15; filter:alpha(opacity=15); "> </div> <div style="z-index: -2000; position: absolute; width: 30%; height: 100%; left: 70%; top: 0px; background-image: url( http://cfile261.uf.daum.net/image/2453BE47588A3C361A229E ); background-repeat: repeat; background-position: center top; background-attachment: fixed; "> </div> </div> </MARQUEE> </div> <! 슬라이드 2 - 1 > <div style="z-index: -1950; position: absolute; width: 25%; height: 100%; left: 75%; top: 0px; "> <! 4개 사용시> <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: 1200%; height: 100%; left: 0%; top: 0px; "> <! left 100% 부터 표시 direction=right > <! 1 > <div style="z-index: -2000; position: absolute; width: 30%; height: 100%; left: 60%; top: 0px; background-image: url( http://cfile254.uf.daum.net/image/257C774658AEB5A732C117 ); background-repeat: repeat; background-position: center top; background-attachment: fixed; "> </div> <! 2 > <div style="z-index: -2000; position: absolute; width: 30%; height: 100%; left: 30%; top: 0px; background-color: #0000ff; opacity:0.15; filter:alpha(opacity=15); "> </div> <div style="z-index: -2000; position: absolute; width: 30%; height: 100%; left: 30%; top: 0px; background-image: url( ); background-repeat: repeat; background-position: center top; background-attachment: fixed; "> </div> <! 3 > <div style="z-index: -2000; position: absolute; width: 30%; height: 100%; left: 0%; top: 0px; background-color: #ff0000; opacity:0.15; filter:alpha(opacity=15); "> </div> <div style="z-index: -2000; position: absolute; width: 30%; height: 100%; left: 0%; top: 0px; background-image: url(http://cfile261.uf.daum.net/image/2453BE47588A3C361A229E ); background-repeat: repeat; background-position: center top; background-attachment: fixed; "> </div> </div> </MARQUEE> </div> <! 슬라이드 2 - 2 > <div style="z-index: -1950; 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: 1200%; height: 100%; left: 0%; top: 0px; "> <! left 0% 부터 표시 direction=left > <! 1 > <div style="z-index: -2000; position: absolute; width: 30%; height: 100%; left: 10%; top: 0px; background-image: url(http://cfile254.uf.daum.net/image/257C774658AEB5A732C117 ); background-repeat: repeat; background-position: center top; background-attachment: fixed; "> </div> <! 2 > <div style="z-index: -2000; position: absolute; width: 30%; height: 100%; left: 40%; top: 0px; background-color: #0000ff; opacity:0.15; filter:alpha(opacity=15); "> </div> <div style="z-index: -2000; position: absolute; width: 30%; height: 100%; left: 40%; top: 0px; background-image: url( ); background-repeat: repeat; background-position: center top; background-attachment: fixed; "> </div> <! 3 > <div style="z-index: -2000; position: absolute; width: 30%; height: 100%; left: 70%; top: 0px; background-color: #ff0000; opacity:0.15; filter:alpha(opacity=15); "> </div> <div style="z-index: -2000; position: absolute; width: 30%; height: 100%; left: 70%; top: 0px; background-image: url( http://cfile261.uf.daum.net/image/2453BE47588A3C361A229E ); background-repeat: repeat; background-position: center top; background-attachment: fixed; "> </div> </div> </MARQUEE> </div> <! 슬라이딩 배경 > <! 슬라이드 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://popgoesthecharts.files.wordpress.com/2013/10/colbie.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(http://livekelly.com/wp-content/uploads/2013/11/Colbie-Calliat_slider.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://popgoesthecharts.files.wordpress.com/2013/10/colbie.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( http://livekelly.com/wp-content/uploads/2013/11/Colbie-Calliat_slider.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://popgoesthecharts.files.wordpress.com/2013/10/colbie.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( http://livekelly.com/wp-content/uploads/2013/11/Colbie-Calliat_slider.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://popgoesthecharts.files.wordpress.com/2013/10/colbie.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( http://livekelly.com/wp-content/uploads/2013/11/Colbie-Calliat_slider.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.sevenvenues.com/assets/img/Colbie_Showpage2.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://cbsradionews.files.wordpress.com/2014/01/colbie-caillat1.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://cbsradionews.files.wordpress.com/2014/01/colbie-caillat1.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.sevenvenues.com/assets/img/Colbie_Showpage2.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> <! 스크롤링 배경시작 =================================================== > <! 마스크 - 타이틀 부분 > <div style="z-index: -2000; position: relative; top: -42px; "> <EMBED style="z-index: -2000; width: 0%; height: 0px; left: 0%; top: 0%; opacity:0.3; filter:alpha(opacity=30); " scale="exactfit" type=application/x-shockwave-flash src=http://cfile255.uf.daum.net/media/13521F3E50E80BF61FD3CD wmode="transparent" allowNetworking='internal' allowScriptAccess='sameDomain'> <EMBED style="z-index: -2000; position: absolute; width: 0%; height: 0px; left: 0%; top: 0%; " scale="exactfit" type=application/x-shockwave-flash src=http://pds84.cafe.daum.net/original/5/cafe/2008/08/17/23/16/48a832be4094f&token=20080817&.swf wmode="transparent" allowNetworking='internal' allowScriptAccess='sameDomain'> <div style="z-index: -2000; position: absolute; top: 0px; width: 0%; height: 0px; left: 0%; background-image: url( http://cfile285.uf.daum.net/image/2153123A57AE8FDC2B5645 ); background-repeat: no-repeat; background-position: center bottom; "> </div> </div> <! 스크롤링 배경 끝 =================================================== > <! 배경 깔기 끝 =================================================================> <center> <! 본문 시작 위치 지정 > <div style=" position: relative; top: 115px; 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="position: relative; margin-left: 210px; "> <! 카페메뉴가 왼쪽에 있을 때 (큰 댓글판) / 본문 시작위치 5px; 맞춤 > <! div style="position: relative; margin-right: 200px; "> <! 카페메뉴가 오른쪽에 있을 때 (큰 댓글판) / 본문 시작위치 5px; 맞춤 > <! 본문 배경 1.. > <div style="z-index: -2000; position: absolute; width: 100%; height: 900px; left: 0%; top: 800px; border: 0px solid #dddddd; opacity:0.3; filter(alpha(opacity=30); "> <! 와이드-가로 배경 > <MARQUEE style="z-index: -2000; left: 0%; top:0%; " height=0% width=0% behavior=alternate behavior=alternate scrollDelay=100 scrollAmount=1 > <table style=" background-image: url(http://cfile248.uf.daum.net/image/261899465850FE8C26D549 ); background-repeat: no-repeat; background-position: center bottom; background-size: cover; " width=120% height=100% > <tbody> <tr> <td> </td> </tr> </tbody> </table> </MARQUEE> </div> <style> .prenext_paging { margin-bottom: 100px; } </style>  <style> .img_wrapper { display : inline-block; overflow : hiddenxxx; } .img_wrapper img { -ms-transition : all .5s ease; opacity:0.8; } .img_wrapper img:hover { -ms-transform : scale(1.03); opacity:1; } .embed_wrapper { display : inline-block; overflow : hiddenxxx; } .embed_wrapper embed { -ms-transition : all .5s ease; opacity:0.8; } .embed_wrapper embed:hover { -ms-transform : scale(1.03); opacity:1; } .div_wrapper { display : inline-blockxxx; overflow : hiddenxxx; } .div_wrapper div { -ms-transition : all .5s ease; opacity:0.5; } .div_wrapper div:hover { -ms-transform : scale(1.01); opacity:1; } .table_wrapper { display : inline-blockxxx; overflow : hiddenxxx; } .table_wrapper table { -ms-transition : all .5s ease; opacity:0.5; } .table_wrapper table:hover { -ms-transform : scale(1.01); opacity:0.9; border: 6px double yellow; background-color: white; background-image: url( http://cfile288.uf.daum.net/attach/260A663958A736550F0369 ); background-attachmentL fixed; background-repeat: repeat; background-position: center center; } </style> <div style="z-index: 9999999; margin-left: 10px; top: 770px; width: calc(100% - 210px); position: relative; " ><! 4.1 소스와 함께 사용할 때> <! div style="z-index: 9999999; margin-left: 10px; top: 10px; width: calc(100% - 10px); position: relative; " ><! 4.1 소스와 함께 사용하지 않을 때> <div class="table_wrapper" > <center> <table style="z-index: 9999991; position: relative; " > <tbody> <tr> <! td width=45%><! /td> <td style=" padding: 10px 20px 10px 20px; border : 0px solid #ff0000; " align=left > <PRE><FONT style="FONT-SIZE: 13pt" color=#000000 face=md개성체 face=휴먼편지체 > <div class="embed_wrapper" > <img src= http://frontrowliveent.com/wp-content/uploads/2013/11/Colbie-Caillat-2013.jpg > </div> Low When you're feeling low And you just don't know where to run to Broke If your heart's been broke And you feel like you're all alone If you need something to believe in If you're looking for a light to guide you home Just look inside You're light a shining brighter than you know You should know I'm never gonna let you down I'm always gonna build you up And when you're feeling lost I will always find you love I'm never gonna walk away I'm always gonna have your back And if nothing else you can always count on that When you need me I promise I will never let you down Laugh I will make you laugh If you ever feel like crying Close I will hold you close You won't be alone anymore If you need someone to believe in If you're reaching for a hand to guide you home Just take my hand and I won't let you go I hope you know I'm never gonna let you down I'm always gonna build you up And when you're feeling lost I will always find you love I'm never gonna walk away I'm always gonna have your back And if nothing else you can always count on that When you need me I promise I will never let you down Ain't never gonna let you down If you need something to believe in If you feel you've reached the end of the road Don't be afraid, I'll always guide you home You should know I'm never gonna let you down I'm always gonna build you up And when you're feeling lost I will always find you love I'm never gonna walk away I'm always gonna have your back And if nothing else you can always count on that When you need me I promise I will never let you down </font> </pre> </td> <! td width=45%><! /td> </tr></tbody></table> </center> </div><! table_wrapper 끝> </div>  <div style=" height : 600px; " > <! 공백확보> </div> <! 음악> <p style="text-align: center;"><!embed style="width: 634px; height: 199px;" type="application/x-shockwave-flash" src='https://www.youtube.com/v/TRcq9kTo-X4?version=3&autoplay=1&loop=1&controls=0&showinfo=0&autohide=1&cc_load_policy=0&iv_load_policy=3&vq=highres&fs=0&rel=0&start=1&playlist=1allowScriptAccess="sameDomain"' allowScriptAccess="always" allowfullscreen="true" wmode="transparent"></p> </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> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p>