﻿@charset "UTF-8";

#wrapper {width:100%; min-width:1000px; word-break:keep-all;}

#header {position:relative; width:1000px; min-width:1000px; margin:0 auto; background:url(../images/fund/fund_bg.jpg) no-repeat left top;}
#header .logo {position:absolute; left:23px; top:13px;}
#header .purpose {width:600px; margin:0 auto; padding:118px 0 37px;
						color:#fff; text-align:center; letter-spacing:-0.05em; font-family:'Nanum Gothic', '맑은 고딕', '돋움', sans-serif;}
#header .purpose dt {padding-top:29px; margin-bottom:20px; font-size:45px; font-weight:bold; background:url(../images/fund/fund_topbar.gif) no-repeat center top;}
#header .purpose dd {font-size:20px; line-height:30px;}
#header .explanation {padding-bottom:49px;}
#header .explanation ul {overflow:hidden; width:830px; margin:0 auto;}
#header .explanation ul li {float:left; width:402px; background:#fff;}
#header .explanation ul li:nth-child(1) {margin-right:26px; background:#fff url(../images/fund/fund_explanation_01.gif) no-repeat 5px 5px;}
#header .explanation ul li:nth-child(2) {background:#fff url(../images/fund/fund_explanation_02.gif) no-repeat 5px 5px;}
#header .explanation ul dl {text-align:center; padding:21px 0 17px;}
#header .explanation ul dl dt {margin-bottom:14px; font-weight:bold; color:#e7620a; font-size:20px;}
#header .explanation ul dl dd {font-size:13px; color:#6f6f6f; width:90%; margin:0 auto; line-height:18px;}

#container {}
	/* ################## 목록 ################## */
	#content_main {width:913px; margin:50px auto;}
	#content_main #bank_info {overflow:hidden; margin-bottom:52px;}
	#content_main #bank_info .btncalculator {float:left; width:176px; height:60px; font-size:20px; text-indent:60px; line-height:52px; font-weight:bold; color:#fff;
													background:url(../images/fund/fund_calculator.gif) no-repeat left top;}
	#content_main #bank_info .btncalculator a {color:inherit;}
	#content_main #bank_info .account {float:right; width:734px; border:3px solid #39aa4b; border-left:0 none !important;}
	#content_main #bank_info .account dl {overflow:hidden; float:left; height:46px; font-size:15px; text-align:center; font-weight:bold;}
	#content_main #bank_info .account dl dt {float:left; padding:17px 30px; color:#39aa4b; border-right:1px solid #d6d6d6}
	#content_main #bank_info .account dl dd {float:left; padding:11px 30px; color:#3c3c3c; line-height:22px; letter-spacing:-0.05em; border-right:1px solid #d6d6d6}
	#content_main #bank_info .account dl dd img {margin-right:15px; vertical-align:middle;}
	#content_main #bank_info .account dl:last-child dd {border-right:0 none;}
	#content_main #fund_list .row {overflow:hidden; margin-bottom:60px;}
	#content_main #fund_list .row .item {float:left; width:243px; margin-left:45px; padding-right:45px; border-right:1px solid #e0e0e0;}
	#content_main #fund_list .row div:first-child {margin-left:0;}
	#content_main #fund_list .row div:last-child {padding-right:0; border-right:0 none;}
	#content_main #fund_list .item .subject {margin-bottom:20px; font-size:16px; font-weight:bold; color:#3c3c3c; letter-spacing:-0.05em;}
	#content_main #fund_list .item .thumb {margin-bottom:8px;}
	#content_main #fund_list .item table {width:100%; border-collapse:collapse; background:#f5f5f5}
	#content_main #fund_list .item table th, #fund_list .item table td {padding:9px 0; text-align:center; font-size:13px; border:1px solid #fff;}
	#content_main #fund_list .item table th {color:#f7941d;}
	#content_main #fund_list .item table td {color:#606060;}
	#content_main #fund_list .item .btn_fund_aply {display:block; border:3px solid #ffbf36; padding:7px 0; color:#3c3c3c; text-align:center; font-size:16px; font-weight:bold;
																-moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px; behavior: url(PIE.htc);}
	#content_main #fund_list .item .detail {overflow:hidden; margin:10px 0 15px;}
	#content_main #fund_list .item .detail li:first-child {float:left; font-size:13px; color:#5b5b5b;}
	#content_main #fund_list .item .detail li:last-child {float:right; font-weight:800; color:#3c3c3c;}

	/* ################## 신청서 ################## */
	#content_join {width:900px; margin:50px auto;}
	#content_join h2 {margin-bottom:50px; color:#000000;  font-size:35px; font-weight:bold; text-align:center;}
	#content_join form table {width:100%; border-collapse:collapse;}
	#content_join form table th, #content_join form table td {padding:15px; border:1px dashed #919191; font-size:15px;}
	#content_join form .application {margin-bottom:25px;}
	#content_join form .application table th {width:15%; color:#444247; background:#e4dfeb;}
	#content_join form .agreement table th {width:15%; color:#374246; background:#b7dde7;}
	#content_join form .agreement table td {line-height:1.5em;}
	#content_join form .agreement table td .contact {text-align:right; font-weight:bold; font-size:16px; color:#}
	#content_join form .agreement ul {padding:20px 0; text-align:center}
	#content_join form .agreement ul li {display:inline-block; margin:0 20px; font-size:18px; font-weight:bold; color:#272727;}
	#content_join #bank_info {overflow:hidden; margin-bottom:30px; border:3px solid #39aa4b;}
	#content_join #bank_info dl {overflow:hidden; float:left; height:46px; font-size:15px; text-align:center; font-weight:bold;}
	#content_join #bank_info dl dt {float:left; padding:17px 40px; color:#39aa4b; border-right:1px solid #d6d6d6}
	#content_join #bank_info dl dd {float:left; padding:11px 40px; color:#3c3c3c; line-height:22px; letter-spacing:-0.05em; border-right:1px solid #d6d6d6}
	#content_join #bank_info dl dd img {margin-right:15px; vertical-align:middle;}
	#content_join #bank_info dl:last-child dd {border-right:0 none;}
	#content_join form input[type="text"], #content_join form input[type="password"], #content_join form select {padding:7px; font-size:13px; border:1px solid #dadada}
	#content_join form table .account input, #content_join form table .account select {margin-right:20px;}
	#content_join form button {display:block; width:200px; margin:0 auto; padding:15px; border:0 none; background:#e76108;
										color:#fff; font-size:20px; font-weight:bold;
										-moz-border-radius:30px; -webkit-border-radius:30px; border-radius:30px; behavior: url(PIE.htc);}
	#content_join form .btn_postcode {margin-left:10px; display:inline-block; padding:9px 12px; font-size:13px; color:#fff; font-weight:bold; background:#6666ff;
											-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; behavior: url(PIE.htc);}




