@import url('../_font/NotoSansKR-Hestia.css');
/*@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url('../_font/NotoSansKR-Hestia.css');*/

/*@font-face {
  font-family: "Noto Sans KR";
  font-weight: 400;
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot);
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff) format('woff'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.ttf) format('truetype');
}*/
/*@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css);*/

.ds_gulim { font-family:'굴림', 'verdana', sans-serif !important; }

button {
	background: none;
	border: 0; margin: 0; padding: 0;
	cursor: pointer;
}

img {
	border: 0;
	vertical-align: top;
}

input:-webkit-autofill {
	color: #ffffff !important;
}

textarea {
	resize: none;
}

textarea, input, button, *:focus {
	 outline:none !important;
}
 
a, a:focus, a:hover, a:active {
  outline: 0;
  cursor:pointer; text-decoration:none;
}
 

:active,
:focus { outline: none !important; }


select:focus,
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus {   
	outline: 0 none; 

	-webkit-box-shadow: none !important;
	   -moz-box-shadow: none !important;
		 -o-box-shadow: none !important;
			box-shadow: none !important;
} 

img.img-responsive {
	display:inline-block;
}

/* IE & Mozilla fix */
img.img-responsive {
	max-width: 100%;
}



.clear:before, .clear:after {
  clear : both;
  content: " ";
  display: block;
}



/** 02. Headings
 **************************************************************** **/
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Noto Sans KR', sans-serif;
	font-weight:600;
	color:#414141;

	margin: 0 0 30px 0;
	line-height:1.5;
	-webkit-font-smoothing: antialiased;
}

h1 {
	font-size: 36px;
	margin: 0 0 44px 0;
}

h2 {
	font-size: 30px;
	margin: 0 0 32px 0;
}

h3 {
	font-size: 24px;
	letter-spacing: normal;
	margin: 0 0 32px 0;
}

h4 {
	font-size: 18px;
	letter-spacing: normal;
	margin: 0 0 14px 0;
}

h5 {
	font-size: 14px;
	letter-spacing: normal;
	margin: 0 0 20px 0;
}

h6 {
	font-size: 12px;
	letter-spacing: normal;
	margin: 0 0 20px 0;
}

h1 > span,
h2 > span,
h3 > span,
h4 > span,
h5 > span,
h6 > span { 
	color: #13BD7E; 
}

  
/** 04. Commons
	 Quick Positioning and Styling
 **************************************************************** **/
/* font size */
.fs-10 { font-size: 10px !important; }
.fs-11 { font-size: 11px !important; }
.fs-12 { font-size: 12px !important; }
.fs-13 { font-size: 13px !important; }
.fs-14 { font-size: 14px !important; }
.fs-15 { font-size: 15px !important; }
.fs-16 { font-size: 16px !important; }
.fs-17 { font-size: 17px !important; }
.fs-18 { font-size: 18px !important; }
.fs-19 { font-size: 19px !important; }
.fs-20 { font-size: 20px !important; }
.fs-21 { font-size: 21px !important; }
.fs-22 { font-size: 22px !important; }
.fs-23 { font-size: 23px !important; }
.fs-24 { font-size: 24px !important; }
.fs-25 { font-size: 25px !important; }
.fs-30 { font-size: 30px !important; }
.fs-35 { font-size: 35px !important; }
.fs-40 { font-size: 40px !important; }
.fs-45 { font-size: 45px !important; }
.fs-50 { font-size: 50px !important; }
.fs-55 { font-size: 55px !important; }
.fs-60 { font-size: 60px !important; }
.fs-65 { font-size: 65px !important; }
.fs-70 { font-size: 70px !important; }
.fs-75 { font-size: 75px !important; }
.fs-80 { font-size: 80px !important; }
.fs-90 { font-size: 90px !important; }
.fs-100 { font-size: 100px !important; }
.fs-120 { font-size: 120px !important; }
.fs-130 { font-size: 130px !important; }
.fs-140 { font-size: 140px !important; }
.fs-150 { font-size: 150px !important; }
.fs-200 { font-size: 200px !important; }

/* font weight */
.fw-100 { font-weight: 100 !important; }
.fw-200 { font-weight: 200 !important; }
.fw-300 { font-weight: 300 !important; }
.fw-400 { font-weight: 400 !important; }
.fw-500 { font-weight: 500 !important; }
.fw-600 { font-weight: 700 !important; }
.fw-700 { font-weight: 700 !important; }
.fw-800 { font-weight: 800 !important; }


/* margins */
.mb-0   { margin-bottom:0px !important;   }
.mb-1   { margin-bottom:1px !important;   }
.mb-2   { margin-bottom:2px !important;   }
.mb-3   { margin-bottom:3px !important;   }
.mb-4   { margin-bottom:4px !important;   }
.mb-5   { margin-bottom:5px !important;   }
.mb-6   { margin-bottom:6px !important;   }
.mb-7   { margin-bottom:7px !important;   }
.mb-8   { margin-bottom:8px !important;   }
.mb-9   { margin-bottom:9px !important;   }
.mb-10  { margin-bottom:10px !important;  }
.mb-12  { margin-bottom:12px !important;  }
.mb-15  { margin-bottom:15px !important;  }
.mb-18  { margin-bottom:18px !important;  }
.mb-20  { margin-bottom:20px !important;  }
.mb-25  { margin-bottom:20px !important;  }
.mb-30  { margin-bottom:30px !important;  }
.mb-35  { margin-bottom:35px !important;  }
.mb-40  { margin-bottom:40px !important;  }
.mb-45  { margin-bottom:45px !important;  }
.mb-50  { margin-bottom:50px !important;  }
.mb-60  { margin-bottom:60px !important;  }
.mb-70  { margin-bottom:70px !important;  }
.mb-80  { margin-bottom:80px !important;  }
.mb-90  { margin-bottom:90px !important;  }
.mb-100 { margin-bottom:100px !important; }
.mb-110 { margin-bottom:110px !important; }
.mb-120 { margin-bottom:120px !important; }
.mb-130 { margin-bottom:130px !important; }
.mb-140 { margin-bottom:140px !important; }
.mb-150 { margin-bottom:150px !important; }
.mb-200 { margin-bottom:200px !important; }


.mt-0   { margin-top:0px !important;   }
.mt-1   { margin-top:1px !important;   }
.mt-2   { margin-top:2px !important;   }
.mt-3   { margin-top:3px !important;   }
.mt-4   { margin-top:4px !important;   }
.mt-5   { margin-top:5px !important;   }
.mt-6   { margin-top:6px !important;   }
.mt-7   { margin-top:7px !important;   }
.mt-8   { margin-top:8px !important;   }
.mt-9   { margin-top:9px !important;   }
.mt-10  { margin-top:10px !important;  }
.mt-12  { margin-top:12px !important;  }
.mt-15  { margin-top:15px !important;  }
.mt-18  { margin-top:18px !important;  }
.mt-20  { margin-top:20px !important;  }
.mt-25  { margin-top:20px !important;  }
.mt-30  { margin-top:30px !important;  }
.mt-35  { margin-top:35px !important;  }
.mt-40  { margin-top:40px !important;  }
.mt-45  { margin-top:45px !important;  }
.mt-50  { margin-top:50px !important;  }
.mt-60  { margin-top:60px !important;  }
.mt-70  { margin-top:70px !important;  }
.mt-80  { margin-top:80px !important;  }
.mt-90  { margin-top:90px !important;  }
.mt-100 { margin-top:100px !important; }
.mt-110 { margin-top:110px !important; }
.mt-120 { margin-top:120px !important; }
.mt-130 { margin-top:130px !important; }
.mt-140 { margin-top:140px !important; }
.mt-150 { margin-top:150px !important; }
.mt-200 { margin-top:200px !important; }


.ml-0   { margin-left:0px !important;   }
.ml-1   { margin-left:1px !important;   }
.ml-2   { margin-left:2px !important;   }
.ml-3   { margin-left:3px !important;   }
.ml-4   { margin-left:4px !important;   }
.ml-5   { margin-left:5px !important;   }
.ml-6   { margin-left:6px !important;   }
.ml-7   { margin-left:7px !important;   }
.ml-8   { margin-left:8px !important;   }
.ml-9   { margin-left:9px !important;   }
.ml-10  { margin-left:10px !important;  }
.ml-12  { margin-left:12px !important;  }
.ml-15  { margin-left:15px !important;  }
.ml-18  { margin-left:18px !important;  }
.ml-20  { margin-left:20px !important;  }
.ml-25  { margin-left:20px !important;  }
.ml-30  { margin-left:30px !important;  }
.ml-35  { margin-left:35px !important;  }
.ml-40  { margin-left:40px !important;  }
.ml-45  { margin-left:45px !important;  }
.ml-50  { margin-left:50px !important;  }
.ml-60  { margin-left:60px !important;  }
.ml-70  { margin-left:70px !important;  }
.ml-80  { margin-left:80px !important;  }
.ml-90  { margin-left:90px !important;  }
.ml-100 { margin-left:100px !important; }
.ml-110 { margin-left:110px !important; }
.ml-120 { margin-left:120px !important; }
.ml-130 { margin-left:130px !important; }
.ml-140 { margin-left:140px !important; }
.ml-150 { margin-left:150px !important; }
.ml-200 { margin-left:200px !important; }


.mr-0   { margin-right:0px !important;   }
.mr-1   { margin-right:1px !important;   }
.mr-2   { margin-right:2px !important;   }
.mr-3   { margin-right:3px !important;   }
.mr-4   { margin-right:4px !important;   }
.mr-5   { margin-right:5px !important;   }
.mr-6   { margin-right:6px !important;   }
.mr-7   { margin-right:7px !important;   }
.mr-8   { margin-right:8px !important;   }
.mr-9   { margin-right:9px !important;   }
.mr-10  { margin-right:10px !important;  }
.mr-12  { margin-right:12px !important;  }
.mr-15  { margin-right:15px !important;  }
.mr-18  { margin-right:18px !important;  }
.mr-20  { margin-right:20px !important;  }
.mr-25  { margin-right:20px !important;  }
.mr-30  { margin-right:30px !important;  }
.mr-35  { margin-right:35px !important;  }
.mr-40  { margin-right:40px !important;  }
.mr-45  { margin-right:45px !important;  }
.mr-50  { margin-right:50px !important;  }
.mr-60  { margin-right:60px !important;  }
.mr-70  { margin-right:70px !important;  }
.mr-80  { margin-right:80px !important;  }
.mr-90  { margin-right:90px !important;  }
.mr-100 { margin-right:100px !important; }
.mr-110 { margin-right:110px !important; }
.mr-120 { margin-right:120px !important; }
.mr-130 { margin-right:130px !important; }
.mr-140 { margin-right:140px !important; }
.mr-150 { margin-right:150px !important; }
.mr-200 { margin-right:200px !important; }


.m-0   { margin:0px !important;   }
.m-1   { margin:1px !important;   }
.m-2   { margin:2px !important;   }
.m-3   { margin:3px !important;   }
.m-4   { margin:4px !important;   }
.m-5   { margin:5px !important;   }
.m-6   { margin:6px !important;   }
.m-7   { margin:7px !important;   }
.m-8   { margin:8px !important;   }
.m-9   { margin:9px !important;   }
.m-10  { margin:10px !important;  }
.m-12  { margin:12px !important;  }
.m-15  { margin:15px !important;  }
.m-18  { margin:18px !important;  }
.m-20  { margin:20px !important;  }
.m-25  { margin:20px !important;  }
.m-30  { margin:30px !important;  }
.m-35  { margin:35px !important;  }
.m-40  { margin:40px !important;  }
.m-45  { margin:45px !important;  }
.m-50  { margin:50px !important;  }
.m-60  { margin:60px !important;  }
.m-70  { margin:70px !important;  }
.m-80  { margin:80px !important;  }
.m-90  { margin:90px !important;  }
.m-100 { margin:100px !important; }
.m-110 { margin:110px !important; }
.m-120 { margin:120px !important; }
.m-130 { margin:130px !important; }
.m-140 { margin:140px !important; }
.m-150 { margin:150px !important; }
.m-200 { margin:200px !important; }



/* paddings */
.pb-0   { padding-bottom:0px !important;   }
.pb-1   { padding-bottom:1px !important;   }
.pb-2   { padding-bottom:2px !important;   }
.pb-3   { padding-bottom:3px !important;   }
.pb-4   { padding-bottom:4px !important;   }
.pb-5   { padding-bottom:5px !important;   }
.pb-6   { padding-bottom:6px !important;   }
.pb-7   { padding-bottom:7px !important;   }
.pb-8   { padding-bottom:8px !important;   }
.pb-9   { padding-bottom:9px !important;   }
.pb-10  { padding-bottom:10px !important;  }
.pb-12  { padding-bottom:12px !important;  }
.pb-15  { padding-bottom:15px !important;  }
.pb-18  { padding-bottom:18px !important;  }
.pb-20  { padding-bottom:20px !important;  }
.pb-25  { padding-bottom:20px !important;  }
.pb-30  { padding-bottom:30px !important;  }
.pb-35  { padding-bottom:35px !important;  }
.pb-40  { padding-bottom:40px !important;  }
.pb-45  { padding-bottom:45px !important;  }
.pb-50  { padding-bottom:50px !important;  }
.pb-60  { padding-bottom:60px !important;  }
.pb-70  { padding-bottom:70px !important;  }
.pb-80  { padding-bottom:80px !important;  }
.pb-90  { padding-bottom:90px !important;  }
.pb-100 { padding-bottom:100px !important; }
.pb-110 { padding-bottom:110px !important; }
.pb-120 { padding-bottom:120px !important; }
.pb-130 { padding-bottom:130px !important; }
.pb-140 { padding-bottom:140px !important; }
.pb-150 { padding-bottom:150px !important; }
.pb-200 { padding-bottom:200px !important; }


.pt-0   { padding-top:0px !important;   }
.pt-1   { padding-top:1px !important;   }
.pt-2   { padding-top:2px !important;   }
.pt-3   { padding-top:3px !important;   }
.pt-4   { padding-top:4px !important;   }
.pt-5   { padding-top:5px !important;   }
.pt-6   { padding-top:6px !important;   }
.pt-7   { padding-top:7px !important;   }
.pt-8   { padding-top:8px !important;   }
.pt-9   { padding-top:9px !important;   }
.pt-10  { padding-top:10px !important;  }
.pt-12  { padding-top:12px !important;  }
.pt-15  { padding-top:15px !important;  }
.pt-18  { padding-top:18px !important;  }
.pt-20  { padding-top:20px !important;  }
.pt-25  { padding-top:20px !important;  }
.pt-30  { padding-top:30px !important;  }
.pt-35  { padding-top:35px !important;  }
.pt-40  { padding-top:40px !important;  }
.pt-45  { padding-top:45px !important;  }
.pt-50  { padding-top:50px !important;  }
.pt-60  { padding-top:60px !important;  }
.pt-70  { padding-top:70px !important;  }
.pt-80  { padding-top:80px !important;  }
.pt-90  { padding-top:90px !important;  }
.pt-100 { padding-top:100px !important; }
.pt-110 { padding-top:110px !important; }
.pt-120 { padding-top:120px !important; }
.pt-130 { padding-top:130px !important; }
.pt-140 { padding-top:140px !important; }
.pt-150 { padding-top:150px !important; }
.pt-200 { padding-top:200px !important; }


.pl-0   { padding-left:0px !important;   }
.pl-1   { padding-left:1px !important;   }
.pl-2   { padding-left:2px !important;   }
.pl-3   { padding-left:3px !important;   }
.pl-4   { padding-left:4px !important;   }
.pl-5   { padding-left:5px !important;   }
.pl-6   { padding-left:6px !important;   }
.pl-7   { padding-left:7px !important;   }
.pl-8   { padding-left:8px !important;   }
.pl-9   { padding-left:9px !important;   }
.pl-10  { padding-left:10px !important;  }
.pl-12  { padding-left:12px !important;  }
.pl-15  { padding-left:15px !important;  }
.pl-18  { padding-left:18px !important;  }
.pl-20  { padding-left:20px !important;  }
.pl-25  { padding-left:20px !important;  }
.pl-30  { padding-left:30px !important;  }
.pl-35  { padding-left:35px !important;  }
.pl-40  { padding-left:40px !important;  }
.pl-45  { padding-left:45px !important;  }
.pl-50  { padding-left:50px !important;  }
.pl-60  { padding-left:60px !important;  }
.pl-70  { padding-left:70px !important;  }
.pl-80  { padding-left:80px !important;  }
.pl-90  { padding-left:90px !important;  }
.pl-100 { padding-left:100px !important; }
.pl-110 { padding-left:110px !important; }
.pl-120 { padding-left:120px !important; }
.pl-130 { padding-left:130px !important; }
.pl-140 { padding-left:140px !important; }
.pl-150 { padding-left:150px !important; }
.pl-200 { padding-left:200px !important; }


