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

<xbody id="cafeSubLayout" class="type2_1 flexibled2_1 read bbsType" xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxonunload="articleBGMgoodbye();"> <xbody id="cafeSubLayout" class="type2_1 flexibled2_1 read bbsType" xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxonunload="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: 9999999; width: 200px; position:relative; top: 3700px; margin-top: -3500px; } */ #cafemenu {z-index: 9999999; width: 200px; position:relative; top: 3500px; margin-top: -3500px; } /* 글판 정중앙 맞추기 옵션 추가 */ /* #content { margin-left: 20px ! important; } 글판 가로길이 100% 아닐 때 사용 */ /* 게시글판 가로 길이 지정 */ #primaryContent { width: 800px ! important; margin-left: calc(50% - 400px) ! important; } #cafemenu { left: calc(50% - 400px ) ! important; } #primaryContent { width: 99% ! important; margin-left: 0.5% ! important; } #cafemenu { left: 0.5% ! important; } #primaryContent { width: 70% ! important; margin-left: 15% ! important; } #cafemenu { left: calc(15% + 8px) ! important; } #primaryContent { width: 90% ! important; margin-left: 5% ! important; } #cafemenu { left: calc(10% + 8px) ! important; } #primaryContent { width: 50% ! important; margin-left: 25% ! important; } #cafemenu { left: 0px ! important; } #primaryContent {-ms-transition: all 2.5s ease; } #primaryContent:hover { width: 80% ! important; margin-left: 10% ! important; } /* #cafemenu { left: 10% ! important; margin-left: 15px ! important; } 카페메뉴 왼쪽에 위치 - 가로길이 100% 아닐 때 #cafemenu { left: 90% ! important; margin-left: -200px; } 카페메뉴 오른쪽에 위치 #cafemenu { left: 100% ! important; } 카페메뉴 화면에서 제거 */ /* 카페메뉴 길이 조절 */ #cafemenu {z-index:9999999; height: 20px; width: 205px; overflow-y:auto; overflow-x:hidden; border: 1px solid #cccccc; background-color: #ffffff; -ms-overflow-style: none; } </style> <style> /* 카페메뉴 디자인 */ #cafemenu { opacity:0.8; filter:alpha(opacity=80); } .cafe_emblem { opacity:0.3; filter:alpha(opacity=30); height: 0px ! important; overflow: hidden; } .cafeinfo { height: 20px; margin-top: -65px ! important; background-image:url(http://cfile281.uf.daum.net/image/2260254A58B19822253BD5); background-color:#ffffff; background-repeat: no-repeat; background-position: right top; } .cafeinfoBox , .cafeonBox , .menuBox {border: 1px solid #d2d2d2; } .cafeon, .cafeonBox , .cafeon_search, .cafeon_search .inp_search, .searchBox input.inp_search, .searchBox input.btn_search {filter:none; background-image:none; background-color: transparent; } .cafeon { scrollbar-face-color: #eeeeee; scrollbar-shadow-color: #ffffff; scrollbar-highlight-color: #ffffff; scrollbar-3dlight-color: #ffffff; scrollbar-darkshadow-color: #ffffff; scrollbar-track-color: #ffffff; scrollbar-arrow-color: #ffffff; } </style> <style> /* 카페메뉴 글색 지정- 하늘색 (흑색바탕용) */ .cafeinfoBox, .cafeinfoBox a:link, .cafeinfoBox a:visited, .cafeinfoBox a:hover, .cafeinfoBox a:active {color: #ffffff; } .cafeinfoBox .txt_point, .cafeinfoBox a.txt_point:link, .cafeinfoBox a.txt_point:visited, .cafeinfoBox a.txt_point:hover, .cafeinfoBox a.txt_point:active {color: #000000; } .cafeon, .cafeonBox, .cafeonBox a:link, .cafeonBox a:visited, .cafeonBox a:hover, .cafeonBox a:active {color: #000000; } .menuList, .menuList a:link, .menuList a:visited, .menuList a:hover, .menuList a:active {color: #000000; } .menuList .group_bg { } .menuList .group_tit, .menuList .group_tit a:link, .menuList .group_tit a:visited, .menuList .group_tit a:hover, .menuList .group_tit a:active, .menuList .group_ic, .menuList .group_ic a:link, .menuList .group_ic a:visited, .menuList .group_ic a:hover, .menuList .group_ic a:active {color: #000000; } </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: 0px; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container img, .embed-container embed { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; } .hembed-container { position: relative; padding-right: 100%; width: 0px; overflow: hidden; max-height: 100%; } .hembed-container iframe, .hembed-container object, .hembed-container img, .hembed-container embed { position: absolute; top: 0px; left: 0px; 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://img01.deviantart.net/e1e9/i/2012/069/2/8/hiphop_dance_by_beginner96-d4sa845.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> /* 댓글판 가로넓이 지정 */ .comment_scrap, .commentBox, .list_btn_area, .prenext_paging { position:relative; width: 100%; } .list_btn_top { width: 98%; margin: 0px 1% 0px 1% ; padding: 0px 0px 0px 0px ; } /* hover define */ #cafemenu {-ms-transition: all .5s ease; } #cafemenu:hover { -ms-overflow-style: auto; height: 600px; opacity: 0.9; background-image: url( http://cfile262.uf.daum.net/image/2704A54958A80AE80B97F8 ); background-repeat: repeat; background-position: center center; } .commentBox {-ms-transition: all .5s ease; } .commentBox:hover { opacity:0.8; } .longtail_comment:hover { height: 220px; border: 3px double #999999; } .longtail_comment textarea:hover { height: 200px; -ms-overflow-style: auto; } /* @font-face define */ @font-face { font-family: md개성체; } body, table, tr, td, select, input, div, form, textarea { font-family: md개성체; font-size:10pt; } </style> </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; left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; background-image: url( http://cdn.wallpapersafari.com/18/6/F2zhKi.jpg ); background-attachment: fixed; background-repeat: no-repeat; background-position: center center; background-size: cover; "> </div> <! 동영상 배경> <!embed style="z-index: -2100; position: absolute; width: 150%; height: 150%; top: -25%; left: calc(-25% - 8px); " type=application/x-shockwave-flash src= https://www.youtube.com/v/q4Np8F3JjGI?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" scale="exactfit" 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( http://cfile285.uf.daum.net/image/2634D94158AAB9D5344503 ); 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( http://cfile285.uf.daum.net/image/2634D94158AAB9D5344503 ); 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( http://cfile285.uf.daum.net/image/2634D94158AAB9D5344503 ); 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( http://cfile285.uf.daum.net/image/2634D94158AAB9D5344503 ); 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: -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: 200%; left: 0px; top: 0px; background-image: url( http://img01.deviantart.net/e1e9/i/2012/069/2/8/hiphop_dance_by_beginner96-d4sa845.jpg ); background-attachment: fixed; background-repeat: no-repeat; background-position: center center; background-size: cover; opacity:0.6; filter:alpha(opacity=80); "> </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://savin-it.com/images/2015/12/05/dansehiphopvert.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://savin-it.com/images/2015/12/05/dansehiphopvert.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: 200%; left: 0px; top: 0px; background-image: url( http://img01.deviantart.net/e1e9/i/2012/069/2/8/hiphop_dance_by_beginner96-d4sa845.jpg ); background-attachment: fixed; background-repeat: no-repeat; background-position: center center; background-size: cover; opacity:0.6; filter:alpha(opacity=80); "> </div> </MARQUEE> </div> <! 배경 깔기 끝 =================================================================> <center> <! 본문 시작 위치 지정 > <! div style="position: relative; top: 115px; overflow-x: auto; overflow-y: hidden; overflow-y: hidden; border: 3px solid #333333; border-style: double; "> <! 본문 시작 위치 지정 > <div style="position: relative; top: -42px; overflow-x: auto; overflow-y: hidden; border: 3px solid #333333; border-style: double; "> <! 본문 시작 위치 지정 > <! div style="position: relative; top: -42px; overflow: hidden; overflow-y: hidden; border: 3px solid #333333; border-style: double; "> <! 변색 이미지 > <! div style="z-index: -1990; position:absolute; top: 0px; left: 0%; width:100%; height: 100%; opacity:0.5; filter:alpha(opacity=50); background-image: url( http://cfile258.uf.daum.net/image/274AEE4B55D867650FB7EB ); background-repeat: repeat; background-position: center top; "> <! /div> <! 부분 배경 top > <div style="z-index: -1990; position:absolute; top: 0px; left: 0%; width:0%; height: 0px; opacity:0.9; filter:alpha(opacity=90); background-image: url( http://cfile258.uf.daum.net/image/277BFB4858AD534801A68B ); background-repeat: no-repeat; background-position: left top; "> </div> <! 꽃밭 > <div class='embed-container' > <iframe width="1" height="1" src="https://www.youtube.com/embed/_-33UJw8Zls?autoplay=1&loop=1&playlist=_-33UJw8Zls&vq=hd720&autohide=1&controls=1&showinfo=0&rel=0" frameborder="0" allowfullscreen="" style="width: 1px; height: 1px;"></iframe></p> </div> <! 여인 > <div style="z-index: -1991; position:absolute; top: 1300px; left: 0%; width:0%; height: 0%; opacity:0.5; filter:alpha(opacity=50); background-image: url( http://4.bp.blogspot.com/-HLax57xHmhM/VhUSPgSeVcI/AAAAAAABUHg/FeQqhwPxrp8/s1600/05.GIF ); background-attachment: fixed; background-repeat: no-repeat; background-position: center top; background-size: cover; "> </div> <TABLE style="width:100%; border: 0px solid #333333; border-style: double; " > <! 본문 전체 경계선 표시 없음> <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> <! 본문 시작 ================================================================================>  <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.01); 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.01); opacity:1; } .div_wrapper { display : inline-blockxxx; overflow : hiddenxxx; } .div_wrapper div { -ms-transition : all .5s ease; opacity:0.3; } .div_wrapper div:hover { -ms-transform : scale(1.01); opacity: 0.9; } .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; background-color: #ffffff; } .table_wrapper table:hover { -ms-transform : scale(1.01); opacity:0.9; border: 4px double #000000; background-image: url( http://cfile283.uf.daum.net/image/2644E54D58AD536A17420C ); background-repeat: repeat; background-position: center center; } </style> <! div style="z-index: 9999990; margin-left: 10px; top: 670px; width: calc(100% - 10px); position: relative; " > <span class="table_wrapper" > <center> <table style="z-index: 9999991; position: relative; top: 670px; " > <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=휴먼편지체 > It´s four o´clock - a lonely night I cannot sleep - I cannot hide The rain of Avalon will never lie My greatest love - she breaks my heart Old memories - I tear apart The rain of Avalon will pass me by She told me once - she told me twice My love is not her paradise She said to me: "It´s time to say goodbye" Every little thing - I do for you Every little word - I say it´s true Why can´t we stay together Just forever Like great lovers do Every little dream - I dream tonight Every little kiss - please hold me tight Oh baby I´m so lonely You´re the only Oh baby love me, too Every little thing - I´ll make it true Oh heaven must be missing you Cause you´re an angel, baby Drive me crazy Never make me blue Every little smile - oh night and day Your love is just a breath away I feel your love is stronger Wait no longer All I want is you Night in night out - I´m missing you A broken heart - painted in blue The rain of Avalon will never lie A girl like you - a boy like me This love is such a tragedy She said to me: "It´s time to say goodbye" </font> </pre> </td> <! td width=45%><! /td> </tr></tbody></table> <! embed style="width: 200px; height: 200px; top: 0%; left: 0%; margin-left: -0px; border: 0px solid #ff0000; " src='http://cfile288.uf.daum.net/media/25524E44531EF0D72B3EEE' allowScriptAccess="sameDomain" allowNetworking="internal" wmode="transparent" scale="exactfit" type='application/x-shockwave-flash'> <!EMBED style="FILTER: xray alpha()" height=0 type=audio/x-ms-wma hidden=true width=0 src=http://cfile270.uf.daum.net/attach/187CF8404EFB572505DEEE enablecontextmenu="0" showstatusbar="0" autostart="true" volume="0" loop="-1" allowNetworking="internal" allowScriptAccess="sameDomain" allowNetworking='internal' allowScriptAccess='sameDomain'> </EMBED> </center> </div> </span> <p> </p> <p> </p> <p> </p> <p> </p><p> </p> <p> </p> <p> </p> <p> </p><p> </p> <p> </p> <p> </p> <p> </p><p> </p> <p> </p> <p> </p> <p> </p>  <div style=" height : 300px; " > <! 공백확보> </div> <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> <! 음악> <center> </center> <p> </p> <p> </p> <p> </p> <p> </p>