@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,600,700,300,800);

.container {
	position: relative;
	box-sizing: inherit;
}
@media (min-width: 1199px) {	
	.container.container-m {
		max-width:1750px;
	}
}
a.a_link {
    font-size: 0em;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
a {
	transition: .3s ease all;
	color:#444;
}
a:hover {
	transition: .3s ease all;
	color:#444;
}
/* ---------- 유튜브 동영상 ---------- */
.embed-container {
    position: relative;
    padding-bottom: 56.4%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
}

/*  padding-bottom 으로 세로높이 조절 */
.embed-container iframe,
.embed-container object,
.embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/*=======================
 메인비쥬얼 CSS
=========================*/
#main_visual {
	position: relative;
	overflow: hidden;
	background: #000;
}
#main_visual .main_v_inner {
	background: rgb(0 0 0 / 10%) url(../images/main/main_bg.png) repeat scroll 0 0; 
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1;
}
#main_visual .mvisu_txt {
	color: #fff;
	position: relative;
	text-align:center;
	text-shadow: 10px 10px 28px rgb(0 0 0 / 55%);
}
#main_visual .mvisu_txt .mt01 {
	position: relative;
	margin-top: 1rem;
	font-family: "Play";
	letter-spacing: -0rem;
	line-height: 1;
	color: rgba(255, 255, 255, 1);
	font-size: 5rem;
	font-weight: 600;
	display:inline-block;
	font-style: italic;
}
#main_visual .mvisu_txt .mt01:after {
	display:block;
	content:'';
	position:absolute;
	top:0px;
	right:-10px;
	height:103px;
	background:url(../images/main/text_bg.png) no-repeat scroll 0 0;
	width:230px;
	z-index:-1;
}
#main_visual .mvisu_txt .mt01 .sp01 {
	color:#00ad46;
}
#main_visual .mvisu_txt .mt02 {
	margin-top: 2rem;
	letter-spacing: -0.1rem;
	color: rgba(255, 255, 255, 1);
	font-size: 1.15rem;
	font-weight: 500;
}
#main_visual .mvisu_txt .mt03 {
	margin-top: 2rem;
	margin-left:0.3rem;
	font-family: "Play";
	font-size: 1.2rem;
	font-weight: 500;
	letter-spacing: 0.1rem;
	line-height: 1;
	text-shadow: 10px 10px 28px rgb(0 0 0 / 35%);
	color:#00ad46;
	font-style: italic;
}
#main_visual .video_file {
	background:url(../images/main/main_bg.jpg) repeat scroll 0 0;
	height:100%;
	width: 100%;
}
/* #main_visual video {
  z-index: 0;
  width: 100%;
  height: auto;
  overflow: hidden;
  position: absolute;
  top: 50%;
  left: 50%;
  text-align: center;
  transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  min-height: 900px;
  min-width: 1600px;
} */

@media (max-width: 1199px) {
  #main_visual {
    margin-top: 70px;
  }
  #main_visual video {
	  min-height: 600px;
	}
  #main_visual .mvisu_txt .mt01 {
    font-size: 3.5rem;
  }
}
@media (max-width: 768px) {
  #main_visual {
    height: 400px;
  }
  #main_visual video {
	 min-width: 900px;
	}
  #main_visual .mvisu_txt .mt01 {
    font-size: 3rem;
  }
	#main_visual .mvisu_txt .mt01:after {
    display: none;
	}
	#main_visual .mvisu_txt span {
    display: block;
	}
  #main_visual .mvisu_txt .mt02 {
    max-width:500px;
	margin:1rem auto 0;
  }
}
@media (min-width: 768px) {
  #main_visual {
    height: 600px;
  }
}
@media (min-width: 1200px) {
  #main_visual {
    height: 100%;
  }
  #main_visual video {
	  height: 110%;
	  width:auto;
	}
}
@media (min-width: 1660px) {
  #main_visual video {
	  width:100%;
	  height:auto;
	}

}
.main_body{
    background: url("../images/main/m_bg.jpg") repeat-y  50% 0px !important;
}