.pr-0   { padding-right:0px !important;   }
.pr-1   { padding-right:1px !important;   }
.pr-2   { padding-right:2px !important;   }
.pr-3   { padding-right:3px !important;   }
.pr-4   { padding-right:4px !important;   }
.pr-5   { padding-right:5px !important;   }
.pr-6   { padding-right:6px !important;   }
.pr-7   { padding-right:7px !important;   }
.pr-8   { padding-right:8px !important;   }
.pr-9   { padding-right:9px !important;   }
.pr-10  { padding-right:10px !important;  }
.pr-12  { padding-right:12px !important;  }
.pr-15  { padding-right:15px !important;  }
.pr-18  { padding-right:18px !important;  }
.pr-20  { padding-right:20px !important;  }
.pr-25  { padding-right:20px !important;  }
.pr-30  { padding-right:30px !important;  }
.pr-35  { padding-right:35px !important;  }
.pr-40  { padding-right:40px !important;  }
.pr-45  { padding-right:45px !important;  }
.pr-50  { padding-right:50px !important;  }
.pr-60  { padding-right:60px !important;  }
.pr-70  { padding-right:70px !important;  }
.pr-80  { padding-right:80px !important;  }
.pr-90  { padding-right:90px !important;  }
.pr-100 { padding-right:100px !important; }
.pr-110 { padding-right:110px !important; }
.pr-120 { padding-right:120px !important; }
.pr-130 { padding-right:130px !important; }
.pr-140 { padding-right:140px !important; }
.pr-150 { padding-right:150px !important; }
.pr-200 { padding-right:200px !important; }


.p-0   { padding:0px !important;   }
.p-1   { padding:1px !important;   }
.p-2   { padding:2px !important;   }
.p-3   { padding:3px !important;   }
.p-4   { padding:4px !important;   }
.p-5   { padding:5px !important;   }
.p-6   { padding:6px !important;   }
.p-7   { padding:7px !important;   }
.p-8   { padding:8px !important;   }
.p-9   { padding:9px !important;   }
.p-10  { padding:10px !important;  }
.p-12  { padding:12px !important;  }
.p-15  { padding:15px !important;  }
.p-18  { padding:18px !important;  }
.p-20  { padding:20px !important;  }
.p-25  { padding:20px !important;  }
.p-30  { padding:30px !important;  }
.p-35  { padding:35px !important;  }
.p-40  { padding:40px !important;  }
.p-45  { padding:45px !important;  }
.p-50  { padding:50px !important;  }
.p-60  { padding:60px !important;  }
.p-70  { padding:70px !important;  }
.p-80  { padding:80px !important;  }
.p-90  { padding:90px !important;  }
.p-100 { padding:100px !important; }
.p-110 { padding:110px !important; }
.p-120 { padding:120px !important; }
.p-130 { padding:130px !important; }
.p-140 { padding:140px !important; }
.p-150 { padding:150px !important; }
.p-200 { padding:200px !important; }


/* borders */
.b-0    { border: 0 !important;  }
.bb-0   { border-bottom: 0 !important;  }
.bt-0   { border-top: 0 !important;     }
.bl-0   { border-left: 0 !important;    }
.br-0   { border-right: 0 !important;   }

.bw-0   { border-width: 0px !important; }
.bw-1   { border-width: 1px !important; }
.bw-2   { border-width: 2px !important; }
.bw-3   { border-width: 3px !important; }
.bw-4   { border-width: 4px !important; }
.bw-5   { border-width: 5px !important; }
.bw-10  { border-width: 10px !important; }

.btw-0   { border-top-width: 0px !important; }
.btw-1   { border-top-width: 1px !important; }
.btw-2   { border-top-width: 2px !important; }
.btw-3   { border-top-width: 3px !important; }
.btw-4   { border-top-width: 4px !important; }
.btw-5   { border-top-width: 5px !important; }
.btw-10  { border-top-width: 10px !important; }

.bbw-0   { border-bottom-width: 0px !important; }
.bbw-1   { border-bottom-width: 1px !important; }
.bbw-2   { border-bottom-width: 2px !important; }
.bbw-3   { border-bottom-width: 3px !important; }
.bbw-4   { border-bottom-width: 4px !important; }
.bbw-5   { border-bottom-width: 5px !important; }
.bbw-10  { border-bottom-width: 10px !important; }

.blw-0   { border-left-width: 0px !important; }
.blw-1   { border-left-width: 1px !important; }
.blw-2   { border-left-width: 2px !important; }
.blw-3   { border-left-width: 3px !important; }
.blw-4   { border-left-width: 4px !important; }
.blw-5   { border-left-width: 5px !important; }
.blw-10  { border-left-width: 10px !important; }

.brw-0   { border-right-width: 0px !important; }
.brw-1   { border-right-width: 1px !important; }
.brw-2   { border-right-width: 2px !important; }
.brw-3   { border-right-width: 3px !important; }
.brw-4   { border-right-width: 4px !important; }
.brw-5   { border-right-width: 5px !important; }
.brw-10  { border-right-width: 10px !important; }



/* width */
.w-10         { width:10px !important; }
.w-20         { width:20px !important; }
.w-30         { width:30px !important; }
.w-40         { width:40px !important; }
.w-50         { width:50px !important; }
.w-60         { width:60px !important; }
.w-70         { width:70px !important; }
.w-80         { width:80px !important; }
.w-90         { width:90px !important; }
.w-100        { width:100px !important; }
.w-110        { width:110px !important; }
.w-120        { width:120px !important; }
.w-130        { width:130px !important; }
.w-140        { width:140px !important; }
.w-150        { width:150px !important; }
.w-200        { width:200px !important; }
.w-250        { width:250px !important; }
.w-300        { width:300px !important; }
.w-350        { width:350px !important; }
.w-400        { width:400px !important; }
.w-450        { width:450px !important; }
.w-500        { width:500px !important; }
.w-550        { width:550px !important; }
.w-600        { width:600px !important; }
.w-650        { width:650px !important; }
.w-700        { width:700px !important; }
.w-750        { width:750px !important; }
.w-800        { width:800px !important; }


/* width percent */
.w-100p       { width: 100% !important; }
.w-75p        { width: 75% !important;  }
.w-70p        { width: 70% !important;  }
.w-65p        { width: 65% !important;  }
.w-60p        { width: 60% !important;  }
.w-50p        { width: 50% !important;  }
.w-40p        { width: 40% !important;  }
.w-35p        { width: 35% !important;  }
.w-33p        { width: 33% !important;  }
.w-30p        { width: 30% !important;  }
.w-25p        { width: 25% !important;  }
.w-20p        { width: 20% !important;  }
.w-10p        { width: 10% !important;  }


/* height */
.h-1         { height:1px !important; }
.h-2         { height:2px !important; }
.h-3         { height:3px !important; }
.h-4         { height:4px !important; }
.h-5         { height:5px !important; }
.h-6         { height:6px !important; }
.h-7         { height:7px !important; }
.h-8         { height:8px !important; }
.h-9         { height:9px !important; }
.h-10         { height:10px !important; }
.h-15         { height:15px !important; }
.h-20         { height:20px !important; }
.h-25         { height:25px !important; }
.h-30         { height:30px !important; }
.h-35         { height:35px !important; }
.h-40         { height:40px !important; }
.h-45         { height:45px !important; }
.h-50         { height:50px !important; }
.h-60         { height:60px !important; }
.h-70         { height:70px !important; }
.h-80         { height:80px !important; }
.h-90         { height:90px !important; }
.h-100        { height:100px !important; }
.h-110        { height:110px !important; }
.h-120        { height:120px !important; }
.h-130        { height:130px !important; }
.h-140        { height:140px !important; }
.h-150        { height:150px !important; }
.h-200        { height:200px !important; }
.h-250        { height:250px !important; }
.h-300        { height:300px !important; }
.h-350        { height:350px !important; }
.h-400        { height:400px !important; }
.h-450        { height:450px !important; }
.h-500        { height:500px !important; }
.h-550        { height:550px !important; }
.h-600        { height:600px !important; }
.h-650        { height:650px !important; }
.h-700        { height:700px !important; }
.h-750        { height:750px !important; }
.h-800        { height:800px !important; }


/* height percent */
.h-100p       { height: 100vh !important; }
.h-75p        { height: 75vh !important;  }
.h-50p        { height: 50vh !important;  }
.h-33p        { height: 33vh !important;  }
.h-25p        { height: 25vh !important;  }
.h-20p        { height: 20vh !important;  }
.h-10p        { height: 10vh !important;  }

/* border radius */
.rad-3 {
  -webkit-border-radius: 3px !important;
        border-radius: 3px !important;
}
.rad-4 {
  -webkit-border-radius: 4px !important;
        border-radius: 4px !important;
}
.rad-6 {
  -webkit-border-radius: 6px !important;
        border-radius: 6px !important;
}
.rad-8 {
  -webkit-border-radius: 8px !important;
        border-radius: 8px !important;
}
.rad-10 {
  -webkit-border-radius: 10px !important;
        border-radius: 10px !important;
}

.rad-0 {
  -webkit-border-radius: 0 !important;
        border-radius: 0 !important;
}
.rad-tl-0 { /* radius top left */
  -webkit-border-top-left-radius: 0 !important;
          border-top-left-radius: 0 !important;
}
.rad-tr-0 { /* radius top right */
  -webkit-border-top-right-radius: 0 !important;
          border-top-right-radius: 0 !important;
}
.rad-bl-0 { /* radius bottom left */
  -webkit-border-bottom-left-radius: 0 !important;
          border-bottom-left-radius: 0 !important;
}
.rad-br-0 { /* radius bottom right */
  -webkit-border-bottom-right-radius: 0 !important;
          border-bottom-right-radius: 0 !important;
}





/* mobile */
@media only screen and (max-width: 768px) {
  .block-xs { display: block !important; float: none !important; }
  .pl-xs-0 { padding-left: 0 !important;    }
  .pr-xs-0 { padding-right: 0 !important;   }
  .pt-xs-0 { padding-top: 0 !important;     }
  .pb-xs-0 { padding-bottom: 0 !important;  }
  .p-xs-0  { padding: 0 !important;         }

  .ml-xs-0 { margin-left: 0 !important;    }
  .mr-xs-0 { margin-right: 0 !important;   }
  .mt-xs-0 { margin-top: 0 !important;     }
  .mb-xs-0 { margin-bottom: 0 !important;  }
  .m-xs-0  { margin: 0 !important;         }

  .rad-xs-0  {
    -webkit-border-radius: 0 !important;
          border-radius: 0 !important;
  }
}


/** ****************** **/


/* utils - will be removed in the future! */
.size-11 			{ font-size:11px !important; line-height:15px !important; }
.size-12 			{ font-size:12px !important; line-height:16px !important; }
.size-13 			{ font-size:13px !important; line-height:17px !important; }
.size-14 			{ font-size:14px !important; line-height:18px !important; }
.size-15 			{ font-size:15px !important; line-height:19px !important; }
.size-16 			{ font-size:16px !important; line-height:20px !important; }
.size-17 			{ font-size:17px !important; line-height:23px !important; }
.size-18 			{ font-size:18px !important; line-height:24px !important; }
.size-19 			{ font-size:19px !important; line-height:25px !important; }
.size-20 			{ font-size:20px !important; line-height:26px !important; }
.size-25 			{ font-size:25px !important; line-height:30px !important; }
.size-30 			{ font-size:30px !important; line-height:36px !important; }
.size-40 			{ font-size:40px !important; line-height:46px !important; }
.size-50 			{ font-size:50px !important; line-height:56px !important; }
.size-60 			{ font-size:60px !important; line-height:66px !important; }
.size-70 			{ font-size:70px !important; line-height:76px !important; }
.size-80 			{ font-size:80px !important; line-height:86px !important; }
.size-90 			{ font-size:90px !important; line-height:96px !important; }
.size-100 			{ font-size:100px !important; line-height:106px !important; }
.size-150 			{ font-size:150px !important; line-height:166px !important; }
.size-200 			{ font-size:200px !important; line-height:216px !important; }

.weight-300 			{ font-weight:300 !important; 	}
.weight-400 			{ font-weight:400 !important; 	}
.weight-500 			{ font-weight:500 !important; 	}
.weight-600 			{ font-weight:600 !important; 	}
.weight-700 			{ font-weight:700 !important; 	}
.weight-800 			{ font-weight:800 !important; 	}

.width-10			{ width:10px !important; }
.width-20			{ width:20px !important; }
.width-30			{ width:30px !important; }
.width-40			{ width:40px !important; }
.width-50			{ width:50px !important; }

.width-60			{ width:60px !important; }
.width-70			{ width:70px !important; }
.width-80			{ width:80px !important; }
.width-90			{ width:90px !important; }

.width-100			{ width:100px !important; }
.width-120			{ width:120px !important; }
.width-130			{ width:130px !important; }
.width-150			{ width:150px !important; }
.width-160			{ width:160px !important; }
.width-200			{ width:200px !important; }
.width-250			{ width:250px !important; }
.width-300			{ width:300px !important; }
.width-350			{ width:350px !important; }
.width-400			{ width:400px !important; }
.width-450			{ width:450px !important; }
.width-500			{ width:500px !important; }
.width-550			{ width:550px !important; }
.width-600			{ width:600px !important; }
.width-650			{ width:650px !important; }
.width-700			{ width:700px !important; }
.width-750			{ width:750px !important; }
.width-800			{ width:800px !important; }

.height-10			{ height:10px !important; }
.height-20			{ height:20px !important; }
.height-30			{ height:30px !important; }
.height-50			{ height:50px !important; }
.height-100			{ height:100px !important; }
.height-150			{ height:150px !important; }
.height-200			{ height:200px !important; }
.height-250			{ height:250px !important; }
.height-300			{ height:300px !important; }
.height-350			{ height:350px !important; }
.height-400			{ height:400px !important; }
.height-450			{ height:450px !important; }
.height-500			{ height:500px !important; }
.height-550			{ height:550px !important; }
.height-600			{ height:600px !important; }
.height-650			{ height:650px !important; }
.height-700			{ height:700px !important; }
.height-750			{ height:750px !important; }
.height-800			{ height:800px !important; }

.padding-0 			{ padding:0 !important; 	}
.padding-3 			{ padding:3px !important; 	}
.padding-6 			{ padding:6px !important; 	}
.padding-8 			{ padding:8px !important; 	}
.padding-10 			{ padding:10px !important; 	}
.padding-15 			{ padding:15px !important; 	}
.padding-20 			{ padding:20px !important; 	}
.padding-30 			{ padding:30px !important; 	}		
.padding-40 			{ padding:40px !important; 	}
.padding-50 			{ padding:50px !important; 	}
.padding-60 			{ padding:60px !important; 	}
.padding-70 			{ padding:70px !important; 	}
.padding-80 			{ padding:80px !important; 	}
.padding-90 			{ padding:90px !important; 	}
.padding-100 		{ padding:100px !important; }

.padding-top-0		{ padding-top:0 !important; }
.padding-top-10		{ padding-top:10px !important; }
.padding-top-15		{ padding-top:15px !important; }
.padding-top-20		{ padding-top:20px !important; }
.padding-top-30		{ padding-top:30px !important; }
.padding-top-40		{ padding-top:40px !important; }
.padding-top-50		{ padding-top:50px !important; }
.padding-top-60		{ padding-top:60px !important; }
.padding-top-80		{ padding-top:80px !important; }
.padding-top-100	{ padding-top:100px !important; }
.padding-top-130	{ padding-top:130px !important; }
.padding-top-150	{ padding-top:150px !important; }
.padding-top-180	{ padding-top:180px !important; }
.padding-top-200	{ padding-top:200px !important; }

.padding-bottom-0	{ padding-bottom:0 !important; }
.padding-bottom-10	{ padding-bottom:10px !important; }
.padding-bottom-15	{ padding-bottom:15px !important; }
.padding-bottom-20	{ padding-bottom:20px !important; }
.padding-bottom-30	{ padding-bottom:30px !important; }
.padding-bottom-40	{ padding-bottom:40px !important; }
.padding-bottom-50	{ padding-bottom:50px !important; }
.padding-bottom-60	{ padding-bottom:60px !important; }
.padding-bottom-80	{ padding-bottom:80px !important; }
.padding-bottom-100	{ padding-bottom:100px !important; }
.padding-bottom-130	{ padding-bottom:130px !important; }
.padding-bottom-150	{ padding-bottom:150px !important; }
.padding-bottom-180	{ padding-bottom:180px !important; }
.padding-bottom-200	{ padding-bottom:200px !important; }


.margin-top-0		{ margin-top:0 !important; }
.margin-top-1		{ margin-top:1px !important; }
.margin-top-2		{ margin-top:2px !important; }
.margin-top-3		{ margin-top:3px !important; }
.margin-top-6		{ margin-top:6px !important; }
.margin-top-8		{ margin-top:8px !important; }
.margin-top-10		{ margin-top:10px !important; }
.margin-top-15		{ margin-top:15px !important; }
.margin-top-20		{ margin-top:20px !important; }
.margin-top-25		{ margin-top:25px !important; }
.margin-top-30		{ margin-top:30px !important; }
.margin-top-40		{ margin-top:40px !important; }
.margin-top-50		{ margin-top:50px !important; }
.margin-top-60		{ margin-top:60px !important; }
.margin-top-80		{ margin-top:80px !important; }
.margin-top-100		{ margin-top:100px !important; }
.margin-top-130		{ margin-top:130px !important; }
.margin-top-150		{ margin-top:150px !important; }
.margin-top-180		{ margin-top:180px !important; }
.margin-top-200		{ margin-top:200px !important; }

