/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
body {
  background: #fff;
  color: #666666;
  font-family: 'Nanum Gothic', sans-serif!important;
}
img { -ms-interpolation-mode:bicubic!important; }
a {
  color: #111;
  transition: 0.5s;
}

a:hover, a:active, a:focus {
  color: #194179;
  outline: none;
  text-decoration: none;
}

p {
  padding: 0;
  margin: 0 0 30px 0;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Nanum Gothic', sans-serif!important;
  font-weight: 400;
  margin: 0 0 20px 0;
  padding: 0;
}

.alert_cont { color: red; }

.timeline-content h5 { margin: 0 0 8px 0!important; }
.timeline-content p { margin: 0 0 8px 0!important; }
.main-timeline7 .timeline-icon1 { top: 50px!important; }
.main-timeline7 .timeline-icon0::before,
.main-timeline7 .timeline-icon1::before { height: 120%!important; }
.main-timeline7 .timeline-icon2 { top: 150px!important; }
.main-timeline7 .timeline-icon3 { top: 200px!important; margin-bottom: 200px!important; }
.main-timeline7 .timeline-content { padding: 10px 60px 18px 40px!important; }
.main-timeline7 .timeline:nth-child(2n) .timeline-content { padding: 10px 40px 18px 60px!important; }
#gallery .slick-dots li button::before { font-size: 20px; }

.ceo_background { position: relative; }
.ceo_background_inner { position: absolute; left: 0; top: 50%; width: 90%; transform: translateY(-50%); max-width:350px;}
.ceo-text i{color: #fff; font-style: normal; display: inline-block; width: 54%; font-size: 18px;}
.ceo-text2 strong { color: #fff; font-size: 26px; }
.down_pdf { display: block; color: #fff; background-color: #0b165c; font-size: 24px; line-height: 60px; height: 60px; }

@media (max-width: 1000px) {
	.ceo_background_inner {position:relative; top:auto; left:50%; transform: translateX(-50%) translateY(0); margin-bottom:60px; }
	.ceo-text i{width:90%; text-align: center;}
}
@media (max-width: 768px) {
	.ceo_background_inner{max-width:250px; margin-bottom:20px;}
	.ceo-text i{font-size:16px; line-height:26px; }
}
@media (max-width: 450px) {
	.ceo-text i{font-size:14px; line-height:24px; }
}

/* Back to top button */
.back-to-top {
  position: fixed;
  display: none;
  background: #194179;
  color: #fff;
  width: 44px;
  height: 44px;
  text-align: center;
  line-height: 1;
  font-size: 16px;
  border-radius: 50%;
  right: 15px;
  bottom: 15px;
  transition: background 0.5s;
  z-index: 11;
}

.back-to-top i {
  padding-top: 12px;
  color: #fff;
}

@media (max-width: 768px) {
  .back-to-top {
    bottom: 15px;
  }
}

@-webkit-keyframes animate-preloader {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes animate-preloader {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#header {
  transition: all 0.5s;
  z-index: 997;
  padding: 26px 0;
  background: rgba(0, 0, 0, 0.9);
}

#header.header-transparent {
  background: transparent;
}

#header.header-scrolled {
  background: rgba(0, 0, 0, 0.9);
  padding: 18px 0;
}

#header .logo {
  font-size: 34px;
  margin: 0;
  padding: 0;
  line-height: 1;
  font-family: 'Nanum Gothic', sans-serif!important;
  font-weight: 700;
  letter-spacing: 3px;
  padding-left: 10px;
  border-left: 4px solid #18d26e;
}

#header .logo a {
  color: #fff;
}

#header .logo img {
  max-height: 40px;
}

@media (max-width: 992px) {
  #header .logo {
    font-size: 28px;
  }
}

/*--------------------------------------------------------------
# Sections
--------------------------------------------------------------*/
section {
  overflow: hidden;
}

/* Sections Header
--------------------------------*/
.section-header{
	/*padding-bottom: 50px;*/
}
.section-header h3 {
  font-size: 32px;
  color: #111;
  text-transform: uppercase;
  text-align: center;
  font-weight: 700;
  position: relative;
  padding-bottom: 15px;
}

