<![CDATA[
<embed src="https://t1.daumcdn.net/cfile/cafe/125350104B9F546D01" type="video/x-ms-asf" hidden="true" allowscriptaccess="sameDomain" allownetworking="internal" wmode="transparent" allowNetworking='internal' allowScriptAccess='sameDomain'><br><p style="text-align: center;"><img src="https://t1.daumcdn.net/cfile/cafe/99A5E63A5D9FE4980F" class="txc-image" width="1024" style="clear: none; float: none;" border="0" vspace="1" hspace="1" actualwidth="1024" exif="{}" data-filename="대1.jpg" id="A_99A5E63A5D9FE4980F2B58"/></p>
<p><br></p>
<p style="text-align: center;"><img src="https://t1.daumcdn.net/cfile/cafe/99AB09345D9FE4B50E" class="txc-image" width="1024" style="clear: none; float: none;" border="0" vspace="1" hspace="1" actualwidth="1024" exif="{}" data-filename="대2.jpg" id="A_99AB09345D9FE4B50E6BB5"/></p>
<p><br></p>
<p style="text-align: center;"><img src="https://t1.daumcdn.net/cfile/cafe/997C083C5D9FE5140C" class="txc-image" width="1024" style="clear: none; float: none;" border="0" vspace="1" hspace="1" actualwidth="1024" exif="{}" data-filename="대73.jpg" id="A_997C083C5D9FE5140CB7BD"/></p>
<p><br></p>
<p style="text-align: center;"><img src="https://t1.daumcdn.net/cfile/cafe/99A3A2385D9FE52F0F" class="txc-image" width="1024" style="clear: none; float: none;" border="0" vspace="1" hspace="1" actualwidth="1024" exif="{}" data-filename="대78.jpg" id="A_99A3A2385D9FE52F0F18D2"/></p>
<p><br></p>
<p style="text-align: center;"><img src="https://t1.daumcdn.net/cfile/cafe/99A4553A5D9FE54911" class="txc-image" width="1024" style="clear: none; float: none;" border="0" vspace="1" hspace="1" actualwidth="1024" exif="{}" data-filename="대79.jpg" id="A_99A4553A5D9FE54911BAC2"/></p>
<p><br></p>
<p style="text-align: center;"><img src="https://t1.daumcdn.net/cfile/cafe/99FB5E3C5D9FE56511" class="txc-image" width="1024" style="clear: none; float: none;" border="0" vspace="1" hspace="1" actualwidth="1024" exif="{}" data-filename="대80.jpg" id="A_99FB5E3C5D9FE56511BC2D"/></p>
<p><br></p>
<p style="text-align: center;"><img src="https://t1.daumcdn.net/cfile/cafe/99204C345D9FE58C13" class="txc-image" width="1024" style="clear: none; float: none;" border="0" vspace="1" hspace="1" actualwidth="1024" exif="{}" data-filename="복96.jpg" id="A_99204C345D9FE58C13E84F"/></p>
<p><br></p>
<p style="text-align: center;"><img src="https://t1.daumcdn.net/cfile/cafe/99F050365D9FE5AC14" class="txc-image" width="1024" style="clear: none; float: none;" border="0" vspace="1" hspace="1" actualwidth="1024" exif="{}" data-filename="대94.jpg" id="A_99F050365D9FE5AC14B3CF"/></p>
<p><br></p>
<p style="text-align: center;"><img src="https://t1.daumcdn.net/cfile/cafe/992381415D9FE5C612" class="txc-image" width="1024" style="clear: none; float: none;" border="0" vspace="1" hspace="1" actualwidth="1024" exif="{}" data-filename="대95.jpg" id="A_992381415D9FE5C6121412"/></p>
<p><br></p>
<p style="text-align: center;"><img src="https://t1.daumcdn.net/cfile/cafe/99610E345D9FE5DE12" class="txc-image" width="1024" style="clear: none; float: none;" border="0" vspace="1" hspace="1" actualwidth="1024" exif="{}" data-filename="대96.jpg" id="A_99610E345D9FE5DE12DFAF"/></p>
<p><br></p>
<p style="text-align: center;"><img src="https://t1.daumcdn.net/cfile/cafe/99D8FB3E5D9FE62810" class="txc-image" width="1024" style="clear: none; float: none;" border="0" vspace="1" hspace="1" actualwidth="1024" exif="{}" data-filename="대97.jpg" id="A_99D8FB3E5D9FE6281090E9"/></p>
<p><br></p>
<p style="text-align: center;"><img src="https://t1.daumcdn.net/cfile/cafe/991C86365D9FE64B0B" class="txc-image" width="1024" style="clear: none; float: none;" border="0" vspace="1" hspace="1" actualwidth="1024" exif="{}" data-filename="대92.jpg" id="A_991C86365D9FE64B0B831B"/></p>
<p><br></p>
<p style="text-align: center;"><img src="https://t1.daumcdn.net/cfile/cafe/99EBCD3F5D9FE66D13" class="txc-image" width="1024" style="clear: none; float: none;" border="0" vspace="1" hspace="1" actualwidth="1024" exif="{}" data-filename="대98.jpg" id="A_99EBCD3F5D9FE66D139E22"/></p>
<p><br></p>
<p style="text-align: center;"><img src="https://t1.daumcdn.net/cfile/cafe/997B8C405D9FE69C16" class="txc-image" width="1024" style="clear: none; float: none;" border="0" vspace="1" hspace="1" actualwidth="1024" exif="{}" data-filename="복97.jpg" id="A_997B8C405D9FE69C1652DC"/></p>
<p><br></p>
<p style="text-align: center;"><img src="https://t1.daumcdn.net/cfile/cafe/9993C1375D9FE6C30D" class="txc-image" width="1024" style="clear: none; float: none;" border="0" vspace="1" hspace="1" actualwidth="1024" exif="{}" data-filename="대101.jpg" id="A_9993C1375D9FE6C30DE306"/></p>
<p><br></p>
<p style="text-align: center;"><img src="https://t1.daumcdn.net/cfile/cafe/9992F2405D9FE6DA16" class="txc-image" width="1024" style="clear: none; float: none;" border="0" vspace="1" hspace="1" actualwidth="1024" exif="{}" data-filename="대102.jpg" id="A_9992F2405D9FE6DA16DDDE"/></p>
<p><br></p>
<p style="text-align: center;"><img src="https://t1.daumcdn.net/cfile/cafe/99BB963D5D9FE70111" class="txc-image" width="1024" style="clear: none; float: none;" border="0" vspace="1" hspace="1" actualwidth="1024" exif="{}" data-filename="대103.jpg" id="A_99BB963D5D9FE701115A2F"/></p>
<p><br></p>
<p style="text-align: center;"><img src="https://t1.daumcdn.net/cfile/cafe/9992C2335D9FE72818" class="txc-image" width="1024" style="clear: none; float: none;" border="0" vspace="1" hspace="1" actualwidth="1024" exif="{}" data-filename="대105.jpg" id="A_9992C2335D9FE7281859D9"/></p>
<p><br></p>
<p style="text-align: center;"><img src="https://t1.daumcdn.net/cfile/cafe/99BDF13C5D9FE7470D" class="txc-image" width="1024" style="clear: none; float: none;" border="0" vspace="1" hspace="1" actualwidth="1024" exif="{}" data-filename="대110.jpg" id="A_99BDF13C5D9FE7470D3805"/></p>
<p><br></p>
<p style="text-align: center;"><img src="https://t1.daumcdn.net/cfile/cafe/9988CC3D5D9FE76D1B" class="txc-image" width="1024" style="clear: none; float: none;" border="0" vspace="1" hspace="1" actualwidth="1024" exif="{}" data-filename="대104.jpg" id="A_9988CC3D5D9FE76D1B75AD"/></p>
<p><br></p>
<p style="text-align: center;"><img src="https://t1.daumcdn.net/cfile/cafe/99315F3D5D9FE7921D" class="txc-image" width="1024" style="clear: none; float: none;" border="0" vspace="1" hspace="1" actualwidth="1024" exif="{}" data-filename="대105.jpg" id="A_99315F3D5D9FE7921D3499"/></p>
<p><br></p>
<p style="text-align: center;"><img src="https://t1.daumcdn.net/cfile/cafe/992D4C3C5D9FE7A513" class="txc-image" width="1024" style="clear: none; float: none;" border="0" vspace="1" hspace="1" actualwidth="1024" exif="{}" data-filename="대106.jpg" id="A_992D4C3C5D9FE7A5133846"/></p>
<p><br></p>
<p style="text-align: center;"><img src="https://t1.daumcdn.net/cfile/cafe/99A746405D9FE7B716" class="txc-image" width="1024" style="clear: none; float: none;" border="0" vspace="1" hspace="1" actualwidth="1024" exif="{}" data-filename="대107.jpg" id="A_99A746405D9FE7B7161DA8"/></p>
<p><br></p>
<p style="text-align: center;"><img src="https://t1.daumcdn.net/cfile/cafe/99D732385D9FE7D311" class="txc-image" width="1024" style="clear: none; float: none;" border="0" vspace="1" hspace="1" actualwidth="1024" exif="{}" data-filename="대108.jpg" id="A_99D732385D9FE7D311D02F"/></p>
<p><br></p>
<p style="text-align: center;"><img src="https://t1.daumcdn.net/cfile/cafe/999D45355D9FE7EB15" class="txc-image" width="1024" style="clear: none; float: none;" border="0" vspace="1" hspace="1" actualwidth="1024" exif="{}" data-filename="대110.jpg" id="A_999D45355D9FE7EB153601"/></p>
<p><br></p>
<p style="text-align: center;"><img src="https://t1.daumcdn.net/cfile/cafe/99F4E2375D9FE81E0C" class="txc-image" width="1024" style="clear: none; float: none;" border="0" vspace="1" hspace="1" actualwidth="1024" exif="{}" data-filename="대113.jpg" id="A_99F4E2375D9FE81E0C1F15"/></p>
<p><br></p>
<p style="text-align: center;"><img src="https://t1.daumcdn.net/cfile/cafe/9983ED3E5D9FE84F0E" class="txc-image" width="1024" style="clear: none; float: none;" border="0" vspace="1" hspace="1" actualwidth="1024" exif="{}" data-filename="복122.jpg" id="A_9983ED3E5D9FE84F0E8457"/></p>
<p><br></p>
<p style="text-align: center;"><img src="https://t1.daumcdn.net/cfile/cafe/99DF17355D9FE88F12" class="txc-image" width="1024" style="clear: none; float: none;" border="0" vspace="1" hspace="1" actualwidth="1024" exif="{}" data-filename="복1.jpg" id="A_99DF17355D9FE88F123BD8"/></p>
<p><br></p>
<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 : 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: 999999; width: 200px; position:relative; top: 20000px; margin-top: -19800px; }
/* 글판 정중앙 맞추기 옵션 추가 */
/* #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>
<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; }
.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; }
.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); }
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 centert, #ffffff , #ffffce); }
.commentBox { opacity:0.4; filter:alpha(opacity=40)
progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr=#ffffff , EndColorStr=ffffce); }
.commentBox .id_admin, .commentBox .txt_btn { background-color: #FFFFFF ; }
.commentBox .id_admin {padding-top:2px; padding-bottom:2px; height: 15px; }
.comment_pos { color: #006400; } /* 댓글 색상 지정 */
.recomment_pos { color: #006400 ; } /* 답댓글 색상 지정 */
.longtail_comment textarea { color: #006400; } /* 입력댓글 색상 지정 */
/* 댓글판 마우스 오브아웃 */
.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; }
</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: 70%; }
.list_btn_top { width: 98%; margin: 0px 1% 0px 1% ; padding: 0px 0px 0px 0px ; }
/* 카페 메뉴 호브 (화면 왼쪽 벽을 마우스로 찌르면 메뉴가 나타남) */
#cafemenu { -ms-transition: all 1s ease; z-index: 99999999; left: -196px ! important; }
#cafemenu:hover { left:0px ! important; opacity: 1; background-color: #ffffce; border: 2px solid #006600; }
</style>
<style> A:hover { color:#ff0000; font-weight: bold; font-size:12px; text-decoration:none;} </style>
<style> /*페이지 75 픽셀 내리기 */ .list_btn_top { @margin-top: 75px; } #cafemenu { @margin-top: -3425px; } </style>
<style> /* 카페 메뉴 호브 (카페메뉴가 있던 위치에 마우스를 이동하면 메뉴가 나타남) */
#cafemenu { animation-name: pct123;
animation-duration: 12s;
animation-iteration-count: 1; animation-direction: alternate; animation-timing-function: ease-in;
animation-delay: 0s; }
@keyframes pct123 { from { transform: rotateY(0deg); left: 0%; opacity: 0.9; padding-right: 0px; }
70% { transform: rotateY(360deg); left: 0%; opacity: 0.9; padding-right: 0px; }
75% { transform: rotateY(360deg); left: 0%; opacity: 0.9; padding-right: 0px; }
to { transform: rotateY(360deg); left: -202px; opacity: 0; padding-right: 200px; } }
#cafemenu { -ms-transition: all 1s ease; z-index: 99999999; left: -202px ! important; opacity: 0;
background-color: #ffffff; padding-right: 200px; }
#cafemenu:hover { left:0px ! important; opacity: 0.8; border: 2px dobule #888888; padding-right: 0px; }
</style>
<!-- 배경 깔기 시작 =============================================================================-->
<!-- 기본 배경 세트 시작 ==================== -->
<!-- 전체배경- 1 이미지1 -->
<div style='background-position: center; left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; z-index: -2000; background-image: url("http://cfile261.uf.daum.net/image/99911F475C8E32122B2EF4"); background-attachment: fixed; background-repeat: no-repeat; background-size: 100% 100%;'>
</div>
<style>
.axax2 { animation-name: axax2; ;
animation-duration: 15s;
animation-iteration-count: infinite; animation-direction: alternate; }
@keyframes axax2 { 0% { opacity: 1; } 50% { opacity: 0; }
50% { opacity: 0; } 100% { opacity: 0; } }
</style>
<!-- 기본 배경 세트 끝 ==================== -->
<!-- 스크롤링 배경시작 =================================================== -->
<div style="top: -42px; position: relative; z-index: 2000;">
<!-- 타이틀 디자인 -->
<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='background-position: center; 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;'> </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;">
</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 class="xxww" id="TITLECAFENAME" style="left: calc(50% - 150px); top: 0px;">
<img alt="" src="https://t1.daumcdn.net/cafe_image/cf_img2/img_blank2.gif">
</div>
<style> /* 카페주소 크기 결정 */
#TITLECAFEADDRESS img {width: 200px ! important; height: 20px; background-size: 100% 100%; filter:none ! important; }
</style>
<!-- 카페주소 표시-->
<div class="xxww" id="TITLECAFEADDRESS" style="left: calc(50% - 100px); top: 60px;">
<img alt="" src="https://t1.daumcdn.net/cafe_image/cf_img2/img_blank2.gif">
</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>
<!-- 스크롤링 배경 끝 =================================================== -->
<!-- 배경 깔기 끝 =================================================================-->
<center>
<!-- 본문 시작 위치 지정 --> <!-- div style="position: relative; top: 115px; overflow-x: auto; overflow-y: hidden; "-->
<!-- 본문 시작 위치 지정 --> <div style="top: -42px; position: relative; -ms-overflow-x: auto; -ms-overflow-y: hidden;">
<!-- 본문 시작 위치 지정 --> <!-- div style="position: relative; top: -42px; overflow: hidden; "-->
<!------------------------------------------------------------------------------------------------------>
<div style="margin-left: 0px; position: relative;"> <!-- 케페메뉴가 화면에 없을 때 -->
<!-- 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="border: 0px double rgb(255, 0, 0); border-image: none; width: 100%;"> <!-- 본문 전체 경계선 표시(빨강색) -->
<tbody><tr><td>
<table style="border: 0px solid rgb(0, 128, 128); border-image: none; width: 100%;"><tbody><tr><td>
<p><br></p><table style="border: 0px solid rgb(0, 128, 128); border-image: none; width: 100%;"><tbody><tr><td>
<center>
<table style="border: 0px solid rgb(0, 128, 128); border-image: none; width: 100%;"><tbody><tr><td>
<!-- 본문 시작 ================================================================================-->
<!-- div style="position: relative; margin-left: 210px; "--> <!-- 카페메뉴가 왼쪽에 있을 때 (큰 댓글판) / 본문 시작위치 5px; 맞춤 -->
<!-- div style="position: relative; margin-right: 200px; "--> <!-- 카페메뉴가 오른쪽에 있을 때 (큰 댓글판) / 본문 시작위치 5px; 맞춤 -->
<!-- 스마트 본문 글넣기 시작 -->
<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.03); 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.03); opacity:1; }
.div_wrapper { display : inline-blockxxx; overflow : hiddenxxx; }
.div_wrapper div { -ms-transition : all .5s ease; opacity:0.5; }
.div_wrapper div:hover { -ms-transform : scale(1.01); opacity:1; }
.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; border: 4px double #006600;
background-color:#ffffce;
background-image: url( );
background-attachmentL fixed; background-repeat: repeat; background-position: center center; }
</style>
<div style="top: 350px; width: calc(100% - 10px); margin-left: 10px; position: relative; z-index: 9999999;"> <!-- 4.1 소스와 함께 사용할 때-->
<!-- div style="z-index: 9999999; margin-left: 10px; top: 10px; width: calc(100% - 10px); position: relative; " --><!-- 4.1 소스와 함께 사용하지 않을 때-->
<center>
<table style="position: relative; z-index: 9999991;">
<tbody>
<tr>
<!-- td width=45%--><!-- /td-->
<td align="center" style="padding: 10px 20px; border: 0px solid rgb(255, 255, 255); border-image: none;">
<pre><font color="#006400" face="md개성체" style="font-size: 11pt;">
</font><center><font color="#006400" face="md개성체" style="font-size: 11pt;">
<img src="https://t1.daumcdn.net/cfile/cafe/99C418505CD3DAE404" class="txc-image" width="80" style="clear: none; float: none;" border="0" vspace="1" hspace="1" actualwidth="80" data-filename="마크.gif" exif="{}" id="A_99C418505CD3DAE404BC70" id="A_99C418505CD3DAE404BC70"/><br></p>
<u>일일이 페이지 찾아가지 않으셔도 됩니다</u>
<img src="https://t1.daumcdn.net/cfile/cafe/99C418505CD3DAE404" class="txc-image" width="80" style="clear: none; float: none;" border="0" vspace="1" hspace="1" actualwidth="80" data-filename="마크.gif" exif="{}" id="A_99C418505CD3DAE404BC70" id="A_99C418505CD3DAE404BC70"/><br></p>
<br><br><u>좌 상단에 슬라이드 쇼 를 클릭하시면 </u>
<img src="https://t1.daumcdn.net/cfile/cafe/99C418505CD3DAE404" class="txc-image" width="80" style="clear: none; float: none;" border="0" vspace="1" hspace="1" actualwidth="80" data-filename="마크.gif" exif="{}" id="A_99C418505CD3DAE404BC70" id="A_99C418505CD3DAE404BC70"/><br></p>
<br><br><u>일명 꺾쇠에다 마우스를 조절하시면 </u>
<img src="https://t1.daumcdn.net/cfile/cafe/99C418505CD3DAE404" class="txc-image" width="80" style="clear: none; float: none;" border="0" vspace="1" hspace="1" actualwidth="80" data-filename="마크.gif" exif="{}" id="A_99C418505CD3DAE404BC70" id="A_99C418505CD3DAE404BC70"/><br></p>
<br><br><u>본 카페에 사진을 다 보실 수 있습니다</u>
<img width="80" class="txc-image" style="clear: none; float: none;" src="https://t1.daumcdn.net/cfile/cafe/99C418505CD3DAE404" border="0" vspace="1" hspace="1" actualwidth="80" exif="{}" data-filename="마크.gif" id="A_99C418505CD3DAE404BC70" id="A_99C418505CD3DAE404BC70"/><br><p><br></p>
</font><center><font color="#006400" face="md개성체" style="font-size: 11pt;">
지하철을 타고 / 왁스 Wax
</font><center><font color="#006400" face="md개성체" style="font-size: 11pt;"><iframe width="1" height="1" src="https://www.youtube.com/embed/WBteicEZpvI?autoplay=1&playlist=WBteicEZpvI&loop=1&autohide=1&showinfo=0&fs=0&rel=0" frameborder="0" allowfullscreen=""></iframe>
</font>
</center></center></center></pre>
</td>
<!-- td width=45%--><!-- /td-->
</tr></tbody></table>
</center>
</div><!-- table_wrapper 끝-->
<div style="height: 800px;">
</div></tr><<style type="text/css">body, a:hover {cursor: url(http://cfile242.uf.daum.net/attach/215D494752DA9B7834C5EE), progress !important;}
<!-- -->
]]>
카페 게시글
두리하나 사진방
두리하나 국토대장정
님 참 좋아
추천 0
조회 50
19.10.11 11:28
댓글 0
다음검색