.margin-bottom-0	{ margin-bottom:0 !important; }
.margin-bottom-1	{ margin-bottom:1px !important; }
.margin-bottom-2	{ margin-bottom:2px !important; }
.margin-bottom-3	{ margin-bottom:3px !important; }
.margin-bottom-6	{ margin-bottom:6px !important; }
.margin-bottom-8	{ margin-bottom:8px !important; }
.margin-bottom-10	{ margin-bottom:10px !important; }
.margin-bottom-20	{ margin-bottom:20px !important; }
.margin-bottom-15	{ margin-bottom:15px !important; }
.margin-bottom-30	{ margin-bottom:30px !important; }
.margin-bottom-40	{ margin-bottom:40px !important; }
.margin-bottom-50	{ margin-bottom:50px !important; }
.margin-bottom-60	{ margin-bottom:60px !important; }
.margin-bottom-80	{ margin-bottom:80px !important; }
.margin-bottom-100	{ margin-bottom:100px !important; }
.margin-bottom-130	{ margin-bottom:130px !important; }
.margin-bottom-150	{ margin-bottom:150px !important; }
.margin-bottom-180	{ margin-bottom:180px !important; }
.margin-bottom-200	{ margin-bottom:200px !important; }

.margin-left-0		{ margin-left:0 !important; }
.margin-left-3		{ margin-left:3px !important; }
.margin-left-6		{ margin-left:6px !important; }
.margin-left-8		{ margin-left:8px !important; }
.margin-left-10		{ margin-left:10px !important; }
.margin-left-15		{ margin-left:15px !important; }
.margin-left-20		{ margin-left:20px !important; }
.margin-left-30		{ margin-left:30px !important; }
.margin-left-40		{ margin-left:40px !important; }
.margin-left-50		{ margin-left:50px !important; }
.margin-left-60		{ margin-left:60px !important; }
.margin-left-80		{ margin-left:80px !important; }
.margin-left-100	{ margin-left:100px !important; }
.margin-left-130	{ margin-left:130px !important; }
.margin-left-150	{ margin-left:150px !important; }
.margin-left-180	{ margin-left:180px !important; }
.margin-left-200	{ margin-left:200px !important; }
.margin-left-250	{ margin-left:250px !important; }
.margin-left-300	{ margin-left:300px !important; }

.margin-right-0		{ margin-right:0 !important; }
.margin-right-3		{ margin-right:3px !important; }
.margin-right-6		{ margin-right:6px !important; }
.margin-right-8		{ margin-right:8px !important; }
.margin-right-10	{ margin-right:10px !important; }
.margin-right-15	{ margin-right:15px !important; }
.margin-right-20	{ margin-right:20px !important; }
.margin-right-30	{ margin-right:30px !important; }
.margin-right-40	{ margin-right:40px !important; }
.margin-right-50	{ margin-right:50px !important; }
.margin-right-60	{ margin-right:60px !important; }
.margin-right-80	{ margin-right:80px !important; }
.margin-right-100	{ margin-right:100px !important; }
.margin-right-130	{ margin-right:130px !important; }
.margin-right-150	{ margin-right:150px !important; }
.margin-right-180	{ margin-right:180px !important; }
.margin-right-200	{ margin-right:200px !important; }
.margin-right-250	{ margin-right:250px !important; }
.margin-right-300	{ margin-right:300px !important; }

.line-height-0		{ line-height:0 !important; 	}
.line-height-10		{ line-height:10px !important; 	}
.line-height-20		{ line-height:20px !important; 	}
.line-height-30		{ line-height:30px !important; 	}
.line-height-40		{ line-height:40px !important; 	}
.line-height-50		{ line-height:50px !important; 	}
.line-height-60		{ line-height:60px !important; 	}
.line-height-70		{ line-height:70px !important; 	}
.line-height-80		{ line-height:80px !important; 	}
.line-height-90		{ line-height:90px !important; 	}
.line-height-100	{ line-height:100px !important; }


.nopadding 			{ padding:0 !important; 		}
.nopadding-left 		{ padding-left:0 !important; 	}
.nopadding-right 	{ padding-right:0 !important; 	}
.nopadding-top 		{ padding-top:0 !important; 	}
.nopadding-bottom	{ padding-bottom:0 !important; 	}
.nomargin 			{ margin:0 !important; 			}
.nomargin-left 		{ margin-left:0 !important; 	}
.nomargin-right 		{ margin-right:0 !important; 	}
.nomargin-top		{ margin-top:0 !important; 	}
.nomargin-bottom	{ margin-bottom:0 !important; 	}
.noborder 			{ border:0 !important; 			}
.noborder-left		{ border-left:0 !important; 	}
.noborder-right		{ border-right:0 !important; 	}
.noborder-top		{ border-top:0 !important; 		}
.noborder-bottom	{ border-bottom:0 !important; 	}
.nobg				{ background:transparent; 		}
.lowercase 			{ text-transform:lowercase; 	}
.uppercase 			{ text-transform:uppercase; 	}
.noradius			{ -webkit-border-radius:0 !important; -moz-border-radius:0 !important; border-radius:0 !important; }
.font-style-italic 	{ font-style:italic; 			}
.font-style-normal 	{ font-style:normal; 			}
.pointer 			{ cursor:pointer; 				}
.block 				{ display:block !important; 	}
.block-inline		{ display:inline-block !important; 	}
.inline-block		{ display:inline-block !important; 	}
.bold 				{ font-weight:700 !important; 	}
.fullwidth 			{ width:100% !important; max-width:100% !important; 		}
.halfwidth 			{ width:50% !important; 		}
.justify 			{ text-align:justify; 			}
.relative 			{ position:relative;			}
.absolute			{ position:absolute !important; top:0; left:0; right:0; bottom:0;	}
.text-left 			{ text-align:left !important; }
.text-right 		{ text-align:right !important; }
.noshadow			{ box-shadow:none !important; text-shadow:none !important; }
.nofloat			{ float:none !important; 		}
.display-table		{ display:table; width:100%; height:100%; position:relative; z-index:99;	}
.display-table-cell	{ display:table-cell; width:100%; height:100%; }
.vertical-align-middle	{ vertical-align:middle;		}
.txt-no-decoration	{ text-decoration:none !important; 		}
.softhide			{ display:none; 				}
img.pull-left 		{ margin:0 20px 10px 0; }
img.pull-right 		{ margin:0 0 10px 20px; }
ul>li>i				{ margin-right:10px; 	}
.text-underline 	{ text-decoration: underline !important; }
.no-text-underline,
.no-text-decoration	{ text-decoration:none; }
.line-through		{ text-decoration: line-through; }
.btn>i 				{ padding-right:6px; 	}
video.fullvideo 		{ width:100%; height:100%; }
.nortl				{ direction: ltr;		}
.rtl				{ direction: rtl;		}
.ltr				{ direction: ltr;		}
.z-index-0 			{ z-index:0 !important; }
.z-index-1 			{ z-index:1 !important; }
.pull-left 			{ float: left; 		 	}
.pull-right 		{ float: right; 	 	}

.text-center {
	text-align:center !important;
}


.text-vertical		{
	-webkit-transform: rotate(-90deg);
       -moz-transform: rotate(-90deg);
         -o-transform: rotate(-90deg);
 	    -ms-transform: rotate(-90deg);
    		transform: rotate(-90deg);
}
@media only screen and (max-width: 960px) {
	.text-vertical		{
	-webkit-transform: none !important;
       -moz-transform: none !important;
         -o-transform: none !important;
 	    -ms-transform: none !important;
    		transform: none !important;
	}
}
@media only screen and (max-width: 760px) {
	.text-xs-center 	{ text-align:center !important; }
	.nofloat-xs			{ float: none !important; 		}
	.nomargin-xs 		{ margin: 0 !important;			}
	.nopadding-xs 		{ padding: 0 !important; 		}
	.block-xs 			{ display: block !important; 	}
	.btn-lg-xs 			{ display: block !important; width: 100% !important; 	}
}

.cover-column {
	background-position: left top; 
	background-repeat: no-repeat; 
	background-size: cover; 

	min-height: 200px; 
	height: 100%;
}

/* borders */
.border-top-1 {
	border-top: 1px solid #ddd;
}
.border-top-2 {
	border-top: 2px solid #ddd;
}
.border-top-3 {
	border-top: 3px solid #ddd;
}

.border-bottom-1 {
	border-bottom: 1px solid #ddd;
}
.border-bottom-2 {
	border-bottom: 2px solid #ddd;
}
.border-bottom-3 {
	border-bottom: 3px solid #ddd;
}

section.dark .border-top-1,
section.dark .border-top-2,
section.dark .border-top-3,
section.dark .border-bottom-1,
section.dark .border-bottom-2,
section.dark .border-bottom-3 {
	border-color:#555;
}


.box-border-shadow {
    border: 1px solid rgba(0,0,0,.125);
    display: block;
    -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.15);
    -moz-box-shadow: 0 0 5px 0 rgba(0,0,0,0.15);
    box-shadow: 0 0 5px 0 rgba(0,0,0,0.15);
}

.border-bottom-dashed:before {
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	position: absolute;
	bottom: -6px;
	border-bottom: 1px dashed #999;
}
.border-bottom-dotted:before {
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	position: absolute;
	bottom: -6px;
	border-bottom: 1px dotted #999;
}



/* break words */
.break-word {
    white-space: pre;           /* CSS 2.0 */
    white-space: pre-wrap;      /* CSS 2.1 */
    white-space: pre-line;      /* CSS 3.0 */
    white-space: -pre-wrap;     /* Opera 4-6 */
    white-space: -o-pre-wrap;   /* Opera 7 */
    white-space: -moz-pre-wrap; /* Mozilla */
    white-space: -hp-pre-wrap;  /* HP Printers */
    word-wrap: break-word;      /* IE 5+ */
}

/* No Tramsition */
.no-transition {
	-webkit-transition: all 0s !important;
	   -moz-transition: all 0s !important;
		 -o-transition: all 0s !important;
			transition: all 0s !important;
}

/* greyscale */
.grayscale-hover-color,
.grayscale {

	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+ */
	filter: gray; /* IE6-9 */
	-webkit-filter: grayscale(99%); /* Chrome 19+ & Safari 6+ */
	-webkit-backface-visibility: hidden;  /* Fix for transition flickering */

	-webkit-transition: all 0.5s;
	   -moz-transition: all 0.5s;
		 -o-transition: all 0.5s;
			transition: all 0.5s;
}

.grayscale-hover-color:hover {
	-webkit-filter: grayscale(0%);
	   -moz-filter: grayscale(0%);
		-ms-filter: grayscale(0%);
		-o-filter: grayscale(0%);
		   filter: grayscale(0%);
		   filter: color; 

}



/* ellipsis */
.elipsis { 
	overflow:hidden; 
	text-overflow:ellipsis; 
	white-space: nowrap; 
}

/* no selectrion */
.noselect {
	-webkit-touch-callout: none;
	  -webkit-user-select: none;
	   -khtml-user-select: none;
		 -moz-user-select: none;
		  -ms-user-select: none;
			  user-select: none;
}


/* text color */
.text-default {
	color:#c6c6c6 !important;
}
.text-danger {
	color:#b92c28 !important;
}
.text-warning {
	color:#e38d13 !important;
}
.text-info {
	color:#28a4c9 !important;
}
.text-primary {
	color:#245580 !important;
}
.text-success {
	color:#02B700 !important;
}
.tex-white {
	color:#fff !important;
}
.tex-black {
	color:#111 !important;
}




/* badge color (from bootstrap 4) */
.badge {
    display: inline-block;
    padding: .25em .4em;
    font-size: 75%;
    line-height: 1;
    color: #fff;
    vertical-align: baseline;
    border-radius: .25rem;
}
.badge-default {
  background-color: #636c72;
}

.badge-default[href]:focus, .badge-default[href]:hover {
  background-color: #4b5257;
}

.badge-primary {
  background-color: #0275d8;
}

.badge-primary[href]:focus, .badge-primary[href]:hover {
  background-color: #025aa5;
}

.badge-success {
  background-color: #5cb85c;
}

.badge-success[href]:focus, .badge-success[href]:hover {
  background-color: #449d44;
}

.badge-info {
  background-color: #5bc0de;
}

.badge-info[href]:focus, .badge-info[href]:hover {
  background-color: #31b0d5;
}

.badge-warning {
  background-color: #f0ad4e;
}

.badge-warning[href]:focus, .badge-warning[href]:hover {
  background-color: #ec971f;
}

.badge-danger {
  background-color: #d9534f;
}

.badge-danger[href]:focus, .badge-danger[href]:hover {
  background-color: #c9302c;
}




/* absolute/fixed position */
.top-left {
	top:0; bottom:auto;
	left:0; right:auto;
}
.top-right {
	top:0; bottom:auto;
	left:auto; right:0;
}
.bottom-left {
	top:auto; bottom:0;
	left:0; right:auto;
}
.bottom-right {
	top:auto; bottom:0;
	left:auto; right:0;
}
.top-center {
	top:0; bottom:auto;
	left:auto; right:auto;
}
.bottom-center {
	top:auto; bottom:0;
	left:auto; right:auto;
}
.position-bottom {
	top:auto;
	bottom:0;
}
.position-top {
	top:0;
	bottom:auto;
}

.opacity-0 {
	filter: Alpha(Opacity=0);
	opacity:0;
}
.opacity-1 {
	filter: Alpha(Opacity=10);
	opacity:0.1;
}
.opacity-2 {
	filter: Alpha(Opacity=20);
	opacity:0.2;
}
.opacity-3 {
	filter: Alpha(Opacity=30);
	opacity:0.3;
}
.opacity-4 {
	filter: Alpha(Opacity=40);
	opacity:0.4;
}
.opacity-5 {
	filter: Alpha(Opacity=50);
	opacity:0.5;
}
.opacity-6 {
	filter: Alpha(Opacity=60);
	opacity:0.6;
}
.opacity-7 {
	filter: Alpha(Opacity=70);
	opacity:0.7;
}
.opacity-8 {
	filter: Alpha(Opacity=80);
	opacity:0.8;
}
.opacity-9 {
	filter: Alpha(Opacity=90);
	opacity:0.9;
}
.opacity-10 {
	filter: Alpha(Opacity=100);
	opacity:1;
}



hr {
	border:0;
	height: 1px;
	background-image: -webkit-linear-gradient(left, transparent, rgba(0, 0, 0, 0.2), transparent);
	background-image: -moz-linear-gradient(left, transparent, rgba(0, 0, 0, 0.2), transparent);
	background-image: -ms-linear-gradient(left, transparent, rgba(0, 0, 0, 0.2), transparent);
	background-image: -o-linear-gradient(left, transparent, rgba(0, 0, 0, 0.2), transparent);
	background-image: linear-gradient(left, transparent, rgba(0, 0, 0, 0.2), transparent);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6d6d6', endColorstr='#d6d6d6',GradientType=0 ); /* IE6-9 */

}
section.dark hr {
	border:0;
	height: 1px;
	background-image: -webkit-linear-gradient(left, transparent, rgba(255, 255, 255, 0.2), transparent);
	background-image: -moz-linear-gradient(left, transparent, rgba(255, 255, 255, 0.2), transparent);
	background-image: -ms-linear-gradient(left, transparent, rgba(255, 255, 255, 0.2), transparent);
	background-image: -o-linear-gradient(left, transparent, rgba(255, 255, 255, 0.2), transparent);
	background-image: linear-gradient(left, transparent, rgba(255, 255, 255, 0.2), transparent);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6d6d6', endColorstr='#d6d6d6',GradientType=0 ); /* IE6-9 */
}


/* black and white image */
img.image-bw {
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+ */
	filter: gray; /* IE6-9 */
	-webkit-filter: grayscale(99%); /* Chrome 19+ & Safari 6+ */
	-webkit-backface-visibility: hidden;  /* Fix for transition flickering */
}


/* box color */
.box-default {
	color:#111;
	background-color:#c6c6c6 !important;
}
.box-danger {
	color:#fff;
	background-color:#b92c28 !important;
}
.box-warning {
	color:#fff;
	background-color:#e38d13 !important;
}
.box-info {
	color:#fff;
	background-color:#28a4c9 !important;
}
.box-primary {
	color:#fff;
	background-color:#245580 !important;
}
.box-success {
	color:#fff;
	background-color:#02B700 !important;
}
.box-white {
	color:#111;
	background-color:#fff !important;
}
.box-black {
	background-color:#111 !important;
}


/* radius */
.radius-0 {
	-webkit-border-radius: 0 !important;
	   -moz-border-radius: 0 !important;
			border-radius: 0 !important;
}
.radius-3 {
	-webkit-border-radius: 3px !important;
	   -moz-border-radius: 3px !important;
			border-radius: 3px !important;
}
.radius-4{
	-webkit-border-radius: 4px !important;
	   -moz-border-radius: 4px !important;
			border-radius: 4px !important;
}
.radius-5 {
	-webkit-border-radius: 5px !important;
	   -moz-border-radius: 5px !important;
			border-radius: 5px !important;
}
.radius-6 {
	-webkit-border-radius: 6px !important;
	   -moz-border-radius: 6px !important;
			border-radius: 6px !important;
}
.radius-7 {
	-webkit-border-radius: 7px !important;
	   -moz-border-radius: 7px !important;
			border-radius: 7px !important;
}
.radius-8 {
	-webkit-border-radius: 8px !important;
	   -moz-border-radius: 8px !important;
			border-radius: 8px !important;
}