.section-header h3::before {
  content: '';
  position: absolute;
  display: block;
  width: 120px;
  height: 1px;
  background: #ddd;
  bottom: 1px;
  left: calc(50% - 60px);
}

.section-header h3::after {
  content: '';
  position: absolute;
  display: block;
  width: 40px;
  height: 3px;
  background: #194179;
  bottom: 0;
  left: calc(50% - 20px);
}

.section-header p {
  text-align: center;
  padding-bottom: 30px;
  color: #333;
}

/* Section with background
--------------------------------*/
.section-bg {
  background: #f7f7f7;
}



/*--------------------------------------------------------------# 회사소개 CSS--------------------------------------------------------------*/
#hero {
	width: 100%;
	height: 380px;
	background: url("../img/SE_sub-visual.jpg") bottom center;
	background-size: cover;
	position: relative;
	padding: 0;
}

#hero:before {
  content: "";
  /*background: rgba(13, 20, 26, 0.7);*/
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
}

#hero .hero-container {
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
}

#hero h1 {
  position: absolute;
  left: 50%; top: 60%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%);
	margin: 0 0 10px 0;
	font-size: 3rem;
	font-weight: 700;
	line-height: 56px;
	text-transform: uppercase;
	color: #fff;
	text-shadow: #111 1px 0 10px;
}

@media (min-width: 1024px) {
  #hero {
    background-attachment: fixed;
  }
}

@media (max-width: 768px) {
  #hero {
    height: 280px;
  }
  #hero h1 {
    line-height: 36px;
  }
}

#about {
  background: url("../img/about-bg.jpg") center top no-repeat fixed;
  background-size: cover;
  padding: 100px 0;
  position: relative;
}
#email_uns {
  padding: 100px 0;
  position: relative;
}

#about::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.92);
  z-index: 9;
}

#about .container {
  position: relative;
  z-index: 10;
}

#about .about-col {
  background: #fff;
  border-radius: 0 0 4px 4px;
  box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.3);
  margin-bottom: 20px;
}

#about .about-col .img {
  position: relative;
}

#about .about-col .img img {
  border-radius: 4px 4px 0 0;
}

#about .about-col .icon {
  width: 64px;
  height: 64px;
  padding-top: 8px;
  text-align: center;
  position: absolute;
  background-color: #194179;
  border-radius: 50%;
  text-align: center;
  border: 4px solid #fff;
  left: calc( 50% - 32px);
  bottom: -30px;
  transition: 0.3s;
}

#about .about-col i {
  font-size: 36px;
  line-height: 1;
  color: #fff;
  transition: 0.3s;
}

#about .about-col:hover .icon {
  background-color: #fff;
}

#about .about-col:hover i {
  color: #194179;
}

#about .about-col h2 {
  color: #000;
  text-align: center;
  font-weight: 700;
  font-size: 20px;
  padding: 0;
  margin: 40px 0 12px 0;
}

#about .about-col h2 a {
  color: #000;
}

#about .about-col h2 a:hover {
  color: #194179;
}

#about .about-col p {
	font-size: 1rem;
	line-height: 24px;
	color: #333;
	margin-bottom: 0;
	text-align: center;
	padding: 0 20px 20px 20px;
}

/*--------------------------------------------------------------# CEO 인사말 CSS--------------------------------------------------------------*/
#ceo {
  background: url("../img/ceo-bg.jpg") center top no-repeat fixed;
  background-size: cover;
  padding: 100px 0;
  position: relative;
  min-height: 600px;
}

#ceo::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 9;
}

#ceo .container {
  position: relative;
  z-index: 10;
}
#ceo .section-header h3{
    color: #fff;
	text-shadow: #111 1px 0 10px;
}
#ceo p{
	color: #fff;
    font-size: 1rem;
	text-shadow: #111 1px 0 10px;
  line-height: 35px;
}
#ceo .ceo-text{
	font-size: 1.2rem;
  margin: 0;
}
@media only screen and (max-width: 768px){
	#ceo .ceo-img{
		text-align: center;
	}
	#ceo .ceo-text{
		margin-top: 40px;
	}
  #hero h1 {
    font-size: 30px;
  }
}

