<![CDATA[
<xbody id="cafeSubLayout" class="type2_1 flexibled2_1 read bbsType" xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxonunload="articleBGMgoodbye();">
<div id="wrap">
<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 #000000; }
.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, #00ff00, #000000 ); }
to { opacity: 0.8; background: linear-gradient( to right, #00ff00, #000000 ); } }
#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: 2px solid #ff0000; 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: 2px solid #3366cc; 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: 2px solid #ff0000; } .longtail_comment textarea { height: 200px; }
.commentBox { border:2px solid #ff0000; }
.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: red; } /* 답댓글 색상 지정*/
.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://i1.daumcdn.net/cafeimg/cf_img2/img_blank2.gif" alt=" )
background-repeat: no-repeat ; background-position: center center; min-height:120px; }
.recomment_pos
{background-image: url( http://i1.daumcdn.net/cafeimg/cf_img2/img_blank2.gif" alt=" );
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: 90%; }
.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: 17s; }
@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 #ff0000; padding-right: 0px; }
.commentBox { -ms-transition: all .5s ease; border-radius: 10px; opacity: 0.5; background-color: #545454;
background-image: url((http://cfile280.uf.daum.net/image/24728949588268192F5DD3 ) ! important;
background-repeat: repeat-y; background-position: center top; ; background-attachment: fixed;
}
.commentBox:hover { opacity: 0.8; animation-play-state: paused; background-color: #545454;
background-image: url( http://cfile232.uf.daum.net/image/244A904256C0199533AE0B)
) ! important;
background-attachment: fixed; background-repeat: repeat; background-position: right bottom;
}
.commentBox {border: 1px solid #545454; }
.commentBox { animation-name: wk2;
animation-duration: 6s;
animation-iteration-count: infinite; animation-direction: alternate; }
@keyframes wk2 { from { width: 100%; }
to { width: 90%; } }
.longtail_comment:hover { height: 220px; border: 2px double #ff0000; }
.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: #000000; color: #fff; }
</style>
<style> A:hover { color:#000000 ! 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: #000000;
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, #000000 ); }
to { opacity:0.25; background: linear-gradient( to right, #000000, #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, #000000, #00ff00 ); }
to { opacity:0.25; background: linear-gradient( to left, #00ff00, #000000 ); } }
</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: 2px double #ff0000;
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: 3333333; position: relative; top: -42px; ">
</div>
<! 기본 배경 세트 시작 ==================== >
<div style="z-index: -2000; position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; overflow:hidden; background-image: url( https://studiosol-a.akamaihd.net/uploadfile/letras/fotos/8/b/8/7/8b879566d3c0cf69db20eb820b3e8ef8.jpg ) ! important; background-repeat: no-repeat; background-position: right top; background-size: cover; opacity: 0.6; ">
</div>
<!-- 스위시 - 너울효과-->
<!--embed src="http://cfile266.uf.daum.net/original/27798A4D55EC0A5E042B55" type="application/x-shockwave-flash" style="left: 0%; top: 0%; width: 100%; height: 100%; position: absolute; z-index: -2000; opacity: 0.5;" allowscriptaccess="sameDomain" allownetworking="internal" wmode="transparent" scale="exactfit" allowNetworking='internal' allowScriptAccess='sameDomain'-->
<!-- 스위시 하얀별빛 내려옴 에반쌤님꺼~ -->
<embed src="https://t1.daumcdn.net/cfile/cafe/187B98214A03B38182" type="application/x-shockwave-flash" style="left: 0%; top: 0%; width: 50%; height: 70%; position: absolute; z-index: -1000; opacity: 1;" scale="exactfit" allowfullscreen="false" wmode="transparent" allownetworking="internal" allowscriptaccess="sameDomain" allowNetworking='internal' allowScriptAccess='sameDomain'>
<! 기본 배경 세트 끝 ==================== >
<! 배경 깔기 끝 =================================================================>
<center>
<! 본문 시작 위치 지정 / 게시글판 태두리 선 >
<div class="xxww" style="position: relative; top: -42px; overflow: hidden; border: 2px solid #ff0000; border-radius: 25px; ">
<style>
.list_btn_top { animation-name: listxxww;
animation-duration: 10s;
animation-iteration-count: 1; animation-direction: alternate; animation-delay: 0s;
animation-timing-function: ease-in-out; }
@keyframes listxxww { from { top: -140%; }
to { top: -42px; } }
.xxww { animation-name: xxww;
animation-duration: 10s;
animation-iteration-count: 1; animation-direction: alternate; animation-delay: 0s;
animation-timing-function: ease-in-out; }
@keyframes xxww { from { top: 1000px; }
50% { top: 150px; }
95% { top: 200px; }
to { top: -42px; } }
#primaryContent { animation-name: xxww2;
animation-duration: 15s;
animation-iteration-count: 1; animation-direction: alternate; animation-delay: 0s;
animation-timing-function: ease-in-out; }
@keyframes xxww2 { from { width: 70%; margin-left: 15%; }
66% { width: 70%; margin-left: 15%; }
75% { width: 85%; margin-left: 15%; }
84% { width: 100%; margin-left: 0%; }
96% { width: 100%; margin-left: 0%; }
to { width: 80%; margin-left: 10%; } }
</style>
<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>
<! 본문 시작 ================================================================================>
<! 부분배경 >
<! 세트배경 1/2 >
<div style="z-index: -2000; position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; overflow:hidden; ">
<div class="ucc2" style="z-index: -2000; position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; overflow:hidden; background-image: url( https://studiosol-a.akamaihd.net/uploadfile/letras/fotos/8/b/8/7/8b879566d3c0cf69db20eb820b3e8ef8.jpg ); background-attachment: fixed; background-repeat: no-repeat; background-position: center bottom; background-size:cover; ">
</div>
</div>
<style>
.ucc2 { animation-name: ucc2;
animation-duration: 10s;
animation-iteration-count: infinite; animation-direction: alternate; animation-delay: 0s; }
@keyframes ucc2 { from { opacity: 0.8; transform: scale(1); }
25% { opacity: 0.8; transform: scale(1); }
50% { opacity: 0; transform: scale(1.1); }
to { opacity: 0; transform: scale(1.1); } }
</style>
<! 세트배경 2/2 >
<div style="z-index: -2000; position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; overflow:hidden; ">
<div class="ucc22" style="z-index: -2000; position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; overflow:hidden; background-image: url(https://is5-ssl.mzstatic.com/image/thumb/Video128/v4/9d/5f/f8/9d5ff8f3-7633-6a44-ca90-a35b8b70cf89/Universal.820748213.00602537749928_USUV71400136.CROPPED.vidtrkimg_00602537749928_1_1.jpg/1200x630mv.jpg ); background-attachment: fixed; background-repeat: no-repeat; background-position: center bottom; background-size:cover; ">
</div>
</div>
<style>
.ucc22 { animation-name: ucc22;
animation-duration: 10s;
animation-iteration-count: infinite; animation-direction: alternate; animation-delay: 0s; }
@keyframes ucc22 { from { opacity: 0; transform: scale(1.1); }
50% { opacity: 0; transform: scale(1.1); }
75% { opacity: 0.8; transform: scale(1); }
to { opacity: 0.8; transform: scale(1); } }
</style>
<! 부분배경 >
<div style="z-index: -2000; position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; overflow:hidden; opacity: 0.5; background-image: url( ); background-attachment: fixed; background-repeat: repeat; background-position: center bottom; ">
</div>
<!커텐 스위시 >
<EMBED style=" z-index: -2000; position:absolute; width:100%; height: 70%; left: 0%; top: 0%; " scale="exactfit" type=application/x-shockwave-flash src=http://pds84.cafe.daum.net/original/5/cafe/2008/08/15/20/56/48a56ef0752d8 wmode="transparent" allowNetworking='internal' allowScriptAccess='sameDomain'>
<! 보조페이지 - 중앙 >
<span class="xh">
<div style="z-index: 3333333; left: 0%; top: 0px; width: 100%; height: 110px; position: absolute; ">
<div style="z-index: 1; background-position: top; left: 0%; top: 0px; width: 100%; height: 100%; position: absolute; background-image: url( ); background-repeat: no-repeat; "> </div>
<! 타이틀 배경이미지 또는 타이틀 배경색상 표시>
<div id="TITLEBACKGROUND" class="h5xx" style="left: 0%; top: 0px; width: 100%; height: 110px; position: absolute; opacity:0.2; ">
</div>
<style>#TITLEBACKGROUND {background-position: center top; background-image: none; background-color: transparent; }
.h5xx { animation-name: h5xx;
animation-duration: 3s;
animation-iteration-count: infinite; animation-direction: alternate; }
@keyframes h5xx { from { opacity:0.2; background: linear-gradient( to bottom, #0000ff, #000000 ); }
to { opacity:0.5; background: linear-gradient( to bottom, #00ff00, #000000 ); } }
</style>
<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=" left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; overflow: hidden; " >
<! 동영상 >
<div style=" z-index: -2000; position: absolute; width: 100%; left: 0%; top: 0px; border: 0px solid #ffffff; opacity: 0.9; ">
<! 동영상 1 >
<div class='embed-container' style="width: 100%; top: 150px; ">
<iframe src="https://www.youtube.com/embed//M81E8cDxkpc?autoplay=1&playlist=M81E8cDxkpc&loop=1&autohide=1&showinfo=0&fs=0&rel=0" frameborder="0" allowfullscreen=""></iframe>
</div>
</div>
<! 동영상 끝 >
</div>
</div>
</span>
<! 보조페이지 - 중앙 끝>
<!-- 서랍장 본문 글넣기 시작 개정판 -->
<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.4; }
.div_wrapper div:hover { -ms-transform : scale(1); opacity: 0.9; }
.table_wrapper { display : inline-blockxxx; overflow : hiddenxxx; }
.table_wrapper table { -ms-transition : all .5s ease; opacity:0.4; }
.table_wrapper table:hover { -ms-transform : scale(1.01); opacity:0.9; border: 2px double #ff0000;
background-color: #ffffff;
background-image: url( );
background-repeat: repeat; background-position: center center; }
.yy1 div { -ms-transition : all 1.5s ease; }
.yy1 div:hover { left: -100% ! important; z-index: 3333331 ! important; }
</style>
<! 서랍장 본문 >
<div style="top: 250px; left: 10%; width: 80%; border: 2px double #ff0000; position: absolute; overflow-x: hidden; ">
<span class="yy1" >
<div style="z-index: 3333333; left: 0%; top: 0px; width: 200%; position: relative; border: 0px solid #ffffff; ">
<!-- 글넣기 시작 -->
<table style="position: relative; left: 50%; width: 50%; 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: 13pt" color=#000000 face=휴먼편지체 >
<img src= https://images.shazam.com/artistart/a40873987_s800b1b5.jpg width=100%>
Well they can try to sink us, but I'll just swim
Because my will is stronger than a gale force wind .
Look out, look out, 'cause each time I fall
I'll be crashing down, right through your arms
Here I come
Cannonball, cannonball
Here I come
Cannonball, cannonball, cannonball
And when they light their torches, when they scream and yell
I'm gonna raise my flag and gonna give 'em hell
Look out, look out, 'cause each time I fall
I'll be crashing down, right through your arms
Here I come
Cannonball, cannonball
Here I come
Cannonball, cannonball, cannonball
At the end of the day
When the air is still and the sky is grey
Let's swim
Who will be standing?
I challenge you all
Bombs away, bombs away
Here I come
Cannonball, cannonball
Here I come
Cannonball, cannonball
Here I come
Cannonball, cannonball
Here I come
Cannonball, cannonball, cannonball</font>
</pre>
</td></tr></tbody></table>
<br>
</span>
</td>
<td width=45%></td>
</tr>
<tr> <td>
<! 서랍장 본문 배경색 >
<table style="z-index: -1; position: absolute; height: 100%; width: 100%; top: 0px; left: 0%; background-color: #000000; opacity:0.4 ; " > <tbody> <tr> <td> </td> </tr></tbody></table>
</td></tr>
<tr> <td>
<! 서랍장 본문 배경이미지 >
<table style="z-index: -2; position: absolute; height: 100%; width: 100%; top: 0px; left: 0%; background-image: url( http://cfile261.uf.daum.net/image/27634B3654FE63792F5EF4 ); background-attachment: fixed; background-repeat: repeat; background-position: center center; " ><tbody> <tr> <td> </td> </tr></tbody></table>
</td></tr>
</tbody></table>
<!-- 글넣기 끝 -->
</div>
</span>
</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>
<div style="height:4500px; position: relative;"> </div>
<p><br></p>
<p><br></p>
<p><br></p>
<p><br></p>
<!-- -->
]]>
카페 게시글
―····팝송ノ샹송명곡방
Skylar Grey - Cannonball ft. X Ambassadors
청아함
추천 16
조회 229
18.11.28 08:49
댓글 7
다음검색
첫댓글 동영상을 보실려면
카페 이름에 마우스를 올려 놓으세요~~~
................° ★ ♥ . o ˚♡ ♡ .˚ ° . . ° ^
............* 。·~. °♡ 。 .° ˙。˚ ♡ . ★ ° ☆ °
.........。°♥·˚· . ·.˚ . . . * ♡ . o . °· °
........♡ ′′ ° ♡ o . ♡ . o . °. ☆ . ☆ . *
........☆′♡
........♥′
......ㅣㅣ
..◑ ┻┻━━━┑┍━━━━┑┍━━━━┑ ☆
▣▣▣▨▨▨▨││▣▣▣▣││▣▣▣▣│ ∞
★///●≒●≒●≒●≒●≒≒●≒≒●≒≒●
행복한 하루 되세요~~
머물다 갑니다.
미모가....
................°
. o ˚
.˚ ° . . ° ^ 
. °
。 .° ˙。˚ 
. 
° 
° 
·˚· . ·.˚ . . . * 
. o . °· ° 
′′ ° 
o . 
. o . °. 
. 
. * 
′
′ 
///●≒●≒●≒●≒●≒≒●≒≒●≒≒●
이래 좋은거 올려주셔도 되는감요
............* 。·
.........。°
........
........
........
......ㅣㅣ
..◑ ┻┻━━━┑┍━━━━┑┍━━━━┑
▣▣▣▨▨▨▨││▣▣▣▣││▣▣▣▣│ ∞
히히
청아함님
이쁘네요~~~
어찌 하는건지 알려 주세요..
@청아함
댓글창 따로 클릭해서
텍콘사용했습니다~ ㅎㅎㅎㅎㅎㅎㅎ
@사과향기.
무슨 말씀인지...;;
@청아함 헐__텍스티콘 체크해서 요로쿰~했시유~