/* letter spacing */
.letter-spacing-0 {
	letter-spacing: 0em !important;
}
.letter-spacing-1 {
	letter-spacing: 0.1em !important;
}
.letter-spacing-2 {
	letter-spacing: 0.2em !important;
}
.letter-spacing-3 {
	letter-spacing: 0.3em !important;
}
.letter-spacing-4 {
	letter-spacing: 0.4em !important;
}
.letter-spacing-5 {
	letter-spacing: 0.5em !important;
}
.letter-spacing-6 {
	letter-spacing: 0.6em !important;
}
.letter-spacing-7 {
	letter-spacing: 0.7em !important;
}
.letter-spacing-8 {
	letter-spacing: 0.8em !important;
}
.letter-spacing-9 {
	letter-spacing: 0.9em !important;
}
.letter-spacing-10 {
	letter-spacing: 1em !important;
}

/** Bootstrap 5 column equal grid
 ******************************** **/
.col-xs-5th,
.col-sm-5th,
.col-md-5th,
.col-lg-5th {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-5th {
        width: 20%;
        float: left;
    }

	.col-lg-5th {
        width: 33.3%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-5th {
        width: 20%;
        float: left;
    }

	.col-lg-5th {
        width: 25%;
        float: left;
    }
}
@media (min-width: 1222px) {
    .col-lg-5th {
        width: 20%;
        float: left;
    }
}

@media only screen and (max-width: 992px) {
	.col-md-5th {
		width:100%;
		float:none;
		display:block;
	}
    .col-md-5th.col-sm-5th {
        width: 20%;
        float: left;
    }
}
@media only screen and (max-width: 769px) {
    .col-md-5th.col-sm-5th {
		width:100%;
		float:none;
		display:block;
    }
}





/*************** 대출세상 스타일 전용 2018/02/06 박재기 ****************/

html, body {
	height:100%; 
	margin: 0;
    padding: 0;

	font-family: 'Noto Sans KR', sans-serif;
} 

ul { list-style:none; margin:0; padding:0; }

/*.container {
	width:1230px; position: relative;  
}
.container:after {
	clear: both;
}*/



#top_nav {
	height:78px; width:100%; background:#eee; overflow:hidden; z-index:10; position:relative;
}

#top_nav_left {
    /*float:left;*/
}
#top_nav_left li {
	position:relative;
    float:left; 
	font-weight: 500;
	font-size: 14px;
	line-height: 1.3;
	letter-spacing: -0.02em;
	color: #999999;
    /*
	background: url("../images/bg_top_nav.png") no-repeat; 
    background-position: center right;
	*/
    padding:0px 14px;
}
#top_nav_left li:first-child {
    padding-left:0px;
}
/*
#top_nav_left li:last-child {
    background: none; color:black;
}
*/

#top_nav_left li.line:after {
	position: absolute;
    content: '';
    width: 1px;
    height: 15px;
	background:#746E29;
    top: 14px;
    right: 0;
	opacity: 0.25;
}


#top_nav_right {
    /*float:right;*/
}
#top_nav_right img{
    padding-top: 12px
}
#top_nav_right li {
    float:left; color:#999; font-size:13px; line-height:42px;
    /*
	background: url("../images/bg_top_nav.png") no-repeat; 
    background-position: center right;
	*/
    padding:0px 14px;
    font-weight:400;
	position:relative;
}
#top_nav_right li a {
    color:#999; 
}
#top_nav_right li:first-child a { 
}
#top_nav_right li:last-child {
    background: none; padding-right:0px;
}

#top_nav_right li.line:after {
	position: absolute;
    content: '';
    width: 1px;
    height: 15px;
	background:#746E29;
    top: 14px;
    right: 0;
	opacity: 0.25;
}

header {
    height:118px; position: relative; background:#FFF042;
}

#logo_top {
    padding-top:26px; float:left;
}
#search_top {
    padding-top:35px; float:left; margin-left:54px;
}
#search_top_select{
    padding-top:35px; float:left; margin-left:12px;
}

.search_top_wrap {	
	width: 400px; position:relative;
}


#search_top input{
	padding:0px 40px 0px 20px;	
	width: 100%;
	border:0px;
	height: 50px;
	background: #FFFFFF;
	border-radius: 6px;
}
#search_top input::placeholder {
	color: #999999; font-weight: 500; font-size: 15px;
}

.ds_top_search_btn {
	position:absolute; right:4px; top:11px;
    width:40px; height:28px; border-left:1px solid #dcdac9;
	background: url("../images_2023/icon_search.png") no-repeat; 
    background-position: center center;
}


#search_top_select .search_top_wrap {	
	width: 243px;
}

#search_top_select select {
	padding:0px 40px 0px 20px;	
	width: 100%;
	border:0px;
	height: 50px;
	background: #FFFFFF;
	border-radius: 6px;

	color: #999999; font-weight: 500; font-size: 15px;

	-webkit-appearance:none; /* 크롬 화살표 없애기 */
    -moz-appearance:none; /* 파이어폭스 화살표 없애기 */
    appearance:none /* 화살표 없애기 */
}


#key_word {
    font-size: 12px
}
#key_word a, #key_word { color:#777; }
#key_word_title {
	padding:8px 0px; float:left;  color:#555; margin-right:52px;
}
#key_word_title img {
	vertical-align: middle; margin-right:5px;
}

#key_word li{
    float:left; color:#777;
    background: url("../images/key_word1.png") no-repeat; 
    background-position: center right;
    padding:8px 11px;
    font-weight:500;
}
#key_word li:first-child{ 
}
#key_word li:last-child{
    background: none;
}
#key_word li a{
    color:#777;
}
#key_word li img{
    width:13px; height:14px;margin-right: 10px;margin-top: 3px;
}

#header_link{
    padding-top:26px; float:right;
}
#header_link span {
    margin-left:30px; display:inline-block; text-align:center;
}
#header_link span a img {
	display:block;
	margin-bottom:5px;
}


main{
    height:60px; position: relative;  border-top:1px solid #dccf3c; background:#FFF042;
}
.pc_mnav_wrap {  }

#search_bottom{
   /*padding-top: 23px */  height:67px; overflow:hidden;
}
#search_bottom li{
     float:left; position:relative; 
}
#search_bottom li img{
    display:inline-block; position:absolute; top:21px; right:-42px;
}
#search_bottom li a{
    color:#333;  font-size:18px; font-weight: 700; line-height:60px; height:60px; display:inline-block; margin-right:98px;   position:relative; 
} 
#search_bottom li:first-child a{
    /*color:#385b8a; */
}
#search_bottom li:last-child a{
    margin-right:0px;

}

#search_bottom li a:hover, #search_bottom li a.active{
    color:#333; 
}

#search_bottom li a.active:after {
    position: absolute;
    content: '';
    border-bottom: 2px solid #333;
    width: 100%;
    bottom: 2px;
    left: 0;
}

#m_nav {
	background:#f9f9f9; border-bottom: 1px solid #ccc; width:100%;
}
#m_nav ul li {
	float:left; width:33.3%;
}
#m_nav ul li img { width:100%; }




.pc_mnav {  width:100%; }
.pc_mnav.pc_mnav_fixed {
	position:fixed;
	top:0;
	z-index:99999;
}	

.pcContentPadding { padding-top:80px; }




#login{
    margin-top:0px;  
	border:1px solid #ccc; border-radius: 10px;
	box-sizing: border-box;
}

#login_box{
    width:596px; height:500px; 
    float:left; text-align:center;
	box-sizing: border-box;
}
#login_box_in{
    display:inline-block; width:360px;margin-top:50px;
}
#login_box_in h3{
    text-align: center; margin-bottom: 0px;
    font-weight: 700;
	font-size: 34px;
	letter-spacing: -0.02em;
	color: #333333;

}
#login_box_in p{
    margin-top: 10px; margin-bottom: 30px;

	font-weight: 400;
	font-size: 15px;
	letter-spacing: -0.02em;
	color: #666666;

}
#login_box_in input{
    border:0px; 
	width: 100%;
	height: 60px;
	background: #F5F5F5;
	border-radius: 8px;

	padding:0px 20px;
}

#login_box_in input::placeholder {
	font-weight: 500;
	font-size: 15px;
	letter-spacing: -0.02em;
	color: #333333;
}


#login_box_in img{
    margin-top: 12px;margin-bottom: 10px;
}
#id_pss{
    text-align:right;
}
#id_pss span{
    color:#999; font-size: 16px;font-weight: 400
}

#id_pss a {
	color:#777;  font-size: 16px; font-weight: 400
}


#company{
    margin-top: 30px;margin-bottom: 100px;
}
#company_intro h4 {
    text-align: center; color:#333333; font-size: 25px; 
}
#company_intro_bt {
    text-align: center;
}
#company_intro_box a {
    height: 65px; width: 260px; background-color: #385b8a; display: inline-block; border-radius: 5px; line-height: 65px; font-size: 21px; color:#fff; margin-right: 5px; 
}
#company_intro_box2 a {
    height: 65px; width: 260px; border:1px solid #385b8a; display: inline-block; border-radius: 5px; line-height: 65px; font-size: 21px; color:#385b8a;
}
#introduction_title {
    margin-top: 70px; text-align: center; 
}
#introduction_title h3 {
    color:#333; font-size: 32px; letter-spacing: -1px; margin-bottom: 3px;
}
#introduction_title h5 {
    color:#333; font-size: 25px; letter-spacing: -1px; font-weight: 400
}
#introduction_title img {
    
}
#intro_banner {
    
}
#introduction_title p{
    line-height: 50%;color:#555555;font-weight: bold;
}
#introduction_text{
    margin-top: 80px;word-spacing:-1px; text-align: center;
}

#introduction_text p{
    font-weight: 400;
	font-size: 18px;
	line-height: 32px;
	letter-spacing: -0.02em;
	color: #333333;
}
#introduction_text p span {
	color: #13BD7E;
}

#intro_cycle_banner{
    text-align: center;padding-top: 80px;
}

#guide{
    margin-top: 170px;margin-bottom: 100px;
}
#guide img{
    margin: -2px
}
#client_guide{
    margin-top: 117px;
}


.guide_box_1 {
    background: #f4f4f4;height:123px;width:100%;margin-top: 50px; position:relative;
}

.guide_box_1 p {
    color:#2d2c2c; font-size:18px; padding:34px 15px;font-weight: 500;letter-spacing: -2px;
    line-height: 30px;
}

.guide_box_1 a {
    position:absolute; top:45px; right:14px;
}
#guide_box_1_bottom {
    margin-top: 40px;margin-bottom: 124px;
}
.guide_box_2 {
    background: #f4f4f4;height:123px;width:100%;margin-top: 50px; position:relative;
}

.guide_box_2 p {
   color:#2d2c2c; font-size:18px; padding:34px 15px;font-weight: 500;letter-spacing: -2px;
    line-height: 30px;
}

.guide_box_2 a {
    position:absolute; top:18px; right:14px;
}
.guide_box_2 a:first-child {
    position:absolute; top:2px; right:1px;
}
.guide_box_2 a:last-child {
    position:absolute; top:70px; right:13px;
}
#guide_box_2_bottom {
    margin-top: 40px;margin-bottom: 124px;
}
.guide_box_3 {
    background: #f4f4f4;height:123px;width:100%;margin-top: 50px; position:relative;
}

.guide_box_3 p {
    color:#2d2c2c; font-size:18px; padding:34px 15px;font-weight: 500;letter-spacing: -2px;
    line-height: 30px;
}
.guide_box_3 img {
    position:absolute; top:30px; right:14px;
}
#membership{
     margin-top: 0px;margin-bottom: 100px;   
}
#membership_top_banner img {
    margin-bottom: 0px;
}
.clause_agree{
    margin-top: 35px; text-align:center;
}
.clause_agree p{
    font-weight: 700;
	font-size: 18px;
	letter-spacing: -0.02em;
	color: #333333;
	text-align:left;
}
.membership_box_1{
	height: 150px; width:100%;
	padding: 18px; margin-top: 0px;  
	border: 1px solid #CCCCCC;
	border-radius: 10px;

	font-weight: 400;
	font-size: 13px;
	line-height: 20px;
	letter-spacing: -0.02em;
	color: #666666;
}
.checkbox_1{
    text-align: right;margin-top: 14px;
}
.checkbox_1 input{
    display: inline-block; 
}
.checkbox_1 span{
    font-family: 'Noto Sans KR', sans-serif;font-size: 14px;font-weight: 700;
    color:#333333;margin-left: 8px;letter-spacing: -1px;
}
.checkbox_2 {
   text-align: center; margin-top: 80px;margin-bottom: 40px;
}
.checkbox_2 span{
    font-size: 14px;font-weight: 700; color:#333333;margin-left: 5px;
}
.checkbox_3{
    text-align: center;
} 
#customer_center{
    margin-top: 165px; margin-bottom: 100px; 
}
#customer_board{
   margin-top: 165px; border: 2px solid #385b8a;
}
#board_title{
   border-bottom:1px solid #cccccc;height: 55px;
}

#board_title p{
    font-size: 16px;color:#333333;font-weight: 600;
    margin-left: 20px;margin-top: 0px;margin-bottom: 0px;
    padding-top: 15px;
}
#board_write{
   border-bottom: 1px solid #cccccc; height: 360px;
}
#board_write p{
    font-size: 13px;color:#555555;font-weight: 600;line-height: 2;
    margin-left: 20px;
}
#list_button{
    margin-top: 50px;float: right;margin-bottom: 20px;
}

#top_box{
   margin-top: 20px; 
}
#top_box_1{
    width:100%;height:46px;background: #f8f8f8; border: 1px solid #ccc; border-bottom:0px;
}
#top_box_1 h3{
    font-size: 16px;color:#13BD7E;text-align: center;line-height: 46px;font-weight: 700;
}

#slide_spec_wrap {
	border: 1px solid #ccc; 
}

.top_box_2{
    width:100%;height:148px; position:relative; border-bottom:1px solid #ccc;
     text-align: center; 
}
.top_box_2.nobottomlinie {
	border-bottom:0px;
}
.top_box_2 h4{
    color:#666; font-size: 16px;font-weight: 600; 
    margin-top: 10px;margin-bottom: 0px;
}
.top_box_2 h3{
    color:#333; font-size: 22px;font-weight: 600; 
    margin-top: 0px; margin-bottom: 6px;
}

.top_box_2 span{
    /*font-size: 13px;font-weight: 700; color:#555555;*/
}
.span_div {
    margin-top: 0px; margin-bottom:10px;
}
.title_span{
    display:inline-block; font-size:13px; color:#333333;font-weight: 400; margin-right:8px;
}
.title_span:first-child{
}
.upso_span{
    display:inline-block; font-size:13px; color:#385b8a;font-weight: 400;   
}
#top_box_3{
    width:100%;height:175px;
     border: 1px solid #ccc;border-top-width:-1px;text-align: center; 
}
#top_box_3 h4{
    color:#666; font-size: 16px;font-weight: 700; 
    margin-top: 15px;margin-bottom: 0px;
}
#top_box_3 h3{
    color:#333; font-size: 22px;font-weight: 700; 
    margin-top: 0px; margin-bottom: 10px;
}


#area_box{
   margin-top: 20px; margin-left:0px;
   height: 280px;
   background: #FFFFFF;
	border: 1px solid #DDDDDD;
	border-radius: 10px;
}
#area_box_1{
    width: 100%;
    height: 46px; 
}
#area_box_1 h3{
    font-size: 18px;color:#333; line-height: 56px;font-weight: 700; letter-spacing: -0.02em; margin-bottom:0px; padding-left:24px;
}
#area_box_1 h3 img {
	display:inline-block; vertical-align:middle; margin-right:10px; margin-top:-5px;
}

#area_box_2{
    width:100%; padding-bottom: 20px; padding-top: 4px;
}
#area_box_2 ul li {
    float:left; margin-left:25px;
}
#area_box_2 ul li a {
    display:inline-block; width:110px; line-height:25px; 
    color:#444; font-size:15px;font-weight: 500; margin-top: 5px;margin-bottom: 5px; letter-spacing: -0.02em;
}

#area_box_2 ul li a.active, #area_box_2 ul li:hover a {
    color:#13BD7E; font-weight:500;
}


#product_box{
   margin-top: 20px; margin-left:0px;
   height: 280px;
   background: #FFFFFF;
	border: 1px solid #DDDDDD;
	border-radius: 10px;
}
#product_box_1{
    width: 100%;
    height: 46px; 
}
#product_box_1 h3{
    font-size: 18px;color:#333; line-height: 56px;font-weight: 700; letter-spacing: -0.02em; margin-bottom:0px; padding-left:24px;
}
#product_box_1 h3 img {
	display:inline-block; vertical-align:middle; margin-right:10px; margin-top:-5px;
}

