@import url('https://fonts.googleapis.com/css?family=Oxygen:400,700');
 
 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;}
 
  p {font-size:15px; line-height:24px;}
  
 @media screen and (max-width: 767px) {
 h2 {font-size:1.7em;}
 }

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

.nav_wrap > .container{
	width : 100%;
}

.section {margin-top:60px;}
.section.mg_0 {margin-top:0px;}

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

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

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

.button.button_solid {
		border:0px solid #a3bece; text-align: center; color: rgb(255, 255, 255); background-color: rgba(14, 129, 136, 0.5);	}
		 .button.button_solid:hover {
		color: rgb(255, 255, 255); background-color: rgb(11, 116, 123);}
	
	.dark {color: #fff;}
		.dark h2, .dark h3, .dark h4 {
	color:#fff;}
	
		.dark a {color: #fff;}
		
		.dark .button { color:#fff; border:1px solid #fff;  background:none;}
		.dark .button:hover {color:#fff; background:rgba(0, 0, 0, 0.5); }
		


/* Intro */

	#intro {
		background: url("../main/intro.jpg");
		background-size: cover;
		background-attachment: fixed;
		background-position: center center;
		background-repeat: no-repeat;
		position:relative; overflow:hidden;
	}	
	/*.grid{display: table; height: 100vh; width: 100%; }
	.grid .desc {text-align:center; display:table-cell; vertical-align:middle; }*/
	
	#intro .caption { 
  position: absolute;
  top:35%; right: 15%; left: 15%;  z-index: 10;
  text-align: left; text-shadow: none;
}
 #intro .caption h2 {
    font-family: 'open sans','nanum gothic', sans-serif;  font-size:4.0em; font-weight:;
	letter-spacing:-1px; text-transform:;
	  text-shadow: 0 1px 2px rgba(0, 0, 0, .5); padding-bottom:20px;
	  position:relative; }
 #intro .caption h2:before{
	content: ''; 
	/* background: #fff;  */
    width: 16%; height: 2px;
    position: absolute; bottom: 0%; left: 42%;
}
#intro .caption p {
    font-size: 1.5em; line-height: 1.8em; text-shadow:none;
    padding:0; margin: 30px auto 0;
}
	
#intro ul.slide {
	width: 1000%; position: relative;
}
#intro ul.slide li {
	background-position: center !important; width: 100%; height: 650px; overflow: hidden; float: left; position: relative; background-size: cover !important;
}
#intro ul.slide li.item1 {
	background: url("../main/main_mist.jpg") no-repeat top;
}
#intro ul.slide li.item2 {
	background: url("../main/main_cleaner.jpg") no-repeat top;
}
#intro ul.slide li.item3 {
	background: url("../main/main_01_new.png") no-repeat top;
}
#intro ul.slide li.item4 {
	background: url("../main/main_02.png") no-repeat top;
}
#intro ul.slide li.item5 {
	background: url("../main/main_03.png") no-repeat top;
}
#intro ul.slide li.item6 {
	background: url("../main/main_04.png") no-repeat top;
}
#intro ul.slide li.item7 {
	background: url("../main/main_05.png") no-repeat top;
}
#intro ul.slide li.item8 {
	background: url("../main/main_06.png") no-repeat top;
}
#intro ul.slide li.item9 {
	background: url("../main/main_08.png") no-repeat top;
}
#intro ul.slide li.item10 {
	background: url("../main/main_07.png") no-repeat top;
}
#intro ul.slide li.item11 {
	background: url("../main/main_09.png") no-repeat top;
}
/* #intro ul.slide li.item1 {
	background: url("../main/mb01.jpg") no-repeat top;
}
#intro ul.slide li.item2 {
	background: url("../main/mb02.jpg") no-repeat top;
}
 */
/* #intro ul.slide li.item3 {
	background: url("../main/mb03.jpg") no-repeat top;
} */
#intro ul.slide li a {
	height: 100%; display: block; position: relative;
}
#intro ul.slide li img {
	left: 0px; top: 0px; width: 100%; height: 100%; display: block; position: absolute;
}

