@import url( http://fonts.googleapis.com/css?family=Open+Sans:300 );
@import url( http://fonts.googleapis.com/css?family=PT+Sans+Narrow:400 );
@font-face {
	font-family: NanumBarunGothic;
	src: local("※"), url(/test/font/NanumBarunGothic.woff) format("woff");
}
@font-face {
	font-family: NanumBarunGothicBold;
	src: local("※"), url(/test/font/NanumBarunGothicBold.woff) format("woff");
}
@font-face {
	font-family: NanumMyeongjo;
	src: local("※"), url(/test/font/NanumMyeongjo.woff) format("woff");
}
@font-face {
	font-family: RixGoEB;
	src: local("※"), url(/test/font/RixGoEB.woff) format("woff");
}

html {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none;
}
body {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none;
}
fieldset {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none;
}
address {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none;
}
h1 {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none;
}
h2 {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none;
}
h3 {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none;
}
h4 {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none;
}
h5 {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none;
}
h6 {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none;
}
p {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none;
}
ul {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none;
}
ol {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none;
}
li {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none;
}
ul {
	list-style: none;
}
ol {
	list-style: none;
}
html {
	line-height: 1; font-family: "NanumBarunGothic";
}
body{font-family:"나눔고딕", NanumGothic, "돋움", dotum, "굴림", Gulim, Helvetica, AppleGothic, Sans-serif;}
img {
	border: 0px currentColor; border-image: none; vertical-align: middle;
}
body {
	width: 100%; min-width: 1280px;
}
#header {
	width: 100%; height:112px;background:url('/test/images/nav_bg.png') repeat-x 0 bottom;
}
#header .inner {
	margin: 0px auto; width: 1200px; 
}
#header h1 {
	float: left;
}
#header .subtext {
	color: rgb(255, 255, 255); line-height: 1; letter-spacing: -0.5px; padding-top: 36px; font-size: 14px; float: left;
}
#header .hotline {
	line-height: 50px;  float: right;
}
#header .hotline img {
	vertical-align: top;
}
#header .hotline .phone-num {
	color: rgb(255, 240, 0);  font-family: "PT Sans Narrow"; font-size: 26px; font-style: normal; font-weight: normal;
}
#gnb {
	height: 70px; float: left;
}
#gnb ul > li {
	background: url("/test/images/bg_gnb_black_border.png") no-repeat 100% 50%; width: 119px; text-align: center; line-height: 17px; font-size: 14px; font-weight: normal; vertical-align: middle; float: left;
}
#gnb ul > li a {
	width: 119px;  text-align: center; color: rgb(255, 255, 255); font-weight: normal; text-decoration: none; vertical-align: middle; display: table-cell;
}
#gnb ul > li a:hover {
	color: rgb(255, 255, 255);
}
#gnb ul > li .active {
	color: rgb(255, 255, 255);
}
#gnb ul > li.last {
	width: 118px;
}
#gnb ul {
	background: url("/test/images/bg_gnb_black_border.png") no-repeat 0px 50%; margin-left: 75px;
}
#gnb ul::after {
	clear: both; display: block; content: " ";
}
#wrap-top {
	left: 0px; top: 0px; width: 100%; height: 70px; position: fixed; z-index: 1000;
}
#wrap {
	margin-top: 70px;
}
.visual {
	width: 100%; height: 620px; overflow: hidden; position: relative; margin:0 auto; text-align:center;
}
.visual li {
	list-style: none;
}
.visual ul li {
	float: left;
	
}
.visual ol.slider-nav {
	background: url("/test/images/slide_nav_left.png") no-repeat 0px 0px; position: absolute;
}
.visual ol.slider-nav li {
	width: 600px; height: 70px; text-align: center; float: left;
}
.visual ol.slider-nav::after {
	clear: both; display: block; content: " ";
}
.visual ol.slider-nav {
	left: 50%; bottom: 42px; margin-left: -600px;
}
.visual ol.slider-nav a {
	background: url("/test/images/slide_nav_off.png") no-repeat 0px 0px; width: 600px; height: 70px; text-align: center; color: rgb(255, 255, 255); line-height: 70px; font-size: 18px; text-decoration: none; display: block;
}
.visual ol.slider-nav a.active {
	background: url("/test/images/slide_nav_on.png") no-repeat 0px 0px; width: 600px;
}
.visual ol.slider-nav a:hover {
	background: url("/test/images/slide_nav_on.png") no-repeat 0px 0px; width: 600px;
}
.contents {
	background: rgb(229, 229, 229); width: 100%;
}
.contents .inner {
	margin: 0px auto; width: 1200px;
}
.contents .inner > p {
	margin-right: 21px; float: left;
}
.contents .inner > p.last {
	margin-right: 0px;
}
.contents .inner::after {
	clear: both; display: block; content: " ";
}
#footer {
	background:#272727; width: 100%; 
}
#footer .inner {
	margin: 0px auto; width: 1200px;
}
#footer div.footer-logo{
	margin-top:20px;float: left; margin-right:20px;
}
#footer p {
	color: rgb(163, 163, 163); line-height: 18px; font-size: 12px;
}
#footer p.interest-rate {
	color: rgb(181, 144, 89); line-height: 30px; font-size: 16px; text-decoration: underline;
}
#footer p.warning {
	color: rgb(181, 144, 89); line-height: 1.5; font-size: 16px; text-decoration: none;
}
#footer address {
	padding:20px 0px 0px; font-style: normal; float: left;
}
#footer p.copyright {
	line-height: 60px;
}

#footer p.copyright a{color:gray; text-decoration:none;}