#product_box_2{
    width:100%; padding-bottom: 20px; padding-top: 4px;
}
#product_box_2 ul li {
    float:left; margin-left:25px;
}
#product_box_2 ul li a {
    display:inline-block; width:110px; line-height:25px; 
    color:#444; font-size:15px;font-weight: 500; margin-top: 5px;margin-bottom: 5px;    
}

#product_box_2 ul li a.active, #product_box_2 ul li:hover a {
    color:#13BD7E; font-weight:500;
}



#real_time_box{
     margin-top: 20px;margin-left: 0px; margin-right: 0px; 
	 height: 280px;
   background: #FFFFFF;
	border: 1px solid #DDDDDD;
	border-radius: 10px;
}
#real_time_box_1{
     width: 100%;
    height: 46px; position:relative;
}
#real_time_box_1 h3{
    font-size: 18px;color:#333; line-height: 56px;font-weight: 700; letter-spacing: -0.02em; margin-bottom:0px; padding-left:24px;
}
#real_time_box_1 h3 img {
	display:inline-block; vertical-align:middle; margin-right:10px; margin-top:-5px;
}

#real_time_box_1 a{
	display:inline-block;
    position:absolute; top:12px; right: 20px;
}
#real_time_box_2 {
    overflow: hidden; width:100%; height: 210px; padding:0px 15px; margin-top:10px;
}

.real_time_1 {
    width:100%;background:#fff; padding: 14px; border-bottom:1px solid #eee;
}
.real_time_2 {
    width:100%;background:#fff; padding: 14px; border-bottom:1px solid #eee;
}

.real_time_box1 {
    margin-bottom: 0px;
}
.real_time_text_1{
    font-size:14px; font-weight: 400; color:#13BD7E;margin-right: 10px;
}
.real_time_text_2 {
    font-size:14px; font-weight: 400;color:#333;margin-right: 20px;
}
.real_time_text_3{
    font-size:14px;font-weight: 400; color:#333; display:inline-block; text-align:right;
}
.real_time_text_4 {
    font-size:14px;font-weight: 400;color:#333;margin-right: 13px;
}
.real_time_text_5 {
    font-size:14px;font-weight: 400;color:#333;margin-right: 1px;
}
/*#real_time_box4 {
   height: 115px;width:100%;background:#f4f4f4;margin-top: 3px;border:1px solid #cccccc;
}
.real_time_search_box{
    padding-top: 13px;padding-left: 9px;
}
.real_time_search_box span{
    font-size:14px;font-weight: 700; color:#333;padding-left: 5px;
}
.real_time_search_box select{
    width:123px; height:29px; font-size: 12px; color:#999999;padding-left: 5px; 
    border-color:#fff;margin-right: -10px;
}
.real_time_find {
   padding-top: 10px;padding-left: 14px;
}
.real_time_find h5{
    font-size: 14px;font-weight: 700;margin-bottom: 0px
}
.real_time_phone input{
    width: 65px;height: 28px;text-align: center;
    font-size: 12px;color:#999; border-style: hidden;
}
.real_time_phone span{
    margin-left:-1px;margin-right: -1px;color:#999;
}
.real_time_phone span:first-child {
    margin-left: 15px;
}
.real_time_phone a{
    margin-top: 15px;
}
.real_time_phone img {
    margin-top: 0px;margin-left: -2px;
}*/
.gongji_box {
    float:left; height: 47px;width: 385px;border:1px solid #13BD7E;
    margin-top: 10px;position:relative;margin-right: 20px;
}
#gongji_text {
    line-height: 45px;padding-left: 20px;font-weight: 500;color:#555; 
    letter-spacing: -1px; height:46px; overflow:hidden; position:relative;
}

#gongji_tick { 
	position:absolute; top:0px; left:120px; height:46px; overflow:hidden;
}
#gongji_tick li {
	width:240px; position:relative;
}
#gongji_tick a {
	color:#555; display:inline-block; line-height:46px; font-weight: 400;
}

#gongji_text img{
    margin-top: 15px;
}
#gongji_text_top_arrow {
    position:absolute; top:-15px; right:0px;
}
#gongji_text_bottom_arrow {
    position:absolute; top:7px; right:0px;
}
.upche_box {
    float:left; height: 47px;width: 385px;border:1px solid #13BD7E;
    margin-top: 10px;margin-right: 20px;
}
#upche_search{
    font-size: 15px;color:#555;font-weight: 500; line-height: 45px;margin-left: 20px;
    
}
#upche_search select{
    font-size: 12px;color:#999;font-weight: 300; width: 192px;height: 29px;line-height: 47px; 
    padding-left: 5px;border:1px solid #ccc;
}
#upche_search img{
    margin-top: 10px;margin-left: -4px;
}

.phone_box {
    float:left; height: 47px;width: 385px;border:1px solid #13BD7E;
    margin-top: 10px;margin-right: 0px;
}
#phone_search{
    font-size: 15px;color:#555;font-weight: 500; line-height: 45px;margin-left: 20px;
    letter-spacing: -1px;
}
#my_hp{
    font-size: 12px; color:#999; font-weight: 300; width: 200px; height: 29px; line-height: 27px; 
    padding-left: 5px;border:1px solid #ccc;
}
#phone_search img{
    margin-top: 10px;margin-left: -4px;
}

.main_box {
    margin-top: 30px;margin-bottom: 45px
}
.main_box h3 {
    font-size: 23px;color:#333;font-weight: 700; margin-bottom:25px;
    text-align: center;
}
#main_box_1 h2 {
    letter-spacing: -1px;font-weight: 700
}
#box_1 {
    border:2px solid #385b8a;height: 233px; border:2px solid #385b8a;
    border-bottom-width: 0px;
}
#box_2 {
    height: 62px; border:2px solid #385b8a;background: #385b8a; 
    border-top-width: 0px;border-bottom-width: 0px;
}
#box_1 h2 {
    font-size: 18px;color:#555;font-weight: 700;
    padding-left: 20px;padding-top: 18px; margin-bottom: 0px;
}
#box_1 h3 {
    font-size: 18px;font-weight: 700;color:#385b8a;
    text-align: center;padding-top: 25px;margin-bottom: 0px; 
}
#box_1 h4 {
    font-size: 14px;font-weight: 700;color:#333;
    text-align: center;margin-bottom: 0px
}
#box_1 h5 {
    font-size: 14px;font-weight: 700;color:#555;
    padding-left: 24px;padding-top: 37px;margin-bottom: 0px;
}
#box_2 h6 {
    float:left;font-size:  14px;font-weight: 700;color:white;line-height: 62px;
    padding-left: 24px;
}
#box_2 h5 {
    float:right;font-size: 14px;font-weight: 700;color:white;line-height: 62px;
    padding-right: 24px;
}
#box_2 h5 img {
    margin-top: 25px;margin-left: 1px;
}
.box1 {
    float:left; line-height: 62px;margin-bottom: -8px;
}
.box2 {
    float:left;margin-bottom:12px;
}

#main_box_2 li {
    height: 295px; border:1px solid #cccccc; width:100%;
    float: left; 
    border-top-color:#385b8a;font-weight: 700;
    border-top-width: 2px;
}
#main_box_2 h2 {
    font-size: 18px;color:#555;font-weight: 700;
    padding-left: 20px;padding-top: 18px; margin-bottom: 0px; 
}
#main_box_2 h3 {
    font-size: 18px;font-weight: 700;color:#385b8a;
    text-align: center;padding-top: 25px;margin-bottom: 0px; 
}
#main_box_2 h4{
    font-size: 14px;font-weight: 700;color:#333;
    text-align: center;margin-bottom: 0px
}
#main_box_2 h5 {
    font-size: 14px;font-weight: 700;color:#555;
    padding-left: 24px;padding-top: 37px;margin-bottom: 0px;
}
#main_box_2 h6 {
    float:left;14px;color:#65cac1;font-size: 14px; font-weight: 700;
    padding-top: 39px;padding-left: 24px;
}
#main_box_2 h1 {
    float:right;font-size: 14px;font-weight: 700;color:#555;
    padding-top: 39px;padding-right: 24px;
}
#main_box_2 h1 img {
    margin-top: 3px;margin-left: -1px;
} 

.loan_latest_tb_1 {
    width:100%;
}
.loan_latest_tb_1 th {
    border-top: 1px solid #333; height:52px; line-height: 52px;  text-align: center; color:#333; font-size:16px; font-weight:500; letter-spacing: -0.02em;
    border-bottom: 1px solid #ccc;
    
    /*
	background: url("../images/tb_th_bg.png")no-repeat;
    background-position: center right;
	*/
}
.loan_latest_tb_1 th:last-child {
    background: none;
}
.loan_latest_tb_1 td {
    border-bottom: 1px solid #ccc; height:52px; line-height: 52px;  text-align: center;
}
.loan_latest_tb_1 td, .loan_latest_tb_1 td a {
     font-weight: 400;
	 font-size: 15px;
	 letter-spacing: -0.02em;
	 color: #777;
}
.loan_latest_tb_1 td.td_area {
    width:90px;
}

.loan_latest_tb_1 td.td_area span {
    display:inline-block; color:#fff; font-size: 14px; letter-spacing: -0.02em; background: #13BD7E; height: 28px; line-height:28px; border-radius: 14px; padding:0px 10px;
}


.loan_latest_tb_1 td.td_company {
    width:168px;
}
.loan_latest_tb_1 td.td_subject {
    text-align: left; padding-left:12px;
}
.loan_latest_tb_1 td.td_subject a {
	font-weight: 500;
	font-size: 15px;
	letter-spacing: -0.02em;
	color: #333333;
}
.loan_latest_tb_1 td.td_subject img {
    margin-top: 18px;margin-left: 10px;
}

.loan_latest_tb_1 tr:hover td {
	background: #F5F5F5;
}




.bottom_board_area {
	background: #EEEEEE;  margin-top:80px;
}

.bottom_board_box {
	background: #FFFFFF;
	border-radius: 10px;
	margin:30px 0px;
	min-height:260px;
	padding:20px;
}
.bottom_board_box h3 {
	font-weight: 500;
	font-size: 22px;
	line-height: 32px;
	letter-spacing: -0.02em;
	position:relative;
	padding-left:34px;
	margin-bottom:24px;
}
.bottom_board_box h3 .tit_img {
	position: absolute;
	left: 0px; top: 50%; 
	transform: translate(0,-50%)
}
.bottom_board_box h3 .board_more {
	position: absolute;
	right: 0px; top: 50%; 
	transform: translate(0,-50%)
}

.bottom_board_box h5, .bottom_board_box h5 a {
	font-weight: 400;
	font-size: 15px;
	line-height: 32px;
	letter-spacing: -0.02em;
	color: #777;
	margin-bottom:0px;
}
.bottom_board_box h5:hover, .bottom_board_box h5:hover a {
	color:#13BD7E;
}


.gongi_text {
    margin-top: 50px;margin-bottom: 66px;
}
.gongi_text h4 {
    font-size: 23px;color:#333;
}
.gongi_text h4 img {
    float:right;margin-top: 3px;
}
.gongi_text h5 {
    margin-bottom: 10px;
}
.gongi_text h5 a {
    font-size: 13px;color:#555;font-weight: 400;margin-bottom: 15px;
}

.box-border-right {
    border-right:solid 1px #eee; padding-right:20px;
}



.notice_big_box {
    height: 238px;width: 100%;border: 1px solid #cccccc;margin-bottom: 60px;
}
#notice_coffe_icon {
    float:left;margin-top: 40px;margin-left: 60px;
}
#notice_text {
    float: left;margin-top: 16px;margin-left: 57px;
}
#notice_text h5 {
    font-size: 16px;color:#ef2b4b;margin-bottom: 9px;font-weight: 500;
}
#notice_text h6 {
    font-size: 14px;color:#555555;margin-bottom: 13px;font-weight: 500;
}
#notice_text strong {
     color:#ef2b4b;font-weight: 500;
}

.footer {
    height: 60px;width:100%;background: #333; 
    margin-bottom: 30px;
}
    
#footer_top {
    float:left;height: 60px;width: 100%;
}
#footer_top li{
    float:left ; color:#999; font-size: 16px; line-height: 60px;
    /*
	background: url("../images/footer_bar.png")no-repeat;
	*/
    background-position: center right;
    padding:0px 17px;font-weight: 400; 
}
#footer_top li a {
    color:#999;
}
#footer_top li:hover a {
	color:#fff;
}

#footer_top li:last-child {
    background: none;
}



.ds_footer_info {
	margin-bottom:60px;
}
.ds_footer_info p {
	font-weight: 400;
	font-size: 14px;
	line-height: 23px;
	letter-spacing: -0.02em;
	color: #666666;
}
.ds_footer_info p.copyright {
	color: #BBBBBB;
}








#footer_bottom {
    float: left;margin-bottom: 80px;margin-right: 20px;
}
#footer_bottom_text {
    float:left; 
}
#footer_bottom_text li {
    font-size: 12px;color:#777777; font-weight: 400;
}
#footer_time {
    float: left; 
}
#ft_cs_center {
    border-left:2px solid #eee; border-right:2px solid #eee; min-height: 140px;
}
#ft_cs_center h3 {
    margin-bottom: 5px;font-size: 14px;color:#555;font-weight: 500;
    letter-spacing: 1px;text-align: left;margin-left: 35px;
}
#ft_cs_center h2 {
    font-size: 24px;margin-bottom: 0px;color:#333; font-weight: 600;
    text-align: left;margin-left: 35px;
}
#ft_cs_center h4 {
    margin-top: 8px; margin-bottom: 8px;font-size: 15px;color:#555;font-weight: 400;
    text-align: left;margin-left: 35px;
}
#ft_cs_center h4 img {
    margin-right: 10px;
}
#ft_cs_center h5 {
    font-size: 15px;color:#555;font-weight: 400;
    text-align: left;margin-left: 35px;
}
#ft_cs_center h5 img {
    margin-right: 6px;margin-top: 2px;
}

#ft_cs_right h3 {
    text-align: left;margin-bottom: 5px;font-size: 14px;color:#555;font-weight: 500;
    letter-spacing: 1px;margin-left: 25px;
}
#ft_cs_right h2 {
   text-align: left; margin-bottom: 20px;font-size: 27px;margin-bottom: 0px;color:#333; font-weight: 600;
    margin-left: 25px;
}
#ft_cs_right h4 {
    text-align: left;margin-top: 8px; margin-bottom: 8px;;font-size: 15px;color:#555;font-weight: 400;
    margin-left: 25px;
}
#ft_cs_right h5 {
    font-size: 13px;color:#999;font-weight: 400;
    text-align: left;margin-left: 25px;
}






/* FORM ELEMENTS */
.radio+.radio, 
.checkbox+.checkbox {
	margin-top:1px;
}
/**/
/* radios and checkboxes */
/**/
.radio,
.checkbox {
	display:inline-block;
	margin: 0 20px 0px 0;
	padding-left: 27px;
	font-size: 15px;
	line-height: 27px;
	color: #404040;
	cursor: pointer;
	overflow: hidden;
}
section.dark .radio,
section.dark .checkbox {
	color: #eee;
}
.radio input,
.checkbox input {
	position: absolute;
	margin-top:-60px;
}
.radio i,
.checkbox i {
	position: absolute;
	top: 5px;
	left: 0;
	display: block;
	width: 19px;
	height: 19px;
	outline: none;
	border-width: 2px;
	border-style: solid;
	border-color:rgba(0,0,0,0.3);
	background: rgba(255,255,255,0.3);
}
section.dark .radio i,
section.dark .checkbox i {
	border-color:rgba(255,255,255,0.3);
	background: transparent;
}
.radio i {
	-webkit-border-radius: 50% !important;
	   -moz-border-radius: 50% !important;
			border-radius: 50% !important;
}
.radio input + i:after,
.checkbox input + i:after {
	position: absolute;
	opacity: 0;
	transition: opacity 0.1s;
	-o-transition: opacity 0.1s;
	-ms-transition: opacity 0.1s;
	-moz-transition: opacity 0.1s;
	-webkit-transition: opacity 0.1s;
}
.radio input + i:after {
	content: '';
	top: 5px;
	left: 5px;
	width: 5px;
	height: 5px;
	border-radius: 50%;
}
.checkbox input + i:after {
	content: '\f00c';
	top: 0;
	left: 0px;
	width: 15px;
	height: 15px;
	font: normal 12px/16px FontAwesome;
	text-align: center;
}
.radio input:checked + i:after,
.checkbox input:checked + i:after {
	opacity: 1;
}
.inline-group {
	margin: 0 -30px -4px 0;
}
.inline-group:after {
	content: '';
	display: table;
	clear: both;
}
.inline-group .radio,
.inline-group .checkbox {
	float: left;
	margin-right: 30px;
}
.inline-group .radio:last-child,
.inline-group .checkbox:last-child {
	margin-bottom: 4px;
}

/**/
/* hover state */
/**/
.input:hover input,
.select:hover select,
.textarea:hover textarea,
.radio:hover i,
.checkbox:hover i,
.toggle:hover i {
	border-color: rgba(0,0,0,0.6);
}
section.dark .input:hover input,
section.dark .select:hover select,
section.dark .textarea:hover textarea,
section.dark .radio:hover i,
section.dark .checkbox:hover i,
section.dark .toggle:hover i {
	border-color: rgba(255,255,255,0.3);
}
.button:hover {
	opacity: 1;
}

