@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=Noto+Sans+KR:wght@300;400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap');  
  
 h2 {color:#333; line-height:1.3em;}
 h3 {color:#333; line-height:1.3em;}
 h4 { color:#444; line-height:1.4em;}
 h5 {font-size:1.0em; color:#555;}
  
 @media screen and (max-width: 767px) {
 h2 {font-size:1.7em;}
 }

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

.section {margin-top:-120px; padding:190px 0 50px; position:relative; }
.section.mg_0 {margin:0px;}
.section.pd_0 {padding:0px;}

 @media (max-width: 991px) {
 .section {margin-top:-100px; padding:170px 0 50px;}
 }
 
.section.pt_70 {padding-top:70px;}
.section.pt_100 {padding-top:100px;}
.section.pb_0 {padding-bottom:0px;}
.section.pb_70 {padding-bottom:70px;}
 
.section .container {
position:relative; height:100%; }

.section .title {text-align:center; margin-bottom:40px; padding:0 15%;}
.section .title h2 {text-transform:uppercase; padding-top:15px; 
font-family: 'Montserrat', sans-serif; color:#333; font-weight:700; font-size:2.1em; position:relative;}
 .section .title h2:before{ 
	content: ''; background: #222; 
    width: 60px; height: 8px;
    position: absolute; top: 0%; left: 50%; margin-left:-30px;
}
.section .title.c-white h2 { color:#fff; }
 .section .title.c-white h2:before{ 
	background: #fff; }

.section .title p {margin-top:10px;}

 @media (max-width: 991px) {
 .section .title {margin-bottom:30px; padding:0;}
.section .title h2 {
font-size:1.75em; }
 .section .title h2:before{ 
    width: 40px; height: 5px; margin-left:-20px;
}
 }
 
.button { margin:20px auto 0; padding:8px 30px; border:1px solid #a3bece;  }
.button:hover{color:#fff; background:#a3bece; border:1px solid transparent; text-decoration:none;}

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

.button_white {
color:#fff; border-color:#fff;}
.button_white:hover {
border:1px solid transparent; background:rgba(0,0,0, 0.5);}

	.dark, .dark h2, .dark h3, .dark h4, .dark h5, .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_white {
 background-color: #fff; }
 
.c_org {
color:#e69934;}
.c_blue {
color:#5b95c9;}
.c_green {
 color: #478d49; }

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

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

.ov_h {overflow:hidden;}

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

.d_n {
display:none;}


	


/* Intro */
	.intro {
		position:relative; height:800px; 
		background: url("../main/main_bg.jpg"); 
		z-index:10;
	}	
	.intro .caption { 
  position: absolute;  top:65%; left: 5%; right: 0%;  z-index: 20; border:0px solid #999;
}
 .intro .caption h2 {
     font-size:2.0em; color:#222; margin-top:5px;
	letter-spacing:-0px; word-spacing:2px; text-transform:; 
	  text-shadow: 0 1px 2px rgba(0, 0, 0, .0); padding-bottom:0px; 
	  position:relative; }
 .intro .caption h2:before{ display:none;
	content: ''; background: #fff; 
    width: 8%; height: 2px;
    position: absolute; bottom: 0%; left: 46%;
}

.intro i.img_cell {
width:230px; display:inline-block; margin-top:-23px; vertical-align:middle;}


.intro .down-arrow {
  color: #fff;
  font-size: 30px;
  position: absolute;
  bottom: 30px;
  left: 50%; z-index:10;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%); }
 .intro .down-arrow a {
		 color:#fff;}
.floating-arrow {
  -webkit-animation-name: floating-arrow;
          animation-name: floating-arrow;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out; }

@-webkit-keyframes floating-arrow {
  from {
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0); }
  65% {
    -webkit-transform: translate(-50%, 15px);
            transform: translate(-50%, 15px); }
  to {
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0); } }

@keyframes floating-arrow {
  from {
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0); }
  65% {
    -webkit-transform: translate(-50%, 15px);
            transform: translate(-50%, 15px); }
  to {
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0); } }
		  
@media screen and (max-width: 991px) {
.intro {
		height:600px; }
 .intro .caption h2 {
     font-size:1.9em; }
.intro i.img_cell {
width:170px; margin-top:-23px; }
}
@media screen and (max-width: 767px) {
.intro .col {padding:0; margin:0;}
		.intro .caption h2:before {background:none;}
	.intro i.img_cell {
width:140px; margin-top:-20px; }
	}
	
	@media screen and (max-width: 480px) {
	.intro {
		height:400px; }
	.intro .caption h2 {
			font-size:1.5em; letter-spacing:-0.01em; }
	.intro i.img_cell {
width:120px; margin-top:-10px; }
	}
	
	
	
	

.md_01 .grid{
padding:0 4%;}
.md_01 .col.left .img_cell {
	 position:relative; margin:120px auto 20px; width:80%; text-align:center;
}
.md_01 .col.left p.sign {
float:right; margin-right:10px; margin-top:10px;
}

.md_01 .col.right .inner {
position:relative; margin-top:70px;}
.md_01 .col.right h3 {text-align:center; font-size:1.7em; font-weight:700;}
.md_01 .col.right i.img_cell {width:180px; display:inline-block;
margin-top:-25px; vertical-align:middle;}

.md_01 .right .cell {
text-align:center;}
.md_01 .right .cell li {
float:left;}
.md_01 .right .cell li.bdl {
border-left:1px solid #ccc;}
.md_01 .right .cell li.bdt {
border-top:1px solid #ccc;}
.md_01 .right .cell.cell_1 {
padding:0 35%}
.md_01 .right .cell.cell_2 li {
height:40px; width:50%;}
.md_01 .right .cell.cell_3 li {
height:90px; width:12.5%}	
.md_01 .right .cell.cell_4 li {
width:25%; padding:0 5px; }	
.md_01 .right .cell.cell_4 li .img_cell {
 text-align:center; width:100%;}	
.md_01 .right .cell.cell_4 li .img_cell img {
max-width:100%; }	

@media screen and (max-width: 1400px) {
.md_01 .grid{
padding:0 0%;}
}

@media screen and (max-width: 1199px) {
.md_01 .col {
overflow:hidden;}
.md_01 .col.right {
margin-top:50px;}
.md_01 .col.left .img_cell {
	margin:60px auto 20px; 
}
}

@media screen and (max-width: 767px) {
.md_01 .title p {width:100%;}
.md_01 .right .cell.cell_1 .img_cell {
 text-align:center; width:100%;}
.md_01 .right .cell.cell_1 .img_cell img {
max-width:100%; }	
.md_01 .col.right i.img_cell {width:130px; 
margin-top:-15px;}
}



.md_01 .bottom_grid {margin-top:50px; padding:110px 0; text-align:center;
background: url("../main/con_01_bg.jpg");}
.md_01 .bottom_grid h2{
font-weight:700; font-size:2.0em;}

	@media screen and (max-width: 767px) {
	.md_01_bottom .cell .desc {min-height:70px; border:0px solid #555;}
	.md_01_bottom .cell .desc p {display:none;}
	}
	
	
	

.md_02 {}
.md_02 .grid.top{
padding:0 4%;}
.md_02 .grid.top .cell {
background:#eee; padding:3%; font-size:1.2em; font-weight:300; line-height:1.7em; margin-top:60px; }
.md_02 .grid.top .img_cell{
margin:0 auto; display:inline-block; margin-top:30px; text-align:center; }

.md_02 .grid.bottom {
padding:0 2%; margin-top:70px; overflow:hidden;}
.md_02 .grid.bottom .cell li {
float:left; padding:10px; width:12.5%;}
.md_02 .grid.bottom .img_cell {
border:1px solid #ccc; width:100%;}

@media screen and (max-width: 1400px) {
.md_02 .grid.top, .md_02 .grid.bottom{
padding:0 15px;}
.md_02 .grid.bottom .cell li {
width:16.666%;}
}
	
@media screen and (max-width: 991px) {
.md_02 .grid.bottom {
margin-top:50px;}
.md_02 .grid.bottom .cell li {
width:20%;}
}

@media screen and (max-width: 480px) {
.md_02 .grid.top .cell {
font-size:1.0em;}
.md_02 .grid.top .img_cell{
width:50%; }
.md_02 .grid.bottom .cell li {
width:33.333%;}
}




.md_03 {
  padding: 70px 0 80px; margin-top:-70px;background:#f3f3f3; overflow:hidden; }

.md_03 .nav-tabs {
 border-bottom:0; 
margin:50px auto; display:inline-block; }
.md_03 .nav-tabs li a {
color:#333; font-size:1.2em; padding:10px 30px; min-width:200px; text-transform:uppercase;}
.md_03 .nav-tabs > li > a:hover {
 background:transparent; border-bottom:0;
}
.md_03 .nav-tabs > li.active > a,
.md_03 .nav-tabs > li.active > a:hover,
.md_03 .nav-tabs > li.active > a:focus {
color:#fff !important; border: 0; border-radius:0;
  border-bottom-color: transparent;
  border-bottom:0px ;
  background:#0076c0; 
}
.md_03 .tab-content {
margin:30px auto 0; display:block; max-width:1400px;}

.md_03 .tab-content .col {
 padding:0 7%;}
	
.md_03 .cell {
position:relative;}
.md_03 .desc {
	margin: 15px auto 0; padding: 0 10%; width: 100%; text-align: center; z-index: 2; 
	 transition:0.3s ease-out; -webkit-transition: all 0.3s ease-out;
}

.md_03 .icon_cell{
position:absolute; right:15px; top:15px; z-index:10; }
.md_03 .icon_cell i {
font-size:1.8em; color:#fff; opacity:0.5}
.md_03 .cell .img_cell {
	position: relative; box-sizing: border-box; overflow:hidden; border:15px solid #fff;
}
.md_03 .cell .img_cell span.overlay {
	transition:0.2s ease-out; left: 0px; width: 100%; height: 100%; bottom: 0px; position: absolute; z-index: 1; 
	opacity: 0.1; background-color: rgb(0, 0, 0); -webkit-transition: all 0.2s ease-out;
}
.md_03 .cell:hover .img_cell span.overlay {
	opacity: 0.6;
}
.md_03 .cell .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_03 .cell:hover .img_cell img {
	transform: scale(1.1); -webkit-transform: scale(1.1);}
.md_03 h4 {
    margin-top: 10px; text-align:center; 
	font-family: 'Montserrat', sans-serif; font-weight:700; color:#333; font-size:1.2em;}
 .md_03 h4.kr {
   font-family:'noto sans kr', sans-serif; font-weight:500;}
 .md_03 .col.float-none { float:none; margin:0 auto;}
   
   

	@media (max-width: 1400px) {
	}
	
	@media (max-width: 1199px) {
	}
	
@media (max-width: 991px) {
.md_03 .nav-tabs {
margin:20px auto;  }
.md_03 .nav-tabs li a {
padding:10px 20px; min-width:auto;}
.md_03 .nav-tabs li a {
font-size:1.0em;}
.md_03 .tab-content .col {
 padding:0 4%;}
 

	}
	
@media screen and (max-width: 767px) {
.md_03 .desc h3 {
	font-size: 1.4em; }
	.md_03 .tab-content .col {
 padding:0 15px;}
}




	
.md_04 {margin-top:0px;}	
.md_04 .info  {
margin-top:30px;}

.md_04 p {
	margin-bottom: 30px;  
}

/* formmail */
.md_04 .formmail_title_bgcolor {width:20%; font-size:0.95em; color:#333;}
.md_04 .formmail_cell_bgcolor {width:80%; padding:5px 0 5px 20px !important; text-align:left; }
.md_04 .formmail_border {border:1px solid #aaa; border-radius:1px; width:90%; padding:6px 10px; 
font-family:'nanum gothic' !important; line-height:1em;}
.md_04 .formmail_textarea_style {border:1px solid #aaa; width:90%; padding:5px 10px;
height:200px !important;}
.md_04 .send-btn a {display:inline-block;  height:50px; z-index:50;
padding:0; margin:0; overflow:hidden;}
@media screen and (max-width: 991px) {
.md_04 p {
	margin-bottom: 20px;  }
}





	
.md_05 .info {
margin-top:20px;}

.md_05 .col.right span {
color:#fff; border-radius:50%; width:20px; height:20px; display:inline-block; line-height:1em; margin-top:0px; text-align:center;}
.md_05 .col.right span.no_1 {
background:#37b42d;}
.md_05 .col.right span.no_2 {
background:#606d00;}

@media screen and (max-width: 991px) {
.md_05 .col.right span {
width:18px; height:18px; line-height:1.1em;}
}








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

	

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

@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:5%;bottom:0px; z-index:20;visibility:hidden;}
#pop .desc {position:absolute; left:0; top:50%; z-index:20; width:100%;
text-align:center;}
#pop .close_tab {text-align:center; position:absolute; bottom:0px; width:100%; height:30px; padding:0px 0; 
background:rgba(0,0,0, 0.4); font-size:0.9em;}

@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{
	margin-top:80px;
}
	.bottom_info {
		position: relative;
		margin-top: 0px; padding:40px 0;
		background: #333;
		color: #bbb;
		overflow: hidden; text-align:center;
	}
	.bottom_info  h4 {color:#ddd;}
	.bottom_info  p {margin-top:10px;}
.bottom_info .info {font-size:0.95em;}
.bottom_info .info ul li {
	padding-bottom: 5px; width:100%;
}
		#bottom a {
			color: #bbb;}
			#bottom a:hover {
				color: #bbb;}

.bottom_info ul {width:100%; display:block; overflow:hidden;}
.bottom_info ul.address {margin:0 auto; text-align:center; display:inline-block; width:auto;}
.bottom_info ul.address li {float:left; display:inline-block; width:auto; margin:0 10px;}

.bottom_info .social {
	float: left; overflow: hidden;}
.bottom_info .social li {
float: left; margin-right:15px; border-radius: 3px; text-align:center;
	border:1px solid #999; transition:0.2s ease-out; width: 28px; height: 28px; overflow: hidden; 
	opacity: 1; -webkit-transition: all 0.2s ease-out; font-size:0.9em; line-height:19px;
}
.bottom_info .social i {
margin-top:4px; font-size:1.4em;} 
.bottom_info .social img {display:none; width: 100%;}


.copyright { padding:15px 0;
font-size:0.95em;}
.copyright .info ul li {
	padding-bottom: 5px; float:left; }
	.copyright .info ul li.add {
	padding-right: 20px;  }
.copyright .info ul li.copy {
	width:100%; }

	@media screen and (max-width: 991px) {
	.bottom_info .img_cell {
	width:150px; margin:0 auto;}
	}
	
	@media (max-width: 480px) {
	.bottom_info .info {font-size:0.85em;}
	.copyright { padding:15px 0;
font-size:0.9em;}
.bottom_info ul.address li {float:none; display:block; width:100%; margin:0; text-align:center;}
.bottom_info ul.no {
margin-top:-5px;}
.bottom_info ul li {
	padding: 0px; line-height:1.6em;}
	.copyright { 
	padding-top:10px;}
	}
	
	


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