@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: 2px;
		background:#fff;
		/* 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: 2px;
		background:#fff;
		/* 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,1); }


}

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:0; color:rgba(255,255,255,1);letter-spacing:-1.5px; top:10px; font-size:20px;}

@media (max-width:767px) {
	.topInfo{float:left;margin-top:-60px;text-align:left; ;}
}

/* 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:3px; /* 12px */
    padding-bottom:3px;
    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: #fff;
	-webkit-transition: width .2s;
	-moz-transition: width .2s;
	-o-transition: width .2s;
	transition: width .2s;
	color:rgba(255,255,255,1);
}
.menuitems:hover::after {
    width:100%;background:#40A7E2;color:rgba(255,255,255,1);
}
.menuitems:hover{color:rgba(255,255,255,1);}

#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:#3c3f5d;
	/* 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;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;background-image: url("../img/logoW.png");background-size:100% auto;background-position:center center;background-repeat:no-repeat;}
.logoM{position:absolute;top: 18px;left: 20px;width:200px;height:44px;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: 18px;left: 20px;width:200px;height:44px;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:50px;margin-right:0;width:30%;max-width:293px;}
	.logoW {display:block;float:left;margin-top:50px;margin-right:0;width:30%;max-width:293px;}
	.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:30%;background-color:rgba(255,255,255,1);padding:40px 0 0 10%;} /* 4ea - height:23% */
.centerB div{background-size:cover;background-repeat:no-repeat;margin-top:2%;}
.centerB div:hover{cursor:pointer;}
.centerB .cenBox1{background-image: url("../img/micon01.jpg");}
.centerB .cenBox2{background-image: url("../img/micon02.jpg");}
.centerB .cenBox3{background-image: url("../img/micon03.jpg");}
.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.2rem; color:#000;}
.centerB div dd{padding-top:10px; font-family:SpoqaHanSans, sans-serif;letter-spacing:-0.5px; font-size:0.8rem;color:rgba(0,0,0,.5);}



.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:0 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{
	width:100%;padding:6% 5%;color:rgba(255,255,255,1);margin:0 auto 0;text-align:center;
	background: #3c3f5d;
}

.rightB .applyB .tit{display:inline-block;width:100%;text-align:center;font-family:SpoqaHanSans, sans-serif;font-weight:600;font-size:1.1rem;margin-bottom:15px;}
.rightB .applyB input,
.rightB .applyB select,
.rightB .applyB textarea{color:rgba(255,255,255,.8);background-color:rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.3);font-weight:600;box-sizing: border-box;}

