@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=Montserrat:wght@300;400;500;600;700;800&display=swap');
  

 
 
 .post-text-half .co:nth-child(2) {
border-left:1px solid #ddd;}
.post-text-half .co .cell {
overflow:hidden;}
.post-text-half .co:nth-child(1) .cell {
padding-right:15%;}
.post-text-half .co:nth-child(2) .cell {
padding-left:15%;}
.post-text-half h4 {
	position:relative;	padding-bottom:15px; }
.post-text-half h4:before{	
content: ''; background: #bbb; 
    width: 8%;  height: 2px;
    position: absolute;  bottom: 0%; left: 0%;}
.post-text-half p {
   font-size:0.95em; margin: 15px 0 0px;}

@media screen and (max-width: 767px) {
.post-text-half .co:nth-child(2) {
border:0;}
.post-text-half .co:nth-child(1) .cell {
padding-right:0%;}
.post-text-half .co:nth-child(2) .cell {
padding-left:0%;}
}


.quote { position:relative;}
.quote:before { content: "\f10d"; position: absolute; left: 0px; top: 0px; 
font-family:fontawesome;}


.formmail-min { 
 padding:30px 0; border:1px solid #ccc; border-radius:0px;}
.formmail-min .formmail_border {
border-radius:3px; height:28px; border-color:#ccc; }
.formmail-min .formmail_textarea_style {
height:140px !important; border-radius:3px; border-color:#ccc;}
.formmail-min .table_02{
background:none; border:none !important;}
.formmail-min .table_02 td{
background:none; border:none;}
.formmail-min .formmail_title_bgcolor font {
color:#444;}


.movie-cell {position:relative; overflow:hidden;}
.movie {position:relative;}

@media (min-width: 992px) {
.movie-center {
 left: 50%; top: 50%; width: 100%; height: auto; position: absolute; z-index: 0; 
transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%);}
.movie-overlay:before {
	content: ''; background: rgba(0,0,0, 1); width: 100%; height: 100%;
    position: absolute; top:0%; left: 0%; opacity:0.3; z-index:1;} 
.movie-overlay:after {
content: ''; background: url("../main/overlay.png"); 
    width: 100%; height: 100%;  position: absolute; top: 0%; left: 0%; opacity:0.6;}
}


.bg-overlay {position:relative;}
.bg-overlay:before {
	content: ''; background: #000; width: 100%; height: 100%;
    position: absolute; top:0%; left: 0%; opacity:0.5; z-index:0;}
.bg-overlay.op-2:before {
	opacity:0.2; }	
.bg-overlay.op-3:before {
	opacity:0.3; }	
.bg-overlay.op-4:before {
	opacity:0.4; }	
	
	
.stack .cell {
	width: 100%; height: 100%; position:relative;}
.stack .img-cell {
width:100%; height:100%; position:relative; z-index:0;
transition: 0.2s ease-out; -webkit-transition: all 0.2s ease-out;
	background-position: center !important; background-size: cover !important;}
.stack .overlay {
background:#000; opacity:0;}
.stack .desc-cell {
position:absolute; top:0; left:0; width:100%; height:100%; display: table; z-index:10; }
.stack .desc {
	text-align: center; vertical-align: middle; display: table-cell; padding:0 5%;
	transition:0.2s ease-out; -webkit-transition: all 0.2s ease-out;}
.stack .desc i {
	margin-bottom: 10px; font-size: 2em; display: inline-block;}
.stack .desc p {
 margin-top:10px;}
 
 
 /* portfolio 5 column */
.portfolio-grid.work-5col li {width: 20%} 
.portfolio-grid.work-5col li.grid-item-double {width: 40%;}

/* portfolio 4 column */
.portfolio-grid.work-4col li {width: 25%; float:left;} 
.portfolio-grid.work-4col li.grid-item-double {width: 50%;}

/* portfolio 3 column */
.portfolio-grid.work-3col li {width: 33.33%; float: left}
.portfolio-grid.work-3col li.grid-item-double {width: 66.67%;}
	
.portfolio-grid { list-style: none; padding: 0; margin: 0;}
.portfolio-grid .grid-item .cell {margin: 0; position: relative; overflow: hidden}
.portfolio-grid .grid-item .cell img {display: block; width: 100%; cursor: pointer; }
.portfolio-grid .grid-item {opacity: 1;overflow: hidden;}
.portfolio-grid .grid-item .cell img {cursor: pointer; display: block; opacity: 1; width: 100%; transition: all 0.3s ease 0s;}
.portfolio-grid .grid-item figcaption {bottom:0; left:0; opacity: 0; position: absolute; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; width: 100%; height: 100%; padding:45px; z-index: 1; text-align: center}
.portfolio-grid .grid-item .cell:hover figcaption {opacity: 1; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s;}

.hover-option2 .grid-item figcaption {height: 100%}
.hover-option2 .grid-item .portfolio-hover-main {transform: none; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; display: table; height: 100%; top: 0; width: 100%;}
.hover-option2 .grid-item .portfolio-hover-content {bottom:-15px; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s;}
.hover-option2 .grid-item:hover .portfolio-hover-content {bottom:0;}
.hover-option2 .separator-line-horrizontal-medium-light2 {opacity:.5}
.hover-option2 .grid-item .cell:hover img { -webkit-filter: blur(5px); -moz-filter: blur(5px); -ms-filter: blur(5px); -o-filter: blur(5px); filter: blur(5px); opacity: 0.10; transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s;}

@media (max-width: 1199px) {
.portfolio-grid.work-5col li {width: 33.333%} 
    .portfolio-grid.work-5col li.grid-item-double {width: 50%;}
.portfolio-grid.work-4col li { width: 33.333%;}
    .portfolio-grid.work-4col li.grid-item-double { width: 66.667%; }    
    .portfolio-grid.work-4col li.grid-item-double:last-child { width: 100%;}
}

@media (max-width: 991px) {
.portfolio-grid.work-5col li {width: 50%} 
    .portfolio-grid.work-5col li.grid-item-double {width: 50%;}
.portfolio-grid.work-4col li {width: 50%}
    .portfolio-grid.work-4col li.grid-item-doubl { width:50%; }    
    .portfolio-grid.work-4col li.grid-item-double:last-child { width: 50%;}
    .portfolio-grid.work-3col li {width: 50%;}
    .portfolio-grid.work-3col li.grid-item-double { width: 50%;}
}

@media screen and (max-width: 767px) {
.portfolio-grid.work-5col li {width: 100%} 
    .portfolio-grid.work-5col li.grid-item-double {width: 100%;}
.portfolio-grid.work-4col li {width: 100%}
    .portfolio-grid.work-4col li.grid-item-double {width: 100%}
    .portfolio-grid.work-4col li.grid-item-double:last-child { width: 100%;}
    .portfolio-grid.work-3col li {width: 100%}
    .portfolio-grid.work-3col li.grid-item-double {width: 100%} 
}






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

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

.section .title {margin-bottom:30px;}
.section .title h2 {
margin-top:10px; width:90%;}
.section .title h3 {position:relative; text-transform:capitalize;}
.section .title h3:before {border-bottom: 1px solid; position: absolute; content: ""; width: 100%; top: 53%; opacity: 0.35}
.section .title p {margin-top:10px;}

 @media (max-width: 991px) {
 .section {padding-top:50px;}
.section .title { padding:0%;}
.section .title h2 {
width:100%;}
 }
 

		

.overlay {position:absolute; left:0; top:0; width:100%; height:100%; z-index:10;}
.overlay-be:before {
	content: ''; background: rgba(0,0,0, 0.3); width: 100%; height: 100%;
    position: absolute; top:0%; left: 0%; z-index:0;}
	
.line_ver {width:1px; height:20px; background:#ccc;}


.card-cell .img-cell {
	overflow: hidden;  border-radius:5px; position:relative;}
.card-cell .img-cell img {
	transition:0.2s ease-out;  transform: scale(1); -webkit-transition: all 0.2s ease-out; -webkit-transform: scale(1);	}
.card-cell .co:hover .img-cell img {
	transform: scale(1.2); -webkit-transform: scale(1.2);}
.card-cell .desc {
	margin-top:25px; text-align:center; position: relative; 
}
.card-cell h3 {
border-bottom:1px solid #bbb; padding: 0px 0 15px; }
.card-cell p { 
margin: 10px 0px 0px; padding:0 5%;}

@media (max-width: 991px) {
.card-cell .desc {
	margin-top:15px; }
.card-cell h3 {
 padding: 0px 0 10px; }
	}
	
.card {
border:0; border-radius:0;}
.card .img-cell {
	overflow: hidden;  border-radius:5px; position:relative;}
.card .img-cell img {
	transition:0.2s ease-out;  transform: scale(1); -webkit-transition: all 0.2s ease-out; -webkit-transform: scale(1);	}
.card .co:hover .img-cell img {
	transform: scale(1.2); -webkit-transform: scale(1.2);}
.card .desc {
	margin-top:20px; text-align:center; position: relative; 
}
.card h3 {
text-transform:capitalize; border-bottom:1px solid #bbb; padding: 0px 0 15px; }
.card p { 
margin: 10px 0px 0px; padding:0 5%;}

@media (max-width: 991px) {
.card .desc {
	margin-top:15px; }
.card h3 {
 padding: 0px 0 10px; }
	}
	

.post-icon .co {
overflow:hidden;}
.post-icon .img-cell {
width:30%; float:left; text-align:center; border-right:1px solid #ccc; border-radius:0;}
.post-icon .img-cell i {
font-size:2.5em; line-height:1.2em; color:#555; margin-top:5px;}
.post-icon .desc {
width:70%; float:left; padding-left:8%; text-align:left;}

.post .img-cell {
width:30%; float:left; border-radius:5px;  overflow:hidden;}
.post .img-cell i {
font-size:2.5em; line-height:1.2em; color:#555; margin-top:5px;}
.post .desc {
width:70%; float:left; padding-left:8%; text-align:left;}


ul.hor li {
float:left;}

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


.board-mini .sub-title {
text-align:center; border:1px solid #ccc; 
width:100%; height:95px; border-radius:5px; display:table; }
.board-mini .sub-title h4 {
display:table-cell; vertical-align:middle;}

@media (max-width: 991px) {
.board-mini .sub-title {
padding:5px 0; margin-bottom:10px;  height:auto;}
	}
	

ul.bullet li {
padding:1px 0; color:#444;}
ul.bullet li::before {
	background: #666; width: 3px; height: 3px; margin-right: 5px; vertical-align: middle; display: inline-block; content: "";}

	
	


	
/* Intro */
	.intro {
		background: url("../main/main.jpg");
		position:relative;	box-shadow: 0 1px 5px rgba(0,0,0, 0.2); z-index:10;}	
.intro .container {
		position:relative; height:100%;}	

.intro .item {
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;}

.swiper-number { left: auto !important; right: 0!important; width: 35px !important; text-align: right!important; top:35% !important; bottom: inherit !important; }
.swiper-number .swiper-pagination-bullet { background: transparent; color: #939393; display: block; font-size: 20px; height: 45px; line-height: 20px; opacity: .7; padding: 14px 0 0; text-align: center; width: 23px; border-radius: 0; margin: 0 0 5px 0; }
.swiper-number .swiper-pagination-bullet.swiper-pagination-bullet-active{ border-bottom: 1px solid rgba(0,0,0,.5); opacity: 1; 
color:#000; background: transparent;}


.intro .caption-cell { 
position:absolute; width:100%; height:100%; z-index:10;}
.intro .caption { 
 z-index:10; position:relative;}
 .intro .caption h2 {
    font-family: 'Montserrat','nanum gothic', sans-serif;  font-size:3.0em; text-transform:capitalize;
	text-shadow: 0 1px 3px rgba(0, 0, 0, .0); padding-bottom:0px; position:relative;}
 .intro .caption h2:before{display:none;
	content: ''; background: #fff; width: 8%; height: 1px;
    position: absolute; bottom: 0%; left: 46%;}
.intro .caption p {
    font-size: 1em; text-shadow:none; padding:0; margin: 20px auto 0;}


.intro .movie {
margin:0 0;}
.intro .movie:after {
	content: ''; background: rgba(0,0,0, 0.4); 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.8;}

@media (max-width: 1400px) {
.intro .item {height:700px; }
}

@media screen and (max-width: 1199px) {
  .intro .caption h2 {font-size:2.0em;}
}
	
@media screen and (max-width: 991px) {
.intro .item {height:500px; }
	.carousel-indicators {
  bottom: 10px;}
	}
	
	@media (max-width: 575px) {
.intro .item {height:300px; }
	.intro .caption h2 {
			font-size:1.8em; }
	}
	
	
		
		
.intro .side_icon {
	position:absolute; top:0; right:0px; opacity:0.5;
	transition:0.2s ease-out; -webkit-transition: all 0.2s ease-out;}
	.intro .side_icon.on {
opacity:1.0;}
.intro .side_icon ul {
	overflow: hidden; margin:0 auto; display:inline-block;
}
.intro .side_icon li {
float: none; margin:0 0px; padding: 0px; border-radius: 0%; text-align:center;
	border:0px solid #bbb; transition:0.2s ease-out; width: 35px; height: 35px; overflow: hidden; 
	opacity: 1; -webkit-transition: all 0.2s ease-out; background:#ddd; display:table;
}
.intro .side_icon li:nth-child(1) {background:#6087c1;}
.intro .side_icon li:nth-child(2) {background:#90a291;}
.intro .side_icon li:nth-child(3) {background:#deb162;}
.intro .side_icon li:nth-child(4) {background:#90a291;}
.intro .side_icon li a {width:100%; height:100%; display:inline-block; color:#fff; }
.intro .side_icon li:hover {opacity:0.5;} 
.intro .side_icon li i {
font-size:1.4em; margin-top:8px;}
.intro .side_icon li img {display:none; width: 100%; height: 100%;}

@media screen and (max-width: 991px) {
.intro .side_icon {
display:none;}
}


	
	
	.tag {
	background:#222; margin-top:0px; padding:0px 0; position:relative;	text-align:center;}
	.tag .grid {
	display:inline-block; margin:0 auto; height:40px; 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:1.0em; letter-spacing:1px; text-align:center; text-transform:uppercase;}
	.tag h4 span {
	margin-left:10px; color:#eea629;}
.tag .img_cell {
min-height:160px; background: url("../main/tag.jpg");}
 .pop_close { position:absolute; right:5%; top:10%;
 font-size:0.9em; }
.pop_close input {width:18px; height:18px; margin:0 5px 0px 0; vertical-align:middle;}
.pop_close i {font-size:1.3em; line-height:1em; margin:0 0 -5px 15px; overflow:hidden;}
.tag_off {padding:10px 0;}
.tag_on .desc {
	position:absolute; left:0; top:46%; width:100%; text-align:center; }

	@media screen and (max-width: 991px) {
	.tag, #tag_banner {display:none;}
	}
	
	
	
	

.md_01 .grid {position:relative; }
.md_01 .cell_01{left:0; top:34%; text-align:right; position:absolute; width:42%;}
.md_01 .cell_02 {right:0%; top:29%; position:absolute; width:42%; }
.md_01 .img-cell {text-align:center; margin:0 auto; }

@media screen and (max-width: 1199px) {
.md_01 .cell_01{top:25%;}
.md_01 .cell_02 {top:20%; right:0%;}
}
@media screen and (max-width: 991px) {
.md_01 .cell_01, .md_01 .cell_02{top:0%; text-align:center; position:relative; width:100%;}
.md_01 h4 {margin-top:10px;}
.md_01 .img-cell {text-align:center; margin:20px auto 0; }
}

@media (max-width: 575px) {
.md_01 h2 {
font-size:1.8em;}
}


	

.md_02 .co {
padding:0 2%; overflow:hidden;}
.md_02 .desc h3 {}
.md_02 .desc p { 
margin: 10px 0px 0px;}
.md_02 .img_cell {
	overflow: hidden;  border-radius:5px; position:relative;
}
.md_02 .img_cell img {
width: 100%;
	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);}

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




.md_03 {
		background-attachment: fixed !important;
	 position:relative;
}
.md_03 .desc h2 {
	font-weight: 400;
}
.md_03 .desc p {
	margin-top: 20px; }
.md_03 .button {
	margin: 30px auto 0; background:rgba(101,171,126, 0.5); }
.md_03 .button: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: 480px) {
	.md_03 .grid {
padding:0; }
/*.md_03 .board_gallery_output .board_output table.board_output tr > td:nth-child(6) {
display:none ;}*/
	}
	

	


.md_04 .bn {
	 overflow: hidden; margin-top:15px;
}
.md_04 .img_cell i { 
	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;  -webkit-transition: all 0.4s ease-out;
}
.md_04 .img_cell img {display:none;
max-width:100%;}
.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_list_output {padding:0; margin-top:0px;}
	.md_04 .board_gallery_output {padding:0; margin-top:15px;}

	@media screen and (max-width: 1199px) {
	.md_04 .board_list_output {margin-top:0px; }
	}

	

	
	
.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 .img_cell {
width:45px; margin:0 auto; border-radius:50%; overflow:hidden;}
.md_05  h3 {
	font-weight: 400; }

@media screen and (max-width: 991px) {
.md_05 .img_cell {
width:15%; margin:10px auto;}
}

@media (max-width: 480px) {
.md_05 .img_cell {
width:20%;}
}





.md_08 .cell {
position:relative;}
.md_08 .cell .desc {
	margin: 0px auto; padding: 0 15%; width: 100%; position: absolute; top:70px; z-index: 2; 
	color:#fff; opacity:0;
	 transition:0.3s ease-out; -webkit-transition: all 0.3s ease-out; 
}
.md_08 .cell:hover .desc {
	 top:50px; opacity:1;
}
.md_08 h3 {
font-size:3.5em; font-weight:400; } 
.md_08 .desc h4 {
padding-top:10px; position:relative; }
.md_08 .desc h4:before{
	content: ''; background: #fff; width: 10%; height: 2px;
    position: absolute; top: 0%; left: 0%;}
.md_08 .desc p {
	 margin-top:10px; 
}
.md_08 .desc i {
font-size:2em; margin-bottom:10px; }
.md_08 .img_cell {
	position: relative; box-sizing: border-box; overflow:hidden; background-color:#ff214f;
}
.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: rgb(0, 0, 0); -webkit-transition: all 0.2s ease-out;
}
.md_08 .cell:hover .img_cell span.overlay {
	opacity: 0.5;
}
.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);
	opacity:0.2em;}
	
@media screen and (max-width: 767px) {
.md_08 .desc h3 {
	font-size: 1.3em; }
}









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

	


table.board_output {
background:none;}
.board_list_output .board_output .board_output tbody > tr > td {
	padding: 4px 0px; font-size: 0.85em; border-bottom-color:#ddd; border-bottom-width: 1px; border-bottom-style: dotted;
}
/*.board_list_output .board_output .board_output tbody > tr:last-child > td {
	border-bottom-color:transparent;}*/
.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
}
.board_list_output .list_output .bd_out1 {
	padding: 2px 0px;
}
.board_list_output .board_output .board_output a {font-family:'nanum gothic'; 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:1.1em; color:inherit;}

@media (max-width: 1199px) {
.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: 10px 0px; font-size: 0.9em; 
}
.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%; padding-right:20px;}
.board_blog_output .board_output .board_output tr td:nth-child(3) {
	width: 80%; text-align: left; padding:15px 0 10px; display:block !important;
	font-size:1.8em;
}
.board_blog_output .board_output .board_output tr td:nth-child(4) {
	width: 80%; padding:10px 0 0; display:block !important; border-top:1px solid #ddd;
	font-size:1.1em;}
.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:#555;}
.board_blog_output .board_output .board_output a:hover {text-decoration:none;}

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




#pop {padding:0px; position:fixed; left:0;bottom:0px; z-index:20;visibility:hidden;
height:650px; width:100%;}
#pop .desc-cell {
 display:table; width:100%; height:75%; position:absolute; bottom:0;}
#pop .desc {display:table-cell; vertical-align:middle;
padding-left:40%;}
#pop .desc h3 {
font-size:4.0em; letter-spacing:-0.01em;}
#pop .desc p {
 font-size:1.05em;}
#pop .img-cell {
margin-left:15%; float:left; height:100%;}
#pop .img-cell img {
width:auto; height:100%;}
#pop .overlay {
opacity:0.8; height:100%; bottom:0; top:auto; z-index:-1;}
#pop .close_tab {text-align:right; position:absolute; top:30%; width:100%; height:30px; padding:0px 5%; 
background:rgba(0,0,0, 0.0); font-size:1em; z-index:20;}
#pop .close_tab input {
vertical-align:middle;}

@media screen and (max-width: 1400px) {
#pop {
height:550px; }		
#pop .img_cell {
margin-left:10%; float:left; }
#pop .desc h3 {
font-size:3.5em; }
	}
	
@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: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;
    right: 0;
    bottom: 0;
    background-color: #f5f5f5;
    /* change if the mask should be a color other than white */
    z-index: 1000;
    /* makes sure it stays on top */
}

.pre-container {
    position: absolute;
    left: 50%;
    top: 50%;
    bottom: auto;
    right: auto;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    text-align: center;
}

.spinner {
    width: 40px;
    height: 40px;
    position: relative;
    margin: 100px auto;
}

.double-bounce1,
.double-bounce2 {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #ffbf00;
    opacity: 0.6;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: bounce 2.0s infinite ease-in-out;
    animation: bounce 2.0s infinite ease-in-out;
}

.double-bounce2 {
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
}

@-webkit-keyframes bounce {
    0%,
    100% {
        -webkit-transform: scale(0.0)
    }
    50% {
        -webkit-transform: scale(1.0)
    }
}

@keyframes bounce {
    0%,
    100% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
    }
    50% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
    }
}
  
  
 
	
	
	
	
