@import url('https://fonts.googleapis.com/css?family=Oxygen:400,700');
 
 h2 {font-size:2.0em; color:#444; line-height:1.1em;}
 h3 {font-size:1.4em; color:#555; }
 h4 {font-size:1.1em; color:#555;}
 
  p {font-size:15px; line-height:24px;}
  
 @media screen and (max-width: 767px) {
 h2 {font-size:1.7em; line-height:1.3em;}
 }

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

.section {margin-top:60px;}

.title {text-align:center;}

.main_wrap .inner {margin-top:30px;}

.desc {text-align:center;}


.button {min-width:180px; margin:20px auto 0; padding:10px 20px; border:1px solid #a3bece; 
font-family:'open sans'; font-size:14px;}
.button:hover{color:#fff; background:#a3bece; 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); }
		
			.dark .button.button_solid {	border:0px solid #a3bece; text-align: center; color: rgb(255, 255, 255); 
			background-color: rgba(0, 0, 0, 0.5);}
		.dark .button.button_solid:hover {
		color: rgb(255, 255, 255); background-color:#000;	}



/* Intro */

	#intro {
		background: url("../main/intro.jpg");
		background-size: cover;
		background-attachment: fixed;
		background-position: center center;
		background-repeat: no-repeat;
		position:relative;
	}	

.visual {
	width:100%; max-width:1300px; margin:0 auto; position:relative; overflow:hidden;}
	
	#intro .col {background-size: cover !important;
	background-position: center center !important;
	height:650px;}
	
	#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");}

.visual .col a {display:inline-block; width:100%; height:100%;}

.visual .desc {margin:130px 150px 0 50px; position:relative; text-align:left;}
.visual .desc h2 {font-size:2.6em; color:#fff; letter-spacing:-1px; padding-bottom:30px;
	  position:relative;}
.visual .desc h2:before{
	content: '';
    background: #fff;
    width: 20%; height: 2px;
    position: absolute; bottom: 0%; left: 0%;
}
.visual .desc p {margin-top:25px; font-size:0.85em; line-height:1.8em; color:#eee;}
.visual .main_button {width:150px; margin:0px auto 0; padding:15px 0; border:1px solid #eee; 
font-family:georgia,arial; font-weight:bold; color:#eeeeee;font-size:16px; text-align:center; 
position:absolute; left:50px; bottom:15%;}
.visual .main_button:hover{ background:#5790bb; color:#fff; border:1px solid #fff; text-decoration:none;}


@media screen and (min-width: 768px) {
.m_visual {display:none;}
}

@media screen and (max-width: 767px) {
.visual {display:none;}
.m_visual {
	border: 0px solid rgb(255, 0, 0);
}
.m_visual ul {
	height: 500px;
}
.m_visual ul li {
	background-position: center; width: 50%; height: 50%; border-right-color: rgb(255, 255, 255); border-bottom-color: rgb(255, 255, 255); border-right-width: 1px; border-bottom-width: 1px; border-right-style: solid; border-bottom-style: solid; 
	float: left; background-size: cover !important; background-position: center !important;
}
.m_visual ul li:nth-child(1) {background: url("../main/main_01.jpg");}
.m_visual ul li:nth-child(2) {background: url("../main/main_02.jpg");}
.m_visual ul li:nth-child(3) {background: url("../main/main_03.jpg");}
.m_visual ul li:nth-child(4) {background: url("../main/main_04.jpg");}

.m_visual ul li .box {
	transition:0.2s ease-out; width: 100%; height: 100%; display: table; -webkit-transition: all 0.2s ease-out;
}
.m_visual ul li .color01.box {
	background-color: rgba(0, 0, 0, 0.3);
}
.m_visual ul li .color02.box {
	background-color: rgba(0, 0, 0, 0.3);
}
.m_visual ul li .color03.box {
	background-color: rgba(0, 0, 0, 0.3);
}
.m_visual ul li .color04.box {
	background-color: rgba(0, 0, 0, 0.3);
}
.m_visual .box .textArea {
	transition:0.2s ease-out; text-align: center; vertical-align: middle; display: table-cell; -webkit-transition: all 0.2s ease-out;
}
.m_visual .box .textArea i {
	color: rgb(255, 255, 255); padding-bottom: 10px; font-size: 2em; display: inline-block;
}
.m_visual .box .textArea p {
	text-align: center; color: rgb(255, 255, 255); font-size: 1.15em; font-weight: 400;
}
}
	
	
	
	.md_01 {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_01 #news-container1  h2 {letter-spacing:-0.5px;}
	.md_01 #news-container1  span {color:#116a98;}
	#news-container1 .info { font-size:15px; margin-top:20px;}
	.md_01 .button {margin:0px auto;}
	
	@media screen and (max-width: 767px) {
	#news-container1  h2 {font-size:1.8em; }
	}
	
	
	.md_02 {
		text-align:center;
		margin-top:0px;
	}
.md_02  h2 {letter-spacing:-0.5px;}
	.md_02 h2 span {color:#116a98;}
	.md_02 p {width:80%; margin:20px auto 0;}
.md_02 .inner {
	margin-top: 0px;
}
.md_02 .col .textArea {
	transition:0.4s ease-out; width: 100%; position: relative; -webkit-transition: all 0.4s ease-out;
}
.md_02 .col .textArea h3 {margin-top:10px; border-bottom:2px solid #999; text-align:center;
 width: 100%;  padding: 15px 0; color:#444;
}
.md_02 .col .textArea p { width:100%;
margin: 10px 0px 0px; padding:0 10px;
}
.md_02 .col .imgArea {
	overflow: hidden; font-size: 0px;
}
.md_02 .col .imgArea 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 .imgArea img {
	transform: scale(1.2); -webkit-transform: scale(1.2);
}
.md_02 .button {display:none;}
@media screen and (max-width: 767px) {
.md_02 p {width:100%; margin:0 auto;}
.md_02 .col {
	margin: 50px 0px 0px;
}
.md_02 .col:first-child {
	margin-top: 0px;}
}


.md_03 {	background: url("../main/con_03_bg.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 {
	line-height:1.2em; font-weight: 300;
}
.md_03 .inner p {
	margin-top: 20px; font-size: 1em; font-weight: 100;
}
.md_03 .button {
margin:30px 15px 0;}


.md_04 {margin-top:0px; padding:60px 0;
	background: url("../main/con_04_bg.jpg");
	background-size:cover;
		background-position: center center;}
.md_04 .cell {
	 overflow: hidden; margin-top:15px;
}
.md_04 .cell .glyphicon { color:#666;
	border-radius: 4px; transition:0.4s ease-out; width: 30%; text-align: center; line-height: 100px; font-size: 2.4em; 
	float: left; background-color: rgb(221, 221, 221); -webkit-transition: all 0.4s ease-out;
}
.md_04 .cell:hover .glyphicon {
	color: rgb(255, 255, 255); background-color:#999;
}
.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; color: rgb(102, 102, 102); 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 1px; 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.3em; background:#ddd;
}
.md_05 .icon li:nth-child(1) {background:#ddd;}
.md_05 .icon li:nth-child(2) {background:#eee;}
.md_05 .icon li:nth-child(3) {background:#ddd;}
.md_05 .icon li:nth-child(4) {background:#eee;}
.md_05 .icon li a {width:100%; height:100%; display:inline-block; color:#777;}
.md_05 .icon li:hover a {color:#aaa;} 
.md_05 .icon li img {display:none; width: 100%; height: 100%;}

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



.md_06 {margin-top:30px}
.md_06 img {width:100%;}
.md_06 .side {
    border: 0px solid #e2dcdc; padding:0px;
}
h3.about-head {
    font-weight: 600;
    color: #000;
    line-height:30px; position:relative;
	padding-bottom:20px; margin-top:0px;
}
h3.about-head:before{	content: '';
    background: #ccc;
    width: 40px;
    height: 2px;
    position: absolute;
    bottom: 0%;
    left: 0%;}
.md_06 .side p {
    margin: 20px 0 10px;
}
@media screen and (max-width: 767px) {
		.md_06 .side{
		padding: 2em;
		width: 100%;	}
	.agileits-center {
		margin: 2em auto;
		width: 100%;	}
}


.md_07 {
	border: 0px solid rgb(255, 0, 0);
}
.md_07 > .row > .col-md-4 {
	padding: 15px;
}
.md_07 .cell {
	overflow: hidden; position: relative;
}
.md_07 .cell .description {
	margin: 0px auto; padding: 0 10%; width: 100%; text-align: center; top:50%; position: absolute; z-index: 2; 
	 transition:0.3s ease-out; -webkit-transition: all 0.3s ease-out;
}
.md_07 .cell:hover .description {
	 top:45%;
}
.md_07 .box .description h3 {
	color: rgb(255, 255, 255); font-size: 1.7em; font-weight: 600; opacity:0.7; 
}
.md_07 .cell:hover .description h3 {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 .box .description span {
	padding-top: 10px; display: block;
}
.md_07 .cell .imgArea {
	font-size: 0px; 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; 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;
}
}




.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:10px 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:#ddd;}
.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:#ddd;}


#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 {display:none;}			
	}
	@media screen and (max-width: 767px) {
			#pro {display:none;}			
	}