@import url('https://fonts.googleapis.com/css?family=Roboto:400,500,700');

 
 h2 {font-size:2.0em; color:#444; }
 h3 {font-size:1.3em; color:#555; line-height:1.2em;}
 h4 {font-size:1.1em;}
 
 @media screen and (max-width: 767px) {
 h2 {font-size:1.8em; line-height:28px;}
 }
 
 p {font-size:15px; line-height:24px;}
 
 .main_wrap{
/* width:100%; padding:0px; position:relative; margin:120px auto 0;} 20200507 */
width:100%; height:100%; padding:0px; position:relative; margin:0px auto 0;}
@media all and (max-width:767px){
.main_wrap {margin-top:80px;}
}

.section {padding:30px 0 0; margin-top:30px;}
.sec_no {position:absolute; color:#999; padding:10px; font-size:20px;}

		.style1 {
			text-align: center;
			padding: 3em 0 3em 0;
		}

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

.inner {width:100%; padding:0; margin:0 auto; overflow:hidden;}

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

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


/* Intro */

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

	.intro {overflow:hidden;
	border: 0px solid rgb(255, 0, 0);
}
.intro > .col-md-6 {
	padding: 0px;
	
}
.intro .box {
	overflow: hidden; position: relative;
}
.intro .box .description {
	margin: 0px auto; padding: 0px 10%; width: 100%; text-align: center; top: 280px; position: absolute; z-index: 2; 
	opacity: 0.8; transition:0.2s ease-out; -webkit-transition:0.2s ease-out;
}
.intro .box:hover .description {
top: 260px; opacity: 1;}
.intro .box .description h3 {
	font-family:'open sans'; color: rgb(255, 255, 255); font-size: 3.1em; font-weight: 600; line-height:1.2em;
	letter-spacing:-1px;
}
.intro .box .description p {
	color: rgb(255, 255, 255); font-size: 0.87em; margin-top:15px;
}
.intro .description .button {
font-size:1.1em;}
.intro .box .description .button i {
	margin-left:5px; }
.intro .box .imgArea {
	font-size: 0px; position: relative; box-sizing: border-box;
}
.intro .box .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(96, 90, 38); -webkit-transition: all 0.2s ease-out;
}
.intro .box:hover .imgArea span.overlay {
	opacity: 0.7;
}
.intro .box .imgArea span.overlay2 {
	transition:0.2s ease-out; left: 0px; width: 100%; height: 100%; bottom: 0px; position: absolute; z-index: 1; 
	opacity: 0; background-color: rgb(25, 25, 25); -webkit-transition: all 0.2s ease-out;
}
.intro .box:hover .imgArea span.overlay2 {
	opacity: 0.7;
}
.intro .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);
}
.intro .box:hover .imgArea img {
	transform: scale(1.2); -webkit-transform: scale(1.2);
}

@media screen and (min-width: 1440px) {
.intro .box .description {
/*	padding: 0px 15%; */
	padding: 0px 1;
}
.intro .box .description p {
	 margin-top:20px;
}
.intro .box .description span {
	padding-top: 30px; display: block;
}
}

@media screen and (max-width: 767px) {
.intro .box .description { 
top:40%; opacity: 1;}
.intro .box:hover .description {
top:40%;}
.intro .box .description h3 {
	color: rgb(255, 255, 255); font-size: 2.4em; font-weight: 600; line-height:1.2em;
}
.intro .box .description p, .intro .box .description .button {
	display:none;
}
.intro .box .imgArea img {
	margin:-15% 0;}
	}
	@media screen and (max-width: 480px) {
	}


	.modal-dialog {margin-top:100px;}
.features-modal .modal-content {
	background-color: #FFF; margin-top:50px;
}
.modal-header h3 {font-size:1.4em;}
.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: 1.6em;
}

	@media screen and (max-width: 568px) {
	.modal-body p {
		font-size: 13px;
		line-height: 25px;
	}
}



	#second {
	margin-top:30px;}	
	#third {	
	margin-top:60px;}	
	#fourth {
	margin-top:60px;}
	#fifth {
	margin-top:50px;}

	
	
	#news-container1 {
 width: 90%; 
 margin: auto;
 margin-top: 0px;
}
#news-container1 li { width:100%; float:left;
text-align:center; 
}
	#news-container1  h2 {letter-spacing:-0.5px;}
	#news-container1  span {color:#116a98;}
	#news-container1 .info {font-family:work sans; font-size:15px; margin-top:20px;}
	
	@media screen and (max-width: 991px) {
	#news-container1  h2 {font-size:27px;}
	}
	@media screen and (max-width: 767px) {
	#news-container1  h2 {font-size:1.8em; line-height:28px;}
	}
	
	.md_02 {
		background: url("../main/bg_02.jpg");
		background-size:cover;
		background-attachment: fixed;
		background-position: center center;
		text-align:center; margin-top:0px;
	}
