body {background:#fff;}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,input,button,textarea,select,option
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
}
ol, ul, li {list-style: none;}
.mobon_reset h1,.mobon_reset h2,.mobon_reset h3,.mobon_reset h4,.mobon_reset h5,.mobon_reset h6{font-size:14px; text-align:left;}
.mobon_reset, .mobon_reset input,.mobon_reset button,.mobon_reset textarea,.mobon_reset select,.mobon_reset option{font-size:12px; font-family:"돋움",Dotum,Arial,sans-serif; color:#6E6E6E; line-height: 1.4em;}
.mobon_reset label{font-size:14px; vertical-align:middle; cursor:pointer;}
.mobon_reset ol,.mobon_reset ul,.mobon_reset li {list-style: none;}
.mobon_reset blockquote,.mobon_reset q {quotes: none;}
.mobon_reset a{text-decoration:none; color:#202020;}
.mobon_reset a:hover{text-decoration:none; color:#202020;}
.mobon_reset input {border-radius: 0px;}
.mobon_reset table {border-collapse: collapse; border-spacing: 0;}
#mobonLogo {background:url(http://img.mobon.net/newAd/img/logoImg/mobonLogo01.png) right 0 no-repeat; width:15px; height:15px; position:absolute; top:2px; right:2px; z-index:99999999999999; cursor:pointer;}
#mobonLogo:hover {background:url(http://img.mobon.net/newAd/img/logoImg/mobonLogo_over01.png) right 0 no-repeat; width:73px; height:15px;}
/* 갬 */
#mobon_weather .suncloud {width:95%; }
#mobon_weather .Temperature .suncloud {animation:suncloud 1s ease-out 0s infinite forwards; -webkit-animation:suncloud 1s ease-out 0s infinite forwards; }
@-webkit-keyframes suncloud {
0% {}
50% {margin-top:3px;}
100% {margin-top:0;}
}
@keyframes suncloud {
0% {}
50% {margin-top:3px;}
100% {margin-top:0;}
}
/* 구름 */
#mobon_weather .cloud {position:absolute; left:0; top:5px; z-index:5; width:60%; }
#mobon_weather .Temperature .cloud {animation:cloud .9s ease-out 0s infinite forwards; -webkit-animation:cloud .9s ease-out 0s infinite forwards; }
@-webkit-keyframes cloud {
0% {}
50% {margin-top:3px;}
100% {margin-top:0;}
}
@keyframes cloud {
0% {}
50% {margin-top:3px;}
100% {margin-top:0;}
}
#mobon_weather .cloud2 {position:absolute; right:0; bottom:0; z-index:10; width:95%; }
#mobon_weather .Temperature .cloud2 {animation:cloud2 1s ease-out 0s infinite forwards; -webkit-animation:cloud2 1s ease-out 0s infinite forwards; }
@-webkit-keyframes cloud2 {
0% {}
50% {bottom:2px;}
100% {bottom:0;}
}
@keyframes cloud2 {
0% {}
50% {bottom:2px;}
100% {bottom:0;}
}
/* 맑음 */
#mobon_weather .sunny {width:95%; }
#mobon_weather .Temperature .sunny {animation:sunny 1s ease-out 0s infinite forwards; -webkit-animation:sunny 1s ease-out 0s infinite forwards; }
@-webkit-keyframes sunny {
0% {}
50% {margin-top:3px;}
100% {margin-top:0;}
}
@keyframes sunny {
0% {}
50% {margin-top:3px;}
100% {margin-top:0;}
}
/* 비 */
#mobon_weather .rain {position:absolute; left:7px; top:5px; z-index:5; width:90%; }
#mobon_weather .Temperature .rain {animation:rain 2s ease-out 0s infinite forwards; -webkit-animation:rain 2s ease-out 0s infinite forwards; }
@-webkit-keyframes rain {
0% {}
50% {margin-top:2px;}
100% {margin-top:0;}
}
@keyframes rain {
0% {}
50% {margin-top:2px;}
100% {margin-top:0;}
}
#mobon_weather .rain2 {position:absolute; right:5px; bottom:6px; z-index:10; width:28%; }
#mobon_weather .Temperature .rain2 {animation:rain2 .8s ease-out 0s infinite forwards; -webkit-animation:rain2 .8s ease-out 0s infinite forwards; }
@-webkit-keyframes rain2 {
0% {opacity:0; }
100% {bottom:2px; opacity:1; }
}
@keyframes rain2 {
0% {opacity:0; }
100% {bottom:2px; opacity:1; }
}
/* 소나기 */
#mobon_weather .shower {position:absolute; left:5px; top:0; z-index:5; width:95%; }
#mobon_weather .Temperature .shower {animation:shower .9s ease-out 0s infinite forwards; -webkit-animation:shower .9s ease-out 0s infinite forwards; }
@-webkit-keyframes shower {
0% {}
50% {margin-top:0;}
100% {margin-top:2px;}
}
@keyframes shower {
0% {}
50% {margin-top:0;}
100% {margin-top:2px;}
}
#mobon_weather .shower2 {position:absolute; right:15px; bottom:6px; z-index:10; width:28%; }
#mobon_weather .Temperature .shower2 {animation:shower2 .8s ease-out 0s infinite forwards; -webkit-animation:shower2 .8s ease-out 0s infinite forwards; }
@-webkit-keyframes shower2 {
0% {opacity:0; }
100% {bottom:2px; opacity:1; }
}
@keyframes shower2 {
0% {opacity:0; }
100% {bottom:2px; opacity:1; }
}
/* 안개 */
#mobon_weather .fog {width:92%; margin-top:7px;}
#mobon_weather .Temperature .fog {animation:fog 1s ease-out 0s infinite forwards; -webkit-animation:fog 1s ease-out 0s infinite forwards; }
@-webkit-keyframes fog {
0% {}
50% {margin-top:5px;}
100% {margin-top:7px;}
}
@keyframes fog {
0% {}
50% {margin-top:5px;}
100% {margin-top:7px;}
}
/* 바람 */
#mobon_weather .windy {width:92%; margin-top:7px;}
#mobon_weather .Temperature .windy {animation:windy 1s ease-out 0s infinite forwards; -webkit-animation:windy 1s ease-out 0s infinite forwards; }
@-webkit-keyframes windy {
0% {}
50% {margin-top:5px;}
100% {margin-top:7px;}
}
@keyframes windy {
0% {}
50% {margin-top:5px;}
100% {margin-top:7px;}
}
/* 번개 */
#mobon_weather .thunder {position:absolute; left:5px; top:0; z-index:5; width:95%; }
#mobon_weather .Temperature .thunder {animation:thunder .9s ease-out 0s infinite forwards; -webkit-animation:thunder .9s ease-out 0s infinite forwards; }
@-webkit-keyframes thunder {
0% {}
50% {margin-top:0;}
100% {margin-top:2px;}
}
@keyframes thunder {
0% {}
50% {margin-top:0;}
100% {margin-top:2px;}
}
#mobon_weather .thunder2 {position:absolute; right:12px; bottom:2px; z-index:10; width:38%; }
#mobon_weather .Temperature .thunder2 {opacity:1; animation:thunder2 1s ease-out 0s infinite forwards; -webkit-animation:thunder2 1s ease-out 0s infinite forwards; }
@-webkit-keyframes thunder2 {
0% {}
15% {opacity:0}
30% {opacity:1}
45% {opacity:0}
60% {opacity:1}
100% {opacity:1}
}
@keyframes thunder2 {
0% {}
15% {opacity:0}
30% {opacity:1}
45% {opacity:0}
60% {opacity:1}
100% {opacity:1}
}
/* 눈비 */
#mobon_weather .snow-rain {position:absolute; left:5px; top:0; z-index:5; width:95%; }
#mobon_weather .Temperature .snow-rain {animation:snow-rain .9s ease-out 0s infinite forwards; -webkit-animation:snow-rain .9s ease-out 0s infinite forwards; }
@-webkit-keyframes snow-rain {
0% {}
50% {margin-top:0;}
100% {margin-top:2px;}
}
@keyframes snow-rain {
0% {}
50% {margin-top:0;}
100% {margin-top:2px;}
}
#mobon_weather .snow-rain2 {position:absolute; right:5px; bottom:6px; z-index:10; width:28%; }
#mobon_weather .Temperature .snow-rain2 {animation:snow-rain2 .8s ease-out 0s infinite forwards; -webkit-animation:snow-rain2 .8s ease-out 0s infinite forwards; }
@-webkit-keyframes snow-rain2 {
0% {opacity:0; }
100% {bottom:2px; opacity:1; }
}
@keyframes snow-rain2 {
0% {opacity:0; }
100% {bottom:2px; opacity:1; }
}
#mobon_weather .snow-rain3 {position:absolute; left:13px; bottom:4px; z-index:10; width:28%; opacity:0; }
#mobon_weather .Temperature .snow-rain3 {animation:snow-rain3 .8s ease-out .2s infinite forwards; -webkit-animation:snow-rain3 .8s ease-out .2s infinite forwards; }
@-webkit-keyframes snow-rain3 {
0% {}
100% {opacity:1;}
}
@keyframes snow-rain3 {
0% {}
100% {opacity:1;}
}
/* 눈 */
#mobon_weather .snow {position:absolute; left:0px; top:5px; z-index:5; width:45%; opacity:0; }
#mobon_weather .Temperature .snow {animation:snow 1.3s ease-out 0s infinite forwards; -webkit-animation:snow 1.3s ease-out 0s infinite forwards; }
@-webkit-keyframes snow {
0% {}
100% {opacity:1;}
}
@keyframes snow {
0% {}
100% {opacity:1;}
}
#mobon_weather .snow2 {position:absolute; right:0; bottom:10px; z-index:10; width:55%; opacity:0; }
#mobon_weather .Temperature .snow2 {animation:snow2 1.1s ease-out .5s infinite forwards; -webkit-animation:snow2 1.1s ease-out .5s infinite forwards; }
@-webkit-keyframes snow2 {
0% {}
100% {opacity:1;}
}
@keyframes snow2 {
0% {}
100% {opacity:1;}
}
#mobon_weather .snow3 {position:absolute; left:10px; bottom:4px; z-index:10; width:28%; opacity:0; }
#mobon_weather .Temperature .snow3 {animation:snow3 .8s ease-out .2s infinite forwards; -webkit-animation:snow3 .8s ease-out .2s infinite forwards; }
@-webkit-keyframes snow3 {
0% {}
100% {opacity:1;}
}
@keyframes snow3 {
0% {}
100% {opacity:1;}
}