/*   main  >げ<)//   */
@charset "euc-kr";
/*
    * default definition
     */
body,img,a,ul,p,li {margin:0px; padding:0px;}
 
body {
	font-size: 12px;
	    line-height: 15px;;
		font-family: Dotum, "妓崇", sans-serif;
		    }

img, input, p,center{vertical-align:top;}
form {margin: 0; padding: 0;}
hr {display: none;}
li  {list-style-type: none; list-style:none; border-style:none;}
/*li img {
    vertical-align: middle;	 for IE imge margin
    } */

p, div, th, td, select {color: #78777C;}
a:link, a:visited {	color: #78777C;	text-decoration: none;}
a:active, a:hover {	text-decoration: underline;}
img, input.type-image {	border:0px;}

input.type-text:hover, 
    input.type-text:focus, 
    textarea:hover, 
    textarea:focus {
	    background-color: #FFFFCE;
    }
input, select, textarea {
	vertical-align: middle;
	    font-size: 1em;
		color: #78777C;
}
span.button, 
    img.button, 
    a.button {
	    cursor: pointer;
			vertical-align: middle;
    }

.left{float:left;}
.right{float:right;}
.none{float:none;}
.both{float:both;}
.clear{clear:none;}


/* 五昔 傾戚焼数 */
.main_position{margin:0 auto; width:833px;}

/* top */
#top{width:833px; height:56px; position:relative;}
#top li.top01{position:absolute; bottom:5px; right:173px;}
#top li.top02{position:absolute; bottom:5px; right:90px;}
#top li.top03{position:absolute; bottom:5px; right:8px;}
#top li.top04{position:absolute; bottom:4px; right:250px;}

#alarm {width:768px; height:20px; background-color:#f3f3f3; padding:15px 5px 5px 60px;}


/* 伊事 */
#search{ background:url(http://image.infomail.co.kr/renewal_200703/main/search_bg.gif) no-repeat;position:relative; width:833px; height:66px;}
#search p.search_img{position:absolute; top: 6px; left:20px;}
#search p.search_box{position:absolute; top:22px; left:220px;}
#search p.search_txt{position:absolute; top:20px; left:695px; width: 125px;	height: 30px; color:#FFFFFF; font-size:11px; text-align:center; text-decoration:none;}
#search p.search_txt a:link{color:#FFFFFF; font-size:11px; text-align:center; text-decoration:none;}
#search p.search_txt a:visited{color:#FFFFFF; font-size:11px; text-align:center; text-decoration:none;}
#search p.search_txt a:hover{color:#FFFFFF; font-size:11px; text-align:center; text-decoration:none;}
#search p.search_txt a:active{color:#FFFFFF; font-size:11px; text-align:center; text-decoration:none;}
#search label input{width:280px;}


/* 珍度苧01 */
#contents01{background:url(http://image.infomail.co.kr/renewal_200703/main/contents_bg.gif) no-repeat; width:817px; height:126px; margin-top:5px; padding:11px 8px 7px 8px;}
#login{background:url(http://image.infomail.co.kr/renewal_200703/main/login_bg.gif) no-repeat; width:186px; height:108px; padding:8px; position:relative;}
#login input.box {border: 1px solid #b1bbca; width:80px; height:18px;}
#login p.log{float:left; display:block;  }
#login p.log_bt{ position:absolute; top:8px; right:8px;}
#login label {padding:6px 0px 0px; display:block; width:45px; float:left; font-size:11px;}
#login label.id{padding:6px 0px 0px; display:block;  width:135px; float:left; font-size:12px; color:#575f6c; }
#login label.list{padding:6px 0px 0px; display:block;  width:135px; float:left; font-size:12px;}
#login li.news{position:absolute; bottom:38px; left:20px;}
#login li.join{position:absolute; bottom:38px; right:35px;}
#login li.id  {position:absolute; bottom:8px; left:29px;}
#login li.pass{position:absolute; bottom:8px; right:27px;}
#f_banner{margin:0px 10px; border:1px solid #dddddd; width:457px; height:122px; }
#index{width:136px;}


/* 珍度苧02 */
#contents02{padding-top:5px; background:url(http://image.infomail.co.kr/renewal_200703/main/contents02_bg.gif) no-repeat; height:118px;}
#contents02 .bt_box{width:210px;}

#category{border-bottom:2px solid #d9dadc; height:116px; width:auto; float:left;}
#category ul{float:left; height:116px; background:url(http://image.infomail.co.kr/renewal_200703/main/center_img.gif) no-repeat right bottom;}
#category li{margin-left:30px; list-style:url(http://image.infomail.co.kr/renewal_200703/main/category_liststyle.gif); padding-top:1px; padding-bottom:2px;}
#category ul.category01{ }
#category ul.category02{ }
#category ul.category03{ }
#category ul.category04{ }
#category ul.category05{background:url(http://image.infomail.co.kr/renewal_200703/main/category_end.gif) bottom no-repeat;}


/* 珍度苧03 */
#contents03_01{margin-top:10px; height:211px;}
#contents03_01 div.i_banner{width:208px; height:inherit; margin:1px; background-color:#e8e8e8; float:left;}
.i_banner_st {margin:6px; border:1px solid #cacaca;}
#contents03_02{margin-left:9px; padding:10px; width:593px; height:191px; background:url(http://image.infomail.co.kr/renewal_200703/main/center03_bg.gif) no-repeat; float:left;}

#mail{width:296px; height:181px; padding:4px;  float:left; background:#FFFFFF;}
#mail div{background:url(http://image.infomail.co.kr/renewal_200703/main/center03_img01.gif) no-repeat; margin:10px 0px 10px; display:block; padding:4px; position:relative;}
mail_img {background:url(http://image.infomail.co.kr/renewal_200703/main/center03_img01.gif) no-repeat; display:block; margin:10px 0px 10px; padding:4px; border:1px solid #000000;}
mail_txt {color:#575F6C; text-decoration:none; vertical-align:middle;}
#mail font.mail_category{color:#B6B6B6; font-size:11px;  text-decoration:none; }
#mail ul{float:left;}
#mail li{ width:130px; list-style:url(http://image.infomail.co.kr/renewal_200703/main/center03_dot02.gif) inside; overflow:hidden; height:20px;}

#best{width:269px; height:181px; padding:4px;  float:right; background:#FFFFFF;}
#best ul{background:url(http://image.infomail.co.kr/renewal_200703/main/center03_img02.gif) no-repeat; margin-top:8px;}
#best li{margin-left:110px; margin-right:8px; padding:7px 0px 2px 0px; border-bottom:1px dashed #CCCCCC; list-style:url(http://image.infomail.co.kr/renewal_200703/main/center03_dot01.gif) inside; overflow:hidden;}


/* footer */
#footer{margin-top:10px;}
#footer center ul{height:20px; padding-top:8px; background-color:#e5e5e5; border-bottom:1px solid #cdcdcd; border-top:1px solid #cdcdcd;}
.footer_clear{background:none !important;}
#footer center li{display:inline; padding-left:22px; padding-right:20px; background:url(http://image.infomail.co.kr/renewal_200703/main/bottom_line02.gif) no-repeat;}
#footer div{position:relative; height:100px;}
#footer div li.f_logo{position:absolute; top:15px; left:14px;}
#footer div li.f_copy01{position:absolute; top:15px; left:210px; z-index:2;}
#footer div li.f_copy02{position:absolute; top:55px; left:210px;}
#footer div li.f_logo01{position:absolute; top:40px; right:218px;}
#footer div li.f_logo02{position:absolute; top:63px; right:105px;}
#footer div li.f_logo03{position:absolute; top:54px; right:20px;}