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

section, .section {padding-top:80px; position:relative; }

.section .title {text-align:center; margin-bottom:40px; padding:0 20%;}
.section .title p {margin-top:10px;}
  
 @media (max-width: 991px) {
.section {padding-top:50px; }
.section .title { padding:0 5%; margin-bottom:30;}
 }
 
 
	
/* Intro */
	.intro {
		position:relative; 
		transition:0.2s ease-out; -webkit-transition: all 0.2s ease-out; }	

.intro .zs-slides:before {
content: ''; background: rgba(0,0,0, 0.1); width: 100%; height: 100%;
    position: absolute; top:0%; left: 0%; z-index:10;}
	
.intro .caption-cell {
position:absolute; top:10%; width:100%; height:80%; z-index:20;} 
	.intro .caption { 
  text-align: center; z-index:10; }
 .intro .caption h2 {
    font-size:2.5em; letter-spacing:-0.01em; text-transform:capitalize;
	text-shadow: 0 1px 3px rgba(0, 0, 0, .3); position:relative;}
 .intro .caption h2:before{ display:none;
	content: ''; background: #fff; width: 8%; height: 1px;
    position: absolute; bottom: 0%; left: 46%;}
.intro .caption p {
    text-shadow:none; margin: 15px auto 0;}
.intro .btn {
margin-top:30px;}


@media (min-width: 1600px) {
.intro .movie {
width:110% !important;}
}

@media (max-width: 1499px) {
.intro .movie {
width:120% !important;}
}

@media (max-width: 1199px) {
.intro .movie {
width:130% !important;}
}

@media screen and (max-width: 991px) {
.carousel-indicators {
  bottom: 10px;}
.carousel-indicators li {
  width: 20px; height: 6px; }
.carousel-indicators .active {
  width: 20px; height: 6px; }
.intro .caption h2 {font-size:2.5em; padding:0;}
.intro .caption h2:before {display:none;}
}
	
	@media screen and (max-width: 575px) {
	.intro .caption h2 {
			font-size:1.8em;}
	}
	
	


	/* md 01 */
.md_01 .grid {
position:relative; text-align:center;}
.md_01 .desc {margin:0; padding:0;}
.md_01 h2 {'open sans','nanum gothic'; font-size:2.3em; font-weight:400; 
text-transform:capitalize; margin-top:0px; padding-bottom:10px; position:relative;}
.md_01 h2:before{
	content: ''; background: #aaa; width: 6%; height: 1px;
    position: absolute; bottom: 0%; left: 47%;}

.md_01 .img_grid {margin:35px auto 0; 
overflow:hidden; }
.md_01 .btn {
margin-top:30px;}

@media screen and (max-width: 1199px) {
.md_01 {
min-height:auto; padding:10% 0;}
.md_01 h2 {
font-size:2.0em;}
}

@media (max-width: 991px) {
.md_01 .grid {
padding:0 5%;}
.md_01 h2 {
font-size:1.8em;}
}

@media (max-width: 575px) {
.md_01 .img_cell.typo {width:70%; }
.md_01 .img_grid {width:80%; }
}




	
/* md 02 */
.md_02 .desc {
	 text-align:center; }
.md_02 .desc h3 {
padding: 0px 0 15px; }
.md_02 .img-cell {
	 border-radius:5px; position:relative; border-radius:50%;}
.md_02 .img-cell img {
	transition:0.2s ease-out;  transform: scale(1); -webkit-transition: all 0.2s ease-out; -webkit-transform: scale(1);	}
.md_02 .co:hover .img-cell img {
	transform: scale(1.2); -webkit-transform: scale(1.2);}
.md_02 .overlay {
background:rgba(0,0,0, 0.4); opacity:0; text-align:center; 
transition:0.2s ease-out; -webkit-transition:all 0.2s ease-out;}
.md_02 .co:hover .overlay {
opacity:1; }
.md_02 .overlay i {
padding:25px; margin:0 auto; background:rgba(255,255,255, 1);
font-size:1.4em; color:#444; border-radius:50px;}





/* md 03 */
.md_03  {
	position:relative;  text-align:center;}
.md_03 .btn {
	background:rgba(101,171,126, 0.5); }
.md_03 .btn:hover {
	background:rgba(101,171,126, 1);}

.md_03 #myPlayer{ display:none;
position:fixed; left:0; top:0; z-index:-1;}
.md_03 #myPlayer:after {
content: ''; background: rgba(0,0,0, 0.4); 
    width: 100%; height: 100%;
    position: absolute; top: 0%; left: 0%;}

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




/* md 04 */
.md_04 .co {
padding:0 3%;}