.rightB .applyB input::placeholder {color:rgba(255,255,255,.9) ;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;color:#fff;width:100%;height:48px;line-height:48px;border:0;padding:0;text-align:center;margin-top:10px;font-size:0.9rem;background-color:#2f979a;}
/* .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:#000; */
.applyB input[type="submit"]:hover {border:0; background-color:#2f979a; transform:0;}
.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{position:relative; width:100%;height:17.5%; padding:4% 8% 0 8%; background:url(/static/img/micon04.jpg) no-repeat; background-size:cover; border:0px solid rgba(255,255,255,1); text-align:center;margin-top:7.5%;}
.rightB .callB .line {position:absolute; top:6%; left:3%; width:94%; height:88%; border:1px solid rgba(0,0,0,.2);}
.rightB .callB p{width:100%;display:inline-block;font-family:SpoqaHanSans, sans-serif;font-weight:600;font-size:1.1rem;color:#000;}
.rightB .callB p span.txt{font-size:.8rem;margin-left:5px;color:rgba(0,0,0,.7); font-weight:400; letter-spacing:0;line-height:2;}
.rightB .callB .num{font-family:SpoqaHanSans, sans-serif;font-weight:500;font-size:2rem;color:#000;letter-spacing:0;}
.rightB .callB .info{font-family:SpoqaHanSans, sans-serif;font-size:.7.5rem;color:rgba(255,255,255,.8); font-weight:400; padding-top:3px;letter-spacing:0;}
.rightB .callB .callIcon{display:inline-block;width:42px;height:35px;background-image: url("../img/icon_call_b.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%;margin-top:10px;margin-left:5%;}
	.centerB .cenBox1{margin-top:0%;}
	.centerB .cenBox4{background-position:130% 30px;}
	.centerB .cenBox5{width:95%;}
	.rightB{margin-top:20px;}
}

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

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

	.centerB {width:30%;height:600px;margin-right:2%;margin-top:0;}
	.centerB div{width:100%;height:30.5%; background-size:cover;background-repeat:no-repeat;margin-top:7%;}
	.centerB .cenBox1{margin-top:0%;}
	.centerB .cenBox4{background-position:170% 30px;}
	.centerB .cenBox5{width:100%;}

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

	.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:-45px 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 bottom;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:1.9rem;font-weight:500;line-height:1.4;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:87px 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,.3);/**/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:#000;border-bottom:none;}
section.subTop ul.subCate li.on a{color:#000;}
section.subTop ul.subCate li:hover{background:#3c3f5d;color:rgba(255,255,255,1);}
section.subTop ul.subCate li.on:hover{background:#fff;color:#000;}
section.subTop ul.subCate li.on a:hover{background:#3c3f5d;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:#000;
    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:1.8rem;color:#111;text-align:center;line-height:1.6;font-family:SpoqaHanSans, sans-serif;font-weight:700;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:#000;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:115px;}
		section.subTop .tit h2 {font-size:1.5rem;}
		section.subTop ul.subCate {margin-top:40px;}
		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;}
	}

	@media (max-width: 1278px) {
		section.subTop{height:300px;}
	}


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

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

	@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/subtop_com.jpg");}
#comAll section.subTop .tit span {margin:0 1.8%;}
#comAll .img{float:left;width:40%;height:500px;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%; padding:4% 5%;text-align:left;font-size:1rem;line-height:1.5;color:#000;letter-spacing:-1.8px;
		background:;
		/* 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 strong {font-size:1.4rem; font-weight:700;}
#comAll .txtBox .point {color:#385cbb;}
#comAll .txtBox .point1 {font-size:1.2rem; font-weight:600; color:#385cbb;}
#comAll .txtBox .sign{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; font-size:1.2rem; color:#000;}
#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:#000;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:#000;}
#busiAll .txt table .th {background:#e6eaf7;}

#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/subtop_dae.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/subtop_cs.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);}


/* 채용절차 */
.chWrap {width:100%;}
.chWrap .title {font-size:22px; font-weight:600; color:#000; letter-spacing:-1.2px;}
.proWrap {padding:30px 0 60px 0; display:flex; flex-wrap:wrap;}
.proCell {position:relative; width:22%; background:#f6f6f6; padding:50px 0 25px 0; text-align:center; font-size:18px; font-weight:600; border-radius:10px;}
.proCell .pIcon {position:absolute; top:-20px; left:50%; width:55px; height:55px; transform:translateX(-50%); background:#fff; border-radius:50%; box-shadow:0 5px 8px rgba(0,0,0,.2);}
.proCell .pIcon img {margin-top:10px;}
.proArr {width:4%; text-align:center;}
.proArr img {margin:40px 0 0 0;}
.pGuide {clear:both; width:100%; padding:10px 0 0 0; font-size:14px; font-weight:600;}

@media (max-width: 900px) {
	.proCell {font-size:15px;}
}

@media (max-width: 768px) {
	.chWrap .title {font-size:18px;}
	.proCell {padding:40px 0 20px 0; font-size:14px;}
	.proCell .pIcon {width:45px; height:45px;}
	.proCell .pIcon img {width:28px; height:auto;}
	.proArr img {width:12px; height:auto; margin:30px 0 0 0;}
	.pGuide {font-size:12px;}
}

@media (max-width: 560px) {
	.proCell {font-size:13px;}
	.proCell span {display:none;}
}



.inWrap {position:relative; width:100%; padding:10px 0 0 0; margin:0 0 60px 0; display:flex; flex-wrap:wrap; justify-content:space-between;}
.inCell {width:15%; padding:30px 0; color:#fff; font-size:16px; font-weight:600; line-height:1; text-align:center; border-radius:10px; text-shadow:0 2px 2px rgba(0,0,0,.1);}
.inCell img {width:18px; height:auto;}
.inLine {position:absolute; top:58.5%; left:0; width:100%; height:1px; background:rgba(0,0,0,.3); z-index:-1;}
.in01 {background:#7d5dfc;}
.in02 {background:#779eed;}
.in03 {background:#55c595;}
.in04 {background:#fdb35e;}
.in05 {background:#fac32d;}
.in06 {background:#ff7648;}

@media (max-width: 768px) {
	.inCell {font-size:14px;}
}

@media (max-width: 580px) {
	.inCell {width:16%; padding:20px 0;}
	.inCell span {display:block; margin-bottom:5px;}	
}

.bokWrap {width:100%; border:1px solid rgba(0,0,0,.15); border-radius:10px; overflow:hidden; display:flex; flex-wrap:wrap;}
.bokWrap .pic {width:45%; height:200px; background:url(/static/img/chae.jpg) no-repeat center; background-size:cover;}
.bokWrap .cont {padding:30px 0 0 5%; font-size:18px; color:#000; font-weight:600;}
.bokWrap .cont p {padding:8px 0; word-break:break-all;}
.bokWrap .cont p img {margin:3px 0 0 0;}

@media (max-width: 1200px) {
	.bokWrap .cont {font-size:15px;}
	.bokWrap .cont p img {width:18px; height:auto;}
}

@media (max-width: 900px) {
	.bokWrap .pic {width:35%; height:170px;} 
	.bokWrap .cont {padding:30px 3% 0 3%; }
	.bokWrap .cont p {padding:5px 0;}
}

@media (max-width: 768px) {
	.bokWrap .pic {width:30%;}
	.bokWrap .cont {font-size:14px;}
}

@media (max-width: 650px) {
	.bokWrap .pic {width:40%; height:150px;}
	.bokWrap .cont {width:60%; padding:15px 5%; font-size:13px; }
}

@media (max-width: 560px) {
	.bokWrap .pic {width:100%; height:170px;}
	.bokWrap .cont {width:100%; font-size:12px;}
	.bokWrap .cont p img {width:15px; height:auto;}
}

.chWrap table {}
.chWrap table th {padding:10px 0; text-align:center; font-size:14px;}
.chWrap table td {padding:12px 0; text-align:center; font-size:14px; line-height:1.5;}
.chWrap table .bg {background:#e6eaf7;}

.dWrap {width:100%; }
.dWrap .dBox {position:relative; float:left; width:23%; height:120px; margin:30px 2.66% 0 0; padding:30px 4%; border:4px solid rgba(0,0,0,.1); border-radius:10px;}
.dWrap .dBox:nth-child(4) {margin:30px 0 0 0;}
.dWrap .dBox .dIcon {position:absolute; top:-20px; left:50%; width:40px; height:40px; background:#222; color:#fff; font-size:16px; font-weight:600; text-align:center; line-height:40px; border-radius:50%; transform:translateX(-50%);}
.dWrap .dBox ul {float:left; width:50%;}
.dWrap .dBox ul li {padding:15px 0 0 0; font-size:15px; font-weight:600; line-height:1.3;}


@media (max-width: 980px) {
	.dWrap .dBox {width:33%; margin:30px 0.5% 0 0}
	.dWrap .dBox:nth-child(4) {margin:30px 0.5% 0 0;}
	.dWrap .dBox:nth-child(3) {margin:30px 0 0 0;}
	.dWrap .dBox:nth-child(6) {margin:30px 0 0 0;}
}

@media (max-width: 680px) {
	.dWrap .dBox img {width:50px; height:auto;}
}

@media (max-width: 500px) {
	.dWrap .dBox ul li {font-size:13px;}
}

@media (max-width: 460px) {
	.dWrap .dBox {padding:25px 4%; height:128px;}
	.dWrap .dBox .dIcon {top:-15px; width:30px; height:30px; line-height:30px; font-size:14px;} 
	.dWrap .dBox ul {float:none; width:100%; text-align:center;}
	.dWrap .dBox ul li {padding:0; text-align:center;}
}




/* faq */
/* 게시판 테이블 */
.table {width:100%; border-top:2px solid rgba(0,0,0,.2); min-height:220px; margin:50px 0 0 0; }
.table ul {display:flex; border-bottom:1px solid rgba(0,0,0,.1); }
.table ul li {height:60px; line-height:60px;}
.table .tag {width:10%; text-align:center;}
.table .tag span {background:#2d377a; padding:4px 9px; color:#fff; font-size:11px; font-family:"Metropolis-Bold"; letter-spacing:0.1px; border-radius:50px; }
.table .tag .red {background:#e05246;}
.table .answer {padding:15px 0 0 0; line-height:1.5;}
.table .answer p {line-height:1.5;}
.table .title {width:91%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

.table .arrow1 {width:9%; font-size:11px; font-weight:500; text-align:center;}
.table .arrow {width:9%;  text-align:right;}
.table .arrow span {width:25px; height:25px; background:url(/static/img/arrow_down.png) no-repeat center #f4f5f9; margin:17px 25px 0 0; border-radius:50%; display:inline-block;}
.table .arrow span.on {background:url(/static/img/arrow_up.png) no-repeat center #f4f5f9;}

.table .sub_menu {display:none; background:rgba(0,0,0,.01); border-bottom:1px solid #ccc; padding:25px 4%;}

.table .th {background:rgba(0,0,0,.01); text-align:center; font-weight:500;}
.table .w60 {width:50%; text-align:center;}
.table .w20 {width:25%; text-align:center;}
.table .block {display:inline;}
.table .vTitle {width:100%; padding:0px 3% 40px 3%; border-bottom:1px solid #ccc; line-height:1.5;}
.table .vTitle strong {font-size:18px; font-weight:500; display:block;}
.table .vTitle .date {font-size:14px; color:#a3a3a3;}
.table .vTitle .file {float:right; text-align:right; font-size:13px; color:#737373;}
.table .vTitle .file a {font-weight:500; color:#7a7d96;}
.table .vTitle .file a:hover {color:#000;}
.table .vCont {min-height:300px; padding:3%; line-height:1.5; font-size:15px; letter-spacing:-0.5px; border-bottom:1px solid #ccc;}
.table .btnList {background:#334ac0; margin:15px auto; padding:10px 30px; border-radius:5px; color:#fff; display:inline-block;}


.down {width:110px; background:url(/static/img/icon_down.png) no-repeat 13px center rgba(0,0,0,.04); background-size:12px auto; padding:7px 0 7px 30px; line-height:1; text-align:left; font-size:11px; font-weight:500; border-radius:50px; border:1px solid #dedede; display:inline-block; cursor:pointer;}
.downS {width:110px; background:url(/static/image/icon_down.png) no-repeat 18px center #fff; padding:10px 0 8px 40px; line-height:1; text-align:left; font-size:13px; font-weight:500; border-radius:50px; border:1px solid #dedede; display:inline-block; clear:both;}

.pointer {cursor:pointer;}

@media all and (max-width:1000px) {
	.table {font-size:13px;}
}

@media all and (max-width:680px) {
	.table .title {width:95%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
	.table .arrow {width:5%;}

	.down {width:45px; height:22px; margin:-8px 0 0 0; background:url(/img/icon_down.png) no-repeat center rgba(0,0,0,.04); background-size:12px auto; line-height:15px; font-size:0;}
}

@media all and (max-width:580px) {
	.table .tag {width:49px;}
	.table .title {width:calc(100% - 30px);}
	.table .arrow {width:30px;}
	
	.table .w20 {padding:15px 0; line-height:1.3;}
	.table .w60 {padding:15px 0; line-height:1.3;}
	.table .block {display:block; }
	
	.down {line-height:2px;}
}

@media all and (max-width:460px) {
	.table {font-size:12px;}
	.table .tag span {padding:3px 7px; font-size:10px;}
	.table .date {font-size:11px;}
}