@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');
  
  
 h2 {font-size:2.1em; color:#444; line-height:1.3em;}
 h3 {font-size:1.5em; color:#444; line-height:1.3em;}
  h3.eng {font-size:1.6em;}
 h4 {font-size:1.2em; color:#555; line-height:1.4em;}
h5 {font-size:1.0em; color:#555; line-height:1.4em;}
  h6 {font-size:0.95em; color:#666; line-height:1.4em;}
 
  p {font-size:1em; line-height:1.7em;}
  
 @media screen and (max-width: 767px) {
 h2 {font-size:1.7em;}
 }

 
.button { margin:20px auto 0; padding:8px 30px; border:1px solid #bbb;
border-radius:30px; display:inline-block;  }
.button:hover{color:#fff; background:#a3bece; border-color:transparent; text-decoration:none;}

.btn { margin:20px auto 0; padding:8px 30px; border:1px solid #ccc;  }
.btn:hover{color:#fff; background:#a3bece; border-color:transparent; text-decoration:none;}

.btn_small {
padding:4px 20px;}

.button_circle {
 width:90px; height:90px; padding:0; border-radius:50%; display:table; line-height:1.5em;
border:1px solid #fff;}
.button_circle span {
display:table-cell; vertical-align:middle;}
.button_circle:hover {
border:1px solid transparent; background:rgba(0,0,0, 0.5);}

.btn_circle {
 width:90px; height:90px; padding:0; border-radius:50%; display:table; line-height:1.5em;}
.btn_circle span {
display:table-cell; vertical-align:middle;}
.btn_circle:hover {
border-color:transparent; background:rgba(0,0,0, 0.5);}

.button_solid {
		border:1px solid transparent; text-align: center; color:#fff; background: rgba(14, 129, 136, 0.5);	}
	.button_solid:hover {
		background: rgba(14, 129, 136, 1);}

.btn_solid {
		border:1px solid transparent; text-align: center; color:#fff; background: rgba(14, 129, 136, 0.5);	}
	.btn_solid:hover {
		background: rgba(14, 129, 136, 1);}
		
.btn_white {
color:#fff; border-color:#fff;}
.btn_white:hover {
border:1px solid transparent; background:rgba(0,0,0, 0.5);}
.btn_txt {
border-color:transparent; padding:0; margin-top:10px; font-weight:500;}
.btn_txt:hover {
background:transparent; color:#666;}

	.dark, .dark h2, .dark h3, .dark h4, .dark a {
	color:#fff;}	
		
.bg {
background-size: cover !important;
		background-position: center center !important;}
.bg_none {
background:none;}

.bg_org {
background:#e69934;}
.bg_blue {
background:#5b95c9;}
  .bg_green {
 background-color: #478d49; }
  .bg_gray {
 background:#eee;}
 .bg_red {
 background:#e12239;}
 
.c_org {
color:#e69934;}
.c_blue {
color:#5b95c9;}
.c_green {
 color: #478d49; }
.c_white, .c_white h1, .c_white h2, .c_white h3, .c_white h4, .c_white h5, .c_white h6  {
 color: #fff; }

.d_tb {display:table;}	
.d_tbc {display:table-cell; vertical-align:middle;}	

.overlay {position:absolute; left:0; top:0; width:100%; height:100%; z-index:10;
background:#000;}

.line_ver {width:1px; height:20px; background:#ccc;}

.ov_h {overflow:hidden;}

.bd {border:1px solid #ccc;}

.d_n {
display:none;}
.circle {
border-radius:50%;}
.d-flex {
  display: -ms-flexbox !important;
  display: flex !important;}

.align-items-center {
  -ms-flex-align: center !important;
  align-items: center !important;}

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

.section {padding-top:70px; background:#fff; position:relative; }
.section.mg_0 {margin:0px;}
.section.pd_0 {padding:0px;}

.section .title {text-align:center; margin-bottom:40px; padding:0 15%;}
.section .title p {margin-top:10px;}

 @media (max-width: 991px) {
.section .title { padding:0 5%;}
 }
 
 
 

/* Intro */
	.intro {
		background: url("../main/main.jpg");
		position:relative; overflow:hidden;	}	
.intro .container {
position:relative; height:100%;}

.intro .caption { 
  position: absolute;  top:45%; left: 15px; right: 30%;  z-index: 10; text-align:; }
 .intro .caption h2 {
    font-family: 'open sans','nanum gothic', sans-serif;  font-size:2.6em; letter-spacing:-0.01em; 
	text-shadow: 0 1px 2px rgba(0, 0, 0, .4); padding-top:20px; position:relative;}
 .intro .caption h2:before{
	content: ''; background: #fff; width: 8%; height: 2px;
    position: absolute; top: 0%; left: 0%;}
.intro .caption p {
    font-size: 1em; text-shadow:none; padding:0; margin: 15px auto 0;}

.intro .btn {
margin:30px 0 0;}

.intro .item {width:100vw; height:700px; 
background-size: cover !important; background-position: center !important;}
.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:nth-child(4) {background: url("../main/main_04.jpg"); }
.intro .item:nth-child(5) {background: url("../main/main_05.jpg"); }
/*.intro .item:before {
	background: rgba(0, 0, 0, 0.0); left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; z-index: 2; content: "";}*/
.intro .item a {width:100%; height:100%; display:inline-block; /*position:relative; z-index:10;*/}

.carousel-indicators {
  bottom: 30px;}
.carousel-indicators li {
  width: 12px; height: 12px; margin: 0 2px !important;  
  background-color: transparent; border: 1px solid rgba(0, 0, 0, 0.7); border-radius: 10px;
  transition: 0.2s ease-out; -webkit-transition: all 0.2s ease-out;}
.carousel-indicators .active {
  width: 12px; height: 12px; margin: 0px 2px !important; background-color: rgba(0, 0, 0, 0.7); }
  
.carousel-control { display:none;
  position: absolute; top: 50%; width: 10%; height:40px; padding-top:0px; z-index:10; }


.intro .movie {
margin:0 -10%; height:100%;}
.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 (min-width: 1600px) {
.intro .movie {
margin:0 -5%;}
}

@media (max-width: 1199px) {
.intro .item {height:600px; }
   .intro .caption h2 {}
}
	
@media screen and (max-width: 991px) {
.intro .item {height:500px; }
}  

@media (max-width: 767px) {
.intro .item {height:100vh; }
.intro .item:nth-child(1) {background: url("../main/m_main_01.jpg"); }
.intro .item:nth-child(2) {background: url("../main/m_main_02.jpg"); }
.intro .item:nth-child(3) {background: url("../main/m_main_03.jpg"); }
.intro .item:nth-child(4) {background: url("../main/m_main_04.jpg"); }
.intro .item:nth-child(5) {background: url("../main/m_main_05.jpg"); }
.intro .caption {
   left: 10%; right: 10%; top:30%;}
	.intro .caption h2 {font-size:2.5em;}
	.carousel-indicators {
  bottom: 20px;}
.carousel-indicators li {
  width: 10px; height: 10px; }
.carousel-indicators .active {
  width: 10px; height: 10px; }
  
  .carousel-control { display:inline-block;
  position: absolute; top: 50%; width: 50px; height:40px; padding-top:0px; z-index:10; }
  .carousel-control.left, .carousel-control.right { background-image: none;}
.carousel-control.left {
text-align:center; }
.carousel-control.right {
text-align:center;}
.carousel-control::before {
  font-size:3em; font-family:fontAwesome; }
  .carousel-control.left::before {
  content: "\f104";  }
   .carousel-control.right::before {
  content: "\f105";}
  .carousel-control .carousel-control-arrow {
  display:none;}
	}
	
	@media (max-width: 480px) {
	.intro .caption h2 {
			font-size:1.8em; }
	}
	
		

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

@media screen and (max-width: 767px) {
.md_05  h3 {
	font-size: 1.2em;}
}




.md_08 {
margin-top:1px; overflow:hidden;}
.md_08 .col {
	height: 290px; width: 33.333%;
	border-right:1px solid #fff; border-bottom:1px solid #fff; 
	float: left; position:relative; overflow:hidden;
}
.md_08 .cell {
	width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.1);
	position:absolute; z-index:10;
	transition:0.2s ease-out; -webkit-transition: all 0.2s ease-out;}
.md_08 .cell:hover {
	background-color: rgba(0, 0, 0, 0.6);
}
.md_08 .col:nth-child(1) .img_cell {background: url("../main/con_08_1.jpg");}
.md_08 .col:nth-child(2) .img_cell {background: url("../main/con_08_2.jpg");}
.md_08 .col:nth-child(3) .img_cell {background: url("../main/con_08_3.jpg");}
.md_08 .col:nth-child(4) .img_cell {background: url("../main/con_08_4.jpg");}
.md_08 .col:nth-child(5) .img_cell {background: url("../main/con_08_5.jpg");}
.md_08 .col:nth-child(6) .img_cell {background: url("../main/con_08_6.jpg");}

.md_08 .img_cell {
position:relative; left:0; top:0; width:100%; height:100%; 
transition: 0.2s ease-out; -webkit-transition: all 0.2s ease-out;
	background-position: center !important; background-size: cover !important;}
/*.md_08 .col:hover .img_cell {
	transform:scale(1.1); -webkit-transform:scale(1.1); }*/
.md_08 .desc {
position:absolute; bottom:0; left:0; width:100%; height:40px; z-index:10;
	transition:0.2s ease-out; -webkit-transition: all 0.2s ease-out;
}
.md_08 .desc:hover {
	padding-top: 0px;
}
.md_08 .desc .icon {
	float:right; background:#fff; width:40px; height:40px; text-align:center;}
.md_08 .desc .icon i {
	font-size: 1.4em; color:#555; margin-top:10px;}
.md_08 .desc h3 {
	margin:0px 0 0 20px; display: inline-block;}

	@media screen and (min-width: 1400px) {
	.md_08 .col {
	height: 300px;}
	}

@media screen and (max-width: 767px) {
.md_08 .col {
	width: 100%; height: 200px; margin-top: 0px;}	
}



	




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

	

.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) {}
.board_list_output .board_output .board_output tr td:nth-child(2) {}*/
.board_list_output .board_output .board_output tr td:nth-child(3) {
	 text-align: right; }
.board_list_output .list_output .bd_out1 {
	padding: 2px 0px;
}
.board_list_output .board_output .board_output a {font:inherit; 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:0.98em; color:#666;}

@media (max-width: 991px) {
.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: 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-left:20px;
}
.board_blog_output .board_output .board_output tr td:nth-child(4) {
	width: 50%; padding-left:20px;}
.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;}
.board_blog_output .board_output .board_output a:hover {text-decoration:none;}

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






#pop {padding:0px; position:absolute; left:-10%;bottom:25%; z-index:20;visibility:hidden;
opacity:0.8; transition:0.4s ease-out; -webkit-transition: all 0.4s ease-out;}
#pop:hover {
opacity:1; left:0;}
#pop .img_cell {
transition:0.2s ease-out; -webkit-transition: all 0.2s ease-out;}
#pop .desc {position:absolute; left:0; top:50%; z-index:20; width:100%;
text-align:center;}
#pop .close_tab {text-align:left; position:relative; bottom:0px; width:100%; height:30px; padding:3px 20px; 
background:rgba(0,0,0, 0.0); font-size:0.85em;}
#pop .close_tab input {margin:0 0px -2px 0; }

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


  
  
	
	
	
	
/* Footer */
#footer{
	padding-top:80px; background:#fff;
}
.main_wrap #footer{
	padding-top:0px;
}
	.bottom_info {
		position: relative;
		margin-top: 0px; padding:50px 0;
		overflow: hidden; border-top:1px solid #ddd;
	}
			
	.bottom_info  p {margin-top:10px;}
.bottom_info .big {
font-size:1.2em;}	
	
.bottom_info .info {margin-top:10px; font-size:0.85em;}
.bottom_info .info ul li {
	padding-bottom: 3px; width:100%; 
}
.bottom_info .info.address ul li {
	width:auto; padding-right:25px; float:left;
}
.bottom_info .kb {padding-left:25px; position:relative;}
.bottom_info .kb .img_cell {
position:absolute; left:0; top:0; width:20px;}


.bottom_info .social {
	float: left; overflow: hidden;}
.bottom_info .social li {}
.bottom_info .social i {
font-size:1.3em; width:15px; text-align:center; } 
.bottom_info .social img {display:none; width: 100%;}


.copyright { padding:15px 0; border-top:1px solid #ddd;
font-size:0.9em; }
.copyright .cell ul li {
	padding-bottom: 5px; float:left; }

@media (max-width: 991px) {
.bottom_info .col {overflow:hidden;}
.bottom_info .info {font-size:0.9em;}
}




/* 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; overflow:hidden;
}
.scrollToTop a:hover {
	color: rgb(255, 255, 255);
}