/*--------------------------------------------------------------# 연혁 CSS--------------------------------------------------------------*/
#history {
  background: url("../img/history-bg.jpg") center top no-repeat fixed;
  background-size: cover;
  padding: 100px 0;
  position: relative;
}

#history::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.9);
  z-index: 9;
}

#history .container {
  position: relative;
  z-index: 10;
}
.main-timeline7{
	overflow:hidden;
	position:relative}
.main-timeline7 .timeline{
	width:50%;
	float:left;
	z-index:1;
	position:relative;
}
.main-timeline7 .timeline:after,.main-timeline7 .timeline:before{
	content:"";
	display:block;
	clear:both;
}
.main-timeline7 .timeline:before{
	content:"";
	width:40px;
	height:90%;
	background:#194179;
	position:absolute;
	top:10%;
	right:-20px;
}
.main-timeline7 .timeline:last-child:before{height:0}
.main-timeline7 .timeline-icon{
	width:80px;
	height:80px;
	border-radius:50%;
	background:#194179;
	overflow:hidden;
	text-align:center;
	position:absolute;
	top:0;right:-40px;
	z-index:3;
}
.main-timeline7 .timeline-icon:before{
	content:"";
	width:60px;
	height:60px;
	border-radius:50%;
	background:#fff;
	border:2px solid #194179;
	box-shadow:0 0 0 4px #194179;
	margin:auto;
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
}
.main-timeline7 .timeline-icon i{
	font-size:35px;
	color:#303a3b;
	line-height:80px;
	z-index:1;
	position:relative;
}
.main-timeline7 .year{
	display:block;
	padding:0 60px 0 30px;
	font-size:30px;
	font-weight: bold;
	color:#303a3b;
	text-align:right;
	border-bottom:2px solid #303a3b;
	z-index:2;
	position:relative;
}
.main-timeline7 .year:before{
	content:"";
	display:block;
	width:30px;
	height:30px;
	border-radius:50%;
	background:#194179;
	border:5px solid #fff;
	box-shadow:0 0 0 4px #194179;
	margin:auto;
	position:absolute;
	bottom:-15px;
	left:4px;
}
.main-timeline7 .year:after{
	content:"";
	border-left:10px solid #303a3b;
	border-top:10px solid transparent;
	border-bottom:10px solid transparent;
	position:absolute;
	bottom:-11px;
	left:50px;
}
.main-timeline7 .timeline-content{
	padding:18px 60px 18px 40px;
	text-align:right;
	position:relative;
	z-index:1;
}
.main-timeline7 .timeline-content:after,.main-timeline7 .timeline-content:before{
	content:"";
	width:80px;
	height:150px;
	border-radius:50%;
	position:absolute;
	top:-7%;
	right:15px;
	z-index:-1;
}
.main-timeline7 .timeline-content:after{
	left:auto;
	right:-95px;
}
.main-timeline7 .timeline:last-child .timeline-content:after,.main-timeline7 .timeline:last-child .timeline-content:before{width:0;height:0}
.main-timeline7 .title{
	font-size:22px;
	font-weight:700;
	color:#194179;
	margin-top:0;
}
.main-timeline7 .description{
	font-size:1.2rem;
	color:#111;
	line-height:25px;
	font-weight: bold;
}
.main-timeline7 .timeline:nth-child(2){margin-top:140px}
.main-timeline7 .timeline:nth-child(even){margin-bottom:80px}
.main-timeline7 .timeline:nth-child(odd){margin:-140px 0 0}
.main-timeline7 .timeline:first-child,.main-timeline7 .timeline:last-child:nth-child(even){margin:0!important}
.main-timeline7 .timeline:nth-child(2n) .timeline-icon,.main-timeline7 .timeline:nth-child(2n):before{
	right:auto;
	left:-20px;
	background:#194179;
}
.main-timeline7 .timeline:nth-child(2n) .timeline-icon{left:-40px}
.main-timeline7 .timeline:nth-child(2n) .year{
	padding:0 30px 0 60px;
	text-align:left;
}
.main-timeline7 .timeline:nth-child(2n) .year:before{
	left:auto;
	right:3px;
}
.main-timeline7 .timeline:nth-child(2n) .year:after{
	border-left:none;
	border-right:10px solid #303a3b;
	right:50px;
}
.main-timeline7 .timeline:nth-child(2n) .timeline-content{
	padding:18px 40px 18px 60px;
	text-align:left;
}
.main-timeline7 .timeline:nth-child(2n) .timeline-content:before{left:-95px}
.main-timeline7 .timeline:nth-child(2n) .timeline-content:after{left:15px}
.main-timeline7 .timeline:nth-child(2n) .timeline-icon:before{
	border-color:#194179;
	box-shadow:0 0 0 4px #194179;
}
.main-timeline7 .timeline:nth-child(2n) .year:before{
	background:#194179;
	box-shadow:0 0 0 4px #194179;
}
.main-timeline7 .timeline:nth-child(2n) .title{color:#194179}
.main-timeline7 .timeline:nth-child(3n) .timeline-icon,.main-timeline7 .timeline:nth-child(3n):before{background:#194179}
.main-timeline7 .timeline:nth-child(3n) .timeline-icon:before{
	border-color:#194179;
	box-shadow:0 0 0 4px #194179;
}
.main-timeline7 .timeline:nth-child(3n) .year:before{
	background:#194179;
	box-shadow:0 0 0 4px #194179;
}
.main-timeline7 .timeline:nth-child(3n) .title{color:#194179}
.main-timeline7 .timeline:nth-child(4n) .timeline-icon,.main-timeline7 .timeline:nth-child(4n):before{background:#194179}
.main-timeline7 .timeline:nth-child(4n) .timeline-icon:before{
	border-color:#194179;
	box-shadow:0 0 0 4px #194179;
}
.main-timeline7 .timeline:nth-child(4n) .year:before{
	background:#194179;
	box-shadow:0 0 0 4px #194179;
}
.main-timeline7 .timeline:nth-child(4n) .title{color:#194179}
@media only screen and (max-width:990px){
	.main-timeline7 .timeline{
		width:100%;
	}
	.main-timeline7 .timeline:nth-child(even),.main-timeline7 .timeline:nth-child(odd){margin:0}
	.main-timeline7 .timeline:before,.main-timeline7 .timeline:nth-child(2n):before{width:30px;height:100%;left:25px}
	.main-timeline7 .timeline-icon,.main-timeline7 .timeline:nth-child(2n) .timeline-icon{left:0}
	.main-timeline7 .timeline:nth-child(2n) .year,.main-timeline7 .year{text-align:left;padding:0 30px 0 100px}
	.main-timeline7 .timeline:nth-child(2n) .year:before,.main-timeline7 .year:before{left:auto;right:4px}
	.main-timeline7 .year:after{left:auto;right:50px;border-right:10px solid #303a3b;border-left:none}
	.main-timeline7 .timeline-content .description{color:#666}
	.main-timeline7 .timeline-content,.main-timeline7 .timeline:nth-child(2n) .timeline-content{text-align:left;padding:18px 40px 18px 100px}
	.main-timeline7 .timeline-content:after,.main-timeline7 .timeline-content:before{width:0;height:0}
}

/*--------------------------------------------------------------# 오시는 길 CSS--------------------------------------------------------------*/
#address {
	padding-top: 100px;
	background: rgba(25, 65, 121, 0.5);
}

#address::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 9;
}

#address .container-fluid {
  position: relative;
  z-index: 10;
}
#address h3{text-shadow: #111 1px 0 10px;}
#address .box1{background-color: #194179;}
#address .box2{background-color: #2868c2;}
#address .box3{background-color: #3589fe;}
#address .address-box p{
	font-size: 1.2rem;
}
/*--------------------------------------------------------------# 사업소개 CSS--------------------------------------------------------------*/
#business {
	width: 100%;
	height: 380px;
	background: url("../img/SE_sub-visual2.jpg") bottom center;
	background-size: cover;
	position: relative;
	padding: 0;
}

#business:before {
  content: "";
  /*background: rgba(13, 20, 26, 0.7);*/
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
}

#business .hero-container {
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
}

