@charset "utf-8";

/* CSS Document */
.container {
	width:100%;
	height:auto;
	margin:0;
	padding:0;
}
.header_wrap {
	width:980px;
	margin:0 auto;
	padding:0;
}
.logo {
	width:315px;
	height:43px;
	margin:0;
	padding:0;
}
.content_wrap {
	width:986px;
	margin:0 auto;
	padding:0;
}
.left_wrap {
	float:left;
	width:720px;
	marign:0;
	padding:0;
	/*background:#e2e2e2;*/
}
.buy_sell {
	width:720px;
	margin:0;
	padding:0;
}
.buy_wrap {
	width:720px;
	height:165px;
	margin:0 0 10px 0;
	padding:0;
}
.buy {
	width:720px;
	height:165px;
	margin:0;
	padding:0;
}
.sell_wrap {
	width:720px;
	height:165px;
	margin:0 0 10px 0;
	padding:0;
}
.sell {
	width:720px;
	height:165px;
	margin:0;
	padding:0;
}
.middle_wrap {
	width:720px;
	clear:both;
	margin:20px 0 0 0;
	padding:0;
}
.banner_01 {
	float:left;
	width:348px;
	height:128px;
	margin:0;
	padding:0;
	border:1px #d0d0d0 solid;	
}
.notice {
	float:left;
	width:360px;
	margin:0 0 0 10px;
	padding:0;
}
.notice_tit {
	float:left;
	height:20px;
	font-size:15px;
	font-weight:bold;
	vertical-align:middle;
	margin:0;
	padding:3px 0 0 7px;
}
.more {
	float:right;
	margin:0;
	padding:0 10px 0 0;
}
ul.notice_list {
	clear:both;
	/*width:240px;*/
	margin:0;
	padding:0;
	list-style:none;
}
ul.notice_list li {
	float:left;
	width:360px;
	margin:0;
	padding:4px 0 4px 0;
	font-size:12px;
	color:#565656;
	background:url(../images/ico/square.gif) no-repeat 0 7px;
}
ul.notice_list li a.notice:link, ul.notice_list li a.notice:visited {
	font-size:12px;
	color:#565656;
	text-decoration:none;
}
ul.notice_list li a.notice:hover {
	font-size:12px;
	color:#000;
	text-decoration:none;
}
ul.notice_list li span.date {
	text-align:right;
	float:right;
	width:95px;
	margin:-20px 0 0 0;
	padding:0;
	font-size:12px;
	color:#565656;
}
ul.direct_banner {
	clear:both;
	width:713px;
	margin:0;
	padding:7px 0 0 7px;
	background:#fbfbfb;
}
ul.direct_banner li:first-child {
	float:left;
	display:inline-block;
	width:164px;
	height:166px;
	margin:0 4px 7px 0;
	padding:0;
	border:1px #d0d0d0 solid;
	background:#fff;
}
ul.direct_banner li {
	display:inline-block;
	width:164px;
	height:166px;
	margin:0 4px 7px 7px;
	padding:0;
	border:1px #d0d0d0 solid;
	background:#fff;
}
/*로그인 후 적용 20170613 ichyun */
ul.direct_banner2 {
	clear:both;
	width:713px;
	margin:0;
	padding:7px 0 0 7px;
	background:#fbfbfb;
}
ul.direct_banner2 li:first-child {
	/*float:left;*/
	display:inline-block;
	width:164px;
	height:116px;
	margin:0 4px 7px 0;
	padding:0;
	border:1px #d0d0d0 solid;
	background:#fff;
}
ul.direct_banner2 li {
	/*float:left;*/
	display:inline-block;
	width:164px;
	height:116px;
	margin:0 4px 7px 7px;
	padding:0;
	border:1px #d0d0d0 solid;
	background:#fff;
}
/*로그인 후 적용 20170613 ichyun */
.right_wrap {
	float:right;
	width:250px;
	margin:0 0 0 16px;
	padding:0;
}
.remote_support {
	width:246px;
	height:26px;	
	padding:5px 0 0 0;
	border:2px #f26c4f solid;
	text-align:center;
	color:#f26c4f;
	font-size:16px;
	font-weight:600;	
}
.remote_support  a.remote_link {
	color:#f26c4f;
	font-size:16px;	
	/*font-weight:bold;*/
	font-weight:600;
	text-decoration:none;	
}
.remote_support img {
	vertical-align:middle;
}
/* 로그인 영역 */
.login_wrap {
	float:left;
	width:250px;
	height:298px;
	margin:10px 0 0 0;
	padding:0;
	background:url(../images/bg/bg_login.gif) no-repeat left top;
}
.member_join {
	margin:10px 6px;
	padding:0;
}
.login_tit {
	font-size:14px;
	font-weight:bold;
	margin:0;
	padding:7px 11px 5px 7px;
	color:#000;
}
/*// 로그인 영역 */
.public_login {
	width:237px;
	height:100px;
	margin:0;
	padding:5px 5px 0 6px;		
}
.public_login .login_input {
	float:left;
	height:42px;
	width:159px;	
} 
.public_login .login_input .txtf {
	width:161px;
	height:24px;
	color:#777;
	padding:0 0 0 2px;
	border:1px #c0c0c0 solid;
}
.public_login .login_input ul li{
	padding:-5px 0;	
	margin:-2px 0;	
}
.public_login .mloginbtn {
	float:right;
	height:42px;
	width:69px;	
}
.public_login ul.sbtn {
	list-style:none;
	color:#565656;
	font-size:12px;
	font-weight:bold;
	padding:0;
}
.public_login ul.sbtn li {
	float:left;
	margin:20px 0 0 0;
	padding:0;
}
.cert_tit {
	font-size:14px;
	font-weight:bold;
	color:#000;
	text-align:left;
	margin:10px 0 0 6px;
}
.cert_login {
	width:237px;
	/*height:30px;*/
	margin:0;
	padding:5px 5px 0 6px;		
}
.cert_login img {
	vertical-align:middle;
}
.cert_login .login_input2 {
	float:left;
	/*height:42px;*/
	/*width:250px;*/
	margin:0;
	padding:0;	
} 
.cert_login .login_input2 ul li{
	padding:-5px 0;
	margin:-2px 0;
}
.cert_login .login_input2 .txtf2 {
	width:161px;
	height:24px;
	color:#777;
	padding:0 0 0 2px;
	border:1px #c0c0c0 solid;
}
.cert_login .mloginbtn2 {
	float:right;
	width:69px;	
	padding:0;	
}
.banner_metalc {
	clear:both;
	height:60px;
	margin:0;
	padding:10px 0 0 0;
}
.support_banner {
	margin:0;
	padding:10px 0 0 0;
}
.support_banner img {
	border:0;
	vertical-align:top;
}
.ked_banner {
	margin:0;
	padding:10px 0 0 0;
	line-height:0;
}
ul.favorite_banner {
	list-style:none;
	margin:0;
	padding:10px 0 0 0;
}
ul.favorite_banner li {
	float:left;
	margin:0;
	padding:0;
	line-height:0;
}
/* 거래 현황판 */
.status_board {
	width:720px;
	height:165px;
	margin:0;
	padding:0;
	background:url(../images/bg/bg_status_board.gif) no-repeat left top;
}
ul.status_cnt {
	float:left;
	width:160px;
	height:145px;
	margin:0;
	padding:10px;
	list-style:none;
}
ul.status_cnt div.status_tit {
	font-size:14px;
	color:#333;
	font-weight:bold;
	height:29px;
	margin:0;
	padding:19px 0 10px 0;
	text-align:center;
}
ul.status_cnt li {
	position:relative;
	width:160px;
	text-align:left;
	font-size:13px;
	color:#666666;
	font-weight:normal;
	margin:0;
	padding:5px 0 0 0;
}
ul.status_cnt li span.status_num {
	position:absolute;
	right:0;
	top:0;
	/*text-align:right;*/
	font-size:13px;
	color:#f45037;
	font-weight:bold;
	margin:0;
	padding:5px 15px 0 0;
}
ul.status_cnt li span.status_num span.gray {
	position:absolute;
	right:0;
	top:0;
	text-align:right;
	font-size:13px;
	font-weight:normal;
	margin:0;
	padding:5px 0 0 0;
}
ul.status_cnt li span.status_num a.status {
	font-size:13px;
	color:#f45037;
	font-weight:bold;
	text-decoration:none;
}
ul.status_cnt li span.status_num a.status:link {
	font-size:13px;
	color:#f45037;
	font-weight:bold;
	text-decoration:none;
}
ul.status_cnt li span.status_num a.status:hover {
	font-size:13px;
	color:#f45037;
	font-weight:bold;
	text-decoration:none;
}