.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 .cell .textArea {
	transition:0.4s ease-out; width: 100%; position: relative; -webkit-transition: all 0.4s ease-out;
}
.md_02 .cell .textArea h3 {margin-top:10px; border-bottom:2px solid #999; text-align:center;
 width: 100%; height: 60px; line-height: 60px; padding-left: 0px;  
	font-size: 1.4em; color:#47aa52;
}
.md_02 .cell:hover .textArea h3 {color:#555; transition:0.3s ease-out; -webkit-transition: all 0.3s ease-out;
}
.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: 10px 0px 0px;
}
.md_02 .cell .textArea dl dd {
	font-size:15px;
	padding:0 10px;
}
.md_02 .cell .imgArea {
	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.2); -webkit-transform: scale(1.2);
}
@media screen and (max-width: 991px) {
.md_02 p {width:90%;}
}


.md_03 {background: url("../main/con_03_bg.jpg"); 
		background-size:cover;
		/*background-attachment: fixed;*/
		background-position: center center;
	margin: 0px auto; padding:50px 0; width: 100%; background-color: transparent; position:relative; 
}
.md_03 h3 {text-align:center;}
.md_03 .icon {width: 100%; margin:5px; }
.md_03 .icon ul {
	text-align: center; overflow: hidden;
}
.md_03 .icon ul li {
	margin:20px; padding-top: 30px; border-radius:50%; border: 1px solid rgb(0, 0, 0); transition:0.2s ease-out; 
	width: 150px; height: 150px; 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_03 .icon ul li:hover {
background-color: rgba(0, 0, 0); opacity:0.8;
}
.md_03 .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_03 .icon ul li:hover i {
	color: rgb(255, 255, 255);
}
.md_03 .icon ul li span { font-family:open sans;
	padding: 0px 0px; color: rgb(255, 255, 255); font-size: 0.9em; font-weight: 300; display: block;
}

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


.md_04 .col {margin:5px 0;}
.md_04 .bn {
	margin: 0px; overflow: hidden;
}
.md_04 .bn .glyphicon { color:#666;
	border-radius: 4px; transition:0.4s ease-out; width: 30%; text-align: center; line-height: 120px; font-size: 2.4em; 
	float: left; background-color: rgb(221, 221, 221); -webkit-transition: all 0.4s ease-out;
}
.md_04 .bn:hover .glyphicon {
	color: rgb(255, 255, 255); font-size: 2em; background-color:#999;
}
.md_04 .bn div {
	width: 70%; 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;
}
@media screen and (max-width: 767px) {
.md_04 .col {margin-top:20px;}
.md_04 .col:first-child {margin-top:0px;}
}

.md_05 {text-align:center;}	
.md_05 .icon ul li {
	margin: 0px 5px; border-radius: 2px; border: 0px solid rgb(204, 204, 204); transition:0.2s ease-out; 
	width: 40px; height: 40px; display: inline-block; text-align:center; opacity: 0.6; -webkit-transition: all 0.2s ease-out;
}
.md_05 .icon ul li:hover {
	opacity: 1;
}
.md_05 .icon ul li img {
	width: 100%; height: 100%;
}
.md_05  h3 {
	text-align: center; font-size: 1.3em; font-weight: 400; margin-top:30px;
}
.md_05  h3 span {font-weight:600;}
.md_05 p {
	margin-top: 10px;  
}

.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_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: 10px auto 0; padding:0px 0; overflow:hidden;
}
.md_09 .col {
padding:0;}
.md_09 .cell { width:100%;
	padding: 0px; text-align: center; 
}
.md_09 h3 {
	text-align: center; color: rgb(255, 255, 255); font-size: 2em; font-weight: 200; margin-top:7%;
}
.md_09 p {
	margin-top: 15px; text-align: center; color: rgb(255, 255, 255); font-size: 1em; font-weight: 100;
}
.md_09 a {
	margin: 70px 15px 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 a:hover {
	color: rgb(255, 255, 255); background-color: rgb(11, 116, 123);
}
.md_09 .movie {
position:relative;}
.md_09 .movie:after {
	content: '';
    background: rgba(64,97,62, 0.4);
    width: 100%; height: 100%;
    position: absolute; top:0%; left: 0%;}
	
@media screen and (max-width: 767px) {
.md_09 .col {
text-align:center;}
.md_09 .desc h3 {
margin-top:20px;}
.md_09 a {
margin: 30px auto 20px;}
}


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

.board_list_output .header {text-align:left;}
.board_list_output .more {float:right;
}
.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 {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;}

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



/* Wide */

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

	}

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