/**/
/* focus state */
/**/
.input input:focus,
.select select:focus,
.textarea textarea:focus,
.radio input:focus + i,
.checkbox input:focus + i,
.toggle input:focus + i {
	border-color: rgba(0,0,0,0.6);
}
section.dark .input input:focus,
section.dark .select select:focus,
section.dark .textarea textarea:focus,
section.dark .radio input:focus + i,
section.dark .checkbox input:focus + i,
section.dark .toggle input:focus + i {
	border-color: rgba(255,255,255,0.7);
}


/**/
/* checked state */
/**/
.radio input + i:after {
	background-color:#385b8a;		
}
section.dark .radio input + i:after {
	background-color:rgba(255,255,255,8);	
}
.checkbox input + i:after {
	color: #385b8a;	
}
section.dark .checkbox input + i:after {
	color: rgba(255,255,255,8);
}
.radio input:checked + i,
.checkbox input:checked + i,
.toggle input:checked + i {
	border-color:#385b8a;	
}
section.dark .radio input:checked + i,
section.dark .checkbox input:checked + i,
section.dark .toggle input:checked + i {
	border-color:rgba(255,255,255,8);	
}


section.dark select>option,
section.dark select>optgroup {
	background-color: #333;
}



/************************************************************** 추가 CSS *******************************************************************/

.banner_main_middle {
	background: #FFFFFF;
	border: 1px solid #DDDDDD;
	border-radius: 500px;
	height: 110px;
	text-align:center;
}

.banner_sub_middle {
	background: #FFFFFF;
	border: 1px solid #DDDDDD;
	border-radius: 500px;
	height: 110px;
	text-align:center; 
}


.text_black { color:#010101 !important; }

.loan_color { color:#13BD7E !important; }

#m_area_box { width:100%; margin-bottom:-10px; }
#m_area_box li { float:left; width:22%; margin-right:4%; margin-bottom:10px; }
#m_area_box li.last { margin-right:0px; }
#m_area_box li a { width:100%; height:28px; line-height:28px; display:inline-block; text-align:center; border:1px solid #ccc; color:#555; font-size:13px; }
#m_area_box li a.active { color:#65cac1; font-weight:600; }

#m_goods_box { width:100%; margin-bottom:-10px; }
#m_goods_box li { float:left; width:30.6%; margin-right:4%; margin-bottom:10px; }
#m_goods_box li.last { margin-right:0px; }
#m_goods_box li a { width:100%; height:28px; line-height:28px; display:inline-block; text-align:center; border:1px solid #ccc; color:#555; font-size:13px; }
#m_goods_box li a.active { color:#65cac1; font-weight:600; }


.ad_main_title {
	font-size: 23px;
    color: #333;
    font-weight: 700;
}

.ad_main_box {
	margin-bottom:6px; cursor: pointer; position:relative; overflow:hidden;
}

.ad_main_box {
    height: 226px; 
    background: #FFFFFF;
	border: 1px solid #DDDDDD;
	border-radius: 10px;

    font-weight: 700;
    
    /*-webkit-border-radius: 5px !important;
	   -moz-border-radius: 5px !important;
			border-radius: 5px !important;*/
}

/*
.ad_main_box.best_adbox_bg { background: #fdf7f5; border:1px solid #13BD7E; }
*/


.ad_tel_area {
	text-align:center; 
	font-weight: 600;
	font-size: 16px;
	letter-spacing: -0.02em;
	color: #13BD7E;
}
.ad_tel_area img {
	margin-top:-3px;
}

.ad_main_box h2 {
    padding-top: 12px;
    margin-bottom: 0px;
    text-align: center;   

	font-weight: 700;
	font-size: 19px;
	letter-spacing: -0.02em;
	color: #333;
}
.ad_main_box h3 {
    font-size: 19px;
    font-weight: 700;
    color: #333;
    text-align: center;
    padding-top: 0px;
    margin-bottom: 0px;
	letter-spacing: -0.02em;
}

.ad_main_box h4 {
    font-size: 18px;
    font-weight: 700;
    color: #333;
    text-align: center;
    margin-bottom: 0px;
}
.ad_main_box h5 {
    font-size: 15px;
    font-weight: 400;
    color: #777;
    text-align: center;
    padding-top: 8px;
    margin-bottom: 0px;
	letter-spacing: -0.02em;

	height:80px; overflow:hidden; line-height: 21px;
}
.ad_main_box .ad_main_box_area a {
    float: left;
    color: #555;
    font-size: 14px;
    font-weight: 500; 
    padding-left: 20px;
}
.ad_main_box .ad_main_box_detail a {
    float: right;
    font-size: 14px;
    font-weight: 500;
    color: #555; 
    padding-right: 24px;
}
.ad_main_box .ad_main_box_detail a img {
    margin-top: 3px;
    margin-left: -1px;
}

.ad_main_box_footer {
	height:42px; line-height:42px; position:absolute; bottom:0; left:0; width:100%;
    border-top:1px dotted #ddd; /*background:#f9f9f9;*/
}

.ad_main_box.active .ad_main_box_footer, .ad_main_box:hover .ad_main_box_footer { 
    background: #13BD7E;
}
.ad_main_box.active .ad_main_box_footer a, .ad_main_box:hover .ad_main_box_footer a { color:#fff; }

.ad_main_box.active, .ad_main_box:hover {
    border: 1px solid #13BD7E;  
}


.ad_main_box .ad_main_box_footer .off { 
	display:none;
}

.ad_main_box:hover .ad_main_box_footer .off { 
	display:inline-block;
}
.ad_main_box:hover .ad_main_box_footer .on { 
	display:none;
}


.ad_main_box_footer_mobile {
	height:40px; line-height:60px; position:absolute; bottom:0; left:0; width:100%; text-align:center;
}
.ad_main_box_footer_mobile img {
	width:72px;
}


.sp_box_title {
	font-size: 20px;
    margin-bottom: 15px;  
	color: #333;
    font-weight: 700;
    text-align: center;
}
.sp_box { 
    border: 2px solid #096fbb;  height:210px; margin-bottom:14px;
}
.sp_title_wrap {
	background: url("../images/mobile/bg_sp_box_title.png"); padding:8px 0px; color:#fff; text-align:center;
}
.sp_title_wrap h3 { font-size: 15px; margin-bottom: 0px; color:#fff; }
.sp_title_wrap h4 { font-size: 12px; margin-bottom: 0px; color:#fff; font-weight:500; }
.sp_box h2 { 
	font-size: 12px;
    padding:0px 12px;
    color: #555; margin-bottom:10px; margin-top:10px; 
}
.sp_box h2 span { color: #555; }

.sp_box h5 { 
	font-size: 12px;
    font-weight: 500;
    color: #555;
    padding-left: 12px;
    padding-top: 5px;
    margin-bottom: 0px;
}
.sp_box .ad_main_box_footer_mobile { bottom:14px; }





.main_circle_banner {
	padding:50px 0px;
	background:#13BD7E !important;
}
.main_circle_banner ul {
}
.main_circle_banner ul li {
	float:left;
	font-weight: 500;
	font-size: 17px;
	letter-spacing: -0.02em;
	color: #FFFFFF;
	text-align:center;
	margin-left:34px;
}
.main_circle_banner ul li:first-child {
	margin-left:0px;
}
.main_circle_banner ul li span {
	display:inline-block;
	width: 140px;
	height: 140px;
	background: #E0FFF3;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	text-align:center;
	position:relative;
	margin-bottom:15px;
}
.main_circle_banner ul li span img {
	position: absolute;left: 50%;top: 50%;
	transform: translate(-50%,-50%);
}






.bx-wrapper {
  position: relative; 
  padding: 0;
  *zoom: 1;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}


.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
  position: absolute;
  bottom: -30px;
  width: 100%;
}

#slide_spec_wrap .bx-wrapper .bx-pager {
	width:90px; top:-54px; right:0px;
}

/* PAGER */
.bx-wrapper .bx-pager {
  text-align: center;
  font-size: .85em;
  font-family: Arial;
  font-weight: bold;
  color: #f35e6d;
  padding-top: 20px;
}
.bx-wrapper .bx-pager.bx-default-pager a {
  background: #f68a95;
  text-indent: -9999px;
  display: block;
  width: 10px;
  height: 10px;
  margin: 0 3px;
  outline: 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus {
  background: #13BD7E;
}
.bx-wrapper .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
  vertical-align: bottom;
  *zoom: 1;
  *display: inline;
}
.bx-wrapper .bx-pager-item {
  font-size: 0;
  line-height: 0;
}






.sub_contents_wrap {
	min-height:800px;
}

.page_num {
	text-align:center; margin:35px 0px;
}
.page_num ul {
	display:inline-block;
}
.page_num ul li {
	float:left; margin:0px 4px;
}
.page_num ul li a {
	display:inline-block; color:#555; line-height:34px; width:34px; height:34px; border-radius: 4px;
}
.page_num ul li a.num_on {
	background:#181818; color:#fff; 
}

.page_num ul li img {
	width:100%;
}

@media only screen and (max-width: 768px) {

	.page_num {
		text-align:center; margin:5px 0px;
	}
}




/**********업체 정보 모달 팝업***********/

.ds_modal_wrap {
	padding:40px;
}

.p_cmTtile {
	/*height:62px; line-height:62px; background:#385b8a; color:#fff; font-size:20px; padding:0px 50px; text-align:center;*/
	font-weight: 700;
	font-size: 24px;
	line-height: 35px;
	letter-spacing: -0.02em;
	color: #333333;
	margin-bottom:20px;
}
.p_cdTableA { margin:20px 50px; font-size:16px;  }
.p_cdTableA th { line-height:40px; height:40px; width:130px; font-weight:500; background: #f8f8f8; }
.p_cdTableA td { line-height:40px; height:40px; }
.p_cdGuide { line-height:40px; height:40px; margin:0px 50px; font-weight:500; color:#385b8a; font-size:18px; }

.ds_modal_guide {
	font-weight: 500;
	font-size: 15px;
	line-height: 22px;
	letter-spacing: -0.02em;
	color: #333333;
}
.ds_modal_guide span {
	color: #13BD7E;
}
.ds_modal_guide img {
	vertical-align:middle; margin-right:8px; margin-top:-3px;
}
.ds_modal_close {
	position:absolute; top:20px; right:20px;
}


/**********대출세상 테이블**************/
.loan_table_form {
	width:100%;border-collapse:collapse;
	border-top:1px solid #333;  
}
.loan_table_form th { text-align:left; /*background:#f9f9f9;*/ font-size:16px; color:#333; padding:25px 0px 25px 20px;  font-weight:700; }
.loan_table_form.th-18 th { font-size:18px; }

.loan_table_form tr {   }
.loan_table_form tr:first-child { border-top:0px; } 

.loan_table_form.padding20 th { padding:20px 0px; }

.th_150 th { width:150px; }
.th_170 th { width:170px; }
.th_200 th { width:200px; }


.input_150 { width:150px; }
.input_250 { width:250px; }

.input_inline_radio {
	margin-top:7px;
}

.loan_table_form td { padding:8px 0px 8px 32px; font-size:16px; font-weight:600; }

.loan_table_form input[type="text"], .loan_table_form input[type="password"], .loan_table_form select {
	border: 2px solid #DDDDDD; border-radius: 6px;
	height:50px; padding:0px 10px; vertical-align:middle; 
}
.loan_table_form input::placeholder {
	font-weight: 400;
	font-size: 14px;
	line-height: 22px;
	letter-spacing: -0.02em;
	color: #999999;
}

.loan_table_form select {
	font-size: 14px;
	letter-spacing: -0.02em;
	color: #333333;
	font-weight: 500;
}

.loan_table_form textarea {
	border: 2px solid #DDDDDD; border-radius: 6px;
	padding:10px; width:90%; height:140px;
}

.loan_table_form textarea::placeholder {
	font-weight: 400;
	font-size: 14px;
	line-height: 22px;
	letter-spacing: -0.02em;
	color: #999999;
}


.loan_table_list {
	width:100%;border-collapse:collapse;
	border-top:2px solid #333;
}
.loan_table_list th { 
	text-align:center; font-size:16px; color:#333; border-bottom:1px solid #ddd; font-weight:500; height:55px; line-height:55px;  
}
.loan_table_list th:last-child { background:none; }

.loan_table_list td {
	text-align:center; font-size:15px; color:#333; border-bottom:1px solid #ddd; font-weight:400; height:52px; line-height:52px;  letter-spacing: -0.02em;
}

.list_th_num { width:106px; }
.list_th_writer { width:170px; }
.list_th_date { width:178px; }

.loan_table_list td.loand_td_subject { text-align:left; color:#555; padding-left:20px;  }
.loan_table_list td.loand_td_subject a { color:#555; font-weight:500;}

.loand_td_subject img {
    margin-top: 18px;
    margin-left: 10px;
}




@media only screen and (max-width: 768px) {
	.th_150 th { width:80px; }
	.input_250 { width:50%; }
}









.board_view_title { 
	border-top:1px solid #333; border-bottom:1px solid #ddd;
	font-weight: 700;
	font-size: 24px;
	line-height: 38px;
	letter-spacing: -0.02em;
	color: #333333;
	text-align:center;
	padding:20px;
}
.board_view_title span { font-size:15px; color:#555; margin-left:32px; font-weight:400;  }

.board_view_content { 
	padding:50px; border-bottom:1px solid #ddd;

	font-weight: 400;
	font-size: 16px;
	line-height: 22px;
	letter-spacing: -0.02em;
	color: #333333;
	padding:38px 20px;
}


.td_guide {
	padding:15px 0px; font-size:14px; color:#999; line-height:2;
}

.loan_big_button {
	display: inline-block;
    height: 50px; line-height: 50px;
	background: #13BD7E;
	border-radius: 6px;
    margin: 0px 5px;
	padding:0px 24px;

	font-weight: 700;
	font-size: 18px;
	letter-spacing: -0.02em;
	color: #FFFFFF;
}
.loan_big_button:hover, .loan_big_button:focus { color: #fff; }

.loan_big_button2 {
	display: inline-block;
    font-size: 16px; letter-spacing: -0.02em;
    color: #fff;
	background:#13BD7E;
    text-align: center;
    line-height: 54px;
    font-weight: 500;
    border:0px;
    height: 54px;
    width: 225px;
    border-radius: 6px;
}
.loan_big_button2:hover, .loan_big_button2:focus { color: #fff; }


.loan_title_small {
	color:#333; font-size:26px; font-weight:700; margin-top:60px; margin-bottom:18px;
}

.loan_title_big {
	color:#333; font-size: 24px; font-weight:700; margin-bottom:18px; letter-spacing: -0.02em;
}

.iwidth_100 { width:100px; }
.iwidth_240 { width:240px; }

.iwidth_half { width:50% }






.roan_write_agree_wrap {
	margin-top:30px;
}

.roan_write_agree {
	margin-top:10px;
	border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:20px;
}

.agree_link_view {
	display:inline-block; line-height: 27px; vertical-align:top;
	
	letter-spacing: -0.02em;
	text-decoration-line: underline;
	color: #BBBBBB;
}
.agree_link_view:hover, .agree_link_view:focus {
	text-decoration-line: underline;
	color: #BBBBBB;
}




.cm1_tabSub ul {
	padding:0px 24px;
}

.cm1_tabSub li {
}
.cm1_tabSub li a { 
	display:block; 
	border-bottom: 1px solid #ccc;
    font-weight: 500;
	font-size: 15px;
	line-height: 33px;
	letter-spacing: -0.02em;
	color: #333333;

    padding:8px 20px;
}

li.cm1_answer { 
    background-color: #F9F9F9; 
    font-weight: 400;
	font-size: 14px;
	line-height: 24px;
	letter-spacing: -0.02em;
	color: #333333;

    padding: 20px 40px;
	height: auto;
}







.guide_banner_box {
	background:#F5F5F5; padding:18px; border-radius: 10px;
}
.guide_banner_box p { 
	margin-bottom:0px; padding-left:10px;
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: -0.02em;
	color: #666666;
}





#area_big_box{
	float:left;margin-top: 20px; 
    width:100%;
}
#area_big_box h3{
    font-size: 16px;color:#13BD7E;text-align: center;line-height: 46px; font-weight: 500; margin:0px; height:46px;background: #f8f8f8; border: 1px solid #ccc;
}
#area_big_box h3 span { font-size:13px; color:#999; font-weight: 400; }

.area_big_box_wrap { border:1px solid #ccc; border-top:0px; height:318px; width:100%; overflow:hidden; }
#map_view_area { width:340px; margin-top:-17px; }


.line_display {
	display:table; border-collapse:collapse;
	border-radius: 10px;
	border-style: hidden; /* hide standard table (collapsed) border */
	box-shadow: 0 0 0 1px #DDDDDD; /* this draws the table border  */ 
}
.line_display_row {
	display: table-row;
}

.line_box {
	display:table-cell; position:relative;
	border: 1px solid #DDDDDD;
	width: 134px;
	height: 100px;
	text-align:center;
	cursor:pointer;
}
.line_box img {
	margin-top:18px;
}
.line_box h4 {
	margin-bottom:0px; 
	position:absolute; text-align:center; left:0; bottom:12px; width:100%;
	font-weight: 700;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: -0.02em;
	color: #333333;
}
.line_box .box_line {
	display:none;
	position:absolute; top:0; left:0; width:100%; height:100%;	
	border: 1px solid #333; 
	box-sizing: content-box;
}
.line_box:hover .box_line, .line_box.active .box_line {
	display:block;
}


#area_box_list{ 
	width:500px;
}
#area_box_list ul {
	margin-top:20px;
}
#area_box_list ul li {
    float:left; width:162px;
}
#area_box_list ul li a {
    display:inline-block;  height:36px; line-height:36px; 
    color:#333; font-size:16px;font-weight: 600;  
}

#area_box_list ul li a.active, #area_box_list ul li:hover a {
    color:#13BD7E; font-weight:500;
}

#map_icon_effect {
	position:relative;
}
.map_icon { display:inline-block; position:absolute; }

#icon_A02 { left:141px; top:66px; }
#icon_A03 { left:163px; top:86px; }
#icon_A04 { left:120px; top:86px; }
#icon_A05 { left:172px; top:140px; }
#icon_A06 { left:203px; top:164px; }
#icon_A07 { left:218px; top:218px; }
#icon_A08 { left:134px; top:207px; }
#icon_A09 { left:234px; top:186px; }
#icon_A18 { left:142px; top:120px; }
#icon_A10 { left:191px; top:45px; }
#icon_A11 { left:192px; top:100px; }
#icon_A12 { left:116px; top:134px; }
#icon_A13 { left:144px; top:168px; }
#icon_A14 { left:114px; top:230px; }
#icon_A15 { left:219px; top:128px; }
#icon_A16 { left:191px; top:210px; }
#icon_A17 { left:122px; top:280px; }




#item_big_box{
	float:left;margin-top: 20px; 
    width:100%; 
}
#item_big_box h3{
    font-size: 16px;color:#13BD7E;text-align: center;line-height: 46px; font-weight: 500; margin:0px; height:46px;background: #f8f8f8; border: 1px solid #ccc;
}
#item_big_box h3 span { font-size:13px; color:#999; font-weight: 400; }

.item_big_box_wrap { border:1px solid #ccc; border-top:0px; height:318px; width:100%; }


#item_big_list{ 
	width:500px;
}
#item_big_list ul {
	margin-top:10px;
}
#item_big_list ul li {
    float:left; width:162px;
}
#item_big_list ul li a {
    display:inline-block;  height:30px; line-height:30px; 
    color:#333; font-size:16px;font-weight: 600;  
}