#intro ol.indicator {
	left: 0px; width: 100%; text-align: center; bottom: 40px; position: absolute; z-index: 30;
}
#intro ol.indicator li {
	margin: 0px 3px; padding: 10px 0px; line-height: 1; display: inline-block; position: relative; cursor: pointer;
}
#intro ol.indicator li .dash {
	background: rgba(255, 255, 255, 0.4); width: 70px; height: 10px; position: relative;
}
#intro ol.indicator li .dash .bar {
	background: rgba(255, 255, 255, 0.7); left: 0px; top: 0px; width: 0px; height: 100%; position: absolute;
}

@media screen and (min-width: 1400px) {
#intro ul.slide li {
	 height: 650px; }
}
@media screen and (max-width: 1199px) {
#intro ul.slide li {
	 height: 557px; }
}
@media screen and (max-width: 991px) {
#intro .caption {
  right: 10%; left: 10%; top:30%;}
  .carousel-control {display:none;}
}
@media screen and (max-width: 767px) {
	#intro .caption h2 {font-size:1.0em;}
		#intro .caption h2:before {background:none;}
	#intro .caption p, .carousel-control {
	display:none;}
	#intro ul.slide li {
	 height: 180px; }
	#intro ul.slide li .caption p {
	display:none;}
	}
@media screen and (max-width: 480px) {
	#intro .caption {
  top:45%;}
	#intro .caption h2 {
			font-size:1.4em; }
	#intro ol.indicator {
		display : none;
	}
	}
	
	
	.tag {
	background:#444; padding:10px 0; margin-top:0px;}
	.tag h4{
	text-align:center; text-transform:uppercase;}
	.tag h4 span {
	margin-left:10px; color:#e88d2b;}
	
	@media screen and (max-width: 991px) {
	.tag {display:none;}
	}
	
	
	.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:60%; 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'; 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 screen and (max-width: 767px) {
.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 {
		text-align:center;
		margin-top:0px;	}
.md_02  h2 {letter-spacing:-0.5px;}
	.md_02 h2 span {color:#116a98;}
	.md_02 .title p {padding:0 10%;}
.md_02 .col .desc {
	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 #888; text-align:center;
 width: 100%;  padding: 15px 0; 
}
.md_02 .col .desc p { width:100%;
margin: 10px 0px 0px; padding:0 5%;
}
.md_02 .col .img_cell {
	overflow: hidden; font-size: 0px; border-radius:5px;
}
.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);
}
@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_03 {	
	background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url("../main/retail.JPG");
	/* background: url("../main/retail.JPG"); */
		background-size:cover;
		/*background-attachment: fixed;*/
		background-position: center center;
	margin-top: 0px; padding:80px 0;
}
.md_03 .inner { width:100%;
	padding: 0px; margin-top:0; text-align: center; 
}
.md_03 .inner h2 {
	font-weight: 300;
}
.md_03 .inner p {
	margin-top: 20px; font-size: 1em; 
}
.md_03 .button {
margin:30px 15px 0;}

.md_03-1 {	
	background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url("../main/pdf.jpg");
	/* background: url("../main/retail.JPG"); */
		background-size:cover;
		/*background-attachment: fixed;*/
		background-position: center center;
	margin-top: 0px; padding:200px 0;
}
.md_03-1 .inner { width:100%;
	padding: 0px; margin-top:0; text-align: center; 
}
.md_03-1 .inner h2 {
	font-weight: 300;
}
.md_03-1 .inner p {
	margin-top: 20px; font-size: 1em; 
}
.md_03-1 .button {
margin:30px 15px 0;}


.md_04 {margin-top:0px;}
.md_04 .cell {
	 overflow: hidden; margin-top:15px;
}
.md_04 .cell i { color:#666;
	border-radius: 6px; transition:0.4s ease-out; width: 30%; text-align: center; line-height: 90px; font-size: 2.8em; 
	float: left; background-color: rgb(221, 221, 221); -webkit-transition: all 0.4s ease-out;
}
.md_04 .cell:hover i {
	color: #555; background:#eee;
}
.md_04 .cell div {
	width: 70%; padding-left: 20px; float: right;
}
.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 .bn div p {
	text-align: left;  margin-top:10px;
}
	@media screen and (max-width: 767px) {
	.md_04 .col {margin-top:20px;}
	.md_04 .col:first-child {margin-top:0;}
	}
	

	
.md_05 {margin-top:30px; text-align:center;}	
.md_05 .icon ul {
	overflow: hidden; margin:0 auto; display:inline-block;
}
.md_05 .icon li {
float: left; margin:0 4px; padding:7px 0 0 0px; border-radius: 50%; text-align:center;
	border:0px solid #bbb; transition:0.2s ease-out; width: 40px; height: 40px; 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:#4c78bb;}
.md_05 .icon li:nth-child(2) {background:#aaa;}
.md_05 .icon li:nth-child(3) {background:#daa851;}
.md_05 .icon li:nth-child(4) {background:#aaa;}
.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;}
}




.md_07 {
		text-align:center;	}
.md_07  h2 {letter-spacing:-0.5px;}
	.md_07 h2 span {color:#116a98;}
	.md_07 p {width:80%; margin:0 auto;}
.md_07 .cell {
	position: relative; overflow: hidden;
  margin-bottom: 30px; 
}
.md_07 .cell .description {
	margin: 0px auto; padding: 0 10%; width: 100%; text-align: center; top:38%; position: absolute; z-index: 2; 
	 transition:0.3s ease-out; -webkit-transition: all 0.3s ease-out;
}
.md_07 .cell:hover .description {
	 top:35%;
}
.md_07 .cell .description h4 {
	color: rgb(255, 255, 255); font-size: 1.3em; font-weight: 600; color:#fff; text-transform: capitalize;
	opacity:0.8; margin-top:10px;
}
.md_07 .cell:hover .description h4 {opacity: 1;}
.md_07 .box .description p {
	color: rgb(255, 255, 255); font-size: 0.87em; margin-top:15px; opacity:0;
}
.md_07 .cell:hover .description p {opacity: 1;}
.md_07 .cell .description i {
  font-size:3.5em; color:#fff; text-align:center; opacity:0.7; z-index:10;}

.md_07 .cell .imgArea {
	position: relative; box-sizing: border-box;
}
.md_07 .cell .imgArea span.overlay {
	transition:0.2s ease-out; left: 0px; width: 100%; height: 100%; bottom: 0px; position: absolute; z-index: 1; 
	opacity: 0.1; background-color: rgb(0, 0, 0); -webkit-transition: all 0.2s ease-out;
}
.md_07 .cell:hover .imgArea span.overlay {
	opacity: 0.6;
}
.md_07 .cell .imgArea img {
	transition:0.2s ease-out; width: 100%; transform: scale(1); -webkit-transition: all 0.2s ease-out; -webkit-transform: scale(1.0);
}
.md_07 .cell:hover .imgArea img {
	transform: scale(1.1); -webkit-transform: scale(1.1);
}

@media screen and (max-width: 991px) {
.md_07 .button {display:none;}
}
@media screen and (max-width: 767px) {
.md_07 .box .description h3 {
	color: rgb(255, 255, 255); font-size: 1.4em; font-weight: 600;
}
}


.md_08 .col {
	height: 250px; width: 50%;
	background-position: center !important; border-right:1px solid #fff; border-bottom:1px solid #fff; 
	float: left; background-size: cover !important;
}
.md_08 .col:nth-child(1) {background: url("../main/con_08_1.jpg");}
.md_08 .col:nth-child(2) {background: url("../main/con_08_2.jpg");}
.md_08 .col:nth-child(3) {background: url("../main/con_08_3.jpg");}
.md_08 .col:nth-child(4) {background: url("../main/con_08_4.jpg");}
.md_08 .col .box {
	transition:0.2s ease-out; width: 100%; height: 100%; display: table; -webkit-transition: all 0.2s ease-out;
}
.md_08 .col .box{
	background-color: rgba(0, 0, 0, 0.3);
}
.md_08 .col:hover .box {
	background-color: rgba(0, 0, 0, 0.7);
}
.md_08 .box .textArea {
	transition:0.2s ease-out; text-align: center; vertical-align: middle; display: table-cell; -webkit-transition: all 0.2s ease-out;
}
.md_08 .box .textArea:hover {
	padding-bottom: 20px;
}
.md_08 .box .textArea i {
	color: rgb(255, 255, 255); padding-bottom: 10px; font-size: 2em; display: inline-block;
}
.md_08 .box .textArea h3 {
	text-align: center; color: rgb(255, 255, 255); font-weight: 600; margin-top:10px; 
}
.md_08 .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;
}
.md_08 .box .textArea:hover p {opacity:1.0;}

	@media screen and (min-width: 1301px) {
	.md_08 .col {
	height: 300px;}
	}

@media screen and (max-width: 767px) {
.md_08 .col {
	width: 100%; height: 200px; margin-top: 0px;
}	
}



.md_09 {margin-top:30px; text-align:center;}
	#news-container1 {
 margin-top: 0px;}
#news-container1 li { width:100%; float:left;
text-align:center; padding:0 5%;
}
	.md_09 #news-container1  h2 {letter-spacing:-0.5px;}
	.md_09 #news-container1  span {color:#116a98;}
	#news-container1 .info { font-size:15px; margin-top:20px;}
	
.testimonials_grids{
	margin:3em auto 0;
	width:70%;
	text-align:center;
}
.md_09 .cell {text-align:center; padding:2px 0 65px;}
.md_09 .w3_testimonials_grid {text-align:center; padding:2px 0 65px;}
.md_09 .cell h3{
    margin: 0 auto;
    padding:0 10%;
    position: relative;}
.md_09 .cell h3 span {color:#116a98;}
.md_09 .cell p{
	line-height:1.5em;
	margin: 10px 0 0px;
}
.w3_testimonials_grid p{
	line-height:1.5em;
	margin: 10px 0 0px;
}
.md_09 i {display:none; font-size:3.5em;}
.md_09 .img_cell {margin-bottom:20px;}
.md_09 .img_cell img {
    margin: 0 auto;}
.md_09 .flex-control-nav {
display:none;}

@media screen and (max-width:991px) {
	.w3_testimonials_grids {
    width: 77%;}
	.flex-control-nav {display:none !important;}
}

	@media screen and (max-width: 767px) {
	}
	
	

.md_10 h3 {font-size:1.6em; margin:15px 0 10px;}
.md_10 .movie {width:100%;}
@media screen and (max-width: 767px) {
}




.board_gallery_output .header {text-align:left; border-bottom:1px solid #ccc; padding:0 5px 5px 5px; margin-bottom:5px; }
.board_gallery_output .more {float:right; color:#777777;font-size:11px; margin-top:2px;} 
.board_gallery_output table {
	width: 100%;
}
.board_gallery_output .board_output_gallery_img {
	border: 0px solid rgb(255, 0, 0); 
}
.board_gallery_output .board_output_gallery_img img {
	width: 100%; height: auto; font-size: 0px;
}
.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: rgb(0, 0, 0);
}
.board_gallery_output .board_output_gallery_img a:hover::before {
	opacity: 0.3;
}
.board_gallery_output tbody tr td {
 width: 10%;
}
.board_gallery_output tbody tr td table {
	border: 5px solid rgba(255, 255, 255, 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 .header {text-align:left;}
.board_list_output .more {float:right;
}
.board_list_output .board_cell {padding:5px 0 0;}
.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%;top:150px; z-index:20;visibility:hidden;}
#pop .close_tab {text-align:center; font-size:14px;}
@media screen and (max-width: 991px) {
			#pop, #pro {display:none;}			
	}


.mdb_01 {	
	background: linear-gradient( rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2) ), url("../main/quiana.PNG");
	/* background: url("../main/retail.JPG"); */
		background-size:cover;
		/*background-attachment: fixed;*/
		background-position: center center;
	margin-top: 0px; padding:80px 0;
	text-align: center;
	color: #fff;
}
.mdb_02 {	
	background: linear-gradient( rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2) ), url("../main/hayah.png");
	/* background: url("../main/retail.JPG"); */
		background-size:cover;
		/*background-attachment: fixed;*/
		background-position: center center;
	margin-top: 0px; padding:80px 0;
	text-align: center;
	color: #fff;
}
.mdb_03 {	
	background: linear-gradient( rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2) ), url("../main/safezone.png");
	/* background: url("../main/retail.JPG"); */
		background-size:cover;
		/*background-attachment: fixed;*/
		background-position: center center;
	margin-top: 0px; padding:80px 0;
	text-align: center;
	color: #fff;
}

.mdb-cert {
	text-align: center;
	/* background-color:#141b64; */
	padding : 10px 10px;
	border-right: dotted 1px gray;
}

.mdb-cert > img{
	width:100%;
	height:220px;
}