#business h1 {
  position: absolute;
  left: 50%; top: 60%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%);
	margin: 0 0 10px 0;
	font-size: 3rem;
	font-weight: 700;
	line-height: 56px;
	text-transform: uppercase;
	color: #fff;
	text-shadow: #111 1px 0 10px;
}

@media (min-width: 1024px) {
  #business {
    background-attachment: fixed;
  }
}

@media (max-width: 768px) {
  #business {
    height: 280px;
  }
  #business h1 {
    line-height: 36px;
  }
}

#business-first {
	background: url("../img/business-bg.jpg") center top no-repeat fixed;
	background-size: cover;
	padding: 100px 0;
	position: relative;
}

#business-first::before {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: rgba(255, 255, 255, 0.5);
	z-index: 9;
}

#business-first .container {
	position: relative;
	z-index: 10;
}

#business-second {
	background: url("../img/business2-bg.jpg") center top no-repeat fixed;
	background-size: cover;
	padding: 100px 0;
	position: relative;
}

#business-second::before {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: rgba(255, 255, 255, 0.7);
	z-index: 9;
}

#business-second .container {
	position: relative;
	z-index: 10;
}

.business-header h3 {
	font-size: 32px;
	color: #111;
	text-align: left;
	font-weight: 700;
	position: relative;
	padding-bottom: 15px;
}

