@charset "UTF-8";

input, textarea, select {outline:0; border:0;}


/*  BURGER
========================================== */
.burger {
  width: 50px;
  height: 50px;
  position: fixed;
  top: 10px;
  right: 5px;
  border-radius: 4px;
  z-index: 9999;
}
.burger span, .burger span::before, .burger span::after {background-color: #fff;}

@media (min-width:1279px) {
	.burger {display:none;}
}

.burger span {
  position: relative;
  margin-top: 9px;
  margin-bottom: 9px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -15px;
  margin-top: -1.5px;
}

.burger span, .burger span::before, .burger span::after {
  display: block;
  width: 30px;
  height: 2px;
  background-color: #fff;
  outline: 1px solid transparent;
  -webkit-transition-property: background-color, -webkit-transform;
  -moz-transition-property: background-color, -moz-transform;
  -o-transition-property: background-color, -o-transform;
  transition-property: background-color, transform;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  box-shadow:0 1px 2px rgba(0,0,0,.3);
}

.burger span::before, .burger span::after {
  position: absolute;
  content: "";
}

.burger span::before { top: -9px; }

.burger span::after { top: 9px; }

.burger.clicked span { background-color: transparent; }

.burger.clicked span::before {
  -webkit-transform: translateY(9px) rotate(45deg);
  -moz-transform: translateY(9px) rotate(45deg);
  -ms-transform: translateY(9px) rotate(45deg);
  -o-transform: translateY(9px) rotate(45deg);
  transform: translateY(9px) rotate(45deg);
}

.burger.clicked span::after {
  -webkit-transform: translateY(-9px) rotate(-45deg);
  -moz-transform: translateY(-9px) rotate(-45deg);
  -ms-transform: translateY(-9px) rotate(-45deg);
  -o-transform: translateY(-9px) rotate(-45deg);
  transform: translateY(-9px) rotate(-45deg);
}

.burger.clicked span:before, .burger.clicked span:after { background-color: #ffffff; }

.burger:hover { cursor: pointer; }


/*  NAV
========================================== */
nav {
  background-color: #2a2a2a;
  position: fixed;
  z-index: 999;
  top: 0;
  right: 0;
  height: 100%;
  max-width: 320px; /* 515px */
  width: 100%;
  padding: 80px 40px 60px 40px;
  overflow-y: auto;
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
  -webkit-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -moz-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -o-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

nav.show {
  -webkit-transform: translateX(0px);
  -moz-transform: translateX(0px);
  -ms-transform: translateX(0px);
  -o-transform: translateX(0px);
  transform: translateX(0px);
}

nav.show ul.gnb {float:none;}
nav.show ul.gnb li {
  -webkit-transform: translateX(0px);
  -moz-transform: translateX(0px);
  -ms-transform: translateX(0px);
  -o-transform: translateX(0px);
  transform: translateX(0px);
  opacity: 1;filter:alpha(opacity=100);
}

nav.show ul.gnb li:nth-child(1) { transition-delay: 0.15s; }
nav.show ul.gnb li:nth-child(2) { transition-delay: 0.3s; }
nav.show ul.gnb li:nth-child(3) { transition-delay: 0.45s; }
nav.show ul.gnb li:nth-child(4) { transition-delay: 0.6s; }
nav.show ul.gnb li:nth-child(5) { transition-delay: 0.75s; }
nav.show ul.gnb li:nth-child(6) { transition-delay: 0.9s; }
nav.show ul.gnb li:nth-child(7) { transition-delay: 1.05s; }
nav.show ul.gnb li:nth-child(8) { transition-delay: 1.2s; }
nav.show ul.gnb li:nth-child(9) { transition-delay: 1.35s; }

nav.show .social, nav.show ul.sub {
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -o-transform: translateY(0px);
  transform: translateY(0px);
  opacity: 1;filter:alpha(opacity=100);
  transition-delay: .85s;
}

nav ul.gnb { list-style-type: none; }
nav ul.gnb li {
  margin-bottom: 10px;
  -webkit-transform: translateX(40px);
  -moz-transform: translateX(40px);
  -ms-transform: translateX(40px);
  -o-transform: translateX(40px);
  transform: translateX(40px);
  opacity: 0;filter:alpha(opacity=0);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
nav ul.gnb li:last-of-type { margin-bottom: 0px; }
nav ul.gnb li a {
  color: rgba(255,255,255,1);
  text-decoration: none;
  text-transform: none;
  font-size: 1.5em;
  display: block;
  letter-spacing: 0px;
  font-family: SpoqaHanSans, sans-serif;
  font-weight: 500;
  padding: 8px 0;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  text-shadow:0 2px 4px rgba(0,0,0,.1);
}
nav ul.gnb li a:hover { color: #4D63CC; } 
nav ul.gnb li a span { color: #4D63CC; }


@media (min-width:1279px) {
	nav {
			background-color:transparent; position: relative; z-index: 999;max-width: 1200px; width: 100%;  padding: 0px;overflow:hidden; margin:0 auto;
			-webkit-transform: none;
			-moz-transform: none;
			-ms-transform: none;
			-o-transform: none;
			transform: none;
			-webkit-transition: none;
			-moz-transition: none;
			-o-transition: none;
			transition: none;
	}
	nav, nav.show, nav.show ul, ul.gnb {visibility:visible}

	nav ul.gnb {float:right;width:70%;margin-top:70px;}
	nav ul.gnb li{float:left;width:9.5rem;text-align:center;/**********/opacity:1;filter:alpha(opacity=100);}
	nav ul.gnb li a {
		color: rgba(255,255,255,1);
		text-decoration: none;
		font-size: 1.5em;
		display: inline-block;
		font-family: SpoqaHanSans, sans-serif;
		padding: 0px 0px;
		margin:0 20px;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all 0.3s ease;
		text-align:center;
	}
	nav ul.gnb li a:after {
		content:'';
		display:block;
		width: 0;
		height: 6px;
		background: rgb(79,98,214);
		background: -moz-linear-gradient(left, rgba(79,98,214,1) 0%, rgba(96,171,248,1) 50%, rgba(84,198,231,1) 100%);
		background: -webkit-linear-gradient(left, rgba(79,98,214,1) 0%,rgba(96,171,248,1) 50%,rgba(84,198,231,1) 100%);
		background: linear-gradient(to right, rgba(79,98,214,1) 0%,rgba(96,171,248,1) 50%,rgba(84,198,231,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4f62d6', endColorstr='#54c6e7',GradientType=1 );
		-webkit-transition: width .2s;
		-moz-transition: width .2s;
		-o-transition: width .2s;
		transition: width .2s;
	}
	nav ul.gnb li a.on {
		content:'';
		display:block;
		width: 0;
		height: 6px;
		background: rgb(79,98,214);
		background: -moz-linear-gradient(left, rgba(79,98,214,1) 0%, rgba(96,171,248,1) 50%, rgba(84,198,231,1) 100%);
		background: -webkit-linear-gradient(left, rgba(79,98,214,1) 0%,rgba(96,171,248,1) 50%,rgba(84,198,231,1) 100%);
		background: linear-gradient(to right, rgba(79,98,214,1) 0%,rgba(96,171,248,1) 50%,rgba(84,198,231,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4f62d6', endColorstr='#54c6e7',GradientType=1 );
		-webkit-transition: width .2s;
		-moz-transition: width .2s;
		-o-transition: width .2s;
		transition: width .2s;
	}
	nav ul.gnb li a:hover::after {
		width:100%;
	}
	nav ul.gnb li a:hover { color: rgba(255,255,255,.8); }


}

nav .social {
  margin-top: 30px;
  position: relative;
  padding-bottom: 20px;
  -webkit-transform: translateY(30px);
  -moz-transform: translateY(30px);
  -ms-transform: translateY(30px);
  -o-transform: translateY(30px);
  transform: translateY(30px);
  opacity: 0;filter:alpha(opacity=0);
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
nav .social:after {
  content: "";
  width: 100%; /* 230px */
  height: 2px;
  background-color: #4D63CC;
  position: absolute;
  bottom: 0;
  left: 0;
}nav .social a {
  display: inline-block;
  width: 30px;
  height: 30px;
  margin-right: 25px;
}
nav .social a:last-of-type { margin-right: 0px; }
nav .social a:hover svg path, nav .social a:hover svg circle { fill: #4D63CC; }
nav .social a svg {
  width: 100%;
  height: 100%;
}
nav .social a svg path, nav .social a svg circle {
  fill: #ffffff;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

nav ul.sub {
  list-style-type: none;
  margin-top: 30px;
  margin-bottom: 30px;
  -webkit-transform: translateY(30px);
  -moz-transform: translateY(30px);
  -ms-transform: translateY(30px);
  -o-transform: translateY(30px);
  transform: translateY(30px);
  opacity: 0;filter:alpha(opacity=0);
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

nav ul.sub li { margin-bottom: 8px; }
nav ul.sub li:last-of-type { margin-bottom: 0px; }
nav ul.sub li a {
  color: #ffffff;
  letter-spacing: 0px;
  font-size: 0.8rem;
  text-decoration: none;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
nav ul.sub li a:hover { color: #4D63CC; }

	@media (min-width:1279px) {
		nav .social {display:none !important;}
		nav .sub {display:none;}
	}


/*  OVERLAY
========================================== */
.overlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-color: #4D63CC;
  opacity: 0;filter:alpha(opacity=0);
  visibility: hidden;
}

.overlay.show {
  opacity: 0.8;filter:alpha(opacity=80);
  visibility: visible;
}

@media (min-width:1279px) {
	.overlay, .overlay.show  {width:0;height:0;visibility:hidden;}
}

.topInfo{position:absolute; left:2.5%; color:rgba(255,255,255,1);letter-spacing:-1.5px; top:10px; font-size:16px;}

@media (min-width:1290px) {
	.topInfo{float:left;left:0; margin-top:0;text-align:left;font-size:20px;}
}

/* allView */
.navigation {
	width:100%;
	/*
    position: fixed;
    top: 0;left: 0;
    background-color: #000040;
    box-shadow: 0 4px 4px -3px #232323;
    -moz-box-shadow: 0 4px 4px -3px #232323;
    -webkit-box-shadow: 0 4px 4px -3px #232323; */
	display:none;
	overflow: hidden;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	padding-top: 0px;
}
.navigation ul {
    margin-top:10px;
	text-align:left;
}
@media (min-width:1279px) {
	.navigation {display:inline-block;}
}
.navigation a {
    text-decoration: none;
    z-index: 9999;
}
.navigation ul {
    margin-top:10px;
    text-align:center;
    list-style:none; 
    margin-left:auto;
    margin-right:auto;
}
.menulist {
	float:left;
    width:150px; /* 100% */
	/* border:1px solid red */
}
.menulist.com {margin-left:400px;}
.menulist.busi {margin-left:10px}
.menulist.apply {margin-left:5px}
.menulist.cs {margin-left:0px}

.line1, .line2, .line3 {
	margin-top:5px;
	background-color:#fff;
	width:25px;
	height:2px;
	display:block;
	position:relative;
	opacity:1.0;filter:alpha(opacity=100);
	border-radius:15%;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
.line1.active {
  transform: rotate(270deg);
  opacity:0.0;filter:alpha(opacity=0);
  background-color:#fff;
  top:5px;
}
.line2.active {
  transform: rotate(45deg);
  background-color:#fff;
}
.line3.active {
  transform: rotate(-45deg);
  background-color:#fff;
  top:-7px;
}
.menuitems {
    padding-top:5px; /* 12px */
    padding-bottom:5px;
    text-decoration: none;
    list-style:none; 
    font-family: "SpoqaHanSans", sans-serif;
    font-weight: 300;
    font-size: .9rem;
    display: inline-block;
    position:relative;	
    text-align:center;
    color: rgba(255,255,255,1);
    opacity:0.0;filter:alpha(opacity=0);
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
.menuitems:after {
	content:'';
	display:block;
	width: 0;
	height: 1px;
	background: rgb(79,98,214);
	-webkit-transition: width .2s;
	-moz-transition: width .2s;
	-o-transition: width .2s;
	transition: width .2s;
	color:rgba(255,255,255,.7);
}
.menuitems:hover::after {
    width:100%;background:#40A7E2;color:rgba(255,255,255,.7);
}
.menuitems:hover{color:rgba(255,255,255,.7);}

#closebtn {
    height:40px;
    width:40px;	
    position: absolute;
    text-decoration:none;
    top: 68px; /* 25px */
    right: 10px; /* 25px */
    font-size: 36px !important;
    margin-right: 50px;
    z-index:9999;
    color:rgba(255,255,255,1);
    cursor:pointer;
    trainsition:background-position .3s;
	/**/
	padding:6px 7.5px;
	background: rgb(79,98,214);
	background: -moz-linear-gradient(top, rgba(79,98,214,1) 0%, rgba(58,128,217,1) 40%, rgba(25,176,220,1) 100%);
	background: -webkit-linear-gradient(top, rgba(79,98,214,1) 0%,rgba(58,128,217,1) 40%,rgba(25,176,220,1) 100%);
	background: linear-gradient(to bottom, rgba(79,98,214,1) 0%,rgba(58,128,217,1) 40%,rgba(25,176,220,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4f62d6', endColorstr='#19b0dc',GradientType=0 );
}
.allView{
	display:block;float:right;line-height:1.8;margin-right:-70px;font-size: 1rem;color:rgba(255,255,255,1);font-family:SpoqaHanSans, sans-serif;
}
#allWrap {
	-webkit-transition: margin-top .4s;
	-moz-transition: margin-top .4s;
	-o-transition: margin-top .4s;
	transition: margin-top .4s;
	width:100%;
	padding:0;
}

/* 
#allWrap {	#main
    transition: margin-top .4s;
    text-align:center;
    margin:auto;
    padding: 16px;
    font-size:30px;
}
*/

@media (min-width: 1279px) {...}

/*  PAGE
========================================== */
/* index */
#index{visibility:hidden;/**/}
.index{overflow-x:hidden;background-image: url("../img/main_bg_l.jpg");background-position:center 30%;background-repeat:no-repeat;background-size:cover;}
.index [class^=obj]{position:absolute;z-index:1}

.logo {display:none;width:293px;height:61px;font-family: 'SpoqaHanSans';/* background-image: url("../img/logo.png");background-size:100% auto;background-position:center center;background-repeat:no-repeat; */}
.logoW {display:none;width:293px;height:61px;font-family: 'SpoqaHanSans';/* background-image: url("../img/logoW.png");background-size:100% auto;background-position:center center;background-repeat:no-repeat; */}
.logoM{position:absolute;top:33px;left:2.5%;width:200px;height:44px;font-family: 'SpoqaHanSans'; color:#fff; font-size:16px;/* background-image: url("../img/logo.png");background-size:100% auto;background-position:center center;background-repeat:no-repeat; */z-index:9;}
.logoMW{position:absolute;top:33px;left:2.5%;width:200px;height:44px;font-family: 'SpoqaHanSans'; color:#fff; font-size:16px;/* background-image: url("../img/logoW.png");background-size:100% auto;background-position:center center;background-repeat:no-repeat; */z-index:9;}

@media (min-width:1279px) {
	.index{background-position:center top;}
	.logo {display:block;float:left;margin-top:70px;margin-right:0;width:30%;max-width:293px; font-size:20px; color:#fff;}
	.logoW {display:block;float:left;margin-top:70px;margin-right:0;width:30%;max-width:293px; font-size:20px; color:#fff;}
	.logoM, .logoMW{display:none;}
}

/* contents
========================================== */
#contents {position:relative;width:100%;/*min-height:1000px;*/margin:0 auto;left:0;top:0px;}
.index #contents {padding-left:3%;padding-right:3%;}
.index #contents div{position:relative;float:left;top:0px;left:0;overflow:hidden !important;}

.leftB {width:100%;height:540px;background-color:rgba(255,255,255,1);}
.leftB #first{}

.centerB {width:100%;height:440px;margin-top:10px;} 
.centerB div{width:100%;height:18%;background-color:rgba(255,255,255,1);padding:20px 0 0 5%;border:1px solid rgba(0,0,0,.2);} /* 4ea - height:23% */
.centerB div{background-size:60% auto;background-repeat:no-repeat;background-position:130% 10px;margin-top:2%;}
.centerB div:hover{cursor:pointer;}
.centerB .cenBox1{background-image: url("../img/icon_apart.png");}
.centerB .cenBox2{background-image: url("../img/icon_villa.png");}
.centerB .cenBox3{background-image: url("../img/icon_house.png");}
.centerB .cenBox4{background-image: url("../img/icon_land.png");}
.centerB .cenBox5{background-image: url("../img/icon_three.png");}
.centerB div dt{text-align:left;font-family:SpoqaHanSans, sans-serif;font-weight:600;font-size:1.1rem;}
.centerB div dd{font-family:SpoqaHanSans, sans-serif;letter-spacing:0;color:rgba(0,0,0,.3);}

.centerB .cenBox1:hover{background-image: url("../img/icon_apart_c.png");}	/* color:rgba(255,255,255,1);background-color:rgba(255,255,255,0);border:1px solid rgba(255,255,255,1); */
.centerB .cenBox2:hover{background-image: url("../img/icon_villa_c.png");}
.centerB .cenBox3:hover{background-image: url("../img/icon_house_c.png");}
.centerB .cenBox4:hover{background-image: url("../img/icon_land_c.png");}
.centerB .cenBox5:hover{background-image: url("../img/icon_three_c.png");}

.rightB {width:100%;background-color:none;}
.rightB .boardB{width:100%;color:rgba(255,255,255,1);}
.rightB .boardB ul{width:100%;}
.rightB .boardB .boardTab{display:inline-block;width:100%;height:35px;line-height:33px;border:1px solid rgba(255,255,255,.8);box-sizing:border-box;}
.rightB .boardB .boardTab li{float:left;text-align:center;width:45%;border-right:1px solid rgba(255,255,255,.5);}
.rightB .boardB .boardTab li:hover, .rightB .boardB .boardTab li a:hover{cursor:pointer;}
.rightB .boardB .boardTab li:last-child{float:left;text-align:center;width:10%;font-size:1rem;border-right:0;}
.rightB .boardB .boardTab li a{color:rgba(255,255,255,1);}
.rightB .boardB .boardTab li.more{display:inline-block;max-width:100%;height:31px;background-image: url("../img/icon_more.png");background-size:13px 13px;background-position:50% 50%;background-repeat:no-repeat;overflow:hidden;}
.rightB .boardB .boardList{margin-top:10px;}
.rightB .boardB .boardList li div{border-bottom:1px dotted rgba(255,255,255,.3);line-height:3;float:left}
.rightB .boardB .boardList div.date{}
.rightB .boardB .loanList{margin-top:10px;}
.rightB .boardB .loanList li div{border-bottom:1px dotted rgba(255,255,255,.3);line-height:3;float:left}
.rightB .boardB .loanList div.date{}

.rightB .applyB{
	width:100%;padding:8% 5% 7%;color:rgba(255,255,255,1);margin:20px auto 0;text-align:center;
	background: rgb(79,98,214);
	background: -moz-linear-gradient(top, rgba(79,98,214,1) 0%, rgba(58,128,217,1) 40%, rgba(25,176,220,1) 100%);
	background: -webkit-linear-gradient(top, rgba(79,98,214,1) 0%,rgba(58,128,217,1) 40%,rgba(25,176,220,1) 100%);
	background: linear-gradient(to bottom, rgba(79,98,214,1) 0%,rgba(58,128,217,1) 40%,rgba(25,176,220,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4f62d6', endColorstr='#19b0dc',GradientType=0 );
}
.rightB .applyB .tit{display:inline-block;width:100%;text-align:center;font-family:SpoqaHanSans, sans-serif;font-weight:600;font-size:1.3rem;margin-bottom:10px;letter-spacing:1px;}
.rightB .applyB input,
.rightB .applyB select,
.rightB .applyB textarea{color:rgba(255,255,255,.8);background-color:rgba(0,0,0,0.08);border:1px solid rgba(255,255,255,.4);font-weight:600;box-sizing: border-box;}

.rightB .applyB input::placeholder {color:rgba(255,255,255,.7) ;font-weight:100;}
.rightB .applyB input:hover, .rightB .applyB textarea:hover{border:1px solid rgba(255,255,255,1);}
.rightB .applyB input{height:38px;line-height:3;margin-bottom:5px;}
.rightB .applyB input[type="text"], .rightB, .applyB textarea{width:100%;}
.rightB .applyB input[type="tel"]{width:33.33%;}
.applyB input[type="submit"]{display:inline-block;border:2px solid rgba(255,255,255,1);color:rgba(255,255,255,1);width:40%;height:48px;line-height:1;text-indent:0;margin-top:10px;border-radius:50px;font-size:1rem;background-color:rgba(0,0,0,0.0);}
/* .applyB input[type="submit"]:hover{width:100%;border:2px solid rgba(77,99,204,1);background-color:rgba(77,99,204,1);color:rgba(255,255,255,1);border-radius:0;} border:2px solid rgba(255,255,255,1);background-color:rgba(255,255,255,1);color:#4A61CA; */
.applyB input[type="submit"]:hover {border:2px solid rgba(77,99,204,1);background-color:rgba(77,99,204,1);color:rgba(255,255,255,1);}
.applyB input[type="checkbox"] {background:transparent; padding:0; margin:4px 0 0 0; height:auto;}
.applyB .yak {text-align:left; padding:5px 0;}
.applyB .yak .btnYak {float:right; padding:0 10px; border:1px solid rgba(255,255,255,.5); border-radius:10px; cursor:pointer;}
.applyB .yak .btnYak:hover {background:rgba(77,99,204,1); border:1px solid rgba(77,99,204,1);}

.rightB .applyB select{height:38px;line-height:3;width:31%;padding-left:2%;}
.rightB .applyB select option{background-color:rgba(255,255,255,1);color:rgba(0,0,0,.8);}
.rightB .applyB textarea::placeholder {color:rgba(255,255,255,.7) ;font-weight:100;}
.rightB .applyB textarea{height:87px;}


.rightB .callB{width:100%;padding:4% 5%;border:.3rem solid rgba(255,255,255,.1);text-align:center;margin-top:13px;}
.rightB .callB p{width:100%;display:inline-block;font-family:SpoqaHanSans, sans-serif;font-weight:500;font-size:1.1rem;color:rgba(255,255,255,1);}
.rightB .callB p span.txt{font-size:.8rem;margin-left:5px;color:rgba(255,255,255,.5);letter-spacing:0;line-height:2;}
.rightB .callB .num{font-family:SpoqaHanSans, sans-serif;font-weight:500;font-size:2rem;color:rgba(255,255,255,1);letter-spacing:0;}
.rightB .callB .info{font-family:SpoqaHanSans, sans-serif;font-size:.7.5rem;color:rgba(255,255,255,.8);padding-top:3px;letter-spacing:0;}
.rightB .callB .callIcon{display:inline-block;width:42px;height:35px;background-image: url("../img/icon_call.png");background-size:42px 35px;background-position:50% 50%;background-repeat:no-repeat;margin-left:5px;}

.bottomB {width:100%;margin-top:20px;margin-bottom:30px;}
.bottomB li{float:left;width:33.33%;line-height:60px;margin-right:0%;background-color:#fff;text-align:center;}
.bottomB li:last-child{margin-right:0%;}
.bottomB li img{vertical-align:middle;max-width:80%;}


@media (min-width:640px) and (max-width:1278px) {
	.leftB {width:50%;height:540px;}
	.centerB {width:50%;height:500px;margin-top:70px}
	.centerB div{width:95%;height:18.45%;background-size:200px auto;background-repeat:no-repeat;background-position:110% 20px;margin-top:10px;margin-left:5%;}
	.centerB .cenBox1{margin-top:0%;}
	.centerB .cenBox4{background-position:130% 30px;}
	.centerB .cenBox5{width:95%;background-position:110% 20px;}
	.rightB{margin-top:20px;}
}

@media (min-width: 1279px) {
	#contents{width:100%;}
	.index #contents{padding:0;}

	.leftB {width:38%;height:740px;margin-right:2%;}

	.centerB {width:30%;height:740px;margin-right:2%;margin-top:0;}
	.centerB div{width:100%;height:18.45%;background-size:279px auto;background-repeat:no-repeat;background-position:160% 20px;margin-top:4%;}
	.centerB .cenBox1{margin-top:0%;}
	.centerB .cenBox4{background-position:170% 30px;}
	.centerB .cenBox5{width:100%;background-position:160% 30px;}

	.rightB {width:28%;height:740px;}

	.bottomB {width:100%;margin-top:60px;margin-bottom:70px;}
	.bottomB li{float:left;width:16%;line-height:60px;margin-right:.8%;}
	.bottomB li img{vertical-align:middle;max-width:100%;}
}


/* footer
========================================== */
#footer {clear:both;/**/width:100%;min-height:400px;margin:0 auto;background-image: url("../img/footer_bg.png");background-position:78% 190%;background-repeat:no-repeat;background-size:auto;background-color:#fff;}
#footer .logoF {display:block;width:100%;text-align:center;margin-bottom:0px;}
#footer .logoF img {max-width:100%;}
#footer .viewCom {display:inline-block;float:right;width:130px;line-height:2;text-align:center; margin: 19px 0 0 0;}
#footer .viewCom a {display:block;border:1px solid rgba(0,0,0,.1);border-radius:50px;color:rgba(0,0,0,.7);font-family:SpoqaHanSans, sans-serif;font-size:.9rem;}
#footer .viewCom a:hover{background:#000;color:#fff;}

#footer .quick {width:100%;height:50px;line-height:3;border-top:0px solid #4D63CC;border-bottom:1px solid rgba(0,0,0,.07);background-color:#f9f9f9;}/* border-bottom-width:3px;border-bottom-style:solid;border-bottom-color: -moz-linear-gradient(top, #5067D1, #26AFD9); */
#footer .quick li {float:left;width:14.285%;margin:0 0rem;color:#333;text-align:center;}
#footer .quick li a {color:#333;font-family:SpoqaHanSans, sans-serif;font-weight:500;font-size:0.95rem;}
#footer .quick li a:hover {color:#000;font-family:SpoqaHanSans, sans-serif;font-weight:500;}

#footer .info {text-align:left;margin-top:30px; padding:30px 0 0 0; border-top:1px solid rgba(0,0,0,.2);}
#footer .info li {color:#333;line-height:1.8;letter-spacing:-.5px;font-size:1.2rem;}
#footer .info li a {color:#333;font-family:SpoqaHanSans, sans-serif;font-size:1.2rem;line-height:2;}
#footer .caution {text-align:left;margin-top:30px;}
#footer .caution .big {padding-bottom:15px; font-size:1.8em;}
#footer .caution .red {padding-top:15px; font-size:1.8em; color:#ee2121;}
#footer .caution li {padding:1.5px 0; color:#000;font-family:SpoqaHanSans, sans-serif;font-size:1.8em;line-height:1.5;}
#footer .copy {display:inline-block;text-align:left;margin:30px 0;color:#333;font-family:SpoqaHanSans, sans-serif;font-size:.8rem;line-height:2;letter-spacing:0;margin-top:30px;}
#footer .copy .com{color:#000;}

	@media (max-width: 767px) {
		#footer {width:100%;min-height:200px;margin:0 auto;padding:0px;background-color:#fff;
						background-image: url("../img/footer_bg.png");background-position:center 115%;background-repeat:no-repeat;text-align:center;background-size:110% auto;}
		#footer .logoF {display:block;width:100%;text-align:center;margin-bottom:20px;}
		#footer .logoF img {max-width:40%;}
		#footer .viewCom {float:none;width:90%;margin:20px 5% 0;line-height:2;}
		#footer .viewCom a{font-size:.8rem;}

		#footer .quick {display:inline-block;height:80px;line-height:3}
		#footer .quick li {float:left;width:20%;margin:0 .4rem;color:#333;}
		#footer .quick li:nth-child(5),
		#footer .quick li:nth-child(6),
		#footer .quick li:nth-child(7){width:29%;}
		#footer .quick li a {color:#333;font-family:SpoqaHanSans, sans-serif;font-weight:500;font-size:.7rem;}
		#footer .quick li a:hover {color:#000;font-family:SpoqaHanSans, sans-serif;font-weight:500;}

		#footer .info, #footer .caution{padding:0 5%;}
		#footer .info {margin-top:30px;}
		#footer .info li {color:#333;line-height:1.5}
		#footer .info li a {color:#333;font-family:SpoqaHanSans, sans-serif;font-size:1rem;line-height:1.2;}
		#footer .caution li {color:#333;font-family:SpoqaHanSans, sans-serif;font-size:1.5em;line-height:1.1;}
		#footer .copy {color:#333;line-height:3;font-size:.8rem;}
	}

.scrollTop{
    display:inline-block;
	/* width:50px;height:50px; */
	padding:1.5rem;
	border-radius:50%;
	box-shadow:0 4px 8px rgba(0,0,0,.1);
	background:url(../img/scrollTop.png) center center rgba(255,255,255,1) no-repeat;
	position:fixed;
	bottom:1.5rem;
	right:1rem;
	display:none;
	font-size:0;
	color:transparent;
}
.scrollTop:hover{
	cursor:pointer;
	background:url(../img/scrollTopOver.png) center center #4D63CC no-repeat;
}

.dim{position:relative;width:100%;height:100%;min-height:100%;top:0;left:0;background-size:cover;background-position:0 50%;z-index:99999;}


/* 서브페이지
========================================== */
/* 공통 */
section.subTop {width:100%;height:500px;/**/background-color:#ccc;background-size:cover;background-position:center center;background-repeat:no-repeat;text-align:center;}
section.subTop .tit {position:relative;color:rgba(255,255,255,1);text-shadow:0 1px 2px rgba(0,0,0,.1);padding-top:40px;}
section.subTop .tit .point{color:#fff;}
section.subTop .tit h2 {font-family:SpoqaHanSans, sans-serif;font-size:2rem;font-weight:700;line-height:2;color:rgba(255,255,255,1);}
section.subTop .tit .titS {font-family:SpoqaHanSans, sans-serif;font-size:1rem;color:rgba(255,255,255,.9);margin-top:10px;transition-delay: 0.15s;}
section.subTop .tit .bar {display:none;/**/width:50px;height:3px;background: rgb(79,98,214);}
section.subTop .tit span.arrow {margin:0 5px;}
section.subTop ul.subCate {position:relative;display:block;width:100%;margin:103px auto 0;text-align:center;}
section.subTop ul.subCate li {display:block;float:left;line-height:4;border-radius:0px;background:rgba(0,0,0,.2);/**/text-align:center;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}
section.subTop ul.subCate li a {display:block;font-size:1rem;font-family:SpoqaHanSans, sans-serif;color:rgba(255,255,255,1);}
section.subTop ul.subCate li.on {color:rgba(0,0,0,.7);text-shadow:0 1px 2px rgba(0,0,0,.1);letter-spacing:-1px;background:rgba(255,255,255,1);color:#4A61CA;border-bottom:none;}
section.subTop ul.subCate li.on a{color:#4A61CA;}
section.subTop ul.subCate li:hover{background:#4A61CA;color:rgba(255,255,255,1);}
section.subTop ul.subCate li.on:hover{background:#fff;color:#4A61CA;}
section.subTop ul.subCate li.on a:hover{background:#4A61CA;color:rgba(255,255,255,1);}

div.contents{width:100%;margin:0 auto;min-height:450px;padding:60px 0 100px;overflow:hidden;}
div.contents .titLine{
	display:block;width: 1px;height: 50px;margin: 0 auto 14px;border: 0;text-align:center;
	background:#4A61CA;
    background: -webkit-linear-gradient(to bottom, rgba(79,98,214,1), rgba(84,198,231,1));
    background: -o-linear-gradient(to bottom, rgba(79,98,214,1), rgba(84,198,231,1));
    background: -moz-linear-gradient(to bottom, rgba(79,98,214,1), rgba(84,198,231,1));
    background: linear-gradient(to bottom, rgba(79,98,214,1), rgba(84,198,231,1));
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(79,98,214,1)', endColorstr='rgba(84,198,231,1)',GradientType=1 );
}
div.contents .tit{font-size:2.4rem;color:#111;text-align:center;line-height:1.6;font-family:SpoqaHanSans, sans-serif;font-weight:600;letter-spacing:-1.5px;}
div.contents.ing{background-image: url("../img/ing.png");background-size:199px 196px;background-position:center bottom;background-repeat:no-repeat;text-align:center;}
div.contents .cont_ment{font-size:1.4rem;color:#666;text-align:center;font-family:SpoqaHanSans, sans-serif;font-weight:500;margin-bottom:60px;}
div.contents .cont_ment span{font-size:1.4rem;color:#4A61CA;text-align:center;font-family:SpoqaHanSans, sans-serif;font-weight:600;}
div.contents p.road {font-family:SpoqaHanSans, sans-serif;font-size:0.85rem;color:#666;letter-spacing:0;padding-bottom:60px;text-align:center;}
div.contents p.road span {margin:5px;}
div.contents p.road span:last-child {color:#111;}
div.contents p.road img.home {width:22px;height:20px;cursor:pointer;}

	@media (max-width: 1280px) { /* 767px */
		section.subTop{height:300px;padding-left:5%;padding-right:5%;margin-top:0px;}
		section.subTop .tit{padding-top:85px;}
		section.subTop ul.subCate {margin-top:51px;}
		section.subTop ul.subCate li {display:block;float:left;line-height:3.5;}
		section.subTop ul.subCate li a {display:block;font-size:.8rem;}
		
		div.contents{padding-left:3%;padding:50px 3% 50px;}
		div.contents .tit{font-size:2rem;}
		div.contents .img {max-width:100%;margin-left:0 !important;margin-right:0 !important;}
		div.contents p.road{padding-bottom:50px}
		div.contents p.road img.home {width:17px;height:15px;}
	}


#comAll,  #busiAll, #applyAll, #csAll{...}

#comAll section.subTop ul.subCate li{width:50%;}
#busiAll section.subTop ul.subCate li{width:20%;}
#applyAll section.subTop ul.subCate li{width:50%;}
#csAll section.subTop ul.subCate li{width:33%;}

	@media (max-width: 767px) {
		#comAll img,  #busiAll img, #applyAll img, #csAll img{max-width:100%;}
		div.contents .img, div.contents .txt{float:none;}
		div.contents .img{max-height:400px;}
	}

/* 회사소개 */
#comAll section.subTop {background-image: url("../img/subTopCom.jpg");}
#comAll section.subTop .tit span {margin:0 1.8%;}
#comAll .img{float:left;width:40%;height:740px;padding:0%;background-image: url("../img/com01.jpg");background-size:100% auto;background-position:center bottom;background-repeat:no-repeat;}
#comAll .txt{margin-top:5%;margin-left:4%;}
#comAll .txtBox{float:right;width:56%;}
#comAll .txtBox ul{
		width:95%;margin-top:8%;margin-right:5%;padding:4% 5%;text-align:left;font-size:0.9rem;line-height:1.8;color:rgba(255,255,255,1);letter-spacing:-1.8px;
		background: rgb(79,98,214);
		background: -moz-linear-gradient(left, rgba(79,98,214,1) 0%, rgba(96,171,248,1) 50%, rgba(84,198,231,1) 100%);
		background: -webkit-linear-gradient(left, rgba(79,98,214,1) 0%,rgba(96,171,248,1) 50%,rgba(84,198,231,1) 100%);
		background: linear-gradient(to right, rgba(79,98,214,1) 0%,rgba(96,171,248,1) 50%,rgba(84,198,231,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4f62d6', endColorstr='#54c6e7',GradientType=1 );
		box-shadow:0rem 1rem 2rem rgba(0,0,0,0.1);
}
#comAll .txtBox span.sign{margin:8% 5% 0;float:right;font-family:SpoqaHanSans, sans-serif;font-weight:500;font-size:1.4rem;line-height:2;letter-spacing:-2px;color:rgba(0,0,0,.9);}
#comAll .roadmap {width:100%;height:450px;}
#comAll .roadmap > div {width:100%;height:100%;}
#comAll .roadmap > div map {display:block;width:30px;height:40px;}
#comAll .mapInfo{margin-top:30px}
#comAll .mapInfo dl{float:left;padding:80px 3% 0;text-align:center;background-repeat:no-repeat;background-position:center top;}
#comAll .mapInfo dl.subway{width:25%;min-height:220px;background-image: url("../img/icon_sw.jpg");border-right:1px solid #ddd;}
#comAll .mapInfo dl.bus{width:50%;min-height:220px;background-image: url("../img/icon_bus.jpg");border-right:1px solid #ddd;}
#comAll .mapInfo dl.car{width:25%;min-height:220px;background-image: url("../img/icon_car.jpg");}
#comAll .mapInfo dl dt{font-family:SpoqaHanSans, sans-serif;font-weight:500;font-size:1.8em;color:#4A61CA;line-height:1.8;}
#comAll .mapInfo dl dd{font-family:SpoqaHanSans, sans-serif;font-size:.9rem;color:#666;}

	@media (max-width: 767px) {
		#comAll .img{float:left;width:100%;max-height:380px;background-size:100% auto;background-position:center 15%;}
		#comAll .txt{margin:8% 0 0;}
		#comAll .txtBox{width:100%;}
		#comAll .txtBox ul{width:100%;margin-right:0;}
		#comAll .roadmap {width:100%;height:350px;}
		#comAll .mapInfo{margin-top:30px;}
		#comAll .mapInfo dl{float:none;padding:3%;text-align:left;background-position:10px 8px;}
		#comAll .mapInfo dl.subway, .mapInfo dl.bus, .mapInfo dl.car{width:100%;border-right:0;padding-top:80px;}
		#comAll .mapInfo dl.subway{min-height:200px;}
		#comAll .mapInfo dl.bus{min-height:260px;border-top:1px solid #ddd;}
		#comAll .mapInfo dl.car{min-height:200px;border-top:1px solid #ddd;}
	}


/* 대출상품 */
#busiAll section.subTop {background-image: url("../img/subTopBusi.jpg");}
#busiAll section.subTop .tit span {margin:0 1.4%;}

#busiAll .img{float:left;width:56%;height:460px;margin-right:4%;background-size:auto 100%;background-position:left bottom;background-repeat:no-repeat;}
#busiAll .img.apart{background-image: url("../img/busi_apart.jpg");}
#busiAll .img.villa{background-image: url("../img/busi_villa.jpg");}
#busiAll .img.sm{background-image: url("../img/busi_sm.jpg");}
#busiAll .img.share{background-image: url("../img/busi_share.jpg");}
#busiAll .img.three{background-image: url("../img/busi_three.jpg");}

#busiAll .txt {float:right;width:40%;}
#busiAll .txt table{width:100%;height:350px;}
#busiAll .txt table th{width:28%;font-size:.8rem;}
#busiAll .txt table td span.viewMore a{padding:0.3% 3%;margin-left:5%;border:1px solid rgba(0,0,0,0.1);}
#busiAll .txt table td span.viewMore a:hover{background:#fff;color:#4E63C7;border:1px solid #4E63C7;}
#busiAll .txt table strong{font-weight:600;font-size:.9rem;color:#4A61CA;}

#busiAll .txt .btn{
	width:60%;height:60px;line-height:2.5;font-size:1.2rem;font-weight:500;color:#fff;border-radius:50px;margin:10% 20% 0;border:0;text-align:center;letter-spacing:-1.5px;
	background: rgb(79,98,214);
	background: -moz-linear-gradient(left, rgba(79,98,214,1) 0%, rgba(96,171,248,1) 50%, rgba(84,198,231,1) 100%);
	background: -webkit-linear-gradient(left, rgba(79,98,214,1) 0%,rgba(96,171,248,1) 50%,rgba(84,198,231,1) 100%);
	background: linear-gradient(to right, rgba(79,98,214,1) 0%,rgba(96,171,248,1) 50%,rgba(84,198,231,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4f62d6', endColorstr='#54c6e7',GradientType=1 );
	box-shadow: 0rem 0.8rem 1rem rgba(0,0,0,0.05);
}
#busiAll .txt .btn a{color:#fff;}
#busiAll .btn strong{color:#fff;margin-right:5px;font-weight:500;}

	@media (max-width: 767px) {
		#busiAll .img{float:none;width:100%;height:380px;margin-right:0;}
		#busiAll .txt {float:none;width:100%;margin-top:8%;}
		#busiAll .txt table{width:100%;padding-right:0;}
		#busiAll .txt .btn{width:60%}
	}


/* 대출신청 */
#applyAll section.subTop {background-image: url("../img/subTopApply.jpg");}
#applyAll section.subTop .tit span {margin:0 1.5%;}
#applyAll div.contents p.road{padding-bottom:50px;}

	@media (max-width: 767px) {...}


/* 커뮤니티 */
#csAll section.subTop {background-image: url("../img/subTopCs.jpg");}
#csAll section.subTop .tit span {margin:0 1%;}


	@media (max-width: 767px) {
		#comAll section.subTop .tit span {margin:0 1%;}
		#busiAll section.subTop .tit span {margin:0 1%;}
		#applyAll section.subTop .tit span {margin:0 1%;}
		#csAll section.subTop .tit span {margin:0 1%;}
	}



/* 이용약관 외 */
.yakWrap {width:100%; max-height:850px; padding:30px 40px; font-family: SpoqaHanSans, sans-serif; overflow-y:scroll;}
.yakWrap .yTit {font-size:30px; font-weight:bold; border-bottom:1px solid rgba(0,0,0,.3);}
.yakWrap .yCont {font-size:14px; font-weight:300; line-height:1.6; padding:20px 30px; border-bottom:1px solid rgba(0,0,0,.3); background:rgba(0,0,0,.01);}

.eodWrap {width:100%; max-height:850px; padding:30px 40px; font-family: SpoqaHanSans, sans-serif;}
.eodWrap .eodTit {font-size:30px; font-weight:bold; }
.eodWrap .eodCont {font-size:14px; font-weight:300; line-height:1.6;}