/* section1 프로그램 ---------------------------------------------------------------------------------------- */
.program{
    background: url("../images/main/pro_bg.jpg") repeat-y  50% 0px !important;
}
.program .left_title .txt01 {
    font-family: "Play";
    font-size: 15px;
    font-weight: 500;
    letter-spacing:-0rem;
    line-height: 1;
    color: #00ad46;
}
.program .left_title .txt02 {
    margin-top: 1rem;
    font-size: 2.5rem;
    font-weight: 600;
    letter-spacing: -0.2rem;
    line-height: 1.1;
    color: #292929;
}
.program .left_title .txt02:after {
	display: block;
    content: '';
    width: 10rem;
    height: 3px;
    background: #00ad46;
    vertical-align: middle;
    margin-left: -5rem;
    margin-top: 1.5rem;
}
.program .left_title .txt02 strong{
    font-weight: 800;
	position:relative;    
	z-index: 1;
	padding-right:5px;
}
.program .left_title .txt02 strong:after {
    display: block;
    content: '';
    position: absolute;
    bottom: 2px;
    height: 1.2rem;
    background: #69f590;
    width: 100%;
    z-index: -1;
    right: 0;
}
.program .left_title .txt03 {
    margin-top: 1rem;
    color: #7d7d7d;
}
.program .right_con .pro {
	border-radius:15px;
	overflow: hidden;
	background:#0aa243;
}
.program .right_con .pro .p_inner {
	color:#fff;
	position:relative;
	height: 100%;
}
.program .right_con .pro .p_inner .b_img{
	transition: .4s ease all;
	opacity: 1;
	z-index:0;
	position:relative;
}
.program .right_con .pro:hover .p_inner .b_img{
	transition: .4s ease all;
	opacity: 0.2;
}
.program .right_con .pro .p_inner .b_txt{
	position:absolute;
	top:0;
	width:100%;
	z-index:1;
	height: 100%;
    padding: 10px 1.8rem;
}
.program .right_con .pro .p_inner .icon {
	border-radius:100%;
	overflow: hidden;
	border:1px solid rgba(255,255,255,0.3);
	width:132px;
	height:132px;
	margin:2rem auto;
}
.program .right_con .pro .p_inner .material-symbols-outlined {
    color: #fff;
    background: rgba(0,0,0,0.0);
    border-radius: 50%;
    width: 2.4rem;
    height: 2.4rem;
    display: inline-flex !important;
    flex-wrap: wrap !important;
    justify-content: center;
    align-items: center;
    margin-bottom: 0rem;
    font-size: 1.5rem;
    font-variation-settings: 'FILL' 0, 'wght' 500, 'GRAD' 200;
	opacity: 0;
}
.program .right_con .pro .p_inner:hover .material-symbols-outlined {
    background: rgba(0,0,0,0.1);
	opacity: 1;
}
.program .right_con .pro .p_inner .txt01{
    color: #fff;
	font-size:1.45rem;
	font-weight:500;
    letter-spacing: -0.1rem;
}
@media (min-width: 1200px) {
	.program .left_title  {
		transform: translate(0, -130px);
		margin-bottom: -118px;
	}
	.program .right_con  {
		transform: translate(0, -130px);
		margin-bottom: -128px;
	}
}
@media (min-width: 992px) {
	.program .right_con  {
		max-width: 920px;
		height: 620px;
		position: relative;
/* 		transform: translate(0, -130px);
		margin-bottom: -128px; */
		margin-left: auto;
	}
	.program .right_con .pro {
		width: 296px;
		height: 280px;
		position: absolute;
		border-radius:15px;
		overflow: hidden;
		background:#0aa243;
	}
	.program .right_con .pro_01 {
		left: 0;
		top: 140px;
	}
	.program .right_con .pro_02 {
		left: 310px;
		top: 0px;
	}
	.program .right_con .pro_03 {
		left: 621px;
		top: 140px;
	}
	.program .right_con .pro_04 {
		left: 310px;
		top: 295px;
	}
}
@media (max-width: 1199px) {
	  .program .right_con {
		margin-bottom: 0;
		transform: translate(0, 20px);
	}
}
@media (max-width: 991px) {
	.program .left_title .txt02 {
		font-size: 1.8rem;
	}
	  .program .right_con {
		margin-bottom: 0;
		transform: translate(0, 20px);
	}
	.program .right_con .pro {
		width: 45%;
		height: 200px;
		margin:2%;
	}
	.program .right_con .pro .p_inner .icon {
		margin: 0.5rem auto;
	}
	.program .right_con .pro .p_inner .b_img img {
		min-height: 200px;
	}
}
@media (max-width: 576px) {
	.program .right_con .pro {
		height: 180px;
	}
	.program .right_con .pro .p_inner .b_txt {    
		padding: 10px 0.8rem;
	}
	.program .right_con .pro .p_inner .icon {
		width: 110px;
		height: 110px;
	}
	.program .right_con .pro .p_inner .material-symbols-outlined {
		display:none !important;
	}
	.program .right_con .pro .p_inner .txt01 {
		font-size: 1.3rem;
		text-align:center;
	}

}
@media (max-width: 390px) {
}






