@import url('https://fonts.googleapis.com/css?family=Oxygen:400,700');
 @import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700&display=swap');
 
 h2 {font-size:2.1em; color:#444; line-height:1.3em;}
 h3 {font-size:1.4em; color:#444; line-height:1.2em;}
 h4 {font-size:1.2em; color:#555;}
 h5 {font-size:1.0em; color:#555;}
 
  p {font-size:15px; line-height:1.7em;}
  
 @media screen and (max-width: 767px) {
 h2 {font-size:1.7em;}
 }

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

.section {margin-top:70px; overflow:hidden; }
.section.mg_0 {margin-top:0px;}
.section.pd_0 {padding-top:0px;}

.section .title {text-align:center; margin-bottom:40px;}
.section .title p {margin-top:10px;}

.desc {text-align:center;}

.button {min-width:180px; margin:20px auto 0; padding:10px 30px; border:1px solid #a3bece; 
font-family:'open sans'; }
.button:hover{color:#fff; background:#a3bece; text-decoration:none;}

.button_solid {
		border:1px solid transparent; text-align: center; color: rgb(255, 255, 255); background: rgba(14, 129, 136, 0.5);	}
	.button_solid:hover {
		color: rgb(255, 255, 255); background: rgba(14, 129, 136, 1);}
.button_small {min-width:auto; margin:10px auto 0; padding:0px 20px; border:1px solid #ccc; 
font-size:0.9em; }
.button:hover{color:#fff; background:#a3bece; text-decoration:none;}
	
	.dark, .dark h2, .dark h3, .dark h4 {
	color:#fff;}
		.dark a {color: #fff;}
		
		
.bg {
background-size: cover !important;
		background-position: center center !important;}
.bg_none {
background:none;}
		
		

/* Intro */
	.intro {
		background: url("../main/intro.jpg");
		background-size: cover;
		/*background-attachment: fixed;*/
		background-position: center center;
		position:relative; overflow:hidden;
	}	
	/*.grid{display: table; height: 100vh; width: 100%; }
	.grid .desc {text-align:center; display:table-cell; vertical-align:middle; }*/
	
.intro .col {
	height: 600px; width: 25%;
	background-position: center !important; border-right:1px solid #fff; border-bottom:1px solid #fff; 
	float: left; background-size: cover !important;
}
.intro .col:nth-child(1) {background: url("../main/main_01.jpg");}
.intro .col:nth-child(2) {background: url("../main/main_02.jpg");}
.intro .col:nth-child(3) {background: url("../main/main_03.jpg");}
.intro .col:nth-child(4) {background: url("../main/main_04.jpg");}
.intro .col .box {
	transition:0.2s ease-out; width: 100%; height: 100%; display: table; -webkit-transition: all 0.2s ease-out;
	background-color: rgba(0, 0, 0, 0.1);
}
.intro .col:hover .box {
	background-color: rgba(0, 0, 0, 0.7);
}
.intro .box .textArea {
	transition:0.2s ease-out; text-align: center; vertical-align: middle; display: table-cell; -webkit-transition: all 0.2s ease-out;
}
.intro .box .textArea:hover {
	padding-bottom: 20px;
}
.intro .box .textArea i {
	color: rgb(255, 255, 255); padding-bottom: 10px; font-size: 2em; display: inline-block;}
.intro .box .textArea h3 {
	font-family:'roboto Condensed'; font-size:1.8em; font-weight:400; text-align: center; color: rgb(255, 255, 255); 
	margin-top:10px; 
}
.intro .box .textArea p {
	text-align: center; color: rgb(255, 255, 255); font-size: 0.9em; font-weight: 400; opacity:0; margin-top:10px; padding:0 30px;
}
.intro .box .textArea:hover p {opacity:1.0;}

.intro .movie:after {
	content: '';
    background: rgba(0,0,0, 0.5);
    width: 100%; height: 100%;
    position: absolute; top:0%; left: 0%;}

	@media screen and (min-width: 1400px) {
	.intro .col {
	height: 650px;}
	}
@media screen and (max-width: 991px) {
.intro .col {
	height: 550px;}
.intro .caption {
  right: 10%; left: 10%; top:30%;}
  .carousel-control {display:none;}
}
@media screen and (max-width: 767px) {
.intro .col {
	width: 50%; height: 280px; margin-top: 0px; }	
	.intro .caption h2 {font-size:2.5em;}
	.intro .textArea p {
	display:none;}
	}
	@media screen and (max-width: 480px) {
	.intro .caption {
  top:27%;}
	.intro .box .textArea h3 {
			font-size:1.6em; }
	}
	
	
	
	.tag {
	background:#222; margin-top:0px; position:relative; padding:0px 0; 
	}
	.tag .desc {
	position:absolute; left:10%; right:10%; top:35%; text-align:center; }
	.tag .desc p{
	margin-top:10px; color:#ddd;}
	.tag h4{
	font-size:1.0em; letter-spacing:1px; text-align:center; text-transform:uppercase;}
	.tag h4 span {
	margin-left:10px; color:#eea629;}
.tag .img_cell {
min-height:170px; background: url("../main/tag.jpg"); }
.tag .slide_down {
padding:15px 0;}
 .pop_close { line-height: 35px; position:absolute; right:5%; top:10%;}
.pop_close input {width:20px; height:20px; margin:0 10px -5px 0; }
.pop_close i {font-size:1.5em; margin-left:10px;}

	@media screen and (max-width: 991px) {
	.tag {display:none;}
	}
	
	
	
	/* md 01 */
	.md_01 {
	margin: 0px auto; }
.md_01 > .container {position:relative;}
.md_01 .desc_grid {position:absolute; height:100%; width:100%; left:0; }
.md_01 .cell_01{left:0; right:58%; top:30%; text-align:right; position:absolute;}
.md_01 .cell_02 {left:60%; right:5%; top:25%; position:absolute;}
.md_01 h2 {font-family:'Oxygen','nanum gothic'; font-size:2.4em; font-weight:400;}
.md_01 p {margin-top:5px;}
.md_01 .img_grid {text-align:center; width:50%; margin:0 auto; }
.md_01 .img_grid img {max-width:100%;}

@media all and (max-width: 1199px) {
.md_01 h2 {font-size:2.1em;}
}
@media screen and (max-width: 991px) {
.md_01 .desc_grid {position:relative; width:100%; left:0; }
.md_01 .cell_01{left:0; right:0%; top:0%; text-align:center; position:relative;}
.md_01 .cell_02 { left:0%; right:0%; top:0%; position:relative; text-align:center; margin-top:5px;}
.md_01 h2 {font-size:1.8em; letter-spacing:-1px;}
.md_01 p {display:none;}
.md_01 .img_grid {text-align:center; width:100%; margin:10px auto 0; }
}


	
	/* md 02 */
	.md_02 {
		margin-top:0px;	text-align:center;}
.md_02  h2 {letter-spacing:-0.5px;}
	.md_02 h2 span {color:#116a98;}
	.md_02 .title p {padding:0 10%;}
.md_02 .col .desc {
	text-align:center; transition:0.4s ease-out; width: 100%; position: relative; -webkit-transition: all 0.4s ease-out;
}
.md_02 .col .desc h3 {margin-top:10px; border-bottom:1px solid #aaa; 
 width: 100%;  padding: 15px 0 20px; 
}
.md_02 .col .desc p { width:100%;
margin: 15px 0px 0px; padding:0 5%;
}
.md_02 .col .img_cell {
	overflow: hidden;  border-radius:5px; position:relative;
}
.md_02 .col .img_cell img {
	transition:0.2s ease-out; width: 100%; transform: scale(1); -webkit-transition: all 0.2s ease-out; -webkit-transform: scale(1);
}
.md_02 .col:hover .img_cell img {
	transform: scale(1.2); -webkit-transform: scale(1.2);
}
.md_02 .img_cell .tab {position:absolute;  right:10px; top:10px; background:#fff; padding:0 10px;
border-radius:5px; font-size:0.95em; text-transform:capitalize;}

@media screen and (max-width: 767px) {
.md_02 .title p {width:100%;}
.md_02 .col {
	margin: 50px 0px 0px;
}
.md_02 .col:first-child {
	margin-top: 0px;}
}

	

.md_04 {margin-top:0px;}
.md_04 .cell {
	 overflow: hidden; margin-top:15px;
}
.md_04 .cell i { color:#666;
	border-radius: 6px; border:1px solid #ddd; transition:0.4s ease-out; width: 30%; text-align: center; 
	line-height: 95px; font-size: 3.0em; 
	float: left; background-color: #f3f3f3; -webkit-transition: all 0.4s ease-out;
}
.md_04 .cell .desc {
	width: 70%; padding-left: 20px; float: right; text-align:left;
}
.md_04 .cell h3 {margin-top:0px;}
.md_04 .cell h4 {
	margin: 0; transition:0.2s ease-out; -webkit-transition: all 0.2s ease-out;
}
.md_04 .cell p {
	text-align: left;  margin-top:0px;
}
.md_04 .col_01, .md_04 .col_02 {
padding-top:5px;}

	.md_04 .nav > li > a {
	padding: 5px 15px;}
	.md_04 .nav-tabs {
  border-bottom: 1px solid #ccc;}
.md_04 .nav-tabs > li > a {
  border-radius: 4px 4px 0 0;}
.md_04 .nav-tabs > li > a:hover {
  border-color: #eee #eee #ccc;}
.md_04 .nav-tabs > li.active > a,
.md_04 .nav-tabs > li.active > a:hover,
.md_04 .nav-tabs > li.active > a:focus {
  border: 1px solid #ccc; border-bottom-color: transparent;}
.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_list_output .board_cell {padding:0; margin-top:10px;}

	.md_04 .grid.bottom {
	margin-top:50px;}
	
	@media screen and (max-width: 1199px) {
	.md_04 .board_list_output .board_cell {padding:0; margin-top:0px; }
	}
	@media screen and (max-width: 991px) {
	.md_04 .col {margin-top:30px;}
	.md_04 .col:first-child {margin-top:0;}
	}
	

	
.md_05 {margin-top:0px; text-align:center;}	
.md_05 .icon ul {
	overflow: hidden; margin:0 auto; display:inline-block;
}
.md_05 .icon li {
float: left; margin:0 5px; padding:5px 0 0 0px; border-radius: 50%; text-align:center;
	border:0px solid #bbb; transition:0.2s ease-out; width: 36px; height: 36px; overflow: hidden; 
	opacity: 1; -webkit-transition: all 0.2s ease-out; font-size:1.4em; background:#ddd;
}
.md_05 .icon li:nth-child(1) {background:#6087c1;}
.md_05 .icon li:nth-child(2) {background:#90a291;}
.md_05 .icon li:nth-child(3) {background:#deb162;}
.md_05 .icon li:nth-child(4) {background:#90a291;}
.md_05 .icon li a {width:100%; height:100%; display:inline-block; color:#fff;}
.md_05 .icon li:hover {opacity:0.5;} 
.md_05 .icon li img {display:none; width: 100%; height: 100%;}
.md_05 .icon li i {}

.md_05  h3 {
	text-align: center; font-size: 1.3em; font-weight: 400; margin-top:20px;
}
.md_05  h3 span {font-weight:600;}
.md_05 p {
	margin-top: 10px;  
}

@media screen and (max-width: 767px) {
.md_05  h3 {
	font-size: 1.2em;}
}



/* gallery */
.md_07 {
	padding: 60px 0 30px; margin-top:10px;
    background: #eee;
	}
.md_07 .title h2{
    margin: 0;
    color: #000000; font-size:1.5em;
    letter-spacing: 1px;
    font-weight: 600;
    text-transform: uppercase;
}
.md_07 .title p {
    font-size: .9em;
    margin: 1em auto 0;
    width: 50%;
}
.md_07 .inner{
	margin:0;
}
#owl-demo .item{
    text-align: center;
}
.services-grid-info{
    position: relative;
    overflow: hidden;	
}
.services-grid-info img{
	width:100%;
}
.md_07 .desc {
background: rgba(0, 0, 0, 0.5);
    padding: 35% 1em;
    position: absolute; left: 0;
    bottom: -85%;
    text-align: center;
    width: 100%;
    height: 100%;
    -webkit-transition: .5s all;
    transition: .5s all;
    -moz-transition: .5s all;}
.md_07 .desc h4 {
font-size:1.6em; margin: 15px auto 0;}
.md_07 .desc p{
    color: #ddd;
    font-size: .9em;
    margin-top:10px; text-align:center;
}
.md_07 .desc i {
font-size:1.4em; }
.services-grid-info:hover .desc{
    bottom: 0%;
}
.md_07 .cell .description h3 {
	color: rgb(255, 255, 255); font-size: 1.7em; font-weight: 600; opacity:0.8; 
}

@media screen and (max-width: 991px) {
}
@media screen and (max-width: 767px) {
.md_07 .title p {
    width: 90%;}
.md_07 .desc {
background: rgba(0, 0, 0, 0.0);
    bottom: 0%;}
}




.board_gallery_output table {
	width: 100%;
}
.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;}

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

	

.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;
}
.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;}


#pop {margin:0px; padding:0px; position:absolute; left:5%;bottom:200px; z-index:20;visibility:hidden;}
#pop .close_tab {text-align:center; position:absolute; bottom:-40px; width:100%; padding:0px 0;}
@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;}