/* Footer */
#footer{
	margin-top:80px; background:#fff;
}
.main_wrap #footer{
	margin-top:0px; }
	
	.bottom_info {
		position: relative;
		margin-top: 0px; padding:30px 0;
		background: #393e41;
		color: #ccc;
		overflow: hidden;
	}
	.bottom_info  h4 {color:#eee;}
	.bottom_info  p {margin-top:10px;}
.bottom_info .cell {margin-top:0px; font-size:0.9em;}
.bottom_info .cell li {
	padding-right:15px; float:left; 
}

.bottom_info .social {
	float: left; overflow: hidden;}
.bottom_info .social li {
float: left; margin-right:10px; padding:0 !important; border-radius: 3px; text-align:center;
	border:1px solid #999; transition:0.2s ease-out; width: 24px; height: 24px; overflow: hidden; 
	opacity: 1; -webkit-transition: all 0.2s ease-out; 
}
.bottom_info .social i {
margin-top:5px; font-size:1.1em; line-height:1.0em; } 


.copyright { padding:15px 0 20px; border:1px solid #ccc;
font-size:0.9em;}

@media (max-width: 767px) {
.bottom_info .col {
overflow:hidden;}
.bottom_info .cell > ul > li {
	width:100%;}
.bottom_info  h4 {
margin-bottom:5px;}
	.bottom_info .social {
	margin-top:5px;}
}




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