@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/blog_bg.jpg) repeat-x top center; width:100%; background-color:#e7e8ee;}
.msh_blog_con_list { visibility: hidden; height:1px; position:absolute; left:-9999px;}
.msh_blog_title { width:810px; height:260px; visibility: hidden; margin:0 auto;}
.msh_blog_menu { position:relative; width:810px; height:51px; font-size:0; text-indent:-9999em; margin:0 auto;}
.msh_blog_menu h3 { visibility: hidden; height:0; }
.navi1 { background:url(http://icon.hanmail.net/mashup/2009/navi1.jpg) repeat-x top center; }
.navi2 { background:url(http://icon.hanmail.net/mashup/2009/navi2.jpg) repeat-x top center; }
.navi3 { background:url(http://icon.hanmail.net/mashup/2009/navi3.jpg) repeat-x top center; }
.navi4 { background:url(http://icon.hanmail.net/mashup/2009/navi4.jpg) repeat-x top center; }
.msh_blog_menu ul { width:0; height:0; }
.msh_blog_menu .link_home { position:absolute; width:64px; height:43px; top:0; left:4px; }
.msh_blog_menu .link_contest { position:absolute; width:90px; height:43px; top:0; left:68px; }
.msh_blog_menu .link_event { position:absolute; width:70px; height:43px; top:0; left:158px; }
.msh_blog_menu .link_blog { position:absolute; width:82px; height:43px; top:0; left:228px; }
.msh_blog_menu .link_qna { position:absolute; width:72px; height:43px; top:0; left:310px; }

.msh_blog_contents { width:750px; background:url(http://icon.hanmail.net/mashup/2009/blog_bg2.jpg) repeat-y top center; padding:0 20px 0 40px; margin:0 auto; overflow:hidden; text-align:left;}
.msh_blog_left { float:left; width:521px; text-align:left;}
.msh_blog_left .msh_blog_path { background:url(http://icon.hanmail.net/mashup/2009/dots.gif) no-repeat left bottom; width:522px; padding-bottom:6px; margin:20px 0 30px; }
.msh_blog_left .msh_blog_path, .msh_blog_path a { font: 11px 돋움,Dotum,sans-serif; color:#9999cc; }
.msh_blog_left .msh_blog_path .bold { font-weight:bold; color:#6666cc; }

.msh_blog_right { float:right; width:185px; }
.msh_blog_right h3 { padding:20px 0 5px; font: bold 12px 돋움,Dotum,sans-serif; color:#4f4f4f; }
.msh_blog_right .contest { background:url(http://icon.hanmail.net/mashup/2009/blog_arr.gif) no-repeat right 3px; font: bold 12px 돋움,Dotum,sans-serif; color:#333399; padding-right:12px; }

.msh_blog_right .contest_list_wrap {background:url(http://icon.hanmail.net/mashup/2009/blog_box2.gif) repeat-y left top; border-bottom:1px solid #fff; }

.msh_blog_right h3 {visibility: visible;}
.msh_blog_right .contest_list { background:url(http://icon.hanmail.net/mashup/2009/blog_box1.gif) no-repeat left top; padding:10px 0 0; }
.msh_blog_right .contest_list li { background:url(http://icon.hanmail.net/mashup/2009/blog_box2.gif) repeat-y left top; padding-left:16px;  line-height:20px; height:20px; }
.msh_blog_right .contest_list li a { background:url(http://icon.hanmail.net/mashup/2009/dot.gif) no-repeat left 5px; padding-left:6px; font: 12px 돋움,Dotum,sans-serif; color:#4f4f4f; }
.msh_blog_right .contest_list li a.selected { font-weight:bold; }
.msh_blog_right .contest_list li.last { background:url(http://icon.hanmail.net/mashup/2009/blog_box3.gif) no-repeat left bottom; padding-bottom:8px; }
.msh_blog_right ul { background:url(http://icon.hanmail.net/mashup/2009/blog_line.gif) no-repeat left bottom; padding-bottom:20px; }
.msh_blog_right ul li, .msh_blog_right ul li a { font: 11px 돋움,Dotum,sans-serif; color:#999999; line-height:18px; }
.msh_blog_right .spon { position:relative; background:url(http://icon.hanmail.net/mashup/2009/blog_sup.jpg) no-repeat left top; width:185px; height:99px; text-align:left;}
.msh_blog_right .spon .link_Daum { position:absolute; top:10px; left:30px; width:50px; height:20px; }
.msh_blog_right .spon .link_NHN { position:absolute; top:10px; left:80px; width:55px; height:20px; }
.msh_blog_right .spon .link_YAHOO { position:absolute; top:54px; left:40px; width:50px; height:20px; }
.msh_blog_right .spon .link_Microsoft { position:absolute; top:54px; left:95px; width:60px; height:20px; }
.msh_blog_right .spon li,.msh_blog_right .spon li a { font-size:0; text-indent:-9999em; position:absolute; height:1px; }
.msahup_blog_bottom { background:url(http://icon.hanmail.net/mashup/2009/blog_btm.jpg) no-repeat left top; clear:both; text-align:center; padding:25px 0; margin:0 auto; width:810px; }
.msahup_blog_bottom, .msahup_blog_bottom a { font : 11px Tahoma,sans-serif; color:#666699; letter-spacing:1px; }
.msahup_blog_bottom a:hover { color:#4559e9; }

/* */
.msh_blog_left h3,.msh_blog_left h4 {
	padding: 6px;
}
.msh_blog_left h1 {
	background: transparent url(http://icon.hanmail.net/mashup2007/sub_line.jpg) repeat-x scroll left bottom;
	color: #333;
	font-family: 돋움;
	font-size: 14px;
	padding-bottom: 13px;
	margin-bottom: 0.5em;
}

.msh_blog_left h2 {
	background: transparent url(http://icon.hanmail.net/mashup2007/dot.jpg) repeat-x scroll left bottom;
	color: #41acff;
	font-family: 돋움;
	font-size: 14px;
	margin-top: 30px;
	padding-bottom: 5px;
	margin-bottom: 0.5em;
}

.msh_blog_left form h2 {
	width: 520px;
}

.msh_blog_left h3 {
	color: #333333;
	font-family: 돋움;
	font-size: 12px;
	padding-bottom: 5px;
	margin-bottom: 0.5em;
}

.msh_blog_left p {
	padding: 6px;
}

.msh_blog_left table {
	background-color: #e9e3cf;
	margin-bottom: 15px;
	margin-left: 15px;
}

.msh_blog_left th {
	background-color:#D4CCB4;
	border-color:#FFFFFF #E9E3CF #E9E3CF #FFFFFF;
	border-style:solid none none solid;
	border-width:1px 0 0 1px;
	color:#FFFFFF;
	padding:3px 4px;
	text-align:center;
	white-space:nowrap;
}

.msh_blog_left td {
	background-color:#FFFFFF;
	border-color:#FFFFFF #E9E3CF #E9E3CF #FFFFFF;
	border-style:solid none none solid;
	border-width:1px 0 0 1px;
	padding:3px 4px;
}

.msh_blog_left {
	color: #666;
	font-family: 굴림;
	font-size: 12px;
	line-height: 180%;
}

.msh_blog_left { float:left; width:521px; text-align:left;}
.msh_blog_left .msh_blog_path { background:url(http://icon.hanmail.net/mashup/2009/dots.gif) no-repeat left bottom; width:522px; padding-bottom:6px; margin:20px 0 30px; }
.msh_blog_left .msh_blog_path, .msh_blog_path a { font: 11px 돋움,Dotum,sans-serif; color:#9999cc; }
.msh_blog_left .msh_blog_path .bold { font-weight:bold; color:#6666cc; }
.msh_blog_left ul {list-style: disc;}
.msh_blog_left ul li {list-style: disc; margin-left: 20px;}
.msh_blog_left ol {list-style: decimal;}
.msh_blog_left ol li {list-style: decimal; margin-left: 20px;}
.msh_blog_left a {text-decoration:none;}
.msh_blog_left a:link, .msh_blog_left a:visited {
	border-bottom: 1px dotted #58b;
	color: #58b;
}
.msh_blog_left a:hover {
	background-color: #f4f2e4;
	border-bottom: 1px solid black;
	color: black;
}
.msh_blog_left a:link img, .msh_blog_left a:visited img, .msh_blog_left a img {
	background-color: #ffffff;
	border-bottom: 0;
	text-decoration: none;
}