#item_big_list ul li a.active, #item_big_list ul li:hover a {
    color:#13BD7E; font-weight:500;
}


.input_guide { display:inline-block; color:#999; margin-left:10px; }







#login_box_find{
    display:inline-block; width:373px;margin-top:70px;
}
#login_box_find h3{
    margin-bottom: 0px;
    font-size: 32px;font-weight: 500;
}
#login_box_find p{
    margin-top: 10px; font-size: 15px; color:#555555;font-weight: 700;margin-bottom: 60px;
}
#login_box_find input{
    border:1px solid #eeeeee; height: 60px; color:#888888;
    font-size: 15px; line-height:60px; padding:0px 10px; margin-bottom: 10px; background-color: #eeeeee; font-weight: 500  
}

#login_box_find img{
    margin-top: 12px;margin-bottom: 10px;
}


.btn_large_orange {
	height:45px; line-height:45px; display:inline-block; font-size:20px; font-weight:600; color:#fff; background:#13BD7E; padding:0px 14px;
}
.btn_large_orange:hover { color:#fff; }

.btn_large_blue {
	height:45px; line-height:45px; display:inline-block; font-size:20px; font-weight:600; color:#fff; background:#385b8a; padding:0px 14px;
}
.btn_large_blue:hover { color:#fff; }

.btn_large_orange_m {
	height:38px; line-height:38px; display:inline-block; font-size:15px; font-weight:500; color:#fff; background:#13BD7E; width:100%; text-align:center; border-radius: 6px;
}
.btn_large_orange_m:hover { color:#fff; }

.btn_large_white_m {
	height:38px; line-height:38px; display:inline-block; font-size:15px; font-weight:500; color:#333; background:#fff; width:100%; text-align:center; border:1px solid #9e9e9e;
}
.btn_large_white_m:hover { color:#333; }

.btn_large_blue_m {
	height:38px; line-height:38px; display:inline-block; font-size:15px; font-weight:500; color:#fff; background:#385b8a; width:100%; text-align:center; border-radius: 6px;
}
.btn_large_blue_m:hover, .btn_large_blue_m:focus { color:#fff; }



.ds_agree_title { font-size:15px; display:inline-block; color:#555; width:168px; }

div.ds_agree_box {
    font-size: 13px;
    position: relative;
    clear: both;
    height: 400px;
    overflow-y: scroll;
    overflow-x: hidden; 
    padding: 20px;
    background: rgb(245, 247, 250);
}


table.agree_table {
    position: relative;
    width: 100%;
    border: solid 1px #ccc;
    background: #fff;
}

table.agree_table tr th {
    font-weight: normal;
    border-bottom: solid 1px #ccc;
    padding: 10px 7px;
    background: #ebeef2;
}

table.agree_table tr td {
    padding: 10px 7px;
    text-align: center;
}


#btn_Login { display:inline-block; width:100%; text-align:center; 
	background: #13BD7E;
	border-radius: 8px;
	color:#fff; height:60px; line-height:60px; 
	font-size: 18px;
	letter-spacing: -0.02em;
}
 

#search_bottom li.ds_mnav_right { float:right; }
#search_bottom li.ds_mnav_right a { margin-right:0px; margin-left:60px; }
#search_bottom li.ds_mnav_right a i { margin-right:6px; color:#13BD7E; }

.ds_pc_spec_btn { display:inline-block; text-align:center; border:1px solid #385b8a; color:#385b8a; width:108px; height:36px; line-height:36px; -webkit-border-radius: 18px !important;  border-radius: 18px !important; }
.ds_pc_spec_btn:hover, .ds_pc_spec_btn:focus { color:#385b8a; }

.ds_white_btn { display:inline-block; text-align:center; background:#f8f8f8; color:#555; border:1px solid #ccc; height:29px; line-height:27px; font-size:13px; }
.ds_white_btn_middle { display:inline-block; text-align:center; background:#f8f8f8; color:#555; border:1px solid #ccc; height:39px; line-height:37px; font-size:15px; }





.ds_side_bn_wrap { border:1px solid #ccc; width:138px; margin-bottom:10px; background:#fff; }
.ds_side_bn { text-align:center; border:3px solid #f8f8f8; }
.ds_side_bn h3 { font-size:15px; font-weight:500; margin-bottom:2px; color:#385b8a; }
.ds_side_bn h4 { font-size:12px; font-weight:500; }
.ds_side_bn h4.ds_side_bn_letter { letter-spacing:-0.6px; }

.ds_pc_top_icon { margin-right:5px; color:#13BD7E; }



.ds_ad_box { border:1px solid #ddd; }
.ds_ad_box_img { float:left; width:40%; }
.ds_ad_box_contents { float:left; color:#fff; width:60%; padding:10px; position:relative; overflow:hidden; }
.ds_ad_box_contents h4 { font-size:16px; color:#fff; }
.ds_ad_box_contents h4 span { display:inline-block; height:26px; line-height:26px; background:#fff; color:#222; padding:0px 10px; font-size:14px; margin-right:10px; }
.ds_ad_box_contents h2 { text-align:center; font-size:36px; color:#fff; letter-spacing:-2px; margin-bottom:10px; }
.ds_ad_box_contents p { text-align:center; font-size:13px; }
.ds_ad_box_contents i { position:absolute; top:50%; left:-3px; margin-top:-24px; font-size:48px; }


@media (min-width: 769px) and (max-width: 991px) {
	.ds_ad_box_img { width:30%; }
	.ds_ad_box_contents { width:70%; min-height:256px; }
}

/* mobile */
@media only screen and (max-width: 768px) {

	.ds_ad_box_img {   }
	
	.ds_ad_box_contents h4 { font-size:12px; color:#fff; }
	.ds_ad_box_contents h4 span { display:inline-block; height:20px; line-height:20px; background:#fff; color:#222; padding:0px 10px; font-size:11px; margin-right:10px; }
	.ds_ad_box_contents h2 { text-align:center; font-size:24px; color:#fff; letter-spacing:-1px; margin-bottom:10px; }
	.ds_ad_box_contents p { text-align:center; font-size:11px; }
	.ds_ad_box_contents i { position:absolute; top:50%; left:-3px; margin-top:-24px; font-size:48px; }

	.ds_ad_box_img img { vertical-align:bottom; margin-top:12%; }
}

.bg_ad_1 { background:#7ab80e; }
.bg_ad_2 { background:#d5bb33; }
.bg_ad_3 { background:#7bb1d6; }
.bg_ad_4 { background:#d8b792; }
.bg_ad_5 { background:#eb7099; }



.ds_orange_tel_box { font-size:18px; border:2px solid #13BD7E !important; }

#jump_all { 
	position:absolute; top:0px; right:0px; 
    display: inline-block;
    text-align: center;
    height: 40px; line-height: 40px;
	background: #13BD7E;
	border-radius: 6px;

	font-weight: 500;
	font-size: 13px;
	letter-spacing: -0.02em;
	color: #FFFFFF;
	padding:0px 12px;
}


.ds_btn_md_white {
	width:200px; height:60px; display:inline-block; line-height:58px; text-align:center;
	border:1px solid #333; color:#333; font-size:20px; font-weight:700;
}

.ds_btn_md_blue {
	width:200px; height:60px; display:inline-block; line-height:58px; text-align:center;
	border:1px solid #385b8a; color:#fff; font-size:20px; font-weight:700; background:#385b8a;
}
.ds_btn_md_blue:hover, .ds_btn_md_blue:focus { color:#fff; }


@media only screen and (max-width: 769px) {
	.ds_btn_md_white, .ds_btn_md_blue {
		width:120px; height:40px; line-height:38px; font-size:16px;
	}
}



.corp_title_pc { font-size:18px;  margin-bottom:5px; font-weight:700; }
.corp_title_pc i { margin-right:5px; color:#13BD7E; }


.ds_ad_wrap { 
	border:1px solid #bbb; 
	-webkit-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.05);
    -o-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.05);
}
.ds_ad_box_cap { /*border-right:1px solid #bbb;*/ margin-top:40px; }
.ds_ad_box_cap img { }

.ds_ad_box_contents_new { padding:10px; position:relative; overflow:hidden; height:320px; }
.ds_ad_box_contents_new h4 { font-size:18px; color:#13BD7E; text-align:center; padding-top:0px; margin-bottom:5px; }
.ds_ad_box_contents_new h4 span { color:#222;   margin-right:10px; }
.ds_ad_box_contents_new h3 { font-size:18px; color:#385b8a; text-align:center; margin-bottom:10px; padding-top:15px; }
.ds_ad_box_contents_new h2 { text-align:center; font-size:36px; color:#333; letter-spacing:-2px; line-height:1; padding-top:10px; margin-bottom:10px; }
.ds_ad_box_contents_new p { text-align:center; font-size:13px; margin-bottom:5px; }
.ds_ad_box_contents_new p span { color:#13BD7E; }


@media only screen and (max-width: 768px) {
	/*.ds_ad_wrap { border:1px solid #13BD7E; }*/
	.ds_ad_box_cap { padding-bottom:10px; margin-top:20px; }
	.ds_ad_box_contents_new { height:auto; }
	.ds_ad_box_contents_new h4 { font-size:16px; color:#13BD7E; }
	.ds_ad_box_contents_new h4 span {   font-size:16px; margin-right:4px; }
	.ds_ad_box_contents_new h3 { font-size:15px; }
	.ds_ad_box_contents_new h5 { font-size:14px; }
	.ds_ad_box_contents_new h2 { text-align:center; font-size:22px; color:#333; letter-spacing:-1px; margin-bottom:10px; }
	.ds_ad_box_contents_new p { text-align:center; font-size:12px; }
}








.spec_cate_box_wrap {
	background: #fff;
    border: 1px solid #13BD7E;
	margin-top:10px;
	border-radius: 10px;
	padding:20px 0px;
}

.spec_cate_box {
	padding:0px 25px; border-right:1px solid #ddd;
}

.spec_cate_box.last { border-right:0px; }

.spec_cate_box h3 { font-size:19px; margin-bottom:8px; }
.spec_cate_box h3 span {
	font-weight: 400;
	font-size: 15px;
	letter-spacing: -0.02em;
	color: #13BD7E;
	display:inline-block; margin-left:3px;
}
.spec_cate_box p { font-size: 12px; color: #666; min-height:54px; }
.spec_cate_box_wrap.short .spec_cate_box p { font-size: 12px; color: #666; min-height:24px; }
.spec_cate_box.active a h3, .spec_cate_box.active a p { color:#13BD7E; }



.spec_cate_box_wrap_mobile {
	border: 1px solid #385b8a;
    padding: 10px;
    margin-top: 10px;
}
.spec_cate_box_wrap_mobile ul { }
.spec_cate_box_wrap_mobile ul li { float:left; width:19%; text-align:center; }
.spec_cate_box_wrap_mobile ul li:first-child { width:24%; }
.spec_cate_box_wrap_mobile ul li a { font-size: 14px; font-weight: 700; }
.spec_cate_box_wrap_mobile ul li a.active { color:#13BD7E }

.spec_cate_box_wrap_mobile.top_search_spec {
	border:0px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
    padding: 0px;
    margin-top: 0px;
}

.spec_area_desc { border-top: 1px dotted #ccc; padding-top:6px; margin-top:6px; font-size:12px; color:#777; }
.spec_cnt { font-size:10px; color:#777; display:inline-block; margin-left:3px;  }
.spec_cate_box_wrap_mobile ul li a.active span { color:#13BD7E }






.new_icon_span {
	position: absolute;
    width: 18px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    font-size: 11px;
    color: #fff;
    background: #13BD7E;
    top: 5px; right:0px;
    border-radius: 50%;
	display:inline-block;
}

.new_icon_span_tab {
	position: absolute;
    width: 22px;
    height: 22px;
    line-height: 21px;
    text-align: center;
    font-size: 12px;
    color: #fff;
    background: #13BD7E;
    top: 14px; right:48px;
    border-radius: 50%;
	display:inline-block;
}

.new_icon_span_board {
	width: 18px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    font-size: 11px;
    color: #fff;
    background: #13BD7E; 
    border-radius: 50%;
	display:inline-block;
	margin-left:5px;
}

@media (max-width: 767px){
	
	.new_icon_span_tab {
		top: -8px; right:-2px;

		width: 18px;
		height: 18px;
		line-height: 18px;
		font-size: 11px;
		display:none;
	}

	.new_icon_span_board {
		width: 16px;
		height: 16px;
		line-height: 16px; 
		font-size: 11px;
		color: #fff; 
		margin-left:3px;
	}

	
	/*
	.loan_latest_tb_1 td {
		height:auto; padding:8px 0px; line-height:1.4; font-size:13px;
	}


	.loan_latest_tb_1 td.td_area span {
		font-size: 12px; letter-spacing: -0.02em; height: 20px; line-height:20px; border-radius: 10px; padding:0px 8px;
	}

	.loan_latest_tb_1 td.td_subject img {
		margin-top: 3px;
		margin-left: 6px;
	}
	*/


}








.new_btn_black {
	height: 50px; line-height:50px;
	background: #13BD7E;
	/*box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.15);*/
	border-radius: 6px;

	font-weight: 500;
	font-size: 18px;
	letter-spacing: -0.02em;
	color: #fff;

	text-align:center; display: inline-block;
}

.new_btn_black:hover, .new_btn_black:active, .new_btn_black:focus {
	color: #fff;
}

.new_btn_gray {
	height: 50px; line-height:50px;
	background: #ddd; 
	border-radius: 6px;

	font-weight: 500;
	font-size: 18px;
	letter-spacing: -0.02em;
	color: #999;

	text-align:center; display: inline-block;
}

.new_btn_gray:hover, .new_btn_gray:active, .new_btn_gray:focus {
	color: #999;
}


.new_btn_orange {
	height: 50px; line-height:50px;
	background: #13BD7E;
	box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.15);
	border-radius: 6px;

	font-weight: 500;
	font-size: 18px;
	letter-spacing: -0.02em;
	color: #fff;

	text-align:center; display: inline-block;
	padding: 0px 14px;
	width:150px;
}

.new_btn_orange:hover, .new_btn_orange:active, .new_btn_orange:focus {
	color: #fff;
}

.new_btn_orange_md {
	height: 34px; line-height:34px;
	background: #13BD7E; 
	border-radius: 6px;

	font-weight: 700;
	font-size: 14px;
	letter-spacing: -0.02em;
	color: #fff;

	text-align:center; display: inline-block;
	padding: 0px 20px;
}

.new_btn_orange_md:hover, .new_btn_orange_md:active, .new_btn_orange_md:focus {
	color: #fff;
}

.new_btn_green {
	background: #13BD7E;
	border-radius: 6px;
	height: 54px; line-height:54px; text-align:center; display: inline-block;

	font-weight: 500;
	font-size: 17px;
	letter-spacing: -0.02em;
	color: #FFFFFF;
}

.new_btn_green:hover, .new_btn_green:focus {
	color: #fff;
}

.new_btn_line {
	height: 50px; line-height:46px;
	background: #FFFFFF;
	border: 2px solid #13BD7E;
	border-radius: 6px;

	font-weight: 700;
	font-size: 14px;
	letter-spacing: -0.02em;
	color: #13BD7E;

	text-align:center; display: inline-block;
	padding: 0px 14px;
	width:150px;
}

.new_btn_line:hover, .new_btn_line:active, .new_btn_line:focus {
	color: #13BD7E;
}




.new_btn_h40 {
	height: 40px; line-height:40px; font-size: 16px; font-weight: 500;
}


@media only screen and (max-width: 768px) {

	.new_btn_black, .new_btn_gray, .new_btn_orange, .new_btn_green, .new_btn_line {
		height: 40px; line-height:40px;
		font-weight: 500;
		font-size: 13px;
		padding: 0px 5px;
	}

	.agree_link_view {
		font-size: 12px;
	}
}



.board_area {
	height: 28px;
	background: #13BD7E;
	border-radius: 14px;
	padding:4px 12px;
	
	font-weight: 500;
	font-size: 13px;
	text-align: center;
	letter-spacing: -0.02em;
	color: #FFFFFF;
}


.text-gray {
	color: #999999 !important;
}






.upso_info_wrap {
	position:relative;
}

.upso_info_table {
	width:100%; width:100%;border-collapse:collapse;
}

.upso_info_table th, .upso_info_table td {
	padding:6px 0px;
}
.upso_info_table th {
	font-weight: 500; font-size: 14px; letter-spacing: -0.02em; color: #999999;
	width:114px;
}
.upso_info_table td {
	font-weight: 400; font-size: 14px; letter-spacing: -0.02em; color: #333333;
}

.upso_info_table td img {
	vertical-align:middle; margin-top:-3px; 
}

.upso_info_pop_btn_wrap {
	display:inline-block;
	position: absolute;
	right: 0px; top: 50%; 
	transform: translate(0,-50%)
}

.upso_key_info {
	border-top:1px solid #ddd; padding-top:20px; margin-top:20px;
}
.upso_key_info .upso_info_table th {
	width:95px;
}


.upso_view_caution {
	border-top: 2px solid #333333; padding:12px 0px; border-bottom:1px solid #ddd;
}

.upso_view_caution h4 {
	font-weight: 700;
	font-size: 16px;
	line-height: 22px;
	letter-spacing: -0.02em;
	color: #333333;
}


.upso_view_caution table {
	width:100%; width:100%;border-collapse:collapse;
}
.upso_view_caution table td {
	padding:6px 0px;
	vertical-align:middle;

	font-weight: 400;
	font-size: 14px;
	letter-spacing: -0.02em;
	color: #333333;
}
.upso_view_caution table td img {
	margin-right:5px;
}



.box-icon-title i {
	position:relative; text-align:center;
}

.box-icon-title img {
	display:inline-block;
	position: absolute;
	left: 50%; top: 50%; 
	transform: translate(-50%,-50%);
}



@media (min-width: 768px){
	.pop_hp_modal {
		width: 500px;
	}

	.ds_modal_caution {
		width: 700px;
	}
}

.pop_hp_input {
	background: #EEEEEE; border-radius: 10px; border:0px; height: 50px; line-height:50px;
	padding:0px 20px;
	font-size: 14px;
	width:100%; 
}

.pop_hp_input::placeholder {
	font-size: 14px;
	letter-spacing: -0.02em;
	color: #999999;
}


.join_guide_box {
	text-align:center; border-top:1px solid #ccc; padding:17px 0px; line-height:43px;
	font-weight: 500;
	font-size: 16px;
	letter-spacing: -0.02em;
	color: #333333;
}
.join_guide_box a {
	margin-left:20px;
}

.join_all_check_box {
	background: #F9F9F9;
	border: 1px solid #CCCCCC;
	border-radius: 10px;

	text-align:center; padding:15px 0px; margin:50px 0px;
}
.join_all_check_box label {
	font-weight: 400;
	font-size: 18px;
	letter-spacing: -0.02em;
	color: #333333;
}






.new_ad_box {
	background: #FFFFFF;
	border: 1px solid #CCCCCC;
	border-radius: 10px;
	height: 360px;
	position:relative;
	margin-bottom:20px;
}
.new_ad_box .ad_img {
	position:absolute;
	left: 28px; top: 50%; 
	transform: translate(0,-50%);
}

.new_ad_box .ad_img.border {
		border:1px solid #ccc;
	}

.new_ad_box .cont {
	padding-left:256px; padding-right:24px;
}
.new_ad_box .cont h2 {
	margin-top:26px; margin-bottom:6px;
	font-weight: 700;
	font-size: 30px;
	letter-spacing: -0.02em;
	color: #333333;
}

.new_ad_box .cont ul {
	border-bottom:1px solid #ddd; padding-bottom:15px; margin-bottom:15px;
}
.new_ad_box .cont ul li {
	font-weight: 700;
	font-size: 17px;
	line-height: 25px;
	letter-spacing: -0.02em;
	color: #13BD7E;
}
.new_ad_box .cont ul li span {
	font-weight: 500; color: #333333; padding-right:26px; margin-right:8px; position:relative; display:inline-block;
}
.new_ad_box .cont ul li span:after {
	position: absolute; top:12px; right:0px;
    content: '';
	width: 15px;
	height: 0px;
	border: 1px dashed #BBBBBB;
}

.new_ad_box .cont ul li span.pchidden {
		padding-right:0px; margin-right:3px;
	}

	.new_ad_box .cont ul li span.pchidden:after {
		position: absolute; top:12px; right:0px;
		content: '';
		width: 0px;
		height: 0px;
		border: 0px;
	}

.new_ad_box .cont h3 {
	font-weight: 500;
	font-size: 18px;
	line-height: 28px;
	letter-spacing: -0.02em;
	color: #333333;
	margin-bottom:8px;
}
.new_ad_box .cont h3 img {
	vertical-align:middle; margin-top:-3px; margin-right:6px;
}

.new_ad_box .cont p {
	font-weight: 500;
	font-size: 15px;
	line-height: 24px;
	letter-spacing: -0.02em;
	color: #666666;
	word-break: keep-all;
}
.new_ad_box .cont p span {
	display:block; margin-top:5px;
	color: #7BAC52;
}




#company_intro .sm_tit {
	font-weight: 500;
	font-size: 16px;
	line-height: 23px;
	letter-spacing: -0.02em;
	color: #666666;
	text-align:center;
}

#company_intro .lg_tit {
	font-weight: 700;
	font-size: 40px;
	line-height: 55px;
	letter-spacing: -0.02em;
	color: #222222;
	text-align:center;
	position:relative;
}

#company_intro .lg_tit:after {
	position: absolute;
	bottom:-25px; left:50%; margin-left:-25px;
    content: '';
	width: 50px;
	height: 0px;
	border-top: 1px solid #BBBBBB;
}


.company_img_1 {
	background: url("/images_2023/img_company_1.png") no-repeat; 
    background-position: center center;
	height:395px;
}

.company_img_2 {
	padding:100px 0px; text-align:center; position:relative;
	background: #FAFAFA url("/images_2023/bg_line_right.png") no-repeat; 
    background-position: right top;
}
.company_img_2 .bg_right {
	position: absolute; right:0px; top:0px;
}
.company_img_2 .bg_left {
	position: absolute; left:0px; bottom:140px;
}


.guide_tit {
	font-weight: 700;
	font-size: 22px;
	line-height: 32px;
	letter-spacing: -0.02em;
	color: #333333;
	margin-bottom:15px;
}

.guide_img_box {
	background: #FFFFFF;
	border: 1px solid #CCCCCC;
	border-radius: 10px;

	padding:30px 0px 30px 72px;
	font-weight: 500;
	font-size: 18px;
	line-height: 24px;
	letter-spacing: -0.02em;
	color: #333333;

	position:relative;
}

.guide_img_box span {
	position:absolute;
	left: 29px; top: 50%; 
	transform: translate(0,-50%);

	width: 33px;
	height: 33px; line-height: 31px; text-align:center; display:inline-block;
	background: #333333;
	border-radius: 500px;

	font-weight: 700;
	font-size: 18px;
	letter-spacing: -0.02em;
	color: #FFFFFF;
}

.guide_img_box img {
	position:absolute;
	right: 29px; top: 50%; 
	transform: translate(0,-50%);
}

.guide_banner_box_line {
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: -0.02em;
	color: #666666;

	background: #FFFFFF;
	border: 1px solid #CCCCCC;
	border-radius: 10px;

	padding:30px;
}
.guide_banner_box_line.box_gray {
	background: #F5F5F5; border: 1px solid #F5F5F5;
}


.ds_sm_tab {
	margin-bottom:12px;
}
.ds_sm_tab li {
	float:left;
}
.ds_sm_tab li a {
	display:inline-block;
	height:40px; line-height:40px;
	padding:0px 24px;
	font-weight: 500;
	font-size: 16px;
	letter-spacing: -0.02em;
	margin-right:10px;
	border-radius: 6px;
}

.title_tab {
	border-top: 2px solid #333333;
	border-bottom: 1px solid #DDDDDD;
	font-weight: 500;
	font-size: 16px;
	line-height: 33px;
	text-align: center;
	letter-spacing: -0.02em;
	color: #333333;
	padding:11px 0px;
}


.new_icon_my img {
	vertical-align:middle; margin-top:-3px; margin-left:3px;
}

.my_info_banner {
	background: rgba(255, 102, 0, 0.08);
	border-radius: 10px;
	font-weight: 500;
	font-size: 15px;
	line-height: 33px;
	letter-spacing: -0.02em;
	color: #333333;
	padding:11px 20px;
}
.my_info_banner i, .my_info_banner strong {
	color:#13BD7E;
}




.box_pre_radio {
	margin-right:0px; margin-top:8px;
}

.box_last_radio {
	margin-left:25px !important;
}



.row.mini_row {
    margin-right: -2px;
    margin-left: -2px;
}

.row.mini_row .small_col {
    padding-right: 2px !important;
    padding-left: 2px !important;
}

@media only screen and (max-width: 768px) {
	

	.upso_view_caution table td { 
		vertical-align:top;
	}

	.upso_view_caution table td img {
		margin-top:0px;
	}



	.box_pre_radio {
		margin-right:0px !important; margin-top:4px !important;
	}

	.box_last_radio {
		margin-top:3px !important; margin-left:15px !important;
	}

	.mt-60 {
		margin-top: 40px !important;
	}

	.mt-50 {
		margin-top: 35px !important;
	}

	.new_icon_my {
		display:none;
	}

	#jump_all {
		height: 29px; line-height: 29px; font-size: 13px;
	}


	.ds_modal_wrap {
		padding:15px;
	}


	.ds_modal_guide { 
		font-size: 12px;
		line-height: 22px; 
	}

	.join_guide_box {
		text-align:center; border:1px solid #ccc; padding:10px 0px; line-height:35px;
		font-weight: 500;
		font-size: 12px; 
		margin-top:30px;
	}
	.join_guide_box a {
		margin-left:10px;
	}
	.join_guide_box a img {
		height:35px;
	}

	.join_all_check_box {
		padding:10px 0px; margin:30px 0px;
	}
	.join_all_check_box label {
		font-size: 15px;
	}




	.loan_table_form.th-18 th {
		font-size: 13px;
		word-break: keep-all;
	}


	.loan_table_form input::placeholder {		
		font-size: 12px;
	}





	.new_ad_box { 
		height: auto;
		position:relative;
		margin-bottom:20px;
	}
	.new_ad_box .ad_img {
		position:absolute;
		left: 14px; top: 50%; 
		transform: translate(0,-50%);
		width:110px;
	}

	.new_ad_box .ad_img.border {
		border:1px solid #ccc;
	}

	.new_ad_box .cont {
		padding-left:140px; padding-right:14px;
	}
	.new_ad_box .cont h2 {
		margin-top:18px; margin-bottom:6px;
		font-weight: 700;
		font-size: 18px;
		line-height: 28px;
	}

	.new_ad_box .cont ul {
		border-bottom:1px solid #ddd; padding-bottom:8px; margin-bottom:8px;
	}
	.new_ad_box .cont ul li {
		font-weight: 700;
		font-size: 13px;
		line-height: 25px;
		letter-spacing: -0.02em;
		color: #13BD7E;
	}
	.new_ad_box .cont ul li span {
		font-weight: 500; color: #333333; padding-right:22px; margin-right:6px; position:relative; display:inline-block;
	}
	.new_ad_box .cont ul li span:after {
		position: absolute; top:12px; right:0px;
		content: '';
		width: 15px;
		height: 0px;
		border: 1px dashed #BBBBBB;
	}

	.new_ad_box .cont h3 {
		font-weight: 500;
		font-size: 13px;
		margin-bottom:8px;
	}
	.new_ad_box .cont h3 img {
		width:15px; margin-top:-3px; margin-right:6px;
	}

	.new_ad_box .cont p {
		font-weight: 500;
		font-size: 13px;
		line-height: 18px;
		margin-bottom:15px;
	}
	.new_ad_box .cont p span {
		display:block; margin-top:5px;
		color: #7BAC52;
	}

	.new_ad_box .cont ul li span.mhidden {
		padding-right:0px; margin-right:3px;
	}

	.new_ad_box .cont ul li span.mhidden:after {
		position: absolute; top:12px; right:0px;
		content: '';
		width: 0px;
		height: 0px;
		border: 0px;
	}



	#company {
		margin-top: 30px;
		margin-bottom: 30px;
	}

	#company_intro .sm_tit {
		font-size: 13px;
		line-height: 19px;
	}

	#company_intro .lg_tit {
		font-size: 30px;
		line-height: 40px;
	} 

	#introduction_text{
		margin-top: 50px; 
	}

	#introduction_text p{
		font-size: 13px;
		line-height: 20px;
	}


	.guide_tit { 
		font-size: 18px;
		line-height: 32px; 
		margin-bottom: 8px;
	}

	.guide_banner_box .pull-left {
		float:none !important; 
	}
	.guide_banner_box .pull-right {
		float:none !important; margin-top:10px; text-align:center;
	}

	.guide_banner_box .loan_big_button2 {
		line-height: 40px;
		height: 40px;
		font-size: 14px; width: 160px;
	}

	.guide_img_box { 
		padding: 20px 0px 20px 50px;
		font-weight: 500;
		font-size: 14px; 
		margin-bottom:10px;
	}

	.guide_img_box span { 
		left: 12px; 
		width: 28px;
		height: 28px;
		line-height: 26px; 
	}
	.guide_img_box img { 
		height:36px;
		right: 12px;
		top: 50%;
		transform: translate(0,-50%);
	}

	.guide_banner_box_line {
		font-size: 14px;
		line-height: 20px;
		letter-spacing: -0.02em;
		padding: 15px;
		word-break: keep-all;
	}


	.cm1_tabSub ul {
		padding: 0px 0px; margin-bottom:50px;
	}
	li.cm1_answer {
		padding: 20px 20px;
	}

	.title_tab {  
		font-size: 15px;
		line-height: 20px; 
		padding: 11px 0px;
	}



	.board_area {
		height: 26px;
		background: #13BD7E;
		border-radius: 13px;
		padding:4px 6px;
		
		font-weight: 500;
		font-size: 12px;
		text-align: center;
		letter-spacing: -0.02em;
		color: #FFFFFF;
	}

	.pop_hp_modal {	
		width:100%;
	}
}




.main_tip_area_pc {
	padding:11px 0px;
	text-align:center;

	font-style: normal;
	font-weight: 400;
	font-size: 15px;
	line-height: 28px;
	letter-spacing: -0.05em;
	color: #333333;

	border: 1px solid #DDDDDD;
	border-radius: 500px;
}
.main_tip_area_pc span {
	font-weight: 700; color: #13BD7E;
}



.main_tip_area_mobile {
	padding:15px 0px;
	text-align:center;

	background: #FFFFFF;
	border: 1px solid #DDDDDD;
	border-radius: 4px;

	font-weight: 400;
	font-size: 12px;
	line-height: 100%;
	letter-spacing: -0.05em;
	color: #333333;
}
.main_tip_area_mobile span {
	font-weight: 700; color: #13BD7E;
}

.main_tip_area_mobile img {
	display:inline-bock; margin-top:-5px; margin-right:3px;
}


			.rq_write_noti {
				margin-top:30px; padding-top:15px; border-top:2px solid #333;
				margin-bottom:10px; padding-bottom:15px; border-bottom:1px solid #ddd;
			}
			.rq_write_noti h4 { 
				font-size: 15px;
				color: #555; font-weight:500;

				margin-bottom:10px;
			}

			.rq_write_noti_cont {
				font-size:13px;
				line-height:24px;
			}

			.rq_write_noti_cont span {
				display:none !important;
			}

			@media (max-width: 767px){
				.rq_write_noti h4 { 
					margin-bottom:10px;
					padding-left:10px;
				}

				.rq_write_noti_cont {
					font-size:12px;
					line-height:24px;
				}

				.rq_write_noti_cont span {
					display:inline-block !important;
				}
			}