@charset "utf-8";


#subConents{width: 100%;margin: 120px 0;}
#subConents .sub-page {width: 100%; max-width: 1340px; margin: 0 auto; }
#subConents .sub-page .top-area{text-align: center;}
#subConents .sub-page .top-area h2{font-size: 50px; margin-bottom: 70px;}
#subConents .sub-page .top-area p{font-size: 28px;}



.desc_wr{ border-top: 1px solid #dbdbdb;}
.desc_wr i{color: var(--main-color-em,); font-size: 20px;}
.desc_wr dl{display: flex; gap: 10px;}
.desc_wr span{font-weight: 500;}

.loction-desc dl{display: flex; gap: 10px; align-items: center; padding-bottom: 30px; }
.partners .desc_wr dl{padding-top: 10px; display: flex; align-items: end;}
.partners .desc_wr dl.address{padding-top: 20px;}
dl.address {padding-top: 30px;}
dd {font-size: 20px;}

.partners .desc_wr span {font-weight: 600;/* text-align: right; */font-size: 24px;margin-top: 10px; display: block;}

#subConents .tabs .map_area{width: 100%; height: 100%; overflow: hidden;}

#subConents .tabs .map_area iframe {width: 100%; height: 100%;transition: all 0.5s;}
section#bo_v_link {max-width: 1340px;margin: 0 auto;}

/* Location */

div#tabs-content {
    width: 100%;
    height: auto;
}


#subConents .tabs {
    width:100% ;
/*     background-color: #09F;
    border-radius: 5px 5px 5px 5px; */
    display: flex;
  }
  ul#tabs-nav {
    list-style: none;
    margin: 0;
    padding: 5px;
    overflow: auto;
    display: flex;
    flex-direction: column;
  }
  ul#tabs-nav li {
    display:flex;
    flex-direction: column;
/*     font-weight: bold; */
    margin-right: 2px;
    padding: 8px 10px;
    border-radius: 5px 5px 5px 5px;
    /*border: 1px solid #d5d5de;
    border-bottom: none;*/
    cursor: pointer;
  }
  ul#tabs-nav li:hover,
  ul#tabs-nav li.active {
    /* background-color: #08E; */
  }
  #subConents #tabs-nav li a {
    text-decoration: none;
 /*    color: #FFF; */
  }
  .tab-content {
    padding: 10px;
/*     background-color: #FFF; */
    height: 100%;
  }

  #tabs-content {
    width: 100%;
    height: auto;
}

#subConents .tabs li.active h3{color:var(--main-color-em)}
#subConents .tabs li.active a{ border: 0;}


/* product */

.tit_group {display: flex;gap: 50px;justify-content: space-between; align-items: center; border-bottom: 1px solid #dbdbdb;}
.tit_group h3{font-size: 30px;}
.tit_group .inactive{color:#dbdbdb; font-size: 26px;}

.pdf-box{height:700px; margin: 50px 0;}
.brochure-box { width: 100%; text-align: center;}
.brochure-box img{width: 40%; height: 100%; }
/* .video-box{width:100%; height: 100%;}
.video-box video{width:50%; height: 100%;} */
.brochure-box {width: 100%;margin-bottom: 70px; text-align: center; }
.pdf-box h3 , .brochure-box h3 , .video-box h3{/* border-bottom: 1px solid #dbdbdb; */ padding-bottom: 20px; font-weight: 600; font-family: var(--font-family-Pretendard); text-align: left;} 
.video-box h3{border-bottom: 1px solid #ededed; text-align: center; } 
.brochure-box img{cursor: pointer; border: 1px solid #efefef; margin: 100px 0 50px 0;  transform: scale(1.5); position: relative; top: 180px;}

.brochure-box.test{height: 700px; margin:0 0 150px;}

.grey_area {width: 100%;background: #fafafa;height: 300px; margin-top: 500px; text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.grey_area p{font-size: 24px; padding-bottom: 30px; }
.grey_area button{text-align: center; border:1px solid var(--main-color-em);padding: 10px 30px 10px 40px; border-radius: 50px; display: flex; align-items: center;gap: 30px;}
.grey_area button:hover{background-color: var(--main-color-em);}
.grey_area button a{color:var(--main-color-em); font-size: 18px; display: flex; align-items: center;}  
.grey_area button:hover a{color:#fff}  
.grey_area button:hover i{color:#fff}  

.video-box{height: auto; text-align: center; transform: translateY(50%);}
.video-box iframe{margin: 100px 0 0; border: 1px solid #dbdbdb; height: 530px; width: 950px; }

.modal {
	display: none;
	z-index: 99999999;
	width: 100%;
	height: 100vh;
	position: fixed;
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.3);
  overflow:scroll
}

.modal button {
	position: absolute;
	top: 3rem;
	right: 3rem;
	background: transparent;
	border: 0;
	color: #ffffff;
	font-size: 3rem;
}

.modalBox {
	position: relative;
	top:30%;
	left: 50%;
	transform: translate(-50%, -20%);
	width: 50%;
	height: auto;
	text-align: center;
}

.modalBox img {
	width: 100%;
}

.modalBox p {
	color: #ffffff;
	background-color: #000;
	font-size: 2rem;
	padding: .2rem;
}

/*게시판 */

#bo_list {position: relative;margin-bottom: 20px;max-width: 1500px;margin: 0 auto;}