@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500');
@import url('https://fonts.googleapis.com/css?family=Ubuntu:400,500,700');
@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Fira+Sans:400,500,600,700&display=swap');
 
 h2 {font-size:2.6em; color:#444; line-height:1.3em; text-transform:capitalize;}
 h3 {font-size:1.8em; color:#444; line-height:1.4em;}
 h4 {font-size:1.1em; color:#555; line-height:1.2em;}
 h5 {font-size:1.0em; color:#555;}
 
  p {font-size:15px; line-height:1.7em;}
  
 @media screen and (max-width: 1199px) {
 h2 {font-size:2.4em;}
 }
 @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; padding:0 15%;}
.section .title p {margin-top:10px;}

.button {min-width:180px; margin:20px auto 0; padding:10px 30px; border:2px solid #777; border-radius:10px;
font-family:'open sans'; }
.button:hover{color:#fff; background:#333; text-decoration:none;}
.button_solid {
		border:1px solid transparent; text-align: center; color: rgb(255, 255, 255); background:#555;	}
	.button_solid:hover {
		color: rgb(255, 255, 255); background: rgba(14, 129, 136, 1);}
.button_circle {
min-width:auto; width:90px; height:90px; padding:30px 0 0; border-radius:50%;}

	.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;}
		
	.sec {position:absolute; left:0; width:100px; background:#999; color:#fff; text-align:center; 
	padding:5px 0; z-index:10;}

	.overlay {width:100%; height:100%;}
	
	.over_hidden {overflow:hidden;}
	.line_vertical {width:1px; height:20px; margin:10px auto 0; background:#aaa;}
	
.dis_table {display:table;}
.dis_table_cell {display:table-cell; vertical-align:middle;}

	
	

/* Intro */
	.intro {
		background: url("../main/intro.jpg");
		background-size: cover;
		/*background-attachment: fixed;*/
		background-position: center center;
		position:relative;
	}		
	.intro .caption { 
  position: absolute;  top:25%; left: 15%; right: 15%;  z-index: 10; border:0px solid #999;
  text-align: center; 
}
.intro .item .caption {display:none;}
 .intro .caption h2 {
    font-family: 'Open Sans Condensed','open sans','nanum gothic', sans-serif;  font-size:13.5em; font-weight:400;
	letter-spacing:-4px; text-transform:;
	  text-shadow: 0 1px 2px rgba(0, 0, 0, .5); padding-bottom:25px; position:relative;
}
 .intro .caption h2 span {
 font-weight:700;}
 .intro .caption h2:before{
	content: ''; background: #fff; width: 12%; height: 2px;
    position: absolute; bottom: 0%; left: 44%;
}
.intro .caption p {
    font-size: 1em; line-height: 1.8em; text-shadow:none; padding:0; margin: 20px auto 0;
}

.carousel-indicators {
  bottom: 30px;}
.carousel-indicators li {
  width: 12px; height: 12px;
  margin: 0 2px;  background-color: rgba(0, 0, 0, 0); border: 1px solid #fff; border-radius: 2px;}
.carousel-indicators .active {
 margin: 0 4px 0 0;}
  
.carousel-control {
  position: absolute; top: 50%; width: 10%;  padding-top:0px;}
.carousel-control i {
font-size:0.7em; }
.carousel-control.left {
  padding-left:0px; }
.carousel-control.right { 
  text-align:center; padding-right:0px;}
.carousel-control.left, .carousel-control.right { background-image: none;}

@media screen and (max-width: 1199px) {
	.intro .caption h2 {font-size:11.5em; }
	}
@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:2.5em; letter-spacing:-1px;}
		.intro .caption h2:before {background:none;}
	.intro .caption p, .carousel-control {
	display:none;}
	.carousel-indicators {
  bottom: 10px;}
.carousel-indicators li {
  width: 20px; height: 6px;
  margin: 2px;  background-color: rgba(0, 0, 0, 0); 
  border: 1px solid #fff; border-radius: 2px;}
.carousel-indicators .active {
  width: 20px; height: 6px;
  margin: 2px; background-color: #fff;}
	}
	@media screen and (max-width: 480px) {
	.intro .caption {
  top:25%;}
	.intro .caption h2 {
			font-size:1.8em; }
	}
	
	
	
	
	
	.tag {
	background:#222; margin-top:0px; position:relative; padding:0px 0; 
	}
	/*.tag .cell {
	display:inline-block; position:relative; overflow:hidden; padding:10px 0; vertical-align:middle;}
	.tag .thumb {
	position:absolute; left:0; top:0;}*/
	.tag .desc {
	position:absolute; left:0; top:45%; width:100%; text-align:center; }
	.tag h4{
	font-size:1.2em; font-weight:400; 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");}
 .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.3em; margin:0 0px 0 10px;}
.tag_off {padding:0px 0;}

	@media screen and (max-width: 991px) {
	.tag, #tag_banner {display:none;}
	}
	
	
	
	
/* md 01 */
	.md_01 {
		margin-top:0px;
		text-align:center;	}
	.md_01 .grid{margin-top:30px; padding:0;
}
.md_01 h2 {
	text-align:center;
	position:relative;
	letter-spacing:0px;
}
.md_01 h3{
	margin:20px 0 0; letter-spacing:-1px;
	font-family: 'Open Sans','nanum gothic', sans-serif;
}
.team-grid p{
	width: 100%;
    margin: 10px auto 0;
    text-align: center;
	font-size:0.9em;
	padding:0 10px;
}
.md_01 img:hover{
	opacity:0.7;}

@media screen and (max-width: 767px) {
.md_01 .team-grid {text-align:center; margin-bottom:40px; }
.md_01 .team-grid:nth-child(3) {margin-bottom:0px; }
.md_01 .team-grid img{margin:0 auto;}
}



/* md 2 */
.md_02{
    padding: 2em 0 1em;
}
.md_02 .col {
padding:0 20px;}
.md_02 .container {
position:relative;}
.md_02 .img_cell {
overflow:hidden;}
.md_02 img{
	width:100%; 
}
.md_02 h2{
    color: #333333; font-size: 2.8em;
    margin-top:0px; font-weight: 600;
    line-height: 1.3em; letter-spacing:-1px; text-transform:none;
	position:relative;
}
.md_02 h3{color:#40a33e;
    margin-top:50px;
    line-height: 1.4em; letter-spacing:-1px;
}
.md_02 .desc_cell p{
    margin: 20px 0 2em;
}
@media screen and (max-width: 1199px) {
.md_02 h2 {
font-size:2.2em;}
.md_02 h3 {
font-size:1.7em; margin-top:30px;}
}
@media screen and (max-width: 991px) {
.md_02 h3 {
font-size:1.5em; margin-top:30px;}
}
@media screen and (max-width: 767px) {
.md_02 img{
	margin:-10% 0;
}
}



	.md_03 {
		margin-top:0px;	text-align:center;
		padding: 110px 0; color:#fff;
		height:600px; position:relative;
	}
	#news-container1 {
 margin:40px auto 0;
}
#news-container1 li { width:100%; float:left;
text-align:center; 
}
	#news-container1  h3 {font-size:40px; line-height:38px; letter-spacing:-0.5px; color:#fff;}
	#news-container1  span {color:#eee;}
	#news-container1 .info {font-size:16px; margin-top:30px;}
.md_03 i {font-size:75px; margin:80px auto 0;}

.md_03 #myPlayer{ 
position:absolute; 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 screen and (max-width: 991px) {
	#news-container1  h3 {font-size:30px;}
	}
	@media screen and (max-width: 767px) {
	.md_03 li {min-height:100px;}
	}
	
	
	
	.md_04 {margin-top:40px}
	.md_04 h2{ text-align:center;}	
.md_04 .inner {margin-top:40px;}
.md_04 .col {margin-bottom:50px;}

.section1 .team_list .imgArea {
overflow: hidden; margin-bottom: 20px;
}
.section1 .team_list .imgArea img {
	width: 100%; display: block;
}
.md_04 .info h3 { 
	 position:relative;
}
.md_04 .info h5 { 
	 color:#fff; background:#888; padding:0 10px; margin-top:5px; display:inline-block;}
.section1 .team_list .info span {
	color: rgb(153, 153, 153); font-size: 0.9em; margin-top:10px;
}
.section1 .team_list .info ul {
	margin-top: 15px;
}
.md_04 .team_list .info ul li { padding-bottom:2px;
}
.section1 .team_list .info ul li::before {
	background: #aaa; width: 3px; height: 3px; margin-right: 5px; vertical-align: middle; display: inline-block; content: "";
}


.md_051 {margin-top:0px; padding:0px 0; background:;}

/* md 05 */
.md_05 {padding:0px 0; background:;}
.md_05 .title {
padding:0 15%;}
.md_05 .top .inner {margin-top:0px;}

.md_05 .top .cell {
background:#fff; padding:40px 30px; position:relative; border:1px solid #ccc; text-align:center;
transition:0.2s ease-out; -webkit-transition:all 0.2s ease-out;}

.md_05 .top .cell1 {
width:100%; background:#fff; padding:40px 30px; position:relative; border:1px solid #ccc; text-align:center;
transition:0.2s ease-out; -webkit-transition:all 0.2s ease-out;}

.md_05 .top .cell:hover {
 background:#777; border-color:transparent;}

.md_05 .top .cell1:hover {
 background:#777; border-color:transparent;}

.md_05 .top i {
background:#40a33e; font-size:2.6em; color:#fff; width:80px; height:80px; border-radius:50%; 
padding-top:21px; margin:0 auto; transition:0.2s ease-out; -webkit-transition:all 0.2s ease-out;}

.md_05 .top .cell:hover i {
background:#fff; color:#40a33e;}

.md_05 .top .cell1:hover i {
background:#fff; color:#40a33e;}

.md_05 .top h3 {
margin:20px auto 10px; font-size:1.5em;}
.md_05 .top .cell:hover h3 {
color:#fff;}
.md_05 .top .cell:hover p {
color:#fff;}

.md_05 .bottom {
margin:60px 0 0; }
.md_05 .bottom .grid {
padding:30px 5%; margin:0 15px; background:#fff; overflow:hidden; border:1px solid #ccc;}
.md_05 .bottom i {
float:left; font-size:2.4em; width:25%;}
.md_05 .bottom .content {
float:left; width:75%;}
.md_05 .bottom h5 {
 font-size:1.4em; }
.md_05 .bottom span {
 margin-top:5px; font-size:0.95em;}
 
@media screen and (max-width: 767px) {
}



.md_06 {margin-top:20px;}
.md_06 h2 {text-align:center;}
.md_06 .title p {margin-top:20px; padding:0 20%; text-align:center;}
.md_06 .inner{margin-top:40px;}
.md_06 .services-row {
	overflow: hidden;
}
.services-left {
    padding: 0;
    background: url(../main/con_06_1.jpg)no-repeat center 0px;
    background-size: cover;
    min-height: 350px; 
	-webkit-transition: .5s all;
	-moz-transition: .5s all;
	-o-transition: .5s all;
	-ms-transition: .5s all;
    transition: .5s all;
}
.services-right{
	padding:6em 9em;
	background:#00405c;
	height: 350px;
}
h4.w3agile-sbtitle {
    font-size: 1.8em; line-height:1em;
    color: #fff;
    position: relative;
    font-weight: 300;
    margin-bottom: 1em;
    padding-bottom: 0.8em;
    text-transform: uppercase;
    letter-spacing: 2px;
}
h4.w3agile-sbtitle:after {
    width: 6%;
    height: 2px;
    background: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    content: '';
}
.md_06 .inner p {
    color: #eee;
    font-weight: 300;
}
.md_06 img.img-responsive {
    width: 100%;
}
.services-left.services-left2 {
    float: right;
    background: url(../main/con_06_2.jpg) no-repeat center 0px;
    background-size: cover;
	min-height: 350px;
}
.services-right.services-right2 {
    background: #2b82ad;
}
.services-left.services-left3 { 
    background: url(../main/con_06_3.jpg) no-repeat center 0px;
    background-size: cover;
}
.services-row:hover .services-left {
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-o-transform: scale(1.2);
	-ms-transform: scale(1.2);
    transform: scale(1.2);
}
@media screen and (max-width: 1199px) {
.services-right{
	padding:6em 7em;}
}
@media screen and (max-width: 991px) {
.services-left.services-left2 {
    float:none;}
	.services-right{
	padding:5em 4em; height:auto;}
}
@media screen and (max-width: 767px) {
}




.md_07 {
margin-top:30px;}
.md_07 img {width:100%;}
.md_07 .side {
    border: 0px solid #e2dcdc; padding:0px; margin-top:50px;
}
.md_07 h3 {
    font-size:1.8em; font-weight: 600; line-height:30px; text-transform:;
	position:relative;	padding-bottom:20px; }
.md_07 h3:before{	
content: ''; background: #bbb;
    width: 50px;  height: 2px;
    position: absolute;  bottom: 0%; left: 0%;}
.md_07 .side p {
    margin: 20px 0 0px;}
.md_07 .button {
margin-top:30px;}

@media screen and (max-width: 991px) {
.md_07 .side {
margin-top:0px;}
}
@media screen and (max-width: 767px) {
	.md_07 .side{
		padding:0 5%;	}
	.md_07 .img_cell {
	padding:0 20%;}
}




.md_08 {margin-top:10px; padding:0;}
.md_08 .bn h2 {
	font-size: 3.2em; color:#fff; 
}
.md_08 p {
	color:#fff; margin-top:30px; padding-bottom:30px; 
}
.md_08 .bn {
	padding:150px 0px;
	background: url(../main/con_08_1.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	border-right: 0px solid #fff; 
	border-bottom: 1px solid #fff; text-align:center;
}
.md_08 .desc {
padding:0 15%;}
.md_08 .sigmapad {
	padding: 0 1px 1px 0 !important;
	margin: 0 !important; position:relative;
}
.md_08 .sigmapad:hover img {
	opacity:0.7;
}
.md_08 .button_cell {
margin-top:10px;}
.md_08 .button {
min-width:140px; margin:0 5px;} 
.md_08 .btn-danger {
background:#c2482c;} 
.md_08 .btn-success {
background:#46a546;} 
.md_08 .button:hover {
background:rgba(0,0,0, 0.8); border:1px solid transparent;} 
.md_08 i {position:absolute; left:0; top:42%; width:100%; text-align:center; opacity:0.3;
z-index:10; font-size:3.0em; color:#fff;}
.md_08 .sigmapad:hover i {
	opacity:0.7;}
.md_08 .overlay {position:absolute; left:0; top:0%; width:100%; height:100%; background:#000; opacity:0.1;}
.md_08 img {width:100%;}

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




.md_09 {
margin-top:20px;}
.md_09 .title {text-align:center; padding:0 15%; }
.md_09 .grid {
margin-top:40px;}
.md_09 .overlay {
background:#444; opacity:0; 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;}
.md_09 .col:hover .overlay {
opacity:0.8;}
.md_09 .img_cell {
position:relative;}
.md_09 .img_cell img {
width:100% !important; }
.md_09 .sub_title {
bottom:-40px; position:absolute; z-index:10; width:100%; text-align:center; text-transform:capitalize;
font-weight:600;
transition:0.2s ease-out; -webkit-transition:all 0.2s ease-out;}
.md_09 .overlay-content {
opacity:0; border-bottom:1px solid #999; padding:10px 0; min-height:100px;}
.md_09 .col:hover .sub_title{
bottom:30px; color:#fff;}
.md_09 .col:hover .overlay-content{
opacity:1;}

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



/* md 10 */
.md_10 {background: url("../main/con_10_bg.jpg"); 
		background-size:cover;
		/*background-attachment: fixed;*/
		background-position: center center;
	margin: 0px auto; padding:90px 0; width: 100%; background-color: transparent; position:relative; 
}
.md_10 .title {
padding:0 15%;}
.md_10 h3 {font-size:1.7em; text-align:center;}
.md_10 .icon {width: 100%; margin-top:10px; }
.md_10 .icon ul {
	text-align: center; overflow: hidden;
}
.md_10 .icon ul li {
	margin:20px 30px; padding-top: 20px; border-radius:50%; border: 1px solid rgb(0, 0, 0); transition:0.2s ease-out; 
	width: 160px; height: 160px; text-align: center; display: inline-block; cursor: pointer;
	background-color: rgb(0, 0, 0); -webkit-transition: all 0.2s ease-out; opacity:0.5;
}
.md_10 .icon ul li:hover {
background-color: rgba(0, 0, 0); opacity:0.8;
}
.md_10 .icon ul li i {
	padding: 10px; border-radius: 5px; transition:0.2s ease-out; color: rgb(255, 255, 255); font-size: 2em; 
	display: inline-block; -ms-word-wrap: break-word;  -webkit-transition: all 0.2s ease-out;
}
.md_10 .icon ul li:hover i {
	color: rgb(255, 255, 255);
}
.md_10 .icon ul li span { font-family:open sans;
	padding: 0px 0px; color: rgb(255, 255, 255); font-size: 1em; font-weight: 300; display: block;
transition: 0.2s ease-out; -webkit-transition: all 0.2s ease-out;}
.md_10 .icon li:hover span {
font-weight:600;}
.md_10 .line_vertical {
margin-top:10px; height:25px;}

@media screen and (max-width: 991px) {
.md_10 .icon ul li {
	margin:20px; padding-top: 25px;	width: 130px; height: 130px;
}
}



.md_11 .inner {
	margin:3em 0 0;}
.md_11 .title {
text-align:left; padding-left:15px;}
.pa_italic span {
    display: none;
}
.md_11 .pa_italic i, .md_11 .collapsed span {
    right: 10px; top:5px;
	float:right;
    font-size: 0.7em;
    color: #212121;
}
.md_11 .collapsed i {
    display: none;
}
.md_11 .collapsed span {
    display: inline-block;
}
.panel_text {
    font-size: 14px;
    color: #999;
    line-height: 1.8em;
}
.md_11 .panel-heading h4 {
    color: #40a33e;
    margin: 0;
    font-size:1.2em; line-height: 1.5em;
    text-transform: capitalize;
    letter-spacing: 1px;
}
.about-grids-left h4 a{
	text-decoration:none;
}
.about-grids-left h4 a:hover{
	color:#212121;
}

.panel-heading-sub {
    padding:1em 0;
}
.panel-default > .panel-heading {
    background: none;
    border: none;
	border-bottom:1px solid #ddd;
}
.panel-default {
    border: none;
}
.panel-group .panel + .panel {
    margin-top: 0;
}
.panel-group .panel {
    border-radius: 0;
}
.panel {
    box-shadow: none;
}
.panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group {
    border: none;
}

@media screen and (max-width: 991px) {
.about-grids-right {
		margin: 3em 0 0;
	}
}
@media screen and (max-width: 480px) {
.md_11 .inner {
		margin: 1.5em 0 0;
	}
	.about-grids-left h4 {
		font-size: 1em;
	}
}



.md_12 {
margin-top:0px; padding:60px 0; background:#222;}
.md_12 .flexslider {
margin-top:30px;}
.main-slider .flex-caption {-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); zoom: 1;}
.main-slider .flex-caption { 
bottom: 130px; background-color: rgba(0, 0, 0, 0.6); color: #fff; margin: 0; padding: 25px 30px 25px; 
position: absolute; right: 0; width: 40%;}
.main-slider .flex-caption h3 {color: #fff; letter-spacing: 1px; margin-bottom: 10px; text-transform: uppercase;}
.main-slider .flex-caption p {margin: 0 0 15px;}
.btn-theme {
	color: #fff; background:#000;
}
.btn-theme:hover {
	color: #eee;
}

.main-slider  .flex-direction-nav a:before  { 
	font-family: "flexslider-icon"; 
	font-size: 20px; 
	display: inline-block; 
	content: '\f001'; 
}
.main-slider  .flex-direction-nav a.flex-next:before  { content: '\f002'; }

@media (max-width: 991px) {
.main-slider .flex-caption { 
bottom: 70px; width: 60%;}
}
@media (max-width: 767px) {
.main-slider .flex-caption { bottom: 50px; padding: 15px; width: 400px;}
.main-slider .flex-caption h3 {font-size:1.3em;}
.main-slider .flex-caption p {margin: 0 0 15px;}
}
@media (max-width: 480px) {

	.main-slider .flex-caption {
		bottom: 0; width:100%;
		text-align: center;
	}
	.main-slider .flex-caption p {
		display: none;
	}
	.btn-theme  {display:none;}
}




/* md 13 */
.md_13 {margin-top:20px;}
.md_13 .bn i {
float:left; width:25%; font-size:2.5em; line-height:100px; border:1px solid #ccc;
text-align:center;}
.md_13 .bn .desc {
float:left; width:75%; padding-left:5%;}

	.fourth .nav {
	margin-top:-5px;}
	.fourth .nav > li > a {
	padding: 5px 15px;}
	.fourth .nav-tabs {
  border-bottom: 1px solid #ccc;}
.fourth .nav-tabs > li > a {
  border-radius: 4px 4px 0 0;
}
.fourth .nav-tabs > li > a:hover {
  border-color: #eee #eee #ccc;
}
.fourth .nav-tabs > li.active > a,
.fourth .nav-tabs > li.active > a:hover,
.fourth .nav-tabs > li.active > a:focus {
  border: 1px solid #ccc;
  border-bottom-color: transparent;
}
.md_13 .more {
float:right; font-size:0.9em;}
.md_13 .sub_title {
margin-bottom:5px; border:0px solid #444; display:inline-block; width:100%;}
.md_13 .sub_title h4 {
float:left;}
	.md_13 .board_list_output {
	margin-top:5px;}
.md_13 .bottom {
margin-top:50px;}
.md_13 .custom .info h3 { clear:both; 
	color: rgb(68, 68, 68); font-size: 26px; margin: 10px 0; padding:7px 30px;
	border:1px solid #bbb; display:inline-block;
}
.md_13 .custom .info h3 i {
margin-right:5px;}
	
@media screen and (max-width: 1199px) {
.md_13 .bn i {
line-height:90px; }
.md_13 .custom .info h3 { 
 padding:5px 20px; font-size:1.6em;}
}
@media screen and (max-width: 991px) {
.md_13 .col {margin:20px auto;}
}



.md_14 {
margin-top:40px; text-align:center;}
.section2  p {margin:20px auto 0; position:relative; width:90%;}
.section2 .inner {margin-top:30px;}
.md_14 .bottom {
margin-top:50px;}
.section2 .board_gallery_output .board_output_gallery_img {
padding:0 20px;}
.section2 .button {
margin-top:20px;}



.md_15 {
background:;}
.md_15 img {
width:100%;}
.md_15 .nav-tabs {
margin-top:0px; border-bottom:1px solid #ccc;}
.md_15 .nav-tabs li a {
color:; padding:10px 30px;}
.md_15 .nav-tabs > li > a:hover {
  border-color: #eee #eee #ccc;
  color:#666; background:#ddd;
}
.md_15 .nav-tabs > li.active > a,
.md_15 .nav-tabs > li.active > a:hover,
.md_15 .nav-tabs > li.active > a:focus {
color:#555; border: 1px solid #bbb;
  border-bottom-color: transparent;
  border-bottom:1px solid #eee;
  background:transparent; 
}
.md_15 .tab-content {
margin-top:30px; display:block;}

.md_15 .desc {
margin-top:20px; text-align:left;}
.md_15 .desc h3 {
font-size:2.5em; text-transform:capitalize;}
.md_15 .desc h4{
margin:15px 0 10px;}
.md_15 .middle {
padding:50px 0; margin-top:60px; background:#333;}

@media screen and (max-width: 1199px) {
.md_15 .desc h3 {
font-size:2.0em; text-transform:capitalize;}
.md_15 .desc {
margin-top:30px;}
}
@media screen and (max-width: 991px) {
.md_15 .nav-tabs {
margin-top:30px;}
.md_15 .desc {
margin-top:20px;}
}






.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:0px; 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;}



.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:0 20px;
}
.board_blog_output .board_output .board_output tr td:nth-child(4) {
	width: 50%; 
}
.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;}



#pop {z-index:20; right:50px; top:80px; width:400px; 
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .6); box-shadow:0 1px 2px rgba(0, 0, 0, .6); 
border:1px solid #bbb; opacity:0.8; padding:0; background:transparent;}

#pop .desc {
position:absolute; bottom:15%; left:5%; right:15%;text-align:left; padding:0;}
#pop .desc h2 {
font-size:4.0em; color:#f3f52f; margin-bottom:0px;}
#pop:hover {
opacity:1.0;}
#pop img {
max-width:100%; }
#pop .pop_close {text-align:center; background:#555; font-size:0.9em; margin-top:-30px;
z-index:20;}

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

	


.modal-dialog {margin-top:100px;}
.modal-header .close {
	margin-top: -15px;font-size: 50px;}
.modal-header .close:hover {background:none;}
.modal-body {
  padding: 20px;
}
.modal-body img{ width:100%;}
.modal-body p{
  margin-top:20px; line-height: 30px;
}
	


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