<style>
#mArticle li {
padding: 10px;
margin: 10px;
border: 10px solid #000000 inset;
border-radius: 5000px;
background-color: rgba(230,255,255,0.7) !important;
box-shadow: 0px 1px 1px 1px #FFFFFF, 3px 3px 30px 10px rgba(161,255,255,0.9) !important;
display:inline-block;
}
</style>
<div data-ke-class="article"><style>
#mArticle li div:last-child:before{ content: "ㅤ "; }
#mArticle li div:first-child:after{ content: "ㅤ"; }
</style></div>
</style>
<style>
.tit_cmt {
border:none !important;
font-size:0 !important;
}
.tit_cmt span{display:none!important;}
</style>
<style>
#mArticle li span:last-child{display:none;}
</style>
<style>
.tit_cmt {font-size:0 !important;}
.tit_cmt:before {content:'';font-size:0pt;color:#FFFFFF;}
.tit_cmt span {display: none;}
</style>
<style>
#btn_allcmt { font-size: 0;background: #FFFFFF; border: transparent; }
#btn_allcmt:before { content: ''; font-size: 0pt; color: #FFFFFF; }
#btn_allcmt span { display: none; }
</style>
<style>
#mArticle li span[class*="new"]{display:none;}
</style>
<style>
li span{display:none;}
</style>
<style> @font-face {
font-family: 'NeoDunggeunmoPro-Regular';
src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2302@1.0/NeoDunggeunmoPro-Regular.woff2') format('woff2');
font-weight: normal;
font-style: normal;
}p,br,body,table,td,input,form,textarea
{color:#FFFFFF;font-size: 7pt; !important; text-align:center; !important; text-shadow: 0px 0px 2px #00004B, 0px 0px 2px #00004B, 0px 0px 1px #00004B, 0px 0px 1px #00004B !important; font-family:'NeoDunggeunmoPro-Regular';}
li p{
color:#FFFFFF;
font-size:4pt !important;
font-weight: normal;
font-family: 'NeoDunggeunmoPro-Regular'; }
</style>
<style> </style>
<div data-ke-class="article"><style>#mArticle li span:first-child {color: #FFFFFF; font-size: 3pt; !important; }</style></div>
<style>
#mArticle > div:nth-child(1) > div:nth-child(2) {align: center; !important; margin: outo !important; }
</style>
<style> div, li { background-color: transparent !important;} div > .bg {position: fixed;top:0;left:0;z-index: -1;width: 100%;height: 100%; background: url(''), url('https://t1.daumcdn.net/cafeattach/1ZWpT/1117d7e44aaa1801ed602efd608064bdab09122d') center / cover;} </style> <div class="bg"></div>
<style>
#mArticle > div > span:nth-of-type(1) {display:none !important;}
#mArticle > div > span:nth-of-type(2) {display:none !important;}
</style>
<style>
#mArticle > div:nth-child(7) {display: none;}
ins div{display:none;}
</style>
<style>
#mArticle > div:nth-child(1) > div:nth-child(2){display:none !important;}
</style>
<style>
#mArticle > div:nth-child(7) {display: none;}
ins div{display:none;}
</style>
<style>
#mArticle li:nth-child(1) { animation: lal 7.0s linear; animation-fill-mode: forwards; }
@keyframes lal {
0% { transform: translate(-50px,700px); }
15% { transform: translate(120px,400px); }
30% { transform: translate(-30px,100px); }
45% { transform: translate(100px,-200px); }
60% { transform: translate(-50px, -500px); }
75% { transform: translate(130px,-800px); }
80% { transform: translate(-10px,-1100px); }
75% { transform: translate(100px,-1400px); }
90% { transform: translate(-50px,-1700px); }
100% { transform: translate(100px,-2000px); }
}
#mArticle li:nth-child(2) { animation: lalal 25.0s linear; animation-fill-mode: forwards; }
@keyframes lalal {
0% { transform: translate(-300px,700px); }
15% { transform: translate(100px,400px); }
30% { transform: translate(-300px,100px); }
45% { transform: translate(100px,-200px); }
60% { transform: translate(-300px, -500px); }
75% { transform: translate(100px,-800px); }
80% { transform: translate(-300px,-1100px); }
75% { transform: translate(100px,-1400px); }
90% { transform: translate(-300px,-1700px); }
100% { transform: translate(100px,-2000px); }
}
#mArticle li:nth-child(3) { animation: lac 48.0s linear; animation-fill-mode: forwards; }
@keyframes lac {
0% { transform: translate(-170px,700px); }
15% { transform: translate(120px,400px); }
30% { transform: translate(-170px,100px); }
45% { transform: translate(100px,-200px); }
60% { transform: translate(-170px, -500px); }
75% { transform: translate(130px,-800px); }
80% { transform: translate(-170px,-1100px); }
75% { transform: translate(100px,-1400px); }
90% { transform: translate(-170px,-1700px); }
100% { transform: translate(100px,-2000px); }
}
#mArticle li:nth-child(4) { animation: lad 55.0s linear; animation-fill-mode: forwards; }
@keyframes lad {
0% { transform: translate(-250px,300px); }
15% { transform: translate(100px,-200px); }
30% { transform: translate(-220px,-700px); }
45% { transform: translate(100px,-1500px); }
60% { transform: translate(-240px, -1800px); }
75% { transform: translate(100px,-2300px); }
80% { transform: translate(-200px,-2800px); }
75% { transform: translate(100px,-3300px); }
90% { transform: translate(-100px,-3800px); }
100% { transform: translate(100px,-4300px); }
}
#mArticle li:nth-child(5) { animation: lae 40.0s linear; animation-fill-mode: forwards; }
@keyframes lae {
0% { transform: translate(-200px,300px); }
15% { transform: translate(120px,-100px); }
30% { transform: translate(-200px,-500px); }
45% { transform: translate(100px,-900px); }
60% { transform: translate(-200px, -1400px); }
75% { transform: translate(130px,-1900px); }
80% { transform: translate(-200px,-2400px); }
75% { transform: translate(100px,-2900px); }
90% { transform: translate(-200px,-3400px); }
100% { transform: translate(100px,-3900px); }
}
#mArticle li:nth-child(6){ animation: laf 100.0s linear; animation-fill-mode: forwards; }
@keyframes laf {
0% { transform: translate(-250px,300px); }
15% { transform: translate(100px,-100px); }
30% { transform: translate(-220px,-700px); }
45% { transform: translate(100px,-1300px); }
60% { transform: translate(-240px, -1900px); }
75% { transform: translate(100px,-2500px); }
80% { transform: translate(-200px,-3100px); }
75% { transform: translate(100px,-3700px); }
90% { transform: translate(-100px,-4300px); }
100% { transform: translate(100px,-4700px); }
}
#mArticle li:nth-child(7) { animation: lah 85.0s linear; animation-fill-mode: forwards; }
@keyframes lah {
0% { transform: translate(-100px,400px); }
15% { transform: translate(120px,0px); }
30% { transform: translate(-30px,-400px); }
45% { transform: translate(100px,-800px); }
60% { transform: translate(-50px, -1200px); }
75% { transform: translate(130px,-1600px); }
80% { transform: translate(-10px,-2000px); }
75% { transform: translate(100px,-2400px); }
90% { transform: translate(-50px,-2800px); }
100% { transform: translate(100px,-3200px); }
}
#mArticle li:nth-child(8) { animation: aa 60.0s linear; animation-fill-mode: forwards; }
@keyframes aa {
0% { transform: translate(-250px,100px); }
15% { transform: translate(100px,-400px); }
30% { transform: translate(-220px,-1400px); }
45% { transform: translate(100px,-1900px); }
60% { transform: translate(-240px, -2400px); }
75% { transform: translate(100px,-2900px); }
80% { transform: translate(-200px,-3400px); }
75% { transform: translate(100px,-3900px); }
90% { transform: translate(-100px,-4400px); }
100% { transform: translate(100px,-4900px); }
}
#mArticle li:nth-child(9) { animation: bb 49.0s linear; animation-fill-mode: forwards; }
@keyframes bb {
0% { transform: translate(-100px,400px); }
15% { transform: translate(120px,0px); }
30% { transform: translate(-30px,-400px); }
45% { transform: translate(100px,-800px); }
60% { transform: translate(-50px, -1200px); }
75% { transform: translate(130px,-1600px); }
80% { transform: translate(-10px,-2000px); }
75% { transform: translate(100px,-2400px); }
90% { transform: translate(-50px,-2800px); }
100% { transform: translate(100px,-3200px); }
}
#mArticle li:nth-child(10) { animation: cc 61.0s linear; animation-fill-mode: forwards; }
@keyframes cc {
0% { transform: translate(-250px,100px); }
15% { transform: translate(100px,-400px); }
30% { transform: translate(-220px,-1400px); }
45% { transform: translate(100px,-1900px); }
60% { transform: translate(-240px, -2400px); }
75% { transform: translate(100px,-2900px); }
80% { transform: translate(-200px,-3400px); }
75% { transform: translate(100px,-3900px); }
90% { transform: translate(-100px,-4400px); }
100% { transform: translate(100px,-4900px); }
}
</style>
<style>
div >.fis {
position: fixed;
z-index:999;
direction: normal;
width: 70px;
height: 70px;
background: url('https://t1.daumcdn.net/cafeattach/1ZWpT/e59f0515cf4f6d2eae7a75b75d1a342d9e829acd') no-repeat center / contain;
animation: fis 13s infinite normal linear;
}
@keyframes fis {
0% {top:10%; left:100%;}
100% {top:230%; left:-500%;}
}
</style>
<p class="fis"></p>
<style>
div >.faa {
position: fixed;
z-index:999;
direction: normal;
width: 130px;
height: 130px;
background: url('https://t1.daumcdn.net/cafeattach/1ZWpT/b45aebe4993dbd67442b9b98967d30fc11fa4271') no-repeat center / contain;
animation: faa 30s infinite normal linear;
}
@keyframes faa {
0% {top:20; left:300%;}
100% {top:20%; left:-100%;}
}
</style>
<p class="faa"></p>
<style>
div >.eee {
position: fixed;
z-index:999;
direction: normal;
width: 300px;
height: 300px;
background: url('https://t1.daumcdn.net/cafeattach/1ZWpT/b27e000295c9db4394b33b99d29354eabb4c6cfb') no-repeat center / contain;
animation: eee 18s infinite normal linear;
}
@keyframes eee {
0% {top:250%; left:-500%;}
100% {top:-50%; left:300%;}
}
</style>
<p class="eee"></p>
<style>
div >.tut {
position: fixed;
z-index:999;
direction: normal;
width: 200px;
height: 200px;
background: url('https://t1.daumcdn.net/cafeattach/1ZWpT/b6c03f21cf47439b28dbfd00320b7128d1db98c0') no-repeat center / contain;
animation: tut 18s infinite normal linear;
}
@keyframes tut {
0% {top:40%; left:-250%;}
100% {top:-40%; left:280%;}
}
</style>
<p class="tut"></p>
<style>
div >.uuu {
position: fixed;
z-index:999;
direction: normal;
width: 90px;
height: 90px;
background: url('https://t1.daumcdn.net/cafeattach/1ZWpT/04c63424493bc41c86b11f0da3d763aeb0ad9c53') no-repeat center / contain;
animation: uuu 15s infinite normal linear;
}
@keyframes uuu {
0% {top:40%; left:200%;}
40% {top:55%; left:90%;}
50% {top:40%; left:74%;}
60% {top:5%; left:50%;}
750% {top:40%; left:35%;}
85% {top:45%; left: 5%;}
100% {top:40%; left:-20%;}
}
</style>
<p class="uuu"></p>
<style>
#writeAComment {
font-size: 0 !important;
border: 2px double transparent; border-style: double; border-radius: 25px; border-width: 4px; border-color:#FFFFFF; background-color: rgb(255,255,255,0.4);
}
#writeAComment:after {
content: '물방울로 변신!';
font-size: 14pt;
color: #FFFFFF;
}
#writeAComment span {
display: none;
}
</style>