ul.status_cnt li a.status_tits:link {
	font-size:13px;	
	font-weight:normal;
	text-decoration:none;
}

ul.status_cnt li a.status_tits:hover {
	font-size:13px;	
	font-weight:normal;
	text-decoration:none;
	color:#000;
}
/* 결제하는 구매기업/판매기업 로그인 후 */
.buy_over {
	width:720px;
	height:165px;
	margin:0;
	padding:13px 0 0 119px;
	background:url(../images/bg/bg_status_buy.gif) no-repeat left top;
}
ul.buy_sell_step {
	float:left;
	list-style:none;
	margin:0;
	padding:13px 0 0 0;
}
ul.buy_sell_step div.step_tit {
	font-size:13px;
	font-weight:bold;
	color:#000;
	height:30px;
	margin:0;
	padding:0 0 0 15px;
}
ul.buy_sell_step li {
	width:181px;
	font-size:13px;
	color:#666;
	margin:0;
	padding:2px 0 2px 15px;
}
ul.buy_sell_step li a.step_link {
	font-size:13px;
	color:#666;
	text-decoration:none;
}
ul.buy_sell_step li a.step_link:link {
	font-size:13px;
	color:#666;
	text-decoration:none;
}
ul.buy_sell_step li a.step_link:hover {
	font-size:13px;
	color:#f45037;
	text-decoration:none;
}

