h2 {color:#444; font-size:2.3em; line-height:1.2em;}
 h3 {color:#555; line-height:1.5em;}
 h4 {color:#555; font-size:1.1em;}
 
 p {font-size:15px; line-height:24px;}
 
 .main_wrap{
width:100%; padding:0px; position:relative; margin:0px auto; background:#fff;}

.section {padding:0px 0; margin-top:40px; overflow:hidden;}

	
	.dark, .dark h4 {
		color: #fff;
	}
		.dark a {
			color: #fff;
		}

		.dark .button {
			border-color: inherit;
			background-color: rgba(64, 64, 64, 0.05);
		}
			.dark .button:hover {
				background-color: rgba(255, 255, 255, 0.1);
			}
	

.blank {padding:0; margin:0 auto; position:relative;}

.button {width:180px; margin:20px auto 0; padding:10px 0; border:1px solid #a3bece; 
font-family:'open sans'; font-size:14px;}
.button:hover{color:#fff; background:#a3bece; text-decoration:none;}


/* 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;
	}
	
	#intro .inner {width: 100%; position:absolute; left:0; top:30%; z-index:20;}
	.visual.inner {text-align:center;  color:#fff; }
	.visual.inner h2{font-size:3.8em; font-weight:600; letter-spacing:-1px; color:#fff; text-transform:uppercase; 
	position:relative; z-index:10;}
	.visual.inner p{font-family:'work sans'; font-weight:400; margin-top:30px;}
	
	#intro .overlay {
background: url("../main/overlay.png");
		background-position: center center;
		background-repeat: repeat;	position:absolute;  height: 100%; width: 100%; z-index:10;}
	
#intro .movie {
margin:0% -7%; }
	
.visual .icon_wrap {
	left: 50%; width: 100%; margin-left: -50%; margin-top:10px; position: relative; z-index: 0;
}
.visual .icon_wrap ul {
	text-align: center; overflow: hidden;
}
.visual .icon_wrap ul li {
	margin:30px; padding-top: 0px; border-radius:10px;  
	width: 236px; height: 240px; text-align: center; display: inline-block; cursor: pointer;
	background-color: rgba(255, 255, 255, 0.2); transition:0.3s ease-out; -webkit-transition: all 0.3s ease-out;
}

.visual .icon_wrap ul li img {
	margin:0px; padding-top: 0px; border-radius:10px;  
	width:100%; height: 100%; text-align: center; display: inline-block; cursor: pointer;
	background-color: rgba(255, 255, 255, 0.2); transition:0.3s ease-out; -webkit-transition: all 0.3s ease-out;
}
.visual .icon_wrap ul li:hover {
background-color: rgba(14, 144, 182, 0.8); 
}
.visual .icon_wrap ul li i {
	padding:0px; border-radius: 5px; transition:0.2s ease-out; color: rgb(0, 0, 0); font-size: 2.5em; 
	display: inline-block; -ms-word-wrap: break-word;  -webkit-transition: all 0.2s ease-out;
}
.visual .icon_wrap ul li:hover i {
	color: rgb(255, 255, 255);
}
.visual .icon_wrap ul li span { font-family:open sans;
	padding:0px 0px; color: rgb(0, 0, 0); font-size: 1.5em; font-weight: 600; display: block;
}
.visual .icon_wrap ul li:hover span { color: rgb(255, 255, 255);
}

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

@media screen and (max-width: 1200px) {
.visual .inner h2{font-size:3.0em; }
.visual .icon_wrap ul li {
	width: 180px; height: 180px; padding-top: 40px;}
	.visual .icon_wrap ul li span { 
	 font-size: 1.4em;}
}
@media screen and (max-width: 991px) {
.visual .icon_wrap ul li {
	width: 160px; height: 160px; margin:20px; }
		}
@media screen and (max-width: 767px) {
#intro {height:100vh;}
#intro .inner {top:20%;}
#intro .movie {display:none;}
#intro .overlay { display:none;}
.visual .icon_wrap ul li {
	margin:10px; padding-top: 30px; border-radius:20px; transition:0.2s ease-out; 
	width: 130px; height: 130px; text-align: center; display: inline-block; cursor: pointer;
	background-color: rgba(255, 255, 255, 0.5); -webkit-transition: all 0.2s ease-out;
}
}



.tag {
	background:#222; margin-top:0px; position:relative; padding:10px 0; }
	.tag .desc {
	position:absolute; left:0; top:45%; width:100%; text-align:center; }
	.tag h4{
	font-size:1.0em; letter-spacing:1px; text-align:center; text-transform:uppercase;}
	.tag h4 span {
	margin-left:10px; color:#eeb232;}
.tag .img_cell img{
width:100%;}
.tag a:focus {
text-decoration:none;}
 .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.5em; margin-left:10px;}

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

	
	.md_02 {
		background: url("../main/bg_02.jpg");
		background-size:cover;
		background-attachment: fixed;
		background-position: center center;
		text-align:center;
		margin-top:20px; overflow:hidden;
	}
.md_02  h2 {letter-spacing:-0.5px;}
	.md_02 h2 span {color:#116a98;}
	.md_02 p {width:70%; margin:0 auto;}
.md_02 .cell {
	margin: 50px 0px 0px;
}
.md_02 .cell:hover {
	cursor: pointer;
}
.md_02 .desc_cell {margin-left:10%; margin-top:-8%; padding:30px 30px 20px; border-left:1px solid #aaa; background:#fff;
text-align:left;}
.md_02 .cell .textArea {
	transition:0.4s ease-out;  position: relative; -webkit-transition: all 0.4s ease-out;
}
.md_02 .cell .textArea h3 {margin-top:0px; border-bottom:1px dotted #999; 
 width: 100%; padding-bottom: 15px;  
	font-size: 1.6em; color:#34993f; 
}
.md_02 :nth-child(1).cell .textArea h3 {
	background-color: rgba(255, 255, 255, 1.0);
}
.md_02 :nth-child(2).cell .textArea h3 {
	background-color: rgba(255, 255, 255, 1.0);
}
.md_02 .cell .textArea i {
	top: 30px; right: 25px; color: rgb(255, 255, 255); font-size: 1.5em; position: absolute;
}
.md_02 .cell .textArea dl {
	margin: 15px 0px 0px;
}
.md_02 .cell .textArea dl dd {
	padding:0 0px;
}
.md_02 .cell .image {
	overflow: hidden; font-size: 0px; 
}
.md_02 .cell .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 .cell:hover .imgArea img {
	transform: scale(1.1); -webkit-transform: scale(1.1);
}

@media screen and (max-width: 991px) {
.md_02 p {width:90%; margin:0 auto;}
}




.md_03 {	background: url("../main/con_03_bg.jpg");
		background-size:cover;
		/*background-attachment: fixed;*/
		background-position: center center;
	margin: 20px auto 0; padding:60px 0; text-align:center;
}
.md_03 .desc {
width:100%;}
.md_03 h3 {
	text-align: center; color: rgb(255, 255, 255); font-size: 2em; font-weight: 200;
}
.md_03 p {
	margin-top: 20px; text-align: center; color: rgb(255, 255, 255); font-size: 1em; font-weight: 100;
}
.md_03 a {
	margin: 30px 20px 0; border-radius: 20px; width: 100%; height: 40px; text-align: center; color: rgb(255, 255, 255); 
	line-height: 35px; font-size: 1em; display: inline-block; max-width: 200px; background-color: rgba(14, 129, 136, 0.5);
}
.md_03 a:hover {
	color: rgb(255, 255, 255); background-color: rgb(11, 116, 123);
}



.md_04 {
padding-bottom:40px; margin-top:20px;}
.md_04 .bn {
	margin: 0px; overflow: hidden;
}
.md_04 .bn .glyphicon { color:#666;
	border-radius: 3px; transition:0.4s ease-out; width: 25%; text-align: center; line-height: 120px; 
	font-size: 3em; 
	float: left;  background-color: #eee; -webkit-transition: all 0.4s ease-out;
}
.md_04 .bn:hover .glyphicon {
	color: rgb(255, 255, 255); background-color:#888;
}
.md_04 .bn div {
	width: 75%; padding-left: 20px; float: right;
}
.md_04 .bn h4 {
	margin: 0; transition:0.2s ease-out; -webkit-transition: all 0.2s ease-out;
}
.md_04 .bn div:hover h4 {
	padding-left: 0px; color:#777;
}
.md_04 .bn div p {
	text-align: left; color: rgb(102, 102, 102); margin-top:10px;
}


.md_05 {text-align:center; padding-bottom:60px;}	
.md_05  h3 {
	text-align: center; font-size: 1.3em; font-weight: 300; margin-top:10px;
}
.md_05 p {
	margin-top: 20px;  font-size: 1em; 
}

.md_06 h2 {letter-spacing:-1px; 
    font-weight: 600;
    text-align:center;
}
.md_06 .inner {margin-top:2.5em;}
.agileits-center {
    background: url(../main/con_06_1.jpg) center no-repeat;
    min-height: 360px;
}
.md_06 .side {
    border: 1px solid #e2dcdc; padding:2em;
}
h3.about-head {
    font-size: 1.4em;
    font-weight: 600;
    color: #000;
    line-height:30px;
}
.about-content1 h4 {
    font-size: 1.1em;
    color: #16ad25;
	line-height:25px;
}
.about-content1 {
    padding: 1em 0 0; 
}
.about-content1 p {
    margin: 1em 0 0;
}
@media screen and (max-width: 767px) {
		.agileits-side{
		padding: 2em;
		width: 100%;	}
	.agileits-center {
		margin: 2em auto;
		width: 100%;	}
	.about-content1 {
		padding: 1em 0 0;
	}
}


.md_07 {
	border: 0px solid rgb(255, 0, 0);
}
.md_07 > .row > .col-md-4 {
	padding: 15px;
}
.md_07 .box {
	overflow: hidden; position: relative;
}
.md_07 .box .description {
	margin: 0px auto; padding: 20px 20px 10%; width: 100%; text-align: center; bottom: -50px; position: absolute; z-index: 2; opacity: 0;
}
.md_07 .box .description h3 {
	color: rgb(255, 255, 255); font-size: 1.5em; font-weight: 700;
}
.md_07 .box .description p {
	color: rgb(255, 255, 255); font-size: 0.87em;
}
.md_07 .box .description span {
	padding-top: 10px; display: block;
}
.md_07 .box .description span a {
	font-size: 0.87em;
}
.md_07 .box .imgArea {
	font-size: 0px; position: relative; box-sizing: border-box;
}
.md_07 .box .imgArea span.overlay {
	transition:0.2s ease-out; left: 0px; width: 100%; height: 100%; bottom: 0px; position: absolute; z-index: 1; opacity: 0.2; background-color: rgb(0, 0, 0); -webkit-transition: all 0.2s ease-out;
}
.md_07 .box:hover .imgArea span.overlay {
	opacity: 0.8;
}
.md_07 .box .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 .box:hover .imgArea img {
	transform: scale(1.2); -webkit-transform: scale(1.2);
}



.md_08 {
	border: 0px solid rgb(255, 0, 0);
}
.md_08 ul {
	height: 500px;
}
.md_08 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;
}
.md_08 ul li:nth-child(1) {background: url("../main/con_08_1.jpg");}
.md_08 ul li:nth-child(2) {background: url("../main/con_08_2.jpg");}
.md_08 ul li:nth-child(3) {background: url("../main/con_08_3.jpg");}
.md_08 ul li:nth-child(4) {background: url("../main/con_08_4.jpg");}
.md_08 ul li .box {
	transition:0.2s ease-out; width: 100%; height: 100%; display: table; -webkit-transition: all 0.2s ease-out;
}
.md_08 ul li .col_01.box {
	background-color: rgba(0, 0, 0, 0.3);
}
.md_08 ul li .col_02.box {
	background-color: rgba(0, 0, 0, 0.3);
}
.md_08 ul li .col_03.box {
	background-color: rgba(0, 0, 0, 0.3);
}
.md_08 ul li .col_04.box {
	background-color: rgba(0, 0, 0, 0.3);
}
.md_08 ul li:hover .col_01.box {
	background-color: rgba(0, 0, 0, 0.7);
}
.md_08 ul li:hover .col_02.box {
	background-color: rgba(0, 0, 0, 0.7);
}
.md_08 ul li:hover .col_03.box {
	background-color: rgba(0, 0, 0, 0.7);
}
.md_08 ul li:hover .col_04.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 h2 {
	text-align: center; color: rgb(255, 255, 255); font-size: 1.3em; 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 ul {
	height: 600px;}
	}

@media screen and (max-width: 767px) {
	.md_08 ul {
	height: 800px;
}
.md_08 ul li {
	width: 100%; height: 25%; margin-bottom: 0px;
}	
}


.md_09 {	background: url("../main/con_09_bg.jpg");
		background-size:cover;
		/*background-attachment: fixed;*/
		background-position: center center;
	margin: 40px auto 0; padding:60px 0;
}
.md_09 .inner { width:100%;
	padding: 0px; text-align: center; 
}
.md_09 .inner h3 {
	text-align: center; color: rgb(255, 255, 255); font-size: 2em; font-weight: 200;
}
.md_09 .inner p {
	margin-top: 20px; text-align: center; color: rgb(255, 255, 255); font-size: 1em; font-weight: 100;
}
.md_09 .inner a {
	margin: 30px 20px 0; border-radius: 20px; width: 100%; height: 40px; text-align: center; color: rgb(255, 255, 255); 
	line-height: 35px; font-size: 1em; display: inline-block; max-width: 200px; background-color: rgba(14, 129, 136, 0.5);
}
.md_09 .inner a:hover {
	color: rgb(255, 255, 255); background-color: rgb(11, 116, 123);
}

.md_10 h3 {font-size:22px; margin:15px 0 10px;}
.md_10 .movie {width:100%;}


.board_gallery_output .header {text-align:left;}
.board_gallery_output .more {float:right;
}
.board_gallery_output p {
	text-align: center;
}
.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 .board_output_gallery_subject span {
	font-family: "" !important;
}
.board_gallery_output .board_output_gallery_subject a {
	font-family: "Noto Sans KR", sans-serif !important; font-size: 1em;
}
.board_gallery_output .board_output_gallery_subject a:hover {
	text-decoration: none;
}
.board_gallery_output .board_output_gallery_etc {
	color: rgb(85, 85, 85); font-size: 0.87em;
}
.board_gallery_output tbody tr td {
	border: 0px solid rgb(255, 0, 0); width: 10%;
}
.board_gallery_output tbody tr td table {
	border: 5px solid rgb(255, 255, 255); width: 100%; text-align: center;
}
@media screen and (max-width: 767px) {
.board_gallery_output {margin-top:30px;}
	}

	
.board_list_output .header {text-align:left;}
.board_list_output .more {float:right;
}
.board_list_output .board_inner {
padding-top:12px;}
/*.board_list_output span { 
	top: -5px; right: 0px; display: block; position: absolute;
}*/
.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:link {font-family:arial; 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:14px; color:#777;}

#pop {margin:0px; padding:0px; position:absolute;left:5%;top:150px;z-index:20;visibility:hidden;}
#pop .close_tab {text-align:center;}



/* Normal */

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

	}
	
/* Narrow */

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

	}

/* Narrower */

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

	}

/* Mobile */

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

			.style1 {
				padding: 4em 15px 4em 15px;
			}

			.style2 {
				padding: 6em 15px 6em 15px;
			}		
	
			.board_gallery_output .board_output img{width:100%; height:auto;
			}
			
			#pop, #pro {display:none;}
			
	}