/*!
 * Start Bootstrap - Modern Business (https://startbootstrap.com/template-overviews/modern-business)
 * Copyright 2013-2019 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-logomodern-business-nav/blob/master/LICENSE)
 */ 

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothiccoding.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumbrushscript.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumpenscript.css);
@import url(http://cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/nanumbarungothic.css);

*{ margin:0; padding:0; }
 html {
	height:100%;	
 }
 body {
	font-family: 'Nanum Barun Gothic';
	height:100%;
 }

.e-m-0{
	margin: 0 !important;
}
.e-m-auto{
	margin: auto !important;
}
.e-p-0{
	padding: 0 !important;
}

.e-p-1{
	padding-right:0 !important;
}

.e-p-2{
	padding: 0px 27px !important;
}

.e-p-3{
	padding: 3px 1px !important;
}

.e-p-4{
	padding-right:9px !important;
	padding-left:9px !important;
}
.pt-6 {
	padding-top:15%;
}
ul {  }
li { list-style: none; }
img { border:0; }
a { color:#777; text-decoration:none; }
.cursor-style-pointer{
	cursor:pointer;
}

/* ------------------- 글자색 ------------------- */
.font-color-white {
	color:#fff !important;
}
.font-color-orange {
	color:#fd4b00 !important;
}
.opercity-0-5 {
	opacity:0.5;
}
.font-color-2e2e2e {
	color:#2e2e2e;
}
.font-color-979797 {
	color:#6d6d6d;
}
.font-color-343a40 {
	color:#343a40;
}

/* ------------------- 글자크기 ------------------- */
.font-size-12 {
	font-size:12px;
}
.font-size-14 {
	font-size:14px;
}
.font-size-1-2 {
	font-size:1.2rem;
}
.font-size-21 {
	font-size:1.4rem;
}
.font-size-83 {
	font-size:5rem;
}
.font-size-rem1 {
	font-size:1rem;
}
/* ------------------- 글자굵기 ------------------- */
.font-weight-700 {
	font-weight:700;
}
.font-weight-600 {
	font-weight:600;
}
.font-weight-500 {
	font-weight:500;
}
.font-weight-400 {
	font-weight:400;
}
.font-weight-300 {
	font-weight:300;
}

/* ------------------- 배경색 & 테두리 ------------------- */
.bg-color-orange {
	background-color:#fd4b00;
}

.border-white {
	border:2px solid #fff;
}



/* ------------------- 슬라이드 & 글씨 ------------------- */
.carousel-fullscreen .carousel-inner .carousel-item {
    height:100vh;
    min-height: 300px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.1;
    transition: all 0.5s ease-out;
}
.index-text-wrap {
	position:relative;
	top:32%;
}
.index-text-wrap2 {
	position:relative;
	top:20%;
}

.fixed-top {
	position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
}
.fixe-bottom {
	position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 1030;
}
/* ------------------- 버튼 ------------------- */


.more-btn button{
  background:#fd4b00;
  color:#fff;
  border:none;
  position:relative;
  height:35px;
  font-size:0.7em;
 
  cursor:pointer;
  transition:800ms ease all;
  outline:none;
}
.more-btn button:hover{
  background:#fff;
  color:#fd4b00;
}
.more-btn button:before,.more-btn button:after{
  content:'';
  position:absolute;
  top:0;
  right:0;
  height:2px;
  width:0;
  background: #fd4b00;
  transition:400ms ease all;
}
.more-btn button:after{
  right:inherit;
  top:inherit;
  left:0;
  bottom:0;
}
.more-btn button:hover:before,.more-btn button:hover:after{
  width:100%;
  transition:800ms ease all;
}

/* ------------------- 메뉴 8개 ------------------- */
@import url(https://fonts.googleapis.com/css?family=Raleway:400,500,800);
figure.snip1200 {
  font-family: 'Raleway', Arial, sans-serif;
  position: relative;
  overflow: hidden;  
 /*  min-width: 220px; */
  max-width: 310px;
  max-height: 310px;
  width: 100%;
  background-color:#000;
  color: #ffffff;
  text-align: center;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  font-size: 14px;
}
figure.snip1200 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.45s ease-in-out;
  transition: all 0.45s ease-in-out;
}
figure.snip1200 img {
  max-width: 100%;
  position: relative;
  opacity: 0.9;
}
figure.snip1200 figcaption {
  position: absolute;
  top: 45%;
  left: 7%;
  right: 7%;
  bottom: 45%;
  border: 1px solid white;
  border-width: 1px 1px 0;
}
figure.snip1200 .heading {
  overflow: hidden;
  -webkit-transform: translateY(45%);
  transform: translateY(45%);
  position: absolute;
  bottom: 0;
  width: 100%;
}
figure.snip1200 h5 {
  display: table;
  margin: 0 auto;
  padding: 0 10px;
  position: relative;
  text-align: center;
  width: auto;
  text-transform: uppercase;
  font-weight: 400;
}

figure.snip1200 h5:before,
figure.snip1200 h5:after {
  position: absolute;
  display: block;
  width: 1000%;
  height: 1px;
  content: '';
  background: white;
  top: 50%;
}
figure.snip1200 h5:before {
  left: -1000%;
}
figure.snip1200 h5:after {
  right: -1000%;
}
figure.snip1200 p {
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  width: 100%;
  padding: 0 20px;
  margin: 0;
  opacity: 0;
  line-height: 1.6em;
  font-size: 0.9em;
}
figure.snip1200 a {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  z-index: 1;
}
figure.snip1200:hover img,
figure.snip1200.hover img {
  opacity: 0.25;
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
figure.snip1200:hover figcaption,
figure.snip1200.hover figcaption {
  top: 7%;
  bottom: 7%;
}
figure.snip1200:hover p,
figure.snip1200.hover p {
  opacity: 1;
  -webkit-transition-delay: 0.35s;
  transition-delay: 0.35s;
}

.munu-wrap-bg {
	background-image:url("/img/main-slide4.png");
	width:100%;
	height:100%;
	min-height:900px;
	background-position: center;
	background-repeat: no-repeat;
}

/* ------------------- 회사소개 모달 ------------------- */
.modal-lg {
	max-width:1125px;
}
iframe {
	width:100%;
	height:300px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.8);
}
.modal-info-bg {
	background-image:url("/img/modal-bg1.png");
	width:100%;
	height:auto;

	background-position: center;
	background-repeat: no-repeat;
}
.modal-info-td1 {
	width:100px;
	color:#343a40;
}
/* ------------------- 슬라이드 페이드인 ------------------- */
.test1 {
    animation: fadein 2s;
    -moz-animation: fadein 2s; /* Firefox */
    -webkit-animation: fadein 2s; /* Safari and Chrome */
    -o-animation: fadein 2s; /* Opera */
}
@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}




/* ------------------- 미디어쿼리 ------------------- */
@media all and  (max-width:800px){
	.index-text-wrap {
	position:relative;
	top:20%;
	}

	.mobile-none {
		display:none;
	}
	
	.index-text-wrap2 {
	position:relative;
	top:5%;
	}
	.font-size-rem1 {
		font-size:0.6rem;
	}
	.font-size-83 {
		font-size:2.7rem;
	}
	.font-size-21 {
		font-size:0.7rem;
	}
	.index-text-wrap {
		position:relative;
		top:25%;
	}
	.font-weight-600 {
		font-weight:400;
	}
	.font-size-14 {
		font-size:11px;
	}
	.pt-6{
		padding-top:30px;
	}
	.font-size-1-2 {
	font-size:0.8rem;
	}
	.font-size-0-9 {
	font-size:0.7rem;
	}
}