.business-header h3 span {
	padding-left: 20px;
	color: #999;
	font-size: 1rem;
}

.business-ul{
	padding: 0;
}

.business-ul li{
	color: #111;
	font-size: 1rem;
	list-style: none;
}
.business-ul li i{
	padding-right: 8px;
}
.business-ul li strong{
	font-size: 18px;
}

#call-to-action {
  background: linear-gradient(rgba(25, 65, 121, 0.5), rgba(255, 255, 255, 0.5)), url(../img/call-to-action-bg.jpg) fixed center center;
  background-size: cover;
  padding: 40px 0;
}

#call-to-action h3 {
	color: #fff;
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 10px;
}

#call-to-action p {
	color: #fff;
	margin-bottom: 0;
	font-weight: 300;
}

/*--------------------------------------------------------------# 사업효과 CSS--------------------------------------------------------------*/
#featured-services {
  background: url("../img/effect-bg.jpg") center top no-repeat fixed;
  background-size: cover;
  padding: 100px 0;
  position: relative;
}

#featured-services::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.3);
  z-index: 9;
}

#featured-services .container {
  position: relative;
  z-index: 10;
}
.featured-services .icon-box {
	width: 500px;
	padding: 30px;
	position: relative;
	overflow: hidden;
	background: #fff;
	box-shadow: 0 0 29px 0 rgba(68, 88, 144, 0.12);
	transition: all 0.3s ease-in-out;
	border-radius: 8px;
	z-index: 1;
	border-radius: 0.9em;
	text-align: center;
}

.featured-services .icon-box::before {
  content: '';
  position: absolute;
  background: #194179;
  right: 0;
  left: 0;
  bottom: 0;
  top: 100%;
  transition: all 0.3s;
  z-index: -1;
}

.featured-services .icon-box:hover::before {
  background: #194179;
  top: 0;
  border-radius: 0px;
}

.featured-services .icon {
  margin-bottom: 30px;
}

.featured-services .icon i {
  font-size: 48px;
  line-height: 1;
  color: #194179;
  transition: all 0.3s ease-in-out;
}

.featured-services .title {
  font-weight: 700;
  margin-bottom: 0;
  font-size: 18px;
}

.featured-services .title{
  color: #111;
}

.featured-services .description {
  font-size: 15px;
  line-height: 28px;
  margin-bottom: 0;
}

.featured-services .icon-box:hover .title, .featured-services .icon-box:hover .description {
  color: #fff;
}

.featured-services .icon-box:hover .icon i {
  color: #fff;
}

/*--------------------------------------------------------------# 건설현장 CSS--------------------------------------------------------------*/

.gallery {
	padding: 100px 0;
	overflow: hidden;
}

#gallery .action{
  display:block;
  margin:100px auto;
  width:100%;
  text-align:center;
}
#gallery .action a {
  display:inline-block;
  padding:5px 10px;
  background:#f30;
  color:#fff;
  text-decoration:none;
}
#gallery .action a:hover{
  background:#000;
}

#gallery .slick-initialized .slider-nav {
    cursor: pointer;
}

#gallery .slick-dots li button{
	width: 30px;
	height: 30px;
}

