* {margin:0; padding:0;}
body {
	height:100%; 
	margin:0; padding:0; 
	text-align:center;
	background:#fff;
	font-size:12px; 
	font-family: 돋움,Arial,sans-serif;
	line-height:1.3;
	color:#555; 
	position:relative;
}
img, fieldset {border:0;}
ul, li, ol{margin:0; padding:0; list-style-type:none;}
table, td, th{vertical-align:top; border-collapse:collapse;font-size:12px; font-family: 돋움,Arial,sans-serif; line-height:1.3; color:#555; }
a								{color:#555; text-decoration:none !important;}
a:link						{color:#555; text-decoration:none;}
a:visited					{color:#555; text-decoration:none;}
a:hover, a:focus		{color:#555; text-decoration:underline;}
a:active					{color:#555; text-decoration:none;}

.bd{border:1px solid red;}
.fl{float:left;}
.fr{float:right;}
.ovf{overflow:hidden;}
.rela{position:relative;}
.absol{position:absolute;}

.mt10{margin-top:10px !important;}
.mb10{margin-bottom:10px !important;}
.pl0{padding-left:0 !important;}
.pb20{padding-bottom:20px !important;}
.ac{text-align:center !important;}


#wrapper{margin:0 auto; width:770px; background:url(../images/mailservice_bg.jpg) repeat-y 0 0;}
.top1{margin-top:5px; margin-right:40px;text-align:right; color:#391020; font-size:11px;}

#contentWrap{position:relative; width:100%;}
#contentWrap .ribon_r{position:absolute; top:0; right:0;}
#contentWrap .ribon_l{position:absolute; top:250px; left:0;}
#contentWrap #content{margin:0 auto; width:690px;}
.innerTbl{position:relative; padding:0 30px; width:630px; background:#fff; }
	.ribon_end{background:#fff url(../images/mailservice_ribon_end.jpg) no-repeat top right;}
.h2Area{overflow:hidden; position:relative; width:630px;}
	.h2Area h2{display:inline-block; float:left; padding:0 0 6px 8px; background:url(../images/h2_bul.gif) no-repeat 0px 6px; color:#000; font-size:14px;}
	.series{float:left; margin-left:10px; margin-top:2px; color:#999; letter-spacing:-1px;}
	.more{position:absolute; top:0; right:0;}
/* 내용 부분 */
.contArea{clear:both; overflow:hidden; *zoom:1; border-top:2px solid #e13c17; text-align:left; }
	.book_img{float:left; padding:28px 0 0 13px; width:220px; height:250px; background:url(../images/mailservice_bg_img.jpg) no-repeat 0 20px;}
	.book_info{float:left; padding-top:20px; width:395px;}
	.contArea h3{margin-bottom:13px;}
	.contArea h3 span{padding:0 10px 5px 0; color:#d2231f; font-size:12px; border-bottom:2px solid #ccc; }
	.info_list{margin-bottom:13px;}
	.info_list li{padding-left:8px; padding-bottom:2px; color:#555; background:url(../images/bul.gif) no-repeat 0 7px; line-height:16px; letter-spacing:-1px;}
	.info_list li .title{color:#888;}
	.info_list2 li{padding-bottom:2px; color:#888; letter-spacing:-1px; line-height:16px;}
	.info_list.eng li, .info_list2.eng li{letter-spacing:0;}
	.newbookTbl td{padding-top:20px; border-top:1px solid #dfdfdf;}
	.no_bd{border-top:0 !important;}
	.book_bg{width:80px; height:120px; background:url(../images/book_bg.gif) no-repeat 0 0; }
	.sub_title{padding:10px 0; font-size:13px; color:#555; font-weight:bold;}
/* 기본 테이블 */
	.baseTbl{margin-bottom:20px; width:100%; border-top:1px solid #757575; border-bottom:1px solid #d1d1d1; color:#555; letter-spacing:-1px;}
	.baseTbl th{padding:8px 0; text-align:center; border-top:1px solid #757575; border-bottom:1px solid #d1d1d1; background:#f4f4f4; letter-spacing:0;}
	.baseTbl td{padding:9px 10px 9px 20px; border-top:1px solid #e8e8e8; line-height:18px;}
	.baseTbl td.pl0{padding-left:0; padding-right:0;}
	.baseTbl td.type1{padding-left:15px; padding-right:15px; vertical-align:middle; border-right:1px solid #e8e8e8;}
	.baseTbl td.td_title{font-weight:bold; padding-left:0; padding-right:0; text-align:center;}
		.baseTbl td a{color:#555;}
	.date{color:#aeaeae; font-size:11px; letter-spacing:0;}
	.mailto{color:#e94b37 !important; text-decoration:underline !important;}


	/**** 팝업 ****/
@font-face {
font-family: 'NanumGothic';
font-style: normal;
font-weight: normal;
src: url('http://commondatastorage.googleapis.com/fontfacekr-fonts/NanumGothic.eot');
src: local('NanumGothic'), local('나눔고딕'), url('http://commondatastorage.googleapis.com/fontfacekr-fonts/NanumGothic.woff') format('woff');
}
#pop-wrapper{text-align:left;}
#pop-header{position:relative; width:100%; height:30px; background:#373737 url(http://kif.re.kr/kif2/images/common/bg_poptop.gif) no-repeat 0 0; }
	#pop-header h1{padding:8px 0 0 20px; font-size:12px; color:#fff;}
	#pop-header .close{position:absolute; top:0; right:0;}
#pop-contents{padding:25px 30px 50px; width:auto;}
#pop-contents h2{
	display:inline;
	padding-left:10px;
	font-size:20px; 
	font-family:'NanumGothic', dotum;
	font-weight:bold;
	color:#000;
	background:url(http://kif.re.kr/kif2/images/common/bul_h2.gif) no-repeat 0 5px; 
}
#pop-footer{position:fixed; left:0; bottom:0; width:100%; padding:9px 0; font-size:10px; text-align:center; background:#e4e4e4 none;}