@charset "utf-8";
/* base.css */
body {margin:0;padding:0;background-color:#fff;text-align:center;}
hr {display:none;} /* 레이아웃 구분(top/left/contents/footer)에만 적용 */
img,fieldset {border:0 none;}
dl,ul,ol,li {list-style: none;}
h1,h2,h3,h4,h5,dl,dt,dd,ul,li,ol,th,td,p,blockquote,form,fieldset,legend {margin:0;padding:0;}
table {border-collapse:collapse;}
a {text-decoration:none;} a:link:hover, a:active {text-decoration:underline;}
input,select,textarea {font-size:100%;vertical-align:middle;}
body,th,td {font-size:12px;font-family:굴림,gulim,sans-serif;color:#333;} /* font설정은 해당 서비스에 맞게 변경 */
/* base.css end */

/* 이미지 경로 : http://icon.hanmail.net/mashup/2009/ */
body { background:url(http://icon.hanmail.net/mashup/2009/bg.jpg) repeat-x center top; }

h1, h2, h3, .mashup_content p, .mashup_content ul { visibility: hidden; height:0; position:absolute; left:-9999px;}

.mashup_title { background:url(http://icon.hanmail.net/mashup/2009/1.jpg) repeat-x top left; width:840px; height:263px; margin:0 auto;}

.mashup_content { position:relative; background:url(http://icon.hanmail.net/mashup/2009/2.jpg) repeat-x top left; width:840px; height:269px; margin:0 auto;}
.mashup_content .apply_contest, .mashup_content .apply_event { position:absolute; text-indent:-9999em; font-size:0; }
.mashup_content .apply_contest { top:205px; left:21px; width:142px; height:42px;}
.mashup_content .apply_event { top:205px; left:177px; width:124px; height:42px;}

.mashup_blog { position:relative; background:url(http://icon.hanmail.net/mashup/2009/3.jpg) repeat-x top left; width:840px; height:180px; text-align:left; margin: 0 auto;}
.mashup_blog ul { position:absolute; line-height:20px; }
.mashup_blog .blog { top:85px; left:160px; }
.mashup_blog .infomation { top:85px; left:550px; }
.mashup_blog ul li { background:url(http://icon.hanmail.net/mashup/2009/dot.gif) no-repeat left 8px; padding-left: 6px; }
.mashup_blog ul li a { font: bold 12px 돋움,Dotum,sans-serif; color:#333366; }


.mashup_bottom { position:relative; background:url(http://icon.hanmail.net/mashup/2009/4.jpg) repeat-x top left; width:840px; height:112px; text-align:left; margin: 0 auto;}
.mashup_bottom { text-indent:-9999em; font-size:0; }
.mashup_bottom .link_Daum { position:absolute; top:70px; left:50px; width:45px; height:30px; }
.mashup_bottom .link_NHN { position:absolute; top:70px; left:100px; width:45px; height:30px; }
.mashup_bottom .link_YAHOO { position:absolute; top:70px; left:218px; width:60px; height:30px; }
.mashup_bottom .link_Microsoft { position:absolute; top:70px; left:282px; width:60px; height:30px; }

#Copyright { margin:20px 0; padding-bottom:20px; }
#Copyright, #Copyright a { font :bold 10px Tahoma,sans-serif; color:#666666; word-spacing:2px;}
#Copyright a:hover { color:#4559e9; }