/*carousel*/
html {
    position: relative;
    min-height: 100%;
}
.main-content {
  min-height: 1000px;
}
.body-head {
  line-height: 200%;
  color: white;
  margin-right: 10%;
  padding-top: 55%;
  padding-left: 5%;
  display: inline-block;
  text-align: left;
  text-shadow: 1px 1px #000;
  height: 100%;
  vertical-align: middle;
}
.body-head>h2 {
  font-size: 31px;
  font-weight: bold;
  text-shadow: 1px 1px 8px #000;
  line-height: 1.4;
  word-spacing: -1px;  
}
.body-head>h4 { 
  font-size: 19px;
  font-weight: 400;
  margin-bottom: 16px;
  line-height: 1.3;
  letter-spacing: 6px;
  /*safari에서 hexa #fff6 안 먹혀 rgba로 변경함*/
  border-left: 6px solid rgba(255,255,255,0.4); 
  padding-left: 1.2em;
  margin-left: 4px;
}
.body-head>p {
  font-size: 14px;
  color: #f0f6f9;
  text-align: justify;
  word-break: keep-all;
}
.carousel-fade .carousel-inner .item {
    opacity: 0;
    transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
    opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    opacity: 0;
    z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}
.carousel-fade .carousel-control {
    z-index: 2;
}
@media all and (transform-3d),
(-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
.item:nth-child(1) {
    background: url(img/img_1.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.item:nth-child(2) {
    background: url(img/img_2.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.item:nth-child(3) {
    background: url(img/img_3.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.item:nth-child(4) {
    background: url(img/img_4.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.carousel {
    z-index: -99;
}
.carousel .item {
    position: fixed;
    width: 100%;
    height: 100%;
}
.title {
  text-align: center;
  margin-top: 20px;
  padding: 10px;
  text-shadow: 2px 2px #000;
  color: #FFF;
}
/*carousel-end*/

/*login*/



/*.top-content .text {
	color: #fff;
}

.top-content .text h1 { color: #fff; }

.top-content .description {
	margin: 20px 0 10px 0;
}

.top-content .description p { opacity: 0.8; }

.top-content .description a {
	color: #fff;
}
.top-content .description a:hover,
.top-content .description a:focus { border-bottom: 1px dotted #fff; }*/

/*.inner-bg {
    padding: 0;
    position: relative;
    bottom: 0;
    margin-top: 0;
    margin-bottom: 0;
}*/
.form-box {
/*	margin-top: 2%;*/
  margin-top:auto;
}

.form-top {
	overflow: auto;
	padding: 120px 0px 15px 0px;
	background: #444;
	background: rgba(0, 0, 0, 0.35);
	text-align: center;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.form-box img {
	margin-left: auto;
	margin-right: auto;
}

.form-bottom {
	/*padding: 48px 48px 280px 48px;*/
	padding: 39px 9% 150% 9%;
	max-width: 100%;
	height: auto;
	background: #444;
	background: rgba(0, 0, 0, 0.35);
	text-align: left;

}
.form-bottom form textarea {
	height: 100px;
}
.form-bottom form button.btn {
	width: 100%;
}
.form-bottom form .input-error {
	border-color: #de615e;
}
.btn {
	font-size: 16px;
	background-color: #0d47a1;
	border-color: none;
	color: white;
	padding: 5px 12px;
	line-height: 1.789;
}
.form-control {
  display: block;
  width: 100%;
  height: 36px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.789;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.checkbox {
	color: white;
}
/*login-end*/

/*footer*/
.m-footer {
	background-color: #0D47A1;
/*  min-height: 170px;*/
	padding: 70px 0px 70px 0px;
	color: white;
}
footer img {
	vertical-align: middle;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	padding-left: 5%;
	padding-right: 5%;
}
.footer {
	width: 100%;
    position:absolute;
    bottom:0;
}