<![CDATA[
<xbody id="cafeSubLayout" class="type2_1 flexibled2_1 read bbsType" xxxxxxxxxxxxxxxxxxxxxxonload="init();" scroll="yes">
<xform name="claimdelForm" action="" method="post" target="hidden">
<input type="hidden" name="grpid" value="1LDnb">
<input type="hidden" name="fldid" value="Jf6B">
<input type="hidden" name="dataid" value="1854">
<!--input type="hidden" name="page" value="1">
<input type="hidden" name="prev_page" value="">
<input type="hidden" name="firstbbsdepth" value="">
<input type="hidden" name="lastbbsdepth" value=""-->
</xform>
<style> /* STD_v_4.1.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 : 0px solid #828282; border-bottom : 0px 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: 20000px; margin-top: -19800px; }
.cb, .tlb, .trb, .blb, .brb, .tcb, .bcb, .rb, .lb
{background-image: none; background-color: transparent; background: transparent; }
/* 게시글판 가로 길이 지정 */
#primaryContent { width: 80% ! important; margin-left: 10% ! important; }
/* **************************************
#primaryContent {-ms-transition: all 1s ease; }
#primaryContent:hover { width: 100% ! important; margin-left: 0% ! important; border: 0px double #888888; }
#primaryContent:hover { animation-name: pct;
animation-duration: 3s;
animation-iteration-count: infinite; animation-direction: alternate; }
@keyframes pct { from { opacity: 0.8; background: linear-gradient( to right, #ffffff, #ff0000 ); }
to { opacity: 0.8; background: linear-gradient( to right, #ffffff, #0000ff ); } }
#primaryContent { animation-name: pct;
animation-duration: 15s;
animation-iteration-count: 1; animation-direction: alternate;
animation-delay: 0s; }
@keyframes pct { from { width: 90%; margin-left: 400%; }
to { width: 90%; margin-left: 5%; } }
*/
/* 카페메뉴 길이 조절 */
#cafemenu {z-index:9999999; border-radius: 15px; width: 200px; overflow-y:auto; overflow-x:hidden;
border: 1px solid #cccccc; -ms-overflow-style: none; }
</style>
<style>
/* 카페메뉴 디자인 */
.cafeinfoBox , .cafeonBox , .menuBox {border: 1px solid #d2d2d2; background-color: transparent ! important;
background-image: none ! important; }
.cafeTab, .myTab, .menuList, .menuBoxT, .menuBoxB, .cafeinfo_bg, .cafeinfoBox.group, .cafeinfoBoxT
{ background-image:none ! important; }
.cafeon, .cafeonBox , .cafeon_search, .cafeon_search .inp_search,
.searchBox input.inp_search, .searchBox input.btn_search
{filter:none; background-image:none; background-color: transparent ! important; }
.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: #000000; }
.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 embed, .embed-container object, .embed-container img,
.embed-container iframe { 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, .xmbed-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
</style>
<style>
/* 화면정리 */
.list_paging {background-color:#ffffff; opacity:0.6; filter:alpha(opacity=60); border: 1px solid #828282; border-radius: 8px; }
.cmt_search_box_sns, .cmt_search_box {opacity:0.5; filter:alpha(opacity=60); }
.btn_area, .btn span { opacity:0.6; 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; border: 1px solid #999999; } .longtail_comment textarea { height: 200px; }
.commentBox { border: 1px solid #999999; }
.commentDiv, .comment_pos, .recomment_pos, .longtail_comment { background-color: transparent ! important; }
.commentBox .id_admin, .commentBox .txt_btn { background-color:#ffffff; }
.commentBox .id_admin {padding-top:2px; padding-bottom:2px; height: 15px; }
.comment_pos { color: #ffffff; } /* 댓글 색상 지정 */
.recomment_pos { color: #ffffff; } /* 답댓글 색상 지정*/
.longtail_comment textarea { color: #ffffff; } /* 입력댓글 색상 지정 */
/* 댓글판 별빛흐름 배경이미지 겹쳐 깔기 */
/* ***********************************************
.commentDiv { background-image: url( http://cfile261.uf.daum.net/image/27634B3654FE63792F5EF4 );
background-attachment: fixed;
background-repeat: repeat; background-position: center center; }
*/
/* 댓글 입력란 배경깔기 */
.longtail_comment {background-image: url( );
background-repeat: no-repeat; background-position: right bottom; }
</style>
<style>
/* 댓글 입력란 아래 디자인 */
.longtail_editor_menu { height: 50px;
background-image: url( );
background-repeat: no-repeat; background-position: center bottom; }
</style>
<style> /* 댓글별로 배경이미지 깔기 */
/*
.comment_pos
{background-image: url( http://cfile275.uf.daum.net/image/23444E3557B128061D639C );
background-repeat: no-repeat ; background-position: center center; min-height:120px; }
.recomment_pos
{background-image: url( http://cfile242.uf.daum.net/original/273D383D57AC20D4194838 );
background-repeat: no-repeat ; background-position: center center; min-height:120px; }
*/
</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>
.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 { background-image: url( http://cfile280.uf.daum.net/image/24016A4C58AC1D8024E074 ); background-repeat: repeat; background-position: center center; }
/*
#cafemenu { animation-name: pct123;
animation-duration: 22s;
animation-iteration-count: 1; animation-direction: alternate; animation-timing-function: ease-in;
animation-delay: 0s; }
@keyframes pct123 { from { left: -205px; opacity: 1; padding-right: 0px; }
75% { left: -205px; opacity: 1; padding-right: 0px; }
79% { left: 0%; opacity: 1; padding-right: 0px; }
96% { transform: rotateY(360deg); left: 0%; padding-right: 0px; }
to { left: -205px; opacity: 1; padding-right: 0px; } }
*/
#cafemenu { animation-name: pct123;
animation-duration: 6s;
animation-iteration-count: 1; animation-direction: alternate; animation-timing-function: ease-in;
animation-delay: 0s; }
@keyframes pct123 { from { left: -205px; opacity: 1; padding-right: 0px; }
20% { left: 0%; opacity: 1; padding-right: 0px; }
80% { transform: rotateY(360deg); left: 0%; padding-right: 0px; }
to { left: -205px; opacity: 1; padding-right: 0px; } }
#cafemenu { -ms-transition: all 1s ease; z-index: 99999999; left: -202px ! important;
padding-right: 200px; opacity: 0; background-color: #ffffff; }
#cafemenu:hover { left:0px ! important; opacity: 0.8; border: 2px dobule #888888; padding-right: 0px; }
/*
.commentDiv { background-color: #000000;
background-image: url( );
background-repeat: repeat; ; background-attachment: fixed; background-size: auto;
background-position: right top; }
*/
.commentBox { -ms-transition: all 1.5s ease; border-radius: 0px; opacity: 0.8; background-color: #000000;
background-image: url( http://cfile254.uf.daum.net/image/24782D4D58E3FD831ECA61 ) ! important;
background-repeat: no-repeat; ; background-attachment: fixed;
background-position: center top; background-size: cover;
width: 102%; margin-left: -200%; padding-right: 200%; }
.commentBox:hover { animation-play-state: paused; opacity: 0.8; background-color: #000000;
background-image: url( http://cfile247.uf.daum.net/image/27461833597F1D8F08AD59 ) ! important;
background-attachment: fixed; background-repeat: repeat; background-position: right bottom;
background-size: auto;
margin-left: -1%; padding:-right: 0%; }
.commentBox {border: 1px solid #000000; }
/*
.commentBox { animation-name: wk2;
animation-duration: 6s;
animation-iteration-count: infinite; animation-direction: alternate; }
@keyframes wk2 { from { opacity: 0; }
to { opacity: 1; } }
/*
.longtail_comment:hover { height: 220px; border: 3px double #999999; }
.longtail_comment textarea:hover { height: 200px; -ms-overflow-style: auto; }
/*
.comment_pos { animation-duration: 2s; animation-direction: alternate; animation-name: rainbowLink;
animation-iteration-count: infinite; }
@keyframes rainbowLink {
0% { color: #000000; }
15% { color: #0a0000; }
30% { color: #100000; }
45% { color: #2e0000;; }
60% { color: #5d0000; }
75% { color: #bc0000; }
90% { color: #dd0000; }
100% { color: #ff0000; } }
*/
/* @font-face define */
@font-face { font-family: md개성체; }
body, table, tr, td, select, input, div, form, textarea { font-family: md개성체; font-size:10pt; }
::selection { background: #ff0000; color: #fff; }
</style>
<style> A:hover { color:#ff0000 ! important; font-weight: bold; font-size:12px; text-decoration:none;}</style>
<style> /* 스크린 필터 */
.xc div { -ms-transition : all 1.5s ease; border: 0x solid #aaaaaa; }
.xc div:hover { }
.xw div { -ms-transition : all 1.5s ease; border: 0px solid #aaaaaa; }
.xw div:hover { height: 100% ! important; width: 100% ! important; overflow: hidden;
scrollbar-face-color: #ff0000;
left: 0% ! important; top: 0% ! important; z-index: 3333331 ! important; border: 0px solid #aaaaaa; }
.xw2 div:hover { animation-name: h2xx;
animation-duration: 3s;
animation-iteration-count: infinite; animation-direction: alternate; }
@keyframes h2xx { from { opacity:0.25; background: linear-gradient( to right, #0000ff, #ff0000 ); }
to { opacity:0.25; background: linear-gradient( to right, #ff0000, #0000ff ); } }
.xw3 div:hover { animation-name: h3xx;
animation-duration: 3s;
animation-iteration-count: infinite; animation-direction: alternate; }
@keyframes h3xx { from { opacity:0.25; background: linear-gradient( to left, #ff0000, #00ff00 ); }
to { opacity:0.25; background: linear-gradient( to left, #00ff00, #ff0000 ); } }
</style>
<style>
.xh div { -ms-transition : all 1.5s ease; border: 0px solid #aaaaaa; }
.xh div:hover { padding-bottom: 150px; padding-top: 56.25% ! important; height: 0px ! important; width: 100% ! important; overflow: hidden;
left: 0% ! important; top: 0px ! important; z-index: 3333335 ! important; border: 0px solid #aaaaaa; }
.yy1 div { -ms-transition : all 1.5s ease; }
.yy1 div:hover { left: -100% ! important; z-index: 3333331 ! important; }
</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.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.2; }
.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>
</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; overflow:hidden; background-image: url( https://i.ytimg.com/vi/sobiWZF7_Mk/maxresdefault.jpg ) ! important; background-repeat: no-repeat; background-position: center top; background-size: cover; opacity: 0.6; ">
</div>
<! 기본 배경 세트 끝 ==================== >
<! 배경 깔기 끝 =================================================================>
<center>
<! 본문 시작 위치 지정 / 게시글판 태두리 선 >
<div class="xxww" style="position: relative; top: -42px; overflow: hidden; border: 1px solid #888888; border-radius: 25px; ">
<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> /* 카페 네임 이미지 크기 결정 */
#TITLECAFENAME img {width: 300px ! important; height: 60px; background-size: 100% 100%; filter:none ! important; }
</style>
<! 카페 네임 표시>
<div id="TITLECAFENAME" class="xxyy" 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="xxyy@" style="left: calc(50% - 100px); top: 60px; " >
<img src="https://t1.daumcdn.net/cafe_image/cf_img2/img_blank2.gif" alt="" />
</div>
<style>
.xxyy { animation-name: xxyy;
animation-duration: 6s;
animation-iteration-count: 999; animation-direction: alternate; animation-delay: 0s
animation-timing-function: ease-in-out; }
@keyframes xxyy { from { transform: scale(0.3); }
to { transform: scale(1.0); } }
</style>
<!-- 본 문 시 작 =========================================== -->
<div style="height: 200px;">
<!-- 공백확보-->
</div>
<style>
.dw55 table { -ms-transition : all 2s ease; opacity:0.8; }
.dw55 table:hover { -ms-transform : scale(1); opacity: 0.9; width: 100% ! important; left: 0% ! important;; }
</style>
<span class="dw55">
<!-- 동영상 -->
<table style="border: 0px solid rgb(255, 255, 255); border-image: none; left: 22.5%; top: 0px; width: 55%; position: relative; z-index: 3333333;">
<tbody><tr><td>
<!-- 동영상 1 -->
<table class="embed-container" style="width: 100%;"> <tbody><tr><td>
<div style="left: 0%; top: 0%; width: 100%; position: absolute; z-index: -2000; opacity: 0.99;">
<div class="embed-container">
<center>
<iframe src="https://www.youtube.com/embed/S85lSQVldzg?autoplay=1&playlist=S85lSQVldzg&loop=1" frameborder="0" allowfullscreen="" style="width: 100%; height: 100%;" gesture="media"></iframe>
</center>
</div></div></td></tr></tbody></table>
</td></tr></tbody></table>
</span>
<!-- 글넣기 시작 -->
<table style="position: relative; left: 0%; width: 100%; overflow: hidden; " >
<tbody>
<tr>
<td width=45%></td><td>
<span class="table_wrapper" >
<br>
<table style="z-index:3; " >
<tbody>
<tr>
<td style=" padding: 10px 20px 10px 20px; background-color:#ffffff; opacity:0.9; " align=left >
<PRE><FONT style="FONT-SIZE: 12pt" color=#000000 face=휴먼편지체 >
<img src=https://media1.faz.net/ppmedia/aktuell/679844710/1.5296451/format_top1_breit/helene-fischer-eroeffnet-die.jpg >
You walk on by as if I were just a shadow
And it’s hard for me to say so
But I know you must go
You need some time up on the road that you are taking
So I’ll give myself to waiting 'cause I know
You're my destination, you're my fortune, you're my fate
Now you’re a part of me, my destiny, I’m sure
And because you're my destination
You’ll be coming back one day
And when your search comes to an end one thing is clear
I’ll be right here
You’ll find your way, and you won’t be going under
Now I’ll never have to wonder
Cause in time you’ll be fine
You have to do just what you’re heart has you believing
And it’s not like you are leaving me behind
You're my destination, you're my fortune, you're my fate
Now you’re a part of me, my destiny, I’m sure
And because you're my destination
You’ll be coming back one day
And when your search comes to an end one thing is clear
I’ll be right here
You're my destination, you're my fortune, you're my fate
Now you’re a part of me, my destiny, I’m sure
And because you're my destination
You’ll be coming back one day
And when your search comes to an end one thing is clear
I’ll be right here</center>
</font>
</pre>
</td></tr></tbody></table>
<br>
</span>
</td>
<td width=45%></td>
</tr>
<tr> <td>
<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>
<!-- -->
]]>
카페 게시글
―····팝송ノ샹송명곡방
Helene Fisher - You're My Destination
청아함
추천 4
조회 240
19.02.01 07:16
댓글 3
다음검색
첫댓글 기분좋은 아침
2월의시작 한달내도록 행복하세요~
청아함님
감사드립니다,~
아름다운 미모의 여인
헬렌피셔님 노래 잘하지요
잘들어요
새해 복많이 받으세요..^^
제가 아는 가수 음악 잘 들었습니다