@import url("fontset.css");

/* 초기화 */

html, h1, h2, h3, h4, h5, h6, dl, dt, dd, form, fieldset, img {
	margin:0 auto;
	padding:0;
	border:none;
}
label, input, select, img {
	vertical-align:middle;
}
img {
	/* IE hack */
	background: transparent;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE8 */   
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);   /*IE6 & 7 */      
	zoom: 1;
}
a:focus { outline:none; }

/* COMMON */
.mtop0 { margin:0 auto; }
.mtop5 { margin:5px 0 0 0; }
.mtop10 { margin:10px 0 0 0; }
.mtop20 { margin:20px 0 0 0; }
.mtop30 { margin:30px 0 0 0; }
.mtop50 { margin:50px 0 0 0; }


/* CONTENTS BODY */
#content_wrap {
	width:100%;
/*	background:url('../image/common/body_bg.jpg'); */
	background:#f7f7f7;
	text-align:center;
}
#content_body {
	width:1000px;
	margin:0 auto;
	padding:30px 0 30px 0;
	overflow:hidden;
}

/* LEFT CONTENT */
#lt_content {
	float:left;
	width:160px;
}
#lt_content .lnb {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	overflow:hidden;
}
#lt_content .lnb h1 {
	font-family:'MetaplusBook', sans-serif;
	font-size:16px;
	color:#fff;
	line-height:30px;
	font-weight:normal;
	background:url('../image/common/lnb_category_bg.jpg');
}
#lt_content .lnb a {
	font-family:'NanumGothicBold', sans-serif;
	font-size:14px;
	color:#fff;
	line-height:30px;
	background:#1b94c8;
	border-top:1px solid #3aafd7;
	border-bottom:1px solid #1077b4;
	display:block;
	text-decoration:none;
	cursor:pointer;
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
#lt_content .lnb a:hover {
	background:#333;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
}
#lt_content .lnb a.last {
	border-bottom:none;
}

#lt_content .account {
	width:158px;
	background:#fff;
	border:1px solid #ccc;
	margin:20px 0 0 0;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
#lt_content .account h1 {
	font-family:'NanumGothicBold', sans-serif;
	font-size:16px;
	color:#333;
	line-height:35px;
	font-weight:normal;
	background:#eee;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
#lt_content .account h2 {
	font-family:'Arial', sans-serif;
	font-size:16px;
	color:#777;
	font-weight:normal;
}
#lt_content .account h3 {
	font-family:'NanumGothic', sans-serif;
	font-size:12px;
	color:#777;
	font-weight:normal;
	margin:0 0 10px 0;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}
#lt_content .account .bank01 {
	height:35px;
	background:url('../image/common/bank01.png') 50% 50% no-repeat;
	display:block;
}
#lt_content .account .bank02 {
	height:35px;
	background:url('../image/common/bank02.png') 50% 50% no-repeat;
	display:block;
}

#lt_content .customer {
	width:158px;
	background:#fff;
	border:1px solid #ccc;
	margin:5px 0 0 0;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
#lt_content .customer h1 {
	font-family:'NanumGothicBold', sans-serif;
	font-size:16px;
	color:#333;
	line-height:35px;
	font-weight:normal;
	background:#eee;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
#lt_content .customer h2 {
	font-family:'Arial', sans-serif;
	font-size:22px;
	color:#1a90cb;
	font-weight:bold;
	margin:10px 0 10px 0;
}
#lt_content .customer h3 {
	font-family:'NanumGothicBold', sans-serif;
	font-size:13px;
	color:#333;
	line-height:1.5em;
	font-weight:normal;
	margin:0 5px 0 5px;
	text-align:left;
}
#lt_content .customer h4 {
	font-family:'NanumGothic', sans-serif;
	font-size:12px;
	color:#777;
	font-weight:normal;
	margin:0 5px 10px 5px;
	text-align:left;
}

/* RIGHT CONTENT */
#rt_content {
	float:right;
	width:810px;
	text-align:left;
}
#rt_content .product_wrap {
	clear:both;
	margin:0 0 20px 0;
	overflow:hidden;
}
#rt_content .product_wrap h1 {
	font-family:'NanumGothicBold', sans-serif;
	font-size:20px;
	color:#333;
	line-height:30px;
	font-weight:normal;
	margin:0 0 10px 0;
	border-bottom:1px solid #ccc;
}
#rt_content .product_wrap h1 .top {
	float:right;
	width:30px;
	height:30px;
	margin:0 5px 0 0;
	background:url('../image/common/icon_top.png') 50% 50% no-repeat;
	cursor:pointer;
	display:block;
}
#rt_content .product {
	position:relative;
	float:left;
	width:150px;
	margin:0 0 15px 15px;
	background:#fff;
	border-bottom:1px solid #ccc;
	overflow:hidden;
}
#rt_content .first {
	margin:0 0 15px 0;
}
#rt_content .product img {
	width:100%;
	height:100%;
}
#rt_content .product .hit {
	position:absolute;
	width:50px;
	height:50px;
	top:0;
	left:0;
	background:url('../image/common/icon_hit.png') 0 0 no-repeat;
	z-index:99;
}
#rt_content .product .info {
	padding:5px 5px 5px 5px;
}
#rt_content .product .subject {
	font-family:'NanumGothicBold', sans-serif;
	font-size:13px;
	color:#333;
	line-height:30px;
	font-weight:normal;
	padding:0;
	margin:0 auto;
	background:none;
	text-align:center;
}

/* FOOTER */
#footer_wrap {
	width:100%;
	background:#fff;
	border-top:1px solid #ddd;
	text-align:center;
}
#footer_wrap .footer {
	width:1000px;
	margin:0 auto;
	padding:20px 0 20px 0;
	overflow:hidden;
}
#footer_wrap .logo {
	float:left;
	width:160px;
	height:100px;
	background:url('../image/common/blogo.png') 50% 50% no-repeat;
}
#footer_wrap .info {
	float:left;
	margin:0 0 0 30px;
	text-align:left;
}
#footer_wrap .info h1 {
	font-family:'NanumGothic', 'Apple SD Gothic NEO', helvetica, sans-serif;;
	font-size:12px;
	color:#555;
	line-height:1.5em;
	font-weight:normal;
}
#footer_wrap .info span {
	color:#ff3061;
}
#footer_wrap .info h2 {
	font-family:'Arial', sans-serif;
	font-size:10px;
	color:#aaa;
	font-weight:normal;
}
#footer_wrap .partner {
	float:right;
	width:300px;
	height:40px;
	padding:5px 5px 5px 5px;
	border:1px solid #ddd;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}