@charset "utf-8";

.visual { position:relative; overflow:hidden; height:617px; margin-top:114px; }
.visual .item { position:relative; height:617px; overflow:hidden; background-color:#f8f8f9; display:block; margin: 0 auto; max-width: 2000px;}
.visual .item picture img { position:absolute; top:-100%; bottom:-100%; left:0; right:0; margin:auto; width:100%; min-height:100%; object-fit:cover; }
@media (max-width: 991px) {
.visual {  margin-top:0; }
.visual,
.visual .item { height:570px; }
	
}


@media (max-width: 767px) {
.visual {  margin-top:0; }
.visual,
.visual .item { height:650px; }
}
@media (max-width: 399px) {
.visual,
.visual .item { height:520px; }
}
@media (max-width: 359px) {
.visual,
.visual .item { height:400px; }
}
.visual .owl-nav button { position:absolute; top:50%; margin-top:-40px; text-align:center; width:80px; line-height:80px; color:#fff; z-index:3; opacity:.8;  }
.visual .owl-nav button i { font-size:80px; line-height:1; }
.visual .owl-nav button:hover { opacity:1; }
.visual .owl-nav button:hover i { text-shadow:0 0 3px #333; }
.visual .owl-nav button.owl-prev { left:50px; }
.visual .owl-nav button.owl-next { right:50px; }
.visual .owl-nav button i { color:#fff; }
@media (max-width: 767px) {
.visual .owl-nav button { position:absolute; top:50%; margin-top:-20px; text-align:center; width:40px; line-height:40px; color:#fff; z-index:3; opacity:.8;  }
.visual .owl-nav button i { font-size:40px; line-height:1; }
.visual .owl-nav button:hover { opacity:1; }
.visual .owl-nav button:hover i { text-shadow:0 0 3px #333; }
.visual .owl-nav button.owl-prev { left:0; }
.visual .owl-nav button.owl-next { right:0; }
.visual .owl-nav button i { color:#fff; }
}

.quick-main { position:relative; background: #f6f6f6; height: 195px; width: 100%; max-width: 2000px;  margin: 0 auto;}
.quick-main .owl-stage-outer { padding:30px 0 !important;}
.quick-main .item{display: flex; flex-direction: column; align-items: center;}	
.quick-main .item a { position:relative; display: flex; flex-direction: column; align-items: center; justify-content: center; width:95px; height: 95px; border-radius:50px; transform:scale(0) transition:0.3s; -webkit-transition-duration: 0.4s; /* Safari */  transition-duration: 0.4s; }
.quick-main .item a:hover{ transform:scale(1) transition:0.3s; -webkit-transition-duration: 0.4s; /* Safari */  transition-duration: 0.4s; margin-top:-7px;}
.quick-main .item img{ max-width: 66px;}
.quick-main .item h5 {padding:0 0 15px 0; font-size:18px; text-align:center; border-radius:10px; }
	
	/* news-owl nav ====================================================================================*/
.quick-main { }
.quick-main .owl-nav button { position:absolute; top:60px; text-align:center; width:30px; height:30px; line-height:50px; color:#000; z-index:3;   }
.quick-main .owl-nav button:hover { opacity:1; }
.quick-main .owl-nav button.owl-prev { left:0; margin-left:-60px; }
.quick-main .owl-nav button.owl-next { right:0; margin-right:-60px;}
.quick-main .owl-nav button i { color:#333; font-size:45px; border:none;  -webkit-transition-duration: 0.4s; /* Safari */  transition-duration: 0.4s;  cursor: pointer;}
.quick-main .owl-nav button:hover i {color:#111; }

@media (max-width: 1024px) {
.quick-main .owl-nav button.owl-prev { left:0; margin-left:0; }
.quick-main .owl-nav button.owl-next { right:0; margin-right:0;}	
}

.quick-main .owl-dots { position:absolute; bottom:-40px; width:100%; text-align:center; padding:10px 0; }
.quick-main .owl-dot { display:inline-block; }
.quick-main .owl-dot span { display:block; width:30px; height:3px; margin:10px 2px; background-color:rgba(255,255,255,.4); cursor: pointer;
	transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
}
.quick-main .owl-dot.active span { background-color:#fff; }

@media (max-width: 767px) {
.quick-main .item a { position:relative; display: flex; flex-direction: column; align-items: center; justify-content: center; width:95px; height: 95px; border-radius:50px;   }
.quick-main .item h5 {font-size:15px;}
}

.latest { clear:both; margin:60px 0; padding:0; }
.latest .guide-main {padding:20px 50px 10px 0; position:relative; background:#FFF; border-right:1px solid #CCC; display: flex; justify-content: space-between; flex-wrap: wrap;}
.latest .guide-main a {width: 48%; margin-top: 10px;}
.latest .notice {padding:50px 50px 50px 0; position:relative; background:#FFF; border-right:1px solid #CCC; }
.latest .notice h2 { margin:0; padding:0; font-size:35px; text-transform:uppercase; font-weight:bold; letter-spacing:-1px;}
.latest .notice h2 small{ margin-left:20px; font-size:50%; }
.latest .notice ul { margin:35px 0 0 0; padding:0; list-style:none; display:block;  }
.latest .notice ul li {  padding:0; position:relative;  }
.latest .notice ul li em{ font-style:normal; font-size:15px;}
.latest .notice ul li a { font-size:17px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block; padding-left:20px; }
.latest .notice ul li a:before{ content:''; position:absolute; left:8px; top:15px; width:4px; height:4px; background-color:#900; }
.latest .notice ul li a p{ display:inline-block; width:80%;}
.latest .notice ul li span { font-size:15px; color:#de7f6f; padding-left:20px; text-align:right; display: none;}
.latest .notice ul li strong { color:#234d79; font-weight:400;}
.latest .notice .more { position:absolute; top:60px; right:53px;  }
.latest .notice .more a { border:1px solid #ddd; width:30px; height:30px; display:block; text-align:center; line-height:30px; color:#333; font-size:30px; }


.latest .photo { padding:50px 0 50px 0; position:relative;  border-radius:20px;}
.latest .photo h2 { margin:0; padding:0;  font-size:35px; text-transform:uppercase; font-weight:bold; letter-spacing:-1px;}
.latest .photo h2 small{ margin-left:20px; font-size:50%; }
.latest .photo .pic{ margin-top:25px; margin-right:10px; float:left;}
.latest .photo .pic img{ width:300px;}
.latest .photo a h3 { font-size:16px; text-align:center; padding-bottom: 20px;}
.latest .photo a p { display:none; }
.latest .photo .date { font-size:13px; color:#007ab9; display:none; }
.latest .photo .more { position:absolute; top:60px; right:21px;  }
.latest .photo .more a { border:1px solid #ddd; width:30px; height:30px; display:block; text-align:center; line-height:30px; color:#333; font-size:30px; }
@media (max-width: 767px) {
.latest {margin:0 0 0 0; }
.latest .guide-main {padding:0; position:relative; background:#FFF; border-right:none; text-align: center;}
.latest .notice {padding:22px 0; border-right:none;}
.latest .photo .pic{ margin-top:25px; clear:left; margin-left:auto; margin-right:auto;}
.latest .photo .pic img{ width:100%;}
}

.latest .notice2 {padding:50px 50px 50px 0; position:relative; background:#FFF; }
.latest .notice2 h2 { margin:0; padding:0; font-size:35px; text-transform:uppercase; font-weight:bold; letter-spacing:-1px;}
.latest .notice2 h2 small{ margin-left:20px; font-size:50%; }
.latest .notice2 ul { margin:35px 0 0 0; padding:0; list-style:none; display:block;  }
.latest .notice2 ul li {  padding:0; position:relative;  }
.latest .notice2 ul li em{ font-style:normal; font-size:15px;}
.latest .notice2 ul li a { font-size:17px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block; padding-left:20px; }
.latest .notice2 ul li a:before{ content:''; position:absolute; left:8px; top:15px; width:4px; height:4px; background-color:#900; }
.latest .notice2 ul li a p{ display:inline-block; width:80%;}
.latest .notice2 ul li span { font-size:15px; color:#de7f6f; padding-left:20px; text-align:right; display: none;}
.latest .notice2 ul li strong { color:#234d79; font-weight:400;}
.latest .notice2 .more { position:absolute; top:60px; right:53px;  }
.latest .notice2 .more a { border:1px solid #ddd; width:30px; height:30px; display:block; text-align:center; line-height:30px; color:#333; font-size:30px; }


.latest .photo2 { padding:50px 0 10px 0; position:relative;  border-radius:0px;border-right:1px solid #CCC;}
.latest .photo2 h2 { margin:0; padding:0;  font-size:35px; text-transform:uppercase; font-weight:bold; letter-spacing:-1px;}
.latest .photo2 h2 small{ margin-left:20px; font-size:50%; }
.latest .photo2 .pic{ margin-top:25px; margin-right:10px;text-align:center;}
.latest .photo2 .pic img{ width:300px;}
.latest .photo2 a h3 { font-size:16px; text-align:center; padding-bottom: 20px;}
.latest .photo2 a p { display:none; }
.latest .photo2 .date { font-size:13px; color:#007ab9; display:none; }
.latest .photo2 .more { position:absolute; top:60px; right:21px;  }
.latest .photo2 .more a { border:1px solid #ddd; width:30px; height:30px; display:block; text-align:center; line-height:30px; color:#333; font-size:30px; }
@media (max-width: 767px) {
.latest .photo2 .pic{ margin-top:25px; clear:left; margin-left:auto; margin-right:auto;}
.latest .photo2 .pic img{ width:100%;}
.latest .photo2 {padding:22px 0 0px; border-right:none;}
.latest .notice .more { position:absolute; top:30px; right:21px;  }
.latest .notice .more2 { position:absolute; top:30px; right:21px;  }

.latest .photo2 .more { position:absolute; top:30px; right:21px;  }

	.latest .notice {
		padding: 30px 0px 20px 0;
	}

	.latest .photo2 {
		padding: 30px 0px 20px 0;
	}

	.latest .notice2 {
		padding: 20px 0px 50px 0;
	}

}


.main-tel{ background:url(/img/bg-main.jpg) no-repeat  center top; width:100%; height: 300px; text-align: center; overflow: auto;}
.main-tel h4{ margin-top: 40px; font-size: 40px; color: #000; font-weight: bold;}
.main-tel h5{ margin-top: 20px; font-size: 40px; color: #11965f; font-weight: bold;}


.partners { background:#F3F3F3 url('/img/bg_partners.jpg') no-repeat left center;} 
.partners .head { margin: 100px 0 0 140px; } 
.partners .head h3 { font-weight: 700; font-size: 66px; color: #006877; } 
.partners .head p { margin: 80px 0 0; font-weight: 400; font-size: 24px; } 
.partners dl.banner-main { margin:50px 0 50px 30px; padding:0; list-style: none; display: flex; align-items: center; align-content: center; flex-wrap: wrap; } 
.partners dl.banner-main dt { flex-shrink: 0; width: 12%; padding:10px 0;} 
.partners dl.banner-main dd {  flex-grow: 1; width: 88%; padding:10px 0;} 

@media (max-width: 1420px) { 
	.partners .head { margin: 220px 0 0 0; } 
} 
@media (max-width: 1020px) { 
	.partners { height: auto; padding: 70px 0; background-size: cover; } 
	.partners .head { margin: 0; } 
	.partners .head h3 { font-size: 44px; } 
	.partners .head h3 br { display: none; } 
	.partners .head p { margin: 20px 0 0; font-size: 16px; } 
	.partners .head p br { display: none; } 
	.partners dl.banner-main { margin:30px 0 0; justify-content: space-between; } 
	.partners dl.banner-main dt {} 
	.partners dl.banner-main dd {} 
}


/* 팝업레이어 */
#hd_pop {z-index:5800;position:relative;margin:0 auto;height:0; text-align:left;}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff;}
.hd_pops .ul-10 { margin:0; padding:0; list-style:none; }
.hd_pops .ul-10 li { margin:0; padding:0 0 5px 17px; position:relative; text-align:left; font-size:15px; }
.hd_pops .ul-10 li:before { content:''; position:absolute; left:5px; top:14px; width:4px; height:4px; background-color:#bd4146; }
.hd_pops .ul-10 li strong { font-weight:400; color:#bd4146; display:block; padding-right:10px; font-size:16px; }
.hd_pops img{max-width:100%}
.hd_pops_con { padding:12px;}
.hd_pops_con h4{ font-size:17px;}
.hd_pops_con h5{ font-size:16px; color:#d62925; border-bottom:1px dotted #d62925; border-top:1px dotted #d62925; padding:10px 0;}
.hd_pops_footer {padding: 0;background:#000;color:#fff;text-align:left;position:relative;}
.hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:""}
.hd_pops_footer button {padding: 10px;border:0;color:#fff;  font-size:13px;}
.hd_pops_footer .hd_pops_reject{background:#000;text-align:left;}
.hd_pops_footer .hd_pops_close{background:#393939;position:absolute;top:0;right:0}

@media (max-width: 991px) {
.hd_pops { left: 50% !important;  margin-left: -150px !important;}
.hd_pops_con { width: 300px !important; height: 343px !important;}	
.hd_pops img{width:300px;}	
	#hd_pops_6{top: 60px !important;}
	#hd_pops_7{top: 110px !important;}
	#hd_pops_8{top: 160px !important;}
	#hd_pops_9{top: 160px !important;}
	
}


.quick-side{ display: none;}