<![CDATA[
<xbody id="cafeSubLayout" class="type2_1 flexibled2_1 read bbsType" xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxonunload="articleBGMgoodbye();">
<xbody id="cafeSubLayout" class="type2_1 flexibled2_1 read bbsType" xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxonunload="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: 130%; 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: 130%; 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: 130%; 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: 130%; 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: 130%; 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: 130%; 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: 130%; 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: 130%; 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: -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: 0%; height: 0%; left: 0px; top: 0px; background-image: url( http://cfile253.uf.daum.net/image/9955F83359827E991A9937 ); background-attachment: fixed; background-repeat: no-repeat; background-position: center center; background-size: cover; opacity:0.6; filter:alpha(opacity=60); ">
</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://cfile253.uf.daum.net/image/9955F83359827E991A9937 ); 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://cfile253.uf.daum.net/image/9955F83359827E991A9937); 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: 0%; height: 0%; left: 0px; top: 0px; background-image: url( http://cfile253.uf.daum.net/image/9955F83359827E991A9937 ); background-attachment: fixed; background-repeat: no-repeat; background-position: center center; background-size: cover; opacity:0.6; filter:alpha(opacity=60); ">
</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' >
<EMBED style="z-index: -2000; position: absolute; width:100%; height:100%; left: 00%; top: 0%; " scale="exactfit" type=application/x-shockwave-flash src=http://cfile283.uf.daum.net/media/27141D365851F4BE1793B7 wmode="transparent" allowNetworking='internal' allowScriptAccess='sameDomain'>
</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>
<! 본문 시작 ================================================================================>
<div style="z-index: 2000; position: relative; top: -710px; ">
<!-- 타이틀 디자인 -->
<div style="left: 0%; top: 0px; width: 100%; height: 110px; position: absolute;">
<div style='background-position: top; left: 0%; top: 0px; width: 100%; height: 110px; position: absolute; background-image: url("http://cfile279.uf.daum.net/image/261625505854B62120A966xxx"); background-repeat: no-repeat;'>
<div class="yyy5" style="left: 0%; top: 0px; width: 100%; height: 110px; position: absolute; "> </div>
<div class="yyy6" style="left: 0%; top: 0px; width: 100%; height: 110px; position: absolute; background-image: url( http://cfile261.uf.daum.net/image/27634B3654FE63792F5EF4 ); background-attachment: fixed; background-repeat: repeat; background-position: center center; "> </div>
</div>
</div>
<style>
.yyy5 { animation-name:yyy5;
animation-duration: 10s;
animation-iteration-count: infinite; animation-direction: alternate; }
@keyframes yyy5 { from {opacity: 0.15; width: 100%; margin-left: 0%;
background: linear-gradient( to bottom, #ff0000, #ffffff ); }
to {opacity: 0.15; width: 60%; margin-left: 20%;
background: linear-gradient( to bottom, #0000ff, #ffffff ); } }
.yyy6 { animation-name:yyy6;
animation-duration: 10s;
animation-iteration-count: infinite; animation-direction: alternate; }
@keyframes yyy6 { from { width: 100%; margin-left: 0%; }
to { width: 60%; margin-left: 20%; } }
</style>
<! 타이틀 배경이미지 또는 타이틀 배경색상 표시>
<div id="TITLEBACKGROUND" style="left: 0%; top: 0px; width: 100%; height: 110px; position: absolute; opacity:0.0; ">
</div>
<style>#TITLEBACKGROUND {background-position: center top; background-repeat: repeat } </style>
<style> /* 카페 네임 이미지 크기 결정 */
#TITLECAFENAME img {width: 300px ! important; height: 60px; background-size: 100% 100%; filter:none ! important; }
</style>
<! 카페 네임 표시>
<div id="TITLECAFENAME" class="xxww" style="left: calc(50% - 150px); top: 0px; ">
<img src="https://t1.daumcdn.net/cafe_image/cf_img2/img_blank2.gif" alt="" />
</div>
<style> /* 카페주소 크기 결정 */
#TITLECAFEADDRESS img {width: 200px ! important; height: 20px; background-size: 100% 100%; filter:none ! important; }
</style>
<! 카페주소 표시>
<div id="TITLECAFEADDRESS" class="xxww" style="left: calc(50% - 100px); top: 60px; " >
<img src="https://t1.daumcdn.net/cafe_image/cf_img2/img_blank2.gif" alt="" />
</div>
<style>
.xxww { animation-name: xxww;
animation-duration: 15s;
animation-iteration-count: 999; animation-direction: alternate; animation-delay: 1s;
animation-timing-function: ease-in-out; }
@keyframes xxww { from { transform: rotateY(0deg); }
to { transform: rotateY(180deg); } }
</style>
<!-- 카페 타이틀 디자인(카페스킨) -->
<div style="left: 0%; top: 0px; width: 100%; height: 110px; position: absolute;">
<div style='background-position: top; left: 0%; top: 0px; width: 100%; height: 350px; position: absolute; background-image: url("http://cfile248.uf.daum.net/image/9908DD365AFE228A1F7D0Cㅊㅊㅊ"); background-repeat: no-repeat;'>
<!-- 별빛흐름 에니메이션 실행 안함 -->
<! div class="yyy" style="left: 0%; top: 0px; width: 100%; height: 268px; position: absolute; background-image: url( http://cfile261.uf.daum.net/image/27634B3654FE63792F5EF4 ); background-attachment: fixed; background-repeat: repeat; background-position: center center; "> <! /div>
</div>
</div>
<style>
.yyy:hover { animation-play-state: paused; border: 1px solid #006600; }
.yyy { animation-name: yyykfdef;
animation-duration: 10s;
animation-iteration-count: infinite; animation-direction: alternate; }
@keyframes yyykfdef { from {opacity: 0.15; width: 100%; margin-left: 0%; background-color: #ffff00; }
to {opacity: 0.15; width: 60%; margin-left: 20%; background-color: #0000ff; } }
</style>
</div>
<!-- 글넣기 시작 -->
<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=휴먼편지체 >
<img src=http://www.crazyradio.ro/wp-content/uploads/2015/10/geo-da-silva-720x415.jpeg>
Can't take my eyes off you
I know you want me and it's crazy I'm falling there with you
Can't take my eyes off you
You know I want you and it's crazy I wanna be with you
I love you baby
(And is quite allright)
I love you baby
(You are my lonely knight)
I love you babyyy
I love you babyyy
I want you baby
I need you baby
Tonight we gonna dance until we feel alright
I want you baby
I need you baby
Tonight we gonna party baby all night.
(x2)
Can't take my eyes off you
I know you want me and it's crazy I'm falling there with you
Can't take my eyes off you
You know I want you and it's crazy I wanna be with you.
I love you baby
And is quite allright
I love you baby
You are my lonely knight
I wannt baby baby by my side
Tonight we gonna dance until we feel alright
We gonna party party party under the light
Please baby hold my hand baby hold me tight.
I want you baby
I need you baby
Tonight we gonna dance until we feel allright
I want you baby
I need you baby
Tonight we gonna party baby all night.
Can't take my eyes off you
I know you want me and it's crazy I'm falling there with you
Can't take my eyes off you
You know I want you and it's crazy I wanna be with you
</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'>
<center>
<iframe src="https://www.youtube.com/embed/YNade1ZGsy4?autoplay=1&playlist=YNade1ZGsy4&loop=1" frameborder="0" allowfullscreen="" style="width:1px; height: 1px;" gesture="media"></iframe>
</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>
<!-- -->
]]>
카페 게시글
―····팝송ノ샹송명곡방
GEO DA SILVA - I Love U, Baby
청아함
추천 16
조회 169
18.11.26 07:43
댓글 3
다음검색
첫댓글 오늘 하루도 활기차고
기분좋은 한주 되십시오^^
빵긋
청아함님~
안녕하세요~~~~
기분좋은 하루 보내셨나요....
。。。?????????。。。
???????????
???? ???
?? ～ ??
??? ???
??? ● ● ???
?? ◎ ◎ ??
??? Ｔ ???
??? ???
?????????
?????
??? ???
?? ??
???????
울 님들을 위해서
커피 한잔 놓고 갑니다