<![CDATA[
<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: -95px; border: 0px solid #ff0000; }
.list_btn_top { z-index: 9999999; position: relative; top: 180px; }
#cafemenu {z-index: 999999; width: 200px; position:relative; top: 3700px; margin-top: -3490px; }
/* 글판 정중앙 맞추기 옵션 추가 */
/* #content { margin-left: 15px ! important; } 글판 가로길이 100% 아닐 때 사용 */
/* 게시글판 가로 길이 지정 */
#primaryContent { width: 80% ! important; margin-left: 10% ! important; }
#cafemenu { left: 10% ! important; }
#primaryContent { width: 100% ! important; margin-left: 0% ! important; }
#cafemenu { left: 0% ! important; }
/*
#primaryContent { width: 800px ! important; margin-left: calc(50% - 400px) ! important; }
#cafemenu { left: calc(50% - 400px ) ! important; }
*/
/* #cafemenu { left: 10% ! important; margin-left: 15px ! important; } 카페메뉴 왼쪽에 위치 - 가로길이 100% 아닐 때
#cafemenu { left: 90% ! important; margin-left: -200px; } 카페메뉴 오른쪽에 위치 */
#cafemenu { left: 100% ! important; } 카페메뉴 화면에서 제거
</style>
<p><br></p>
<p><br></p>
<p><br></p>
<p><br></p>
<p><br></p>
<p><br></p>
<p><br></p>
<style>
/* 카페메뉴 디자인 */
/*
#cafemenu
{ background: linear-gradient( to right, #00ff00, #ffffff );
opacity:0.6; filter:alpha(opacity=60)
progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr=#00ff00 , EndColorStr=#ffffff ); }
#cafemenu { background-image: url( http://cfile247.uf.daum.net/image/24570542577B80E9239007 ); background-attachment: fixed; background-repeat: repeat; background-position: center center; }
#cafemenu { opacity:0.6; filter:alpha(opacity=60); }
.cafeinfoBox , .cafeonBox , .menuBox {border: 1px solid #d2d2d2; background-image: url( http://cfile247.uf.daum.net/image/24570542577B80E9239007 ); background-attachment: fixed; background-repeat: repeat; background-position: center center; }
*/
#cafemenu { opacity:0.8; filter:alpha(opacity=80); }
.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: #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 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 { background: linear-gradient( to right, #ffffff , #ffffff ); }
.commentBox { opacity:0.8; filter:alpha(opacity=80)
progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr=#ffffff , EndColorStr=#ffffff ); }
.commentBox .id_admin, .commentBox .txt_btn { background-color:#ffffff; }
.commentBox .id_admin {padding-top:2px; padding-bottom:2px; height: 15px; }
.comment_pos { color: #000000; } /* 댓글 색상 지정 */
.recomment_pos { color: #000000; } /* 답댓글 색상 지정*/
.longtail_comment textarea { color: #000000; } /* 입력댓글 색상 지정 */
/* 댓글판 별빛흐름 배경이미지 겹쳐 깔기 */
.commentDiv {background-image: url(http://cfile249.uf.daum.net/image/016A714C50998580052494 );
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> /* 댓글판 가로넓이 축소 (800 픽셀) */
.comment_scrap, .commentBox, .list_btn_area, .prenext_paging { position:relative; width:700px; }
.list_btn_top { width: 98%; margin: 0px 1% 0px 1% ; padding: 0px 0px 0px 0px ; }
</style>
</style>
<style> /* 댓글판 가로넓이 지정 */
.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 ; }
/* 카페 메뉴 호브 (화면 왼쪽 벽을 마우스로 찌르면 메뉴가 나타남) */
#cafemenu { background-image: url( http://cfile280.uf.daum.net/image/24016A4C58AC1D8024E074 ); background-repeat: repeat; background-position: center center; }
#cafemenu { animation-name: pct123;
animation-duration: 7s;
animation-iteration-count: 1; animation-direction: alternate; animation-timing-function: ease-in;
animation-delay: 0s; }
@keyframes pct123 { from { left: 5%; opacity: 0.8; }
70% { left: 5%; opacity: 0.8; }
to { left: -185px; opacity: 0.2; } }
#cafemenu { -ms-transition: all 1s ease; z-index: 99999999; left: -185px ! important; opacity: 0.2;
background-color: #ffffff; }
#cafemenu:hover { left:0px ! important; opacity: 0.8; border: 2px dobule #888888; }
/*
#cafemenu:hover { animation-name: kfabc;
animation-duration: 3s;
animation-iteration-count: infinite; animation-direction: alternate; }
@keyframes kfabc { from { background: linear-gradient( to right, #ffffff, #ccff00 ); }
to { background: linear-gradient( to right, #66ffff, #ffffff ); } }
*/
</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>
<! 스크롤링 배경시작 =================================================== >
<div style="z-index: 2000; position: relative; top: -42px; ">
<!-- 타이틀 디자인 -->
<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(); 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.2; ">
</div>
<style>#TITLEBACKGROUND {background-position: center top; background-repeat: repeat } </style>
<! 카페 네임 표시 - 원본 크기로 표시함>
<table ><tbody><tr><td width=49%></td> <td align=center >
<div id="TITLECAFENAME" class="xxww" style="top: 0px; left:0px; width: 100%; filter:none ! important; ">
<img src="https://t1.daumcdn.net/cafe_image/cf_img2/img_blank2.gif" alt="" />
</div> </td><td width=49%></td> </tr></tbody></table>
<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>
<! 스크롤링 배경 끝 =================================================== >
</TD></TR></TBODY></TABLE></TR></TBODY></TABLE></TR></TBODY></TABLE></TR></TBODY></TABLE>
<! 기본 배경 세트 시작 ==================== >
<STYLE 배경이미지_primary>
body
{ background-image: url(http://cfile251.uf.daum.net/original/2573E24456F6A1D82B8E75);
background-attachment: fixed; background-color:#ffffff;
background-repeat: no-repeat ; background-position: center bottom; background-size: cover; }
</STYLE>
<! 자전거 타는 연인 >
<EMBED style="z-index: -2000; position: absolute; width:100%; height: 90%; top: 75px; left: 0px; opacity:0.7; filter:alpha(opacity=70) ; " scale="exactfit" type=application/x-shockwave-flash src=http://pds85.cafe.daum.net/original/5/cafe/2008/08/15/20/52/48a56e00ced3f allowFullScreen="false" allowScriptAccess="sameDomain" wmode="transparent" allowNetworking="internal" allowNetworking='internal' allowScriptAccess='sameDomain' >
<! 예쁜 별빛 스위시 >
<EMBED style=" z-index: -2000; position:absolute; width:33.3%; height: 43.3%; left: 0%; top: 20%; " scale="exactfit" type=application/x-shockwave-flash src=http://cfile298.uf.daum.net/original/214A963F567CEEB937E8CA wmode="transparent" allowNetworking='internal' allowScriptAccess='sameDomain'>
<EMBED style=" z-index: -2000; position:absolute; width:33.3%; height: 43.3%; left: 33.3%; top: 20%; " scale="exactfit" type=application/x-shockwave-flash src=http://cfile298.uf.daum.net/original/214A963F567CEEB937E8CA wmode="transparent" allowNetworking='internal' allowScriptAccess='sameDomain'>
<EMBED style=" z-index: -2000; position:absolute; width:33.3%; height: 43.3%; left: 66.6%; top: 20%; " scale="exactfit" type=application/x-shockwave-flash src=http://cfile298.uf.daum.net/original/214A963F567CEEB937E8CA wmode="transparent" allowNetworking='internal' allowScriptAccess='sameDomain'>
<! 배경 깔기 끝 =================================================================>
<center>
<! 본문 시작 위치 지정 > <! div style="position: relative; top: 115px; overflow-x: auto; overflow-y: hidden; ">
<! 본문 시작 위치 지정 > <div style="position: relative; top: -42px; overflow-x: auto; overflow-y: hidden; ">
<! 본문 시작 위치 지정 > <! div style="position: relative; top: -42px; overflow: hidden; ">
<! 부분 배경 깔지않음>
<! div style="Z-INDEX: -2000; position:absolute; top: 2500px; left: 0%; width:100%; height:100%; opacity:0.3; filter:alpha(opacity=30); background-image: url( http://cfile284.uf.daum.net/attach/9935013359B560171524C1 ); background-attachment: fixed; background-repeat: no-repeat; background-position: center center; background-size: cover; ">
<! /div>
<!------------------------------------------------------------------------------------------------------>
<div style="position: relative; margin-left: 0px; "> <! 케페메뉴가 화면에 없을 때 >
<! div style="position: relative; margin-left: 210px; "> <! 카페메뉴가 왼쪽에 있을 때 / 본문 시작위치 15px; 맞춤 >
<! div style="position: relative; margin-right: 200px; "> <! 카페메뉴가 오른쪽에 있을 때 / 본문 시작위치 15px; 맞춤 >
<! TABLE style="width:100%; border: 1px solid #ff0000; " > <! 본문 전체 경계선 표시하기>
<TABLE style="width:100%; border: 0px solid #ff0000; 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="position: relative; margin-left: 210px; "> <! 카페메뉴가 왼쪽에 있을 때 (큰 댓글판) / 본문 시작위치 5px; 맞춤 >
<! div style="position: relative; margin-right: 200px; "> <! 카페메뉴가 오른쪽에 있을 때 (큰 댓글판) / 본문 시작위치 5px; 맞춤 >
<! 본문 시작 ================================================================================>
<div style=" position: relative; height: 0px; " ></div>
<center><iframe width="150" height="50" src="https://www.youtube.com/embed/OX-iBInTWzk"; frameborder="0" allowfullscreen=""></iframe>
<div style=" position: relative; height: 400px; " ></div>
<!-- 글넣기 시작 -->
<! div style="left: 0px; top: 0px; width: 100%; position: relative; border: 0px solid #000000; background-image: url( http://cfile258.uf.daum.net/image/2503403B578311B705E267 ); background-repeat: no-repeat; background-position: center bottom; background-size: cover; opacity:0.5; filter:alpha(opacity=50); " >
<div style="left: 0px; top: 0px; width: 100%; position: relative; z-index: -1000; border: 0px solid #000000; " >
<center>
<! table style=" background-color:#ffffff; opacity:0.4; filter:alpha(opacity=40); width:100%; " >
<table >
<tbody>
<tr>
<td width=45%></td>
<td style="background-color:#ffffff; opacity:0.7; filter:alpha(opacity=50); padding: 10px 20px 10px 20px; " align=left >
<! td style=" padding: 10px 20px 10px 20px; " align=left >
<! td align=left >
<pre><font color="000000" face="함초롬바탕" size="3"><b>
<p style="text-align: center;"><br></p><p style="text-align: center;"><img src="https://t1.daumcdn.net/cfile/cafe/9988563E5B578E4634" class="txc-image" width="501" style="clear: none; float: none;" border="0" vspace="1" hspace="1" data-filename="001.jpg" exif="{}" actualwidth="501" id="A_9988563E5B578E46341AEB"/></p><p style="text-align: center;"><br></p><p style="text-align: center;"><img src="https://t1.daumcdn.net/cfile/cafe/99942F3E5B578E4633" class="txc-image" width="369" style="clear: none; float: none;" border="0" vspace="1" hspace="1" data-filename="002.jpg" exif="{}" actualwidth="369" id="A_99942F3E5B578E46332BF5"/></p><p style="text-align: center;"><br></p>
<! 음악>
<center></iframe><iframe width="853" height="480" src="https://www.youtube.com/embed/OX-iBInTWzk?autoplay=1&loop=1&playlist=OX-iBInTWzk&vq=hd720&autohide=1&controls=1&showinfo=0&rel=0" frameborder="0" allowfullscreen=""></iframe>
</center>
</b>
</font>
</pre>
</td>
<td width=45%></td>
</tr></tbody></table>
</center>
</div>
<!-- 글넣기 끝 -->
<p><br></p><p><br></p>
<!-- -->
]]>
첫댓글 좋은 아침입니다..
.. 
.. 
좋은 아침이 좋은 하루를 만든다고 합니다..
모두 모두 좋은 아침 되세요..
아. 이 노래 잊었던 노래인데 올려 주셔서 잘 듣고 있어요. ^^
그러고 보니 시간이 정말 빨리 흐르네요.
어렸을 때 이 노래 방송에서 자주 듣곤 했었는데요.
새리스님 행복한 하루 보내세요. 러브
그래요.. 참 시간이 빨리 흐릅니다..
어찌나 빠르게 세월이 가는지 모르겟네요.. ㅎㅎ
햇살님 더운 날씨 수고가 늘 많으셔요..
시원한 여름날 되세요.. ^^
앗싸...^^
참 오랜만에 들어보네요 감사합니다
참 세월 빠르다,,,,
옛추억에 젖어 잠시 쉬다가요 감사합니다^^
추억의 한 장면이 떠오릅니다
감사합니다