/* 결제하는 판매기업 로그인 후 */
.sell_over {
	width:720px;
	height:165px;
	margin:0;
	padding:13px 0 0 119px;
	background:url(../images/bg/bg_status_sell.gif) no-repeat left top;
}
/* 로그인 후 영역 */
.logout_wrap {
	float:left;
	width:250px;
	height:120px;
	margin:10px 0 0 0;
	padding:0;
	background:url(../images/bg/bg_logout.gif) no-repeat left top;
}
.login_cpy {
	font-size:14px;
	font-weight:bold;
	color:#000;
	line-height:150%;
	text-align:center;
	height:59px;
	margin:0;
	padding:15px 0 0 0;
}
.login_name {
	font-size:14px;
	font-weight:normal;
	color:#000;
	line-height:150%;
	text-align:center;
	margin:0;
	padding:10px 0 0 0;
}
.banner_commission {
	clear:both;
	height:77px;
	margin:0;
	padding:10px 0 0 0;
}
.b2b_banner {
	clear:both;
	margin:0;
	padding:10px 0 0 0;
}
.b2b_banner img {
	border:0;
	vertical-align:top;
}
.footer_wrap {
	width:100%;
	margin:0;
	padding:15px 0 0 0;
	clear:both;
}
.footer_cnt {
	width:986px;
	height:94px;
	margin:0 auto;
	padding:0;
	border-top:1px #d0d0d0 solid;
	background:#fcfcfc;
}
.footer_logo {
	float:left;
	text-align:center;
	margin:25px 10px 10px 10px;
	padding:0;
}
.footer_right {
	float:left;
	margin:8px 0 0 0;
	padding:0;
	text-align:left;
}
.footer_top {
	margin:0;
	padding:0;
}
ul.footer_menu {
	float:left;
	height:28px;
	margin:10px 40px 0 0;
	padding:0;
}
ul.footer_menu li {
	float:left;
	text-align:left;
	display:inline;
	list-style:none;
	margin:0 10px 0 0;
	padding:0;
	font-size:12px;
	font-weight:bold;
}
ul.footer_menu li a:link, ul.footer_menu li a:visited {
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	color:#636161;
}
ul.footer_menu li a:hover {
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	color:#636161;
}
.footer_familly {
	float:right;
	width:150px; 
	height:25px;
	margin:7px 0 0 0;
	padding-top:0;
	/*background-color:#fff;*/
	font-size:8pt;
}

.bank_familly {
	float:left;
	width:145px; 
	height:20px;
	margin:7px 0 0 0;
	padding-top:0;
	/*background-color:#fff;*/
	font-size:8pt;
}

/* 패밀리사이트 */
.select{ display:inline-block; *display:inline; position:relative; line-height:normal; vertical-align:middle; *zoom:1; text-align:left !important;}
.select *{ margin:0; padding:0; color:#a6a6a6; font-family:Nanum Gothic, dotum,"돋움",gulim,"굴림"; font-size: 11px; cursor:pointer; }
.select .my_value{ overflow:visible; position:relative; top:0; left:0; z-index:2; border:1px solid #bababa; background:transparent; color:#fff; text-align:left; line-height:19px; _line-height:normal}
.select .my_value.selected{ font-weight:bold}
.select button.my_value{ width:100%; height:21px; *padding-left:5px; text-indent:5px; *text-indent:0; color:#565656; font-weight:bold;}
.select div.my_value{ height:19px; text-indent:8px;}
.select .ctrl{ position:absolute; top:0; right:0; width:18px; height:19px; border:1px solid #bababa; border-left:1px solid #eaeaea; background:#fff}
.select .arrow{ position:absolute; width:0; height:0; top:9px; right:6px; border-top:3px solid #f26522; border-left:3px solid #fff; border-right:3px solid #fff; font-size:0; line-height:0}
.select ul{ overflow:hidden; position:absolute; top:20px; left:0; width:100%; border:0; border-top:1px solid #bababa; border-bottom:1px solid #bababa; background:#fff; list-style:none;}
.select ul.a_list{ display:none; position:relative; top:-152px;}
.select ul.a_list2{ display:none; position:relative; top:0px;}
.select.open ul.a_list{ display:block}
.select.open ul.a_list2{ display:block}
.select li{ overflow:hidden; position:relative; height:18px; border-left:1px solid #bababa; border-right:1px solid #bababa; white-space:nowrap; padding:4px;}
.select li a{ display:block; height:18px; background:#fff; color:#767676; line-height:18px; text-indent:8px; *text-indent:6px; text-decoration:none}
.select li.hover *{ background:#999; color:#f5f5f5}	
.select ul.a_list3{ display:none; position:relative; top:-126px;}
.select.open ul.a_list3{ display:block}
/* 패밀리사이트 */
.footer_copy {
	clear:both;
	margin:0;
	padding:0;
	color:#999;
	letter-spacing:-0.1px;
}

.footer_text {
    float:left;
    width:550px;
	margin:0;
	padding:0;
	color:#999;
	letter-spacing:-0.1px;
}
.footer_banner {
    float:right;
    width:240px;
	margin:0 4px 0 0;
	padding:0;
    text-align: right;
}