#gallery .slick-dots li button::before{
	color: #194179!important;
	-webkit-color: #194179!important;
}

/*
.gallery .owl-nav, .gallery .owl-dots {
  margin-top: 25px;
  text-align: center;
}

.gallery .owl-item {
  border-left: 2px solid #fff;
  border-right: 2px solid #fff;
}

.gallery .owl-dot {
  display: inline-block;
  margin: 0 5px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #bed9ff !important;
}

.gallery .owl-dot.active {
  background-color: #194179 !important;
}


.gallery .gallery-carousel .owl-stage-outer {
  overflow: visible;
}

.gallery .gallery-carousel .center {
  border: 6px solid #194179;
  margin: -10px;
  box-sizing: content-box;
  padding: 4px;
  background: #fff;
  z-index: 1;
}
*/

/*--------------------------------------------------------------# 연료전지발전 CSS--------------------------------------------------------------*/
#Energy {
	width: 100%;
	height: 380px;
	background: url("../img/SE_sub-visual3.jpg") bottom center;
	background-size: inherit;
	position: relative;
	padding: 0;
}

#Energy:before {
  content: "";
  /*background: rgba(13, 20, 26, 0.7);*/
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
}

#Energy .hero-container {
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
}

#Energy h1 {
  position: absolute;
  left: 50%; top: 60%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%);
	margin: 0 0 10px 0;
	font-size: 3rem;
	font-weight: 700;
	line-height: 56px;
	text-transform: uppercase;
	color: #fff;
	text-shadow: #111 1px 0 10px;
}

@media (min-width: 1024px) {
  #Energy {
    background-attachment: fixed;
  }
}

@media (max-width: 768px) {
  #Energy {
    height: 280px;
  }
  #Energy h1 {
    line-height: 36px;
  }
}

/*--------------------------------------------------------------# 열린공간 공통 CSS--------------------------------------------------------------*/

#se-space {
	width: 100%;
	height: 380px;
	background: url("../img/SE_sub-visual5-1.jpg") bottom center;
	background-size:cover;
	position: relative;
	padding: 0;
}

#se-space:before {
  content: "";
  /*background: rgba(13, 20, 26, 0.7);*/
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
}

#se-space .hero-container {
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
}

#se-space h1 {
  position: absolute;
  left: 50%; top: 60%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%);
	margin: 0 0 10px 0;
	font-size: 3rem;
	font-weight: 700;
	line-height: 56px;
	text-transform: uppercase;
	color: #fff;
	text-shadow: #111 1px 0 10px;
}

@media (min-width: 1024px) {
  #se-space {
    background-attachment: fixed;
  }
}

@media (max-width: 768px) {
  #se-space {
    height: 280px;
  }
  #se-space h1 {
    line-height: 36px;
  }
}

#se-board .page-link{
	color: #111;
}

#se-board .page-item .active{
	color: #fff;
	background-color: #194179;
}

/*--------------------------------------------------------------# 공지사항 CSS--------------------------------------------------------------*/

.se-notice{
	padding:100px 0 10%;
}

.shadow-z-1 {
  -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.24);
  -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.24);
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.24);
}

/*--------------------------------------------------------------# 사회공헌활동 CSS--------------------------------------------------------------*/

.se-social{
	padding:100px 0 10%;
	background-color: #eef4fd;
}
.se-social .row {
	margin: 10px -16px;
}

.se-social .row,
.se-social .row > .column {
	padding: 8px;
}

.se-social .column {
	float: left;
	width: 50%;
	display: none;
}

.se-social .row:after {
	content: "";
	clear: both;
	display: table;
}

.se-social .content {
	padding: 10px;
	background-color: #fff;
	border: 1px solid #ccc;
}

.se-social .show {
	display: block;
}

.se-social .btn {
	outline: none;
	cursor: pointer;
	padding: 12px 16px;
	background-color: white;
	border: 1px solid #194179;
}

.se-social .btn:hover {
	color: #fff;
	background-color: #194179;
}

.se-social .btn.active {
	color: white;
	background-color: #194179;
}

.se-social .content h4{
	color: #111;
	padding-top: 5%;
	font-size: 1.3rem;
	text-align: right;
	margin-bottom: .5rem;
}