/* section2 뉴스_시설소식 ---------------------------------------------------------------------------------------- */
.ma_bo_title {
    border-bottom:1px solid #000;
}
.ma_bo_title .title{
    font-size: 2rem;
    font-weight: 600;
    letter-spacing: -0.2rem;
    line-height: 1.1;
    color: #292929;
}
#company_tab .nav-tabs {
   margin-top: 1rem;
    margin-bottom: 1rem;
}
#company_tab .nav-tabs .nav-link {
    text-align: center;
    padding: 0.5rem 0.3rem;
    border-radius: 0rem;
    border: none;
    margin: 0px 0px 0px 15px;;
	background: none !important;
	position: relative;
    z-index: 1;
	color:#000;
	font-weight:600;
	font-size:1.3rem;
	letter-spacing:-0.1rem;
}
#company_tab .nav-tabs .nav-link.active, #company_tab .nav-tabs .nav-item.show .nav-link {
	color:#000;
}
#company_tab .nav-tabs .nav-link.active:after, #company_tab .nav-tabs .nav-item .nav-link:hover:after {
    display: block;
    content: '';
    position: absolute;
    bottom: 2px;
    height: 1.1rem;
    background: #69f590;
    width: 100%;
    z-index: -1;
    right: 0;
}
.no_list_con{
	position: relative;
	border-bottom: 1px solid #eee;
    padding: 2.5rem 0;
}
.no_list_con .left {
	width:80%;
}
.no_list_con .left .no_text{
	width:80%;
}
.no_list_con .date .txt01{
	font-family: "Play";
	font-size: 2.3rem;
	font-weight: 500;
	letter-spacing: -0.02rem;
	line-height: 1;
	color: #31a163;
}
.no_list_con .date .txt02{
	font-family: "Play";
	font-size: 13px;
	font-weight: 500;
	letter-spacing: -0.05rem;
	line-height: 1;
	color: #222222;
}
.no_list_con .no_text .txt01{
    font-size: 1.2rem;
    font-weight: 600;
    letter-spacing: -0.1rem;
    line-height: 1.1;
    color: #292929;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.no_list_con .no_text .txt02{
    color: #919191;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.no_list_con .icon .material-symbols-outlined {
    color: rgba(0,0,0,0.6);
    background: rgba(0,0,0,0.05);
    border-radius: 50%;
    width: 2.4rem;
    height: 2.4rem;
    display: inline-flex !important;
    flex-wrap: wrap !important;
    justify-content: center;
    align-items: center;
    font-weight: 600;
    margin-bottom: 0rem;
    font-size: 1.5rem;
    font-variation-settings: 'FILL' 0, 'wght' 700, 'GRAD' 200;
}
@media (max-width: 1200px) {
	.no_list_con{
		padding: 1.5rem 0;
	}
}
@media (max-width: 768px) {
	#company_tab .nav-tabs .nav-item {
		width: auto;
	}
}
.popupzone .title{
    font-size: 2rem;
    font-weight: 600;
    letter-spacing: -0.2rem;
    line-height: 1.1;
    color: #292929;
}
.popupzone .swiper-wrapper{
	border-radius:30px;
	overflow:hidden;
}
.popupzone .swiper-button-prev, .popupzone .swiper-button-next {
    position: absolute;
    top: 10px;
    z-index: 10;
    cursor: pointer;
    align-items: center;
    justify-content: center;
}
.popupzone .swiper-button-prev, .popupzone .swiper-container-rtl .swiper-button-next {
    left: auto;
    right: 120px;
}
.popupzone .swiper-button-next, .popupzone .swiper-container-rtl .swiper-button-prev {
    right: 20px;
    left: auto;
}
.popupzone .swiper-pagination-fraction, .popupzone.swiper-pagination-custom, .popupzone.swiper-container-horizontal > .popupzone.swiper-pagination-bullets {
    margin: 10px 40px 0 0;
	color:#a3a3a3;
	font-weight: 600;
}
.popupzone .swiper-pagination-current{
	font-size:1.2rem;
	color:#000;
}
/* section3 지도 ---------------------------------------------------------------------------------------- */
.contact{
	background: url("../images/common/bg01.jpg") repeat  50% 0px !important;
}
.contact_right{
	padding:2rem;
}
.contact_title{
	border-bottom:1px solid #ececec;
	padding-bottom:1.7rem;
}
.contact_title .txt01{
	color: #b1b1b1;
    font-size: 14px;
    font-family: 'Play';
    font-weight: 500;
    letter-spacing: 0.02rem;
}
.contact_title .txt02{
	color: #222;
    letter-spacing: -0.1rem;
	font-size: 2rem;
    font-weight: 600;
	margin-top: 10px;
}
.add_con .icon01{
	color:#222;
	font-size:1.2rem;
}
.add_con .icon02{
	color:#222;
	font-size:0.9rem;
}
.add_con .txt01{
	font-family: 'Play';
    font-size: 1.1rem;
    font-weight: 500;
    letter-spacing: -0.04rem;
    line-height: 1;
    color: #222;
    margin-bottom: 3px;
}
.add_con .txt02{
	color: #222;
	font-size: 0.9rem;
    font-weight: 400;
    letter-spacing: -0px;
    line-height: 1.4;
}
.contact_left{
	background:#000;
	height: 490px;
	overflow:hidden;
}
.contact_left .root_daum_roughmap{
	opacity:0.95;
}
.root_daum_roughmap .wrap_map {
    height: 490px !important;
}
a.vr_view {
    color: #fff;
    padding: 0.8rem 2.2rem;
    transition: all 0.3s ease-out;
    background: #31a163;
    display: block;
	border-radius:10px;
	font-family: 'Play';
    font-size: 1.1rem;
    font-weight: 500;
    letter-spacing: -0.0rem;
}
a.vr_view:hover {
    transition: all 0.3s ease-out;
    background: #222;
}

@media (max-width: 768px) {
	.contact_right {
		width:100%;
	}	
}








/* 구글폰트 fallback */
.material-symbols-outlined {
  font-size: 3rem;
}

.material-symbols-outlined {
  font-variation-settings:
  'FILL' 0,
  'wght' 700,
  'GRAD' -25,
  'opsz' 48
}