.md_04 .nav-tabs {
  border-bottom: 1px solid #ccc; margin:-5px 0 10px;
}
.md_04 .nav-tabs .nav-link {
  margin-bottom: -1px; padding:5px 20px; 
}
.md_04 .nav-tabs .nav-link h4 {
  color:#777;
}
.md_04 .nav-tabs .nav-link:hover, .md_04 .nav-tabs .nav-link:focus {
  border-color: transparent;
}
.md_04 .nav-tabs .nav-link.active {
  color: #495057;
  background-color: #fff;
  border-color: #ccc #ccc #fff; 
}
.md_04 .nav-tabs .nav-link.active h4 {
  color: #444;
}

.md_04 .sub_title, .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; margin-top:2px;} 
	.md_04 .board_gallery_output {margin-top:0px;}
		

	
	
/* md 05 */
.md_05 {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: 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; 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 i {
font-size:1.4em; margin-top:8px;}
.md_05 .icon li img {display:none; width: 100%;}

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

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






/* md 07 */
.md_07 .desc p {
	font-size:0.95em; }
.md_07 .icon {
width:40px; height:40px; border-radius:50%; background:#fff; margin:20px auto 0; }
.md_07 .icon i {
font-size:1.2em; color:#555;  }

.md_07.post-text .cell {
padding:0px 5%;}	
.md_07.post-text .sub_title h4 {
	 padding-bottom:20px; }
.md_07.post-text .sub_title h4:before{
	content: ''; background: #aaa; width: 15%; height: 2px;}
.md_07.post-text p {
	margin-top: 0px; font-size:0.95em;}

@media (max-width: 991px) {
.md_07.second .cell {
padding:0px 0%;}
.md_07.second .sub_title h4 {
	 margin-bottom:10px; padding-bottom:10px; position:relative;}
}




/*md 08*/

.md_08 .row {
margin-left:-15px; margin-right:-15px;}
.md_08 .cell {
position:relative;}
.md_08 .desc {
	margin: 0px auto; padding: 0 10%; width: 100%; text-align: center; top:40%; position: absolute; z-index: 2; 
	 transition:0.3s ease-out; -webkit-transition: all 0.3s ease-out;
}
.md_08 .cell:hover .desc {
	 top:36%;
}
.md_08 .desc h3 {}
.md_08 .icon {
 margin:15px auto 0; }
.md_08 .icon i {
font-size:1.2em;  }
.md_08 .img_cell {
	position: relative; overflow:hidden;
}
.md_08 .img_cell span.overlay {
	transition:0.2s ease-out; left: 0px; width: 100%; height: 100%; bottom: 0px; position: absolute; z-index: 1; 
	opacity: 0; background-color: #000; -webkit-transition: all 0.2s ease-out;
}
.md_08 .cell:hover .img_cell span.overlay {
	opacity: 0.6;
}
.md_08 .img_cell img {
	transition:0.2s ease-out; width: 100%; transform: scale(1); -webkit-transition: all 0.2s ease-out; -webkit-transform: scale(1.0);
}
.md_08 .cell:hover .img_cell img {
	transform: scale(1.1); -webkit-transform: scale(1.1);}

@media (max-width: 991px) {
.md_08 .desc {
padding: 0 5%; top:35%; }
.md_08 .cell:hover .desc {
	 top:35%;}
.md_08 .desc h3 {
	font-size: 1.4em; }
}

@media (max-width: 767px) {
.md_08 [class*="col-"] { margin:0; margin-bottom:30px; }
}


/* FILTER CSS */
.filter-wrapper {
    width: 100%;
    margin: 0px 0 30px 0;
    overflow: hidden;
    text-align: center;
}
.filter-wrapper li {
    display: inline-block;
    margin:0 5px;
}
.filter-wrapper li a {
    font-size: 0.9em;
    font-weight: bold;
    text-transform: uppercase;
    padding: 5px 17px;
    display: block;
    text-decoration: none;
    transition: all 0.4s ease-in-out;
}
.filter-wrapper li .selected,
.filter-wrapper li a:focus,
.filter-wrapper li a:hover {
    color: #5b95c9;
    outline: none;
  }

/* ISOTOPE BOX CSS */
.iso-box-section {
    width: 100%;
}
.iso-box-wrapper {
    width: 100%;
    padding: 0;
    clear: both;
    position: relative;
}
.iso-box {
    position: relative;
    min-height: 50px;
    float: left;
    overflow: hidden;
    margin-bottom: 30px;
}
.iso-box > a {
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
}





	

	
.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:hover img {
	opacity:0.5;}
.board_gallery_output .board_output_gallery_img a {
	width: 100%; height: 100%; display: block; position: relative;
}
.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: 991px) {	
		.board_gallery_output .board_output img{width:100%; height:auto;	}
	}

	@media screen and (max-width: 575px) {	
	.board_gallery_output table.board_output table.board_output tr > td:nth-child(6) {}
	.board_gallery_output .board_output_gallery_img {
	padding:0 5px;}
	}
	

	

.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) {}
.board_list_output .board_output .board_output tr td:nth-child(2) {}*/
.board_list_output .board_output .board_output tr td:nth-child(3) {
	 text-align: right; }
.board_list_output .list_output .bd_out1 {
	padding: 2px 0px;
}
.board_list_output .board_output .board_output a {font:inherit; color:inherit;}
.board_list_output .board_output .board_output a:hover {text-decoration:none;}
.board_list_output .board_output {font-family:'nanum gothic'; font-size:0.98em; color:#666;}

@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 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:20px;
}
.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: 767px) {}






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

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

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




.side_tab {
position:fixed; border-radius: 4px; width:190px; z-index:30; background: rgba(50,50,50,.8);
opacity:0; transition:0.4s ease-out; -webkit-transition: all 0.4s ease-out;}	
.side_tab.on {
opacity:1;}	
.side_tab.first {top:300px; right: -140px; border-radius: 4px;  }
.side_tab.first:hover, .side_tab.second:hover {right: -20px}
.buy-theme span, .quick-question span {padding:0 10px; position: relative; top:0; opacity: 0}
.buy-theme:hover span, .quick-question:hover span {opacity: 1}
.buy-theme a, .quick-question a { color: #fff; font-size: 10px; letter-spacing: 1px; text-transform: uppercase; padding:8px 15px; display: block }
.side_tab.second { top:350px; right: -140px; border-radius: 4px; }

@media (max-width: 991px) {
.side_tab {display:none;}
}




.preloader{background-color:#f7f7f7;width:100%;height:100%;position:fixed;top:0;left:0;right:0;bottom:0;z-index:999999;
-webkit-transition:.6s;-o-transition:.6s;transition:.6s;margin:0 auto}
.preloader .preloader-circle{width:100px;height:100px;position:relative;border-style:solid;border-width:1px;border-top-color:#0b1416;border-bottom-color:transparent;border-left-color:transparent;border-right-color:transparent;z-index:10;border-radius:50%;
-webkit-box-shadow:0 1px 5px 0 rgba(35,181,185,0.15);box-shadow:0 1px 5px 0 rgba(35,181,185,0.15);background-color:#ffffff; margin:0 auto;
-webkit-animation:zoom 2000ms infinite ease;animation:zoom 2000ms infinite ease;-webkit-transition:.6s;-o-transition:.6s;transition:.6s}
.preloader .preloader-img{
position:absolute;top:50%;z-index:10;left:0;right:0;margin:0 auto; padding-top:0px; 
text-align:center;display:inline-block;
-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:.6s;-o-transition:.6s;transition:.6s}
.preloader .preloader-img img{max-width:55px}

@-webkit-keyframes zoom{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.6s;-o-transition:.6s;transition:.6s}
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);-webkit-transition:.6s;-o-transition:.6s;transition:.6s}}
@keyframes zoom{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.6s;-o-transition:.6s;transition:.6s}
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);-webkit-transition:.6s;-o-transition:.6s;transition:.6s}}


  
  
	
	
	
	
/* Footer */
#footer{
	padding-top:80px; background:#fff;
}
.main_wrap #footer{
	padding-top:0px; 
} 
	.bottom_info {
		position: relative;
		margin-top: 0px; padding:40px 0;
		background: #39454b;
		color: #ccc;
		overflow: hidden;
	}
			
	.bottom_info  h4 {color:#eee;}
	.bottom_info  p {margin-top:10px;}
.bottom_info .info {margin-top:10px; font-size:0.9em;}
.bottom_info .info ul li {
	padding-bottom: 5px; width:100%;
}


.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: 26px; height: 26px; overflow: hidden; 
	opacity: 1; -webkit-transition: all 0.2s ease-out; 
}
.bottom_info .social i {
font-size:1.2em; line-height:25px;} 
.bottom_info .social img {display:none; width: 100%;}


.copyright { padding:15px 0;
font-size:0.95em;}
.copyright .cell ul li {
	padding-bottom: 5px; float:left; }

.bottom_info .col-md-3 {
margin-top:0px;}

@media (max-width: 767px) {
.bottom_info .co {
margin-top:30px;}
}




/* 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);
}