#footer .inner::after {
	clear: both; display: block; content: " ";
}
.sub .visual {
	height: auto; background-color: rgb(229, 229, 229);
}
.sub .visual .inner {
	margin: 0px auto; width: 1200px;
}
.sub .contents {
	padding-bottom: 50px;
}
.sub #footer {
	margin-bottom: 156px;
}
.sub #customer-form {
	left: 0px; width: 100%; height: 156px; bottom: 0px; position: fixed; background-color: rgb(56, 73, 121);
}
.sub #customer-form .inner {
	margin: 0px auto; width: 1200px;
}
.sub #customer-form .box1 {
	width: 810px;
}
.sub #customer-form .box1 input {
	border: 0px currentColor; border-image: none; color: rgb(255, 255, 255); font-family: "NanumBarunGothic"; font-size: 16px; margin-bottom: 5px; background-color: rgb(38, 50, 82);
}
.sub #customer-form .box1 #subform-number1 {
	width: 77px; text-align: center;
}
.sub #customer-form .box1 #subform-number2 {
	width: 77px; text-align: center;
}
.sub #customer-form .box1 #subform-number3 {
	width: 77px; text-align: center;
}
.sub #customer-form .box1::after {
	clear: both; display: block; content: " ";
}
.sub #customer-form .box1 > div {
	width: 400px; height: 45px; margin-right: 5px; margin-bottom: 5px; float: left; background-color: rgb(38, 50, 83);
}
.sub #customer-form .box1 div label {
	color: rgb(255, 255, 255); line-height: 45px; padding-right: 13px; padding-left: 19px; font-size: 14px;
}
.sub #customer-form .box1 .required {
	color: rgb(255, 240, 0); padding-right: 14px;
}
#subform-name {
	width: 270px;
}
#subform-amount {
	width: 250px;
}
p.agreement {
	color: rgb(255, 255, 255); line-height: 31px; font-size: 13px; margin-top: -3px; vertical-align: middle; float: left;
}
p.agreement input[type='checkbox'] {
	margin: 3px 3px 3px 0px; padding: 0px; vertical-align: middle; background-color: rgb(56, 73, 121);
}
fieldset > .btn_submit {
	float: right;
}
fieldset > .box1 {
	margin-top: 20px; float: left;
}
fieldset > .callcenter {
	float: left;
}
fieldset > .btn_submit {
	margin-top: 20px;
}
fieldset::after {
	clear: both; display: block; content: " ";
}
.sub #customer-form .box1 div .quasi-label {
	width: 79px; margin-right: 0px; float: left;
}
.sub #customer-form .box1 div .quasi-selectbox {
	width: 331px; float: right; position: relative;
}
.sub #customer-form .box1 div::after {
	clear: both; display: block; content: " ";
}
.sub #customer-form .box1 div .quasi-selectbox .selectbox {
	padding-left: 0px;
}
.sub #customer-form .box1 div .quasi-selectbox .selectbox img {
	width: 57px; float: right;
}
.sub #customer-form .box1 div .quasi-selectbox .selectbox p.selected-text {
	width: 258px; color: rgb(255, 255, 255); line-height: 45px; padding-right: 5px; padding-left: 10px; float: left;
}
.sub #customer-form .box1 div .quasi-selectbox .selectbox::after {
	clear: both; display: block; content: " ";
}
.sub .options {
	width: 331px; height: 120px; right: 0px; bottom: 100%; overflow: auto; position: absolute; z-index: 9999; opacity: 0.8; background-color: rgb(0, 0, 0);
}
.sub .options li {
	height: 40px; color: rgb(255, 255, 255); line-height: 40px; text-decoration: none;
}
.sub .options li a {
	padding: 0px 10px; color: rgb(255, 255, 255); text-decoration: none; display: block;
}
.sub #customer-form .box1 div .required {
	color: rgb(255, 240, 0); padding-right: 0px;
}
.sub #customer-form .box1 div .plan.quasi-label {
	width: 68px;
}
.sub #customer-form input#subform-name {
	width: 306px; height: 36px; line-height: 36px; font-size: 14px; margin-left: 16px;
}
.sub #customer-form input#subform-number1 {
	height: 36px; line-height: 36px; margin-left: 16px;
}
.sub #customer-form input#subform-number2 {
	height: 36px;
}
.sub #customer-form input#subform-number3 {
	height: 36px;
}
.sub #customer-form input#subform-amount {
	width: 237px; height: 36px; line-height: 36px; padding-right: 10px; font-size: 14px; margin-left: 16px;
}
.box-on {
	opacity: 0.5; background-color: rgb(0, 0, 0);
}
#customer-form input:focus {
	outline: 0px;
}
#customer-form textarea:focus {
	outline: 0px;
}
input[type='text']::-ms-clear {
	display: none;
}
#popup-confirmed-wrap {
	background: url("/test/images/halftrans_black.png") 0px 0px; left: 0px; top: 0px; width: 100%; height: 100%; position: fixed; z-index: 1999;
}
#popup-confirmed {
	left: 50%; top: 50%; width: 600px; height: 230px; margin-top: -115px; margin-left: -300px; position: fixed; background-color: rgb(255, 255, 255);
}
#popup-confirmed p.buttons {
	text-align: center; vertical-align: top;
}


.contents,.content01,.content02{overflow:auto;}

.content01{padding-top:50px;}

.main_left{float:left;}

.main_right{float:right;}

.content02{padding-top:20px; padding-bottom:50px;}

.system{width:1200px; margin:0 auto; padding:50px 0;}


.foo_text{float:right; font-size:12px; color:#fff;margin-top:70px;}
.foo_text a{color:#fff; text-decoration:none;}