@charset "euc-kr";

/* Reset */

body, input, button, textarea, table, th, td { font-family:dotum,tahoma,sans-serif;	font-size:12px; color:#666; }

html, body { height:100%; }

ul, ol, dl { margin:0; padding:0; list-style:none; }

h1, h2, h3, h4, h5, h6, p { margin:0; padding:0; font-size:1em; font-weight:normal; }

a { text-decoration:none; color:#666; }

img { border:0; }

address { margin:0; padding:0; font-style:normal; }

hr { display:none; }



/* Layout */

body.front {  }

body { margin:0; padding:0; background:url(../images/bg/background.gif) 0 1px repeat-x #fff; }

.wrap {
	width:100%;
}

.front .header {
}

.header {
	width:990px;
	height:135px;
	margin:0 auto;
	overflow:hidden;
	position:relative;
}

.header .logo {position:absolute; left:423px; top:15px}

.mainVisual {
	width:990px;
	height:250px;
	margin:0 auto 50px auto;
	overflow:hidden;
}

.subVisual {
	width:990px;
}

.front .content {
	margin:0 auto 38px auto;
}

.content {
	width:990px;
	margin:0 auto 100px auto;	
}

.content:after {
	content:"";
	display:block;
	clear:both;
	zoom:1;
}

.mainContent {
	width:100%;
	height:650px;
	zoom:1;
}

.mainContent:after {
	content:"";
	display:block;
	clear:both;
}

.subContent {
	width:710px;
	float:left;
}

.sidebar {
	width:235px;
	float:left;
	margin:0 45px 0 0;
}

.front .footer {
}

.footer {
	width:100%;
	height:75px;
	margin:0 auto;
	background-color:#e0e0e0;
}



/* Header */

.header h1 {
	width:200px;
	height:80px;
	margin:0 auto;
	position:relative;
	top:25px;
	text-align:center;
}

.utilmenu {
	position:absolute;
	top:5px;
	right:10px;
}

.utilmenu a {
	display:block;
	float:left;
	margin:0 0 0 8px;
	height:15px;
	overflow:hidden;
	
}

.utilmenu a:hover, .utilmenu a:active, .utilmenu a:focus {
	color:red;
}

.gnb {
	width:100%;
	height:135px;
	position:absolute;
	bottom:0;
}

.gnb li a {
	display:block;
	float:left;
}

.gnb li ul li {
	display:none;
}



/* Contents */

.contentTitle {
	margin:0 0 42px 0;
	border-bottom:2px solid #0d69bc;
	zoom:1;
}

.contentTitle:after {
	content:"";
	display:block;
	clear:both;
}

.contentTitle h1 {
	width:50%;
	height:27px;
	float:left;
	line-height:27px;
}

.contentRoute {
	float:right;
	padding:10px 0 0 16px;
	text-align:right;
	font-size:0.9em;
	letter-spacing:-1px;
	color:#999;
	background:url(../images/bg/bg_route.gif) 0 9px no-repeat;
}

.contentRoute span { color:#2e60cd }

.contentBody {
	width:710px;
}



/* Sidebar */

.sidebar h2 {
}


.lnb {
	width:224px;
	background:url(../images/bg/bg_lnb.gif) bottom no-repeat;
	float:left;
	padding:0 6px 5px 5px;
	zoom:1;
	margin:0 0 17px 0;
}

.lnb li {
	float:left;
	overflow:hidden;
	margin:0 0 2px 0;
}

.lnb li a {
	display:block;
	overflow:hidden;
}

.lnb li a:hover {
}



/* Footer */

.copyright {
	width:990px;
	height:75px;
	margin:0 auto;
	background:url(../images/bottom_logo.png) 0 22px no-repeat;
	position:relative;
}

address {
	position:absolute;
	left:185px;
	top:20px;
	font-size:11px
	
}

.familySite {
}

.familySite ul {
}



/* Contents Common */

.login {
	width:235px;
	height:180px;
	background:url(../images/bg/bg_login.gif) 0 0 no-repeat;
	margin:0 0 12px 0;
	float:left;
	position:relative;
}

.login a { display:block; overflow:hidden; }

.login input {
	width:129px;
	height:20px;
	border:1px solid #bebebe;
}

.login .inputId {
	position:absolute;
	left:18px;
	top:44px;
}

.login .inputPw {
	position:absolute;
	left:18px;
	top:69px;
}

.login .btnLogin {
	position:absolute;
	left:159px;
	top:44px;
}

.login .btns {
	position:absolute;
	padding:10px 0 0 0;
	left:18px;
	top:103px;
	background:url(../images/bg/bg_login_line.gif) 0 0 no-repeat;
}

.login .btnSignIn { float:left; margin:0 4px 0 0; }

.login .btnFindId { float:left; }

.login .btns1 {
	position:absolute;
	padding:10px 0 0 0;
	left:18px;
	top:80px;
	background:url(../images/bg/bg_login_line.gif) 0 0 no-repeat;
}


.login .btnLogout { float:left; margin:0 18px 0 0; }

.login .btnMypage { float:left; }

.login p {
	position:absolute;
	left:18px;
	top:35px;
	width:202px;
	height:43px;
	line-height:45px;
	text-align:center;
	padding:2px 0 0 0;
	overflow:hidden;
}

.login p span {
	color:#c45409;
}

.quickMenu {
	width:224px;
	height:160px;
	background:url(../images/bg/bg_quickMenu.gif) 0 0 no-repeat;
	
	
	padding:44px 6px 5px 5px;
	zoom:1;
}

.quickMenu:after {
	content:"";
	display:block;
	clear:both;
}

.quickMenu li {
	float:left;
	overflow:hidden;
	margin:0 0 2px 0;
}

.quickMenu li a {
	display:block;
	overflow:hidden;
}



/* Main Content */

.newlist {
	width:710px;
	height:336px;
	float:right;
}

.newlist .bid { margin:0 0 35px 0; }

.tabGroup {
	width:100%;
	height:29px;
	background:url(../images/bg/bg_bid_tab_line.gif) 0 0 repeat-x;
}

.tabGroup a { display:block; overflow:hidden; float:left; cursor:pointer; }

a.more { padding:10px 0 5px 0; float:right; }

.tabContent { background:url(../images/bg/bg_bid_line.gif) 0 6px repeat-x; }

.tabContent table { background:url(../images/bg/bg_bid_th.gif) 0 6px no-repeat; }

.tabContent table th { height:26px;background:url(../images/bg/bg_bid_th.gif) right 6px no-repeat; vertical-align:top; padding:8px 0 0 0; font-weight:normal; }

.tabContent table td { height:20px; line-height:20px; text-align:center; }

.tabContent table td.taL { text-align:left; padding:0 0 0 10px; }

.newlist .notice { width:339px; background:url(../images/bg/bg_notice.gif) 0 35px no-repeat; float:left; margin:0 32px 0 0; }

.newlist .qna { width:339px; background:url(../images/bg/bg_qna.gif) 0 34px no-repeat; float:left; }

.newlist .notice table {}

.newlist .notice table thead {}

.newlist .notice table thead th, .newlist .notice table thead td,
.newlist .qna table thead th, .newlist .qna table thead td { height:23px; border-bottom:1px solid #e3e4e0; vertical-align:top; text-align:left; }

.newlist .notice table tbody td,
.newlist .qna table tbody td { height:20px; line-height:20px; }

.newlist table .title { width:194px; padding:0 0 0 12px; background:url(../images/bg/newlist_bullet.gif) 0 8px no-repeat; }

.newlist table .date { width:34px; text-align:center; }

#bid02, #bid03, #bid04 { display:none; }



/* Common */

.skipToContent {
	width:200px;
	text-align:center;
	background:#e9e9e9;
	z-index:200;
	position:absolute;
	top:0;
	left:50%;
	margin-left:-100px;
}

.skipToContent a {
	display:block;
	height:1px;
	overflow:hidden;
	position:absolute;
	top:0;
	width:1px;
	padding:3px 0 0 0;
	white-space: nowrap;
	font-weight:bold;
}

.skipToContent a:hover, .skipToContent a:active, .skipToContent a:focus {
	width:auto;
	height:auto;
	position:relative;
	color:#444;
}

.png24{ tmp:expression(setPng24(this)); }