#footer {min-width:1000px; background:#3e3e3e; padding:23px 0;}
#footer .ft {overflow:hidden; width:1000px; margin:0 auto;}
#footer .ft .logo {float:left; margin-right:65px;}
#footer .ft address {float:left; color:#c4c4c4; font-size:12px; line-height:18px; font-weight:bold;}
#footer .ft address strong {display:inline-block; margin-right:15px; color:#e6e6e6}



.calculator {
	position: absolute;
	background-color:#FFFFFF;
	display: none;
	font-size: 16px;
}
.calculator input{
	border:1px solid #c4c4c4;
	margin-top:10px;
}
.calculator select{
	border:1px solid #c4c4c4;
	margin-top:10px;
}
.calculator ul {
	margin: auto;
	width: 400px;
	height: 300px;

	border: 1px solid #CCCCCC;
	box-shadow: 10px 10px #EEEEEE;
}
.calculator ul li {
	height: 65px;
	padding-top: 10px;
}
.calculator ul li div {
	float: left;
	width: 47%;
	height: 50px;
	margin-left: 10px;
}
.calculator ul li div .unit {
	width: 40px;
	height: 27px;
	border: 1px solid #CCCCCC;
	margin: 0px;
	text-align: center;
	padding-top: 5px;
	margin-top:10px;
}
.calculator ul li .DepositBox {
	border: 1px solid #eeeeee;
	width: 180px;
	height: 80px;
}
.calculator ul li .DepositBox .Deposit {
	text-align: right;
	width: 160px;
	height: 40px;
	margin-top: 5px;
	color: #444444;
}
.calculator ul li .DepositBox #Deposit {
	text-align: right;
	width: 160px;
	height: 40px;
}
.calculator ul li .RevenueBox {
	border: 1px solid #eeeeee;
	width: 180px;
	height: 80px;
	margin-left: 15px;
}
.calculator ul li .Revenue {
	text-align: right;
	width: 160px;
	height: 40px;
	margin-top: 5px;
}
.calculator ul li #Revenue {
	text-align: right;
	width: 160px;
	height: 40px;
}