.se-social .content p{
	color: #111;
	text-align: right;
	margin-bottom: .5rem;
}

@media only screen and (max-width: 991px){
	.se-social .column{
		float: none;
		width: 50%;
	}
	.se-social .row:after{
		display: block;
	}
}

@media only screen and (max-width: 768px){
	.se-social .column{
		width: 100%;
	}
}

/*--------------------------------------------------------------# 보도기사 CSS--------------------------------------------------------------*/

.se-news{
	padding:100px 0 10%;
}
.se-news .table tr {
    cursor: pointer;
}
.table tr > th,
.table tr > td {
    text-align: center!important;
}
.table tr > td:nth-child(2) {
    text-align: left!important;
}
.se-news .hiddenRow {
    padding: 0 4px !important;
    background-color: #eeeeee;
    font-size: 1rem;
}

/*--------------------------------------------------------------# 정책자료 CSS--------------------------------------------------------------*/

.se-policy{
	padding:100px 0 10%;
	background-color: #f8f7f7;
}

/*--------------------------------------------------------------# 견학신청 CSS--------------------------------------------------------------*/

.se-application{
	padding:100px 0 10%;
}
/*
.se-application input[type=text], select, textarea {
  width: 100%;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  margin-top: 6px;
  margin-bottom: 16px;
  resize: vertical;
}

.se-application input[type=submit] {
  background-color: #194179;
  color: white;
  padding: 12px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

.se-application input[type=submit]:hover {
  background-color: #73a0df;
}
*/

.se-application .media .media-body h4{
	margin-bottom: 10px;
}

.se-application .agree-box{
	padding: 5% 2%;
	border: 1px solid #111;
}

.se-application .agree-box h6{
	font-size: 1.6rem;
	text-align: center;
}

.se-application .agree-box p{
	margin-bottom: 0;
	padding-bottom: 5%;
}

.se-application .agree-box .agree-dl dt{}

.se-application .agree-box .agree-dl dd{
	text-align: left!important;
	padding-left: 2%;
	margin-bottom: 0;
}

.se-application .input-group>.input-group-prepend>.input-group-text{
	width: 200px;
	display: block;
}

.btn-agree{
	color: #fff;
	background-color: #194179;
}

.btn-agree:hover{
	color: #fff;
	background-color: #73a0df;
}

/*--------------------------------------------------------------# 방문(견학) 신청 CSS--------------------------------------------------------------*/
#ApplicationDetail {
	width: 100%;
	height: 380px;
	background: url(../img/SE_sub-visual5-1.jpg) bottom center;
	background-size: cover;
	position: relative;
	padding: 0;
}

#ApplicationDetail:before {
  content: "";
  /*background: rgba(13, 20, 26, 0.7);*/
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
}

#ApplicationDetail .hero-container {
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
}

#ApplicationDetail h1 {
  position: absolute;
  left: 50%; top: 60%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%);
	margin: 0 0 10px 0;
	font-size: 3rem;
	font-weight: 700;
	line-height: 56px;
	text-transform: uppercase;
	color: #fff;
	text-shadow: #111 1px 0 10px;
}

@media (min-width: 1024px) {
  #ApplicationDetail {
    background-attachment: fixed;
  }
}

@media (max-width: 768px) {
  #ApplicationDetail {
    height: 280px;
  }
  #ApplicationDetail h1 {
    line-height: 36px;
  }
}

.application-detail{
	padding:100px 0 10%;
}

.application-detail .input-group>.input-group-prepend>.input-group-text{
	width: 150px;
	display: block;
}

/*--------------------------------------------------------------# 공지사항/보도기사 자세히보기 CSS--------------------------------------------------------------*/

.se-board-view{
	padding:100px 0 10%;
}

.se-board-view .card-header{
	background-color: #194179;
}

.se-board-view .card-header p,span{
	color: #fff;
	font-size: 1rem;
}

.se-board-view .card-footer a{
	font-size: 1rem;
}

@media only screen and (max-width: 700px){
	.se-board-view .card .d-flex{
		display: block!important;
	}
	.se-board-view .card-header p,span{
		display: block;
		width: 100%;
	}
}

