@import url('https://fonts.googleapis.com/css?family=Oxygen:300,400,700&display=swap');
  @import url('https://fonts.googleapis.com/css?family=Work+Sans:100,200,300,400,500,600,700&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@200;300;400;600;700&display=swap');
 @import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300;400;700&display=swap');
 @import url('https://fonts.googleapis.com/css2?family=Mulish:wght@300;400;500;600;700,800&display=swap');
 @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800&display=swap');
 @import url('https://fonts.googleapis.com/css2?family=Urbanist:wght@300;400;500;600;700&display=swap');
 
  
 h4 {color:#444; line-height:1.4em;}
 h5 {font-size:1.0em; color:#555; line-height:1.5em;}
 h6 {
 font-size:0.95em; }
 
  p {font-size:1em; line-height:1.7em;}
  
 @media screen and (max-width: 767px) {
 h2 {font-size:1.7em;}
 }
 
 
 


.btn_solid {
		border-color:transparent; color:#fff; background: rgba(14, 129, 136, 0.5);	}
	.btn_solid:hover {
	background:rgba(0,0,0, 0.5);}	



	.dark, .dark h2, .dark h3, .dark h4, .dark a {
	color:#fff;}	
		

.bg_org {
background:#e69934;}
.bg_blue {
background:#5b95c9;}
  .bg_green {
 background-color: #478d49; }
 .bg_gray {
background:#eee;}
.bg-dark {
background:#333;}
.bg_red {
background:#d02940;}
.bg_white {
background:#fff;}

.bg-dark {
background:#333;}
.bg-white {
background:#fff;}
.bg-gray {
background:#eee;}



.d-tb {display:table; }	
.d-tbc {display:table-cell; vertical-align:middle;}	

.overlay {position:absolute; left:0; top:0; width:100%; height:100%; z-index:10;
transition:0.2s ease-out; -webkit-transition: all 0.2s ease-out;}
.overlay_grd {background:-moz-linear-gradient(top,rgba(255,255,255,0) 0,rgba(0,0,0,.18) 18%,rgba(0,0,0,.95) 100%);
background:-webkit-linear-gradient(top,rgba(255,255,255,0) 0,rgba(0,0,0,.18) 18%,rgba(0,0,0,.95) 100%);
background:linear-gradient(to bottom,rgba(255,255,255,0) 0,rgba(0,0,0,.18) 18%,rgba(0,0,0,.95) 100%);}
.grd {background:-moz-linear-gradient(top,rgba(255,255,255,0) 0,rgba(0,0,0,.18) 18%,rgba(0,0,0,.95) 100%);
background:-webkit-linear-gradient(top,rgba(255,255,255,0) 0,rgba(0,0,0,.18) 18%,rgba(0,0,0,.95) 100%);
background:linear-gradient(to bottom,rgba(255,255,255,0) 0,rgba(0,0,0,.18) 18%,rgba(0,0,0,.95) 100%);}

.line_ver {width:1px; height:20px; background:#ccc;}

.ov-h {overflow:hidden;}


.d_n {
display:none;}

ul.hor li {
float:left;}


.square {
position:relative; width:100%; height:100%;}
.square .icon, .square .desc {
position:absolute;}
.square .icon {
top:10%; right:10%; width:50px; height:50px; background:#fff; border-radius:50%;
text-align:center;}
.square .desc {
bottom:10%; left:10%;}

.d_ib {
display:inline-block;}

.trans {
transition:0.2s ease-out; -webkit-transition: all 0.2s ease-out;}

.quote:before { content: "\f10d"; display: block; position: absolute; left: 0px; top: 0px; color: #000;
font-family:fontawesome;}




.main_wrap{
width:100%; position:relative; }

.main_wrap h1, .main_wrap h2, .main_wrap h3 {font-family: 'Montserrat','nanum gothic', sans-serif;}

.main_wrap h1 {
font-size:4.0em; color:#333; }
.main_wrap h4 {
font-size:1.25em;}

.section {padding-top:60px; background:#fff; position:relative; }
.section.mg_0 {margin:0px;}
.section.pd_0 {padding:0px;}

.section .container {
position:relative; height:100%; }

.section .title .co {
min-height: 450px; overflow:hidden;}
.section .title h2 {
font-size:4.3em; font-weight:700; color:#fff;letter-spacing: -0.01em; text-transform:uppercase;
 position:absolute; right: -5px; top:75px;}
.section .title .cell {
 padding: 80px 13% 0; max-width:580px; }
 .section .title h3 {font-size:2.3em; font-weight:700;}
.section .title h5 {color:#888; margin-top:40px; font-weight:600;}
.section .title p {margin-top:10px;}
 
 @media (min-width: 1600px) {
.section .title .cell {padding: 90px 9% 0; }
 }

 @media (max-width: 1199px) {
.section .title .cell {padding: 90px 10% 0; }
 }
 @media (max-width: 767px) {
.section .title .col { min-height: 400px;}
.section .title .cell {padding: 60px 5%; max-width:auto;}
.section .title h3 {margin-top:60px;}
 }
 
.section .architecture-cell {
padding: 13% 14% 0; min-height: 500px;}

.cell.pd {
 padding: 15% 14% 0; min-height: 500px; }

 
 
 
 
/* Intro */
	.intro {
		background: url("../main/main.jpg");
		position:relative; z-index:0; overflow:hidden;	}	
.intro .container {
position:relative; height:100%;}

	.intro .caption { 
  position: absolute;  top:50%; left: 0px; right: 0%;  z-index: 10; text-align:; }
 .intro .caption h2 {
	font-family: 'open sans','nanum gothic', sans-serif;  font-size:2.6em; letter-spacing:-0.01em; 
	text-shadow: 0 1px 2px rgba(0, 0, 0, .4); padding-top:20px; position:relative;}
 .intro .caption h2:before{
	content: ''; background: #fff; width: 8%; height: 2px;
	position: absolute; top: 0%; left: 0%;}
.intro .caption p {
	font-size: 1em; text-shadow:none; padding:0; margin: 15px auto 0;}

.intro .btn {
margin:30px 0 0;}

.intro .item { height:650px; 
background-size: cover !important; background-position: center !important;
transition:0.4s ease-out; -webkit-transition: all 0.4s ease-out;}
.intro .item:nth-child(1) {background: url("../main/main_01.jpg"); }
.intro .item:nth-child(2) {background: url("../main/main_02.jpg"); }
.intro .item:nth-child(3) {background: url("../main/main_03.jpg"); }
.intro .item:before {
	background: rgba(0, 0, 0, 0.0);	 position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; 
	z-index: 1; content: "";}
.intro .item a {width:100%; height:100%; display:inline-block;}

.carousel-indicators {
  bottom: 30px;}
.carousel-indicators li {
  width: 40px; height: 6px; margin: 0 3px;	
  background-color: #fff; opacity:0.5;
  transition: 0.2s ease-out; -webkit-transition: all 0.2s ease-out;}
.carousel-indicators .active {
  width: 40px; height: 6px; margin: 0px 3px; background-color: #fff; opacity:1;}
  
.carousel-control-prev, .carousel-control-next { display:none;}


.intro .movie {
margin:-0 0;}
.intro .movie:after {
	content: ''; background: rgba(0,0,0, 0.3); width: 100%; height: 100%;
	position: absolute; top:0%; left: 0%;}
.intro .movie:before {
content: ''; background: url("../main/overlay.png"); 
	width: 100%; height: 100%;	position: absolute; top: 0%; left: 0%; z-index:1;
	opacity:0.7;}

@media (min-width: 1600px) {
.intro .movie {
margin:-5% 0;}
}

@media (max-width: 1199px) {
.intro .item {height:600px; }
   .intro .caption h2 {}
}
	
@media screen and (max-width: 991px) {
.intro .item {height:500px; }
.intro .caption { 
  top:45%; left: 15px; right: 10%;}
	.intro .caption h2 {font-size:2.0em;}
	.carousel-indicators {
  bottom: 10px;}
.carousel-indicators li {
  width: 20px; height: 6px; }
.carousel-indicators .active {
  width: 20px; height: 6px; }
	}
	
	@media (max-width: 480px) {
.intro .item {height:300px; }
.intro .caption { 
  top:25%; left: 15px; right: 10%;}
	.intro .caption h2 {
			font-size:1.8em; }
	}
	
	
	
	
	.tag {
	background:#222; margin-top:0px; padding:0px 0; position:relative;	text-align:center;}
	.tag .grid {
	display:inline-block; margin:0 auto; height:50px; vertical-align:middle;}
	.tag .thumb {
	float:left; display:inline-block; position:relative; height:100%; 
	margin-right:10px; padding:5px 0;}
	.tag .thumb img{
	width:auto; height:100%;}
	.tag .desc {
	 float:left; display:table; padding:0px 0; height:100%; }
	
	.tag h4{
	font-size:0.95em; letter-spacing:1px; text-align:center; text-transform:uppercase;}
	.tag h4 span {
	margin-left:10px; color:#eea629;}
.tag .img_cell {
min-height:150px; background: url("../main/tag.jpg");}
.tag_on .desc {
	position:absolute; left:0; top:45%; width:100%; text-align:center; }

	@media screen and (max-width: 991px) {
	.tag, #tag_banner {display:none;}
	}
	
	
 .pop_close { font-size:0.95em; position:absolute; right:5%; top:10%; overflow:hidden;}
.pop_close input {width:18px; height:18px; margin:0 10px -0px 0; vertical-align:middle;}
.pop_close i {font-size:1.2em; line-height:0.5em; margin-left: 10px; }

.tag.st-2 .tag_off {
background:#222; height:50px; width:100%; text-align:center;}



	

.md_01 {
	margin: 0px auto; }

.md_01 .contents .co.left .architecture-cell {padding-left:0}
.md_01 .contents .architecture-cell {
padding-top:110px;}
.md_01 h4 {margin-top:0px;}
.md_01 p {margin-top:5px;}

.md_01 .contents .co.right h3 {
position:relative; padding-top:60px; display:block; margin-bottom:10px;}
.md_01 .quote:before {	position: absolute; font-size: 3.0em; left: -5px; top: 0px; color: #000;}

.md_01 .img_cell {
margin:150px -50px 0 100px;}

@media screen and (max-width: 1199px) {
.tab-style-3 li {margin: 0;}
}
@media screen and (max-width: 991px) {
.md_01 h4 {margin-top:10px;}
.md_01 .img_cell {text-align:center; width:50%; margin:20px auto 0; }
}



	
	.md_02 {
		margin-top:0px;	}
.md_02 .contents {
padding-top:80px;}
.md_02 .desc {
	 width: 100%; text-align:center; position: relative; 
	 transition:0.2s ease-out; -webkit-transition: all 0.2s ease-out;}
.md_02 h4 {
text-transform:uppercase; }
.md_02 h4 span {
margin-right:5px;}
.md_02 p { 
margin-top:20px; padding-bottom:20px; position:relative;}
.md_02 p:before{
	content: ''; background: #999; width: 30px; height: 4px;
	position: absolute; bottom: 0; left: 0px;}
.md_02 .img_cell {
	overflow: hidden;  position:relative; width:90%; margin:0 auto;}
.md_02 .img_cell img {
width: 100%;
	transition:0.4s ease-out; -webkit-transition: all 0.4s ease-out; transform: scale(1);  -webkit-transform: scale(1);	}
/*.md_02 .icon {
	width:55px; height:55px; border-radius:50%; background:#444;
	margin:0 auto; text-align:center; display:table;}*/
.md_02 .icon i {
	font-size:2.3em; line-height:1.2em; color:#444; display:table-cell; vertical-align:middle;}
	
@media screen and (max-width: 767px) {
.md_02 .col {
	margin: 50px 0px 0px;
}
.md_02 .col:first-child {
	margin-top: 0px;}
}

	


.md_03 .grid.top {
background: url("../main/con_03_bg.jpg");
background-attachment:fixed;
min-height:400px; width:100%;
text-align:center;
}
.md_03 .container {
position:relative;}




.md_04 .grid.top {
overflow:hidden; padding:60px 0; background:#ddd;}
.md_04 .grid.top p {
margin-top:10px;}
.md_04 .grid.first .inner {
padding:0px 5%;}
.md_04 .desc {
	width: 70%; padding-left: 20px; float: right; text-align:left;
}
.md_04 .desc h3 {margin-top:0px;}
.md_04 .desc h4 {
	margin: 0; transition:0.2s ease-out; -webkit-transition: all 0.2s ease-out;
}
.md_04 .desc p {
	text-align: left;  margin-top:0px;}
.md_04 .board_recent .header {
text-align:left; border-bottom:1px solid #ccc; padding:0 5px 5px; margin-bottom:10px; }
.md_04 .board_recent .more {float:right; color:#777777;font-size:11px; margin-top:2px;} 
.md_04 .board_gallery_output {
margin-top:15px;}

.md_04 .bottom .cell {padding: 80px 13% 0; min-height: 500px;}
.md_04 .bottom .co.right h3 {
position:relative; padding-top:60px; display:block; margin-bottom:10px;}
.md_04 .quote-style2:before { content: "\f10d"; display: block; position: absolute; font-size: 3.0em; left: -5px; top: 0px; color: #000;
font-family:fontawesome;}

	@media screen and (max-width: 1199px) {	}
	
	
	
	
	
.md_05 {margin-top:0px; z-index:0;}
.md_05 .grid {
clear:both; overflow:hidden; display:block;}
.md_05 .icon {
font-size:2.5em; margin-top:5px; }
.md_05 .img_cell {
margin:0 auto; }

@media (max-width: 991px) {
}

@media screen and (max-width: 767px) {
	.md_05 .side{
		padding:0 5%;	}
	.md_05 .img_cell {
width:70%; margin:0 auto; text-align:center;}
}




.md_06 {margin-top:0px;}
.md_06 .col {
padding:0 3%;}
.md_06 .grid .cell {
	 position:relative; overflow: hidden;}
.md_06 .cell:hover .desc {opacity: 1; bottom: 5%;}
.md_06 .desc {
	padding: 20px; text-align:left; position: absolute; opacity: 0; bottom: -200px; left:5%; width: 90%; 
	background: rgba(227,29,59,.9); z-index:10; 
transition:0.3s ease-out; -webkit-transition: all 0.3s ease-out;
}
.md_06 .desc h3 {margin-top:0px;}
.md_06 .desc h4 {
	margin: 0; transition:0.2s ease-out; -webkit-transition: all 0.2s ease-out;
}
.md_06 .desc p {
	text-align: left;  margin-top:10px;}

	@media (max-width: 991px) {	
.md_06 .desc {
	padding: 20px; text-align:left; position: relative; opacity: 1; bottom: 0px; left:5%; width: 90%; }
	}
	


	
	


	


.board_gallery_output table {
	width: 100%; background:none;
}
.board_gallery_output .board_output_gallery_img {
	border: 0px solid rgb(255, 0, 0); padding:0 10px 0 5px;
}
.board_gallery_output .board_output_gallery_img img {
	width: 100%; height: auto; border-radius:5px; overflow:hidden; 
}
.board_gallery_output .board_output_gallery_img a {
	width: 100%; height: 100%; display: block; position: relative;
}
.board_gallery_output .board_output_gallery_img a::before {
	transition:0.2s ease-out; left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; content: ""; opacity: 0; 
	background-color: #fff;
}
.board_gallery_output .board_output_gallery_img a:hover::before {
	opacity: 0.5;
}
.board_gallery_output tbody tr td {
 width: 10%;
}
.board_gallery_output tbody tr td table {
	border: 0; width: 100%; text-align: center;
}
.board_gallery_output .board_output .board_output_gallery_img br{
display:none;}
.board_output_gallery_subject {font-family:'nanum gothic'; color:#666; margin:5px auto 20px; display:inline-block;}
.board_output_gallery_subject a {font-family:'nanum gothic'; color:#666;}
.board_output_gallery_subject a:hover {text-decoration:none;}

	@media screen and (max-width: 767px) {	
			.board_gallery_output .board_output img{width:100%; height:auto;	}
	}

	@media screen and (max-width: 480px) {	
	.board_gallery_output .board_output_gallery_img {
	padding:0 5px;}
	}
	

	

.board_list_output .board_output {
background:transparent;}
.board_list_output .board_output .board_output tbody > tr > td {
	padding: 2px 0px; font-size: 0.9em; border-bottom-color:#ddd; border-bottom-width: 1px; border-bottom-style: dotted;
}
.board_list_output .board_output .board_output tr td:nth-child(1) {
	width: 3%;
}
.board_list_output .board_output .board_output tr td:nth-child(2) {
	width: 70%; text-align: left;
}
.board_list_output .board_output .board_output tr td:nth-child(3) {
	width: 27%; text-align: right; font-size: 0.87em; display:none;
}
.board_list_output .list_output .bd_out1 {
	padding: 2px 0px;
}
.board_list_output .board_output .board_output a {font-family:'nanum gothic'; color:#666;}
.board_list_output .board_output .board_output a:hover {text-decoration:none;}
.board_list_output .board_output {font-family:'nanum gothic'; font-size:15px; color:#777;}

@media (max-width: 991px) {
.board_list_output .board_output .board_output tr td:nth-child(3) {
	display:none;}
}



.board_blog_output .board_output .board_output tbody > tr > td {
	padding: 5px 0px; font-size: 0.9em; border-bottom-color:#ddd; border-bottom-width: 1px; border-bottom-style: dotted;
}
.board_blog_output .board_output .board_output tbody > tr:last-child > td {
	border:0;}
.board_blog_output .board_output .board_output tr td:nth-child(1) {
	display:none;}
.board_blog_output .board_output .board_output tr td:nth-child(2) {
	width: 20%;}
.board_blog_output .board_output .board_output tr td:nth-child(3) {
	width: 30%; text-align: left; padding-left:25px; font-weight:;
}
.board_blog_output .board_output .board_output tr td:nth-child(4) {
	width: 50%; padding-left:20px;}
.board_blog_output .board_output .board_output img {
width:100%; height:auto;}
.board_blog_output .board_output {font-family:'nanum gothic'; color:#777; }
.board_blog_output .board_output .board_output a {font-family:'nanum gothic'; color:#666;}
.board_blog_output .board_output .board_output a:hover {text-decoration:none;}

@media all and (max-width: 480px) {
.board_blog_output .board_output .board_output tr td:nth-child(2) {
	width: 20%;}
.board_blog_output .board_output .board_output tr td:nth-child(3) {
	width: 80%; }
.board_blog_output .board_output .board_output tr td:nth-child(4) {
	display:none;}
	}




#pop {padding:0px; position:absolute; right:5%;bottom:0px; z-index:20;visibility:hidden;}
#pop .desc {position:absolute; left:0; top:50%; z-index:20; width:100%;
text-align:center;}
#pop .img_cell {
margin:0px; opacity:1; 
transition:0.2s ease-out; -webkit-transition: all 0.2s ease-out; }
#pop:hover .img_cell {
margin:0px; opacity:1;}
#pop .close_tab {text-align:center; position:absolute; bottom:0px; width:100%; height:30px; padding:0px 0; 
background:rgba(0,0,0, 0.4); font-size:0.8em;}
#pop .close_tab input {
vertical-align:middle; margin-bottom:3px;}

@media screen and (max-width: 991px) {
			#pop, #pro {display:none;}			
	}

	
	#pro img {opacity:1; transition:0.2s ease-out; -webkit-transition: all 0.2s ease-out;}
#pro img:hover {opacity:1;}



.modal-header .close {
	margin-top: -15px;font-size: 50px;}

.modal-body img{ width:100%;}
.modal-body p{
  margin-top:20px; 
}
	


.preloader {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 99999;
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
	align-items: center;
	background: none repeat scroll 0 0 #ffffff;
  }

  .spinner {
	border: 1px solid transparent;
	border-radius: 3px;
	position: relative;
  }

  .spinner:before {
	content: '';
	box-sizing: border-box;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 45px;
	height: 45px;
	margin-top: -10px;
	margin-left: -10px;
	border-radius: 50%;
	border: 1px solid #575757;
	border-top-color: #ffffff;
	animation: spinner .9s linear infinite;
  }

  @-webkit-@keyframes spinner {
	to {transform: rotate(360deg);}
  }

  @keyframes spinner {
	to {transform: rotate(360deg);}
  }
  
  
 
	
	
	
	
/* Footer */
#footer{
	padding-top:80px; background:#fff; position:relative;
}
	.bottom_info {
		position: relative;
		margin-top: 0px; padding:40px 0;
		background: #39454b;
		color: #bbb;
		overflow: hidden;
	}
	.bottom_info  h4 {color:#eee;}
	.bottom_info  p {margin-top:10px;}
.bottom_info .info {margin-top:10px; font-size:0.95em;}
.bottom_info .info ul {
overflow:hidden;}
.bottom_info .info ul li {
	padding-bottom: 5px; width:100%;
}
		#bottom a, #bottom a:hover {
			color: #bbb;}


.bottom_info .social {
	float: left; overflow: hidden;}
.bottom_info .social li {
float: left; margin-right:15px; border-radius: 3px; text-align:center;
	border:1px solid #999; transition:0.2s ease-out; width: 28px; height: 28px; overflow: hidden; 
	opacity: 1; -webkit-transition: all 0.2s ease-out; font-size:0.9em; line-height:19px;
}
.bottom_info .social i {
margin-top:4px; font-size:1.4em;} 
.bottom_info .social img {display:none; width: 100%;}


.copyright { padding:15px 0;
font-size:0.95em;}

@media (max-width: 991px) {}	


	
	

/* scroll to top */
	.scrollToTop {
	border-radius: 2px; transition:0.1s ease-out; text-align: center; right: 20px; bottom: 20px; display: none; position: fixed; z-index: 100; background-color: rgb(17, 17, 17); -webkit-transition: all 0.1s ease-out;
}
.scrollToTop:hover {
	bottom: 25px;
}
.scrollToTop a {
	transition:0.1s ease-out; width: 40px; height: 40px; color: rgb(170, 170, 170); padding-top: 7px; font-size: 1em; display: block; -webkit-transition: all 0.1s ease-out;
}
.scrollToTop a:hover {
	color: rgb(255, 255, 255);
}