/*--------------------------------------------------------------# table responsive common CSS--------------------------------------------------------------*/
.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 2rem;
  background-color: #fff;
}
.table > thead > tr,
.table > tbody > tr,
.table > tfoot > tr {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
	text-align: left;
	vertical-align: top;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.table > thead > tr > th {
    color: #fff;
	font-weight: 500;
    vertical-align: bottom;
	background-color: #194179;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
  border-top: 0;
}
.table > tbody + tbody {
  border-top: 1px solid rgba(0, 0, 0, 0.12);
}
.table .table {
  background-color: #fff;
}
.table .no-border {
  border: 0;
}
.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
  padding: 0.8rem;
}
.table-bordered {
  border: 0;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border: 0;
  border-bottom: 1px solid #e0e0e0;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 2px;
}
.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
  background-color: #f5f5f5;
}
.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
  background-color: rgba(0, 0, 0, 0.12);
}
@media screen and (max-width: 991px) {
  .table-responsive-vertical > .table {
    margin-bottom: 0;
    background-color: transparent;
  }
  .table-responsive-vertical > .table > thead,
  .table-responsive-vertical > .table > tfoot {
    display: none;
  }
  .table-responsive-vertical > .table > tbody {
    display: block;
  }
  .table-responsive-vertical > .table > tbody > tr {
    display: block;
    border: 1px solid #e0e0e0;
    border-radius: 2px;
    margin-bottom: 1.6rem;
  }
  .table-responsive-vertical > .table > tbody > tr > td {
    background-color: #fff;
    display: block;
    vertical-align: middle;
    text-align: right;
  }
  .table-responsive-vertical > .table > tbody > tr > td[data-title]:before {
    content: attr(data-title);
    float: left;
    font-size: inherit;
    font-weight: 400;
    color: #757575;
  }
  .table-responsive-vertical.shadow-z-1 {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }
  .table-responsive-vertical.shadow-z-1 > .table > tbody > tr {
    border: none;
    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.24);
    -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.24);
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.24);
  }
  .table-responsive-vertical > .table-bordered {
    border: 0;
  }
  .table-responsive-vertical > .table-bordered > tbody > tr > td {
    border: 0;
    border-bottom: 1px solid #e0e0e0;
  }
  .table-responsive-vertical > .table-bordered > tbody > tr > td:last-child {
    border-bottom: 0;
  }
  .table-responsive-vertical > .table-striped > tbody > tr > td,
  .table-responsive-vertical > .table-striped > tbody > tr:nth-child(odd) {
    background-color: #fff;
  }
  .table-responsive-vertical > .table-striped > tbody > tr > td:nth-child(odd) {
    background-color: #f5f5f5;
  }
  .table-responsive-vertical > .table-hover > tbody > tr:hover > td,
  .table-responsive-vertical > .table-hover > tbody > tr:hover {
    background-color: #fff;
  }
  .table-responsive-vertical > .table-hover > tbody > tr > td:hover {
    background-color: rgba(0, 0, 0, 0.12);
  }
}
.table-striped.table-mc-light-blue > tbody > tr:nth-child(odd) > td,
.table-striped.table-mc-light-blue > tbody > tr:nth-child(odd) > th {
  background-color: #e1f5fe;
}
.table-hover.table-mc-light-blue > tbody > tr:hover > td,
.table-hover.table-mc-light-blue > tbody > tr:hover > th {
  background-color: #b3e5fc;
}
@media screen and (max-width: 991px) {
  .table-responsive-vertical .table-striped.table-mc-light-blue > tbody > tr > td,
  .table-responsive-vertical .table-striped.table-mc-light-blue > tbody > tr:nth-child(odd) {
    background-color: #fff;
  }
  .table-responsive-vertical .table-striped.table-mc-light-blue > tbody > tr > td:nth-child(odd) {
    background-color: #e1f5fe;
  }
  .table-responsive-vertical .table-hover.table-mc-light-blue > tbody > tr:hover > td,
  .table-responsive-vertical .table-hover.table-mc-light-blue > tbody > tr:hover {
    background-color: #fff;
  }
  .table-responsive-vertical .table-hover.table-mc-light-blue > tbody > tr > td:hover {
    background-color: #b3e5fc;
  }
}

.top_button_cont { height: 0; overflow: hidden; }