/* 구분 -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) { .KNB_tabFacility .contents-container .sub_stit{width: 100%; float: left; font-size:calc(var(--tit-md-size) * 0.8); font-weight: 700; line-height: 130%; margin-bottom: 40px;  text-align: center; color: var(--primary);}
.KNB_tabFacility .contents-container .tab_area { width: 100%; float: left; display: grid; grid-template-columns: minmax(20%, clamp(25%, 25%, 300px)) auto;  grid-gap: 100px}
.KNB_tabFacility .tab_area .tabs {width: 100%; float: left;  display: flex; flex-direction: column; grid-gap: 20px; background-color: #f7f7f7; border-radius: 30px; padding: 50px 30px}
.KNB_tabFacility .tab_area .tabs .tab { width: 100%; float: left ; display: flex;  justify-content: center;  align-items: center;}
.KNB_tabFacility .tab_area .tabs .tab p{ width: 100%; float: left ; text-align: center;  }
.KNB_tabFacility .tab_area .tabs .tab.on{ width: 100%; float: left ; text-align: center; background-color: var(--primary);; color: #fff; border-radius: 50px; padding: 10px }	
	.KNB_tabFacility .tab_area .tabs .tab.on p{ color: #fff!important;}	

/* 화살표 버튼 */
.arrow { position: absolute; top: 50%; transform: translateY(-80%); width: 24px; height: 24px; background: rgba(0,0,0,0.3); color: #fff; border: none; border-radius: 50%; z-index: 3; cursor: pointer; font-size: 14px; line-height: 24px; display: none; }
.arrow.left { left: 5px; }
.arrow.right { right: 5px; }
}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) { ; }
/**** 모바일 ****/
@media only all and (max-width:767px) { .KNB_tabFacility .contents-container .sub_stit{width: 100%; float: left; font-size:calc(var(--tit-md-size) * 1); font-weight: 700; line-height: 130%; margin-bottom: 20px; }
.KNB_tabFacility .contents-container .tab_area { width: 100%; float: left; position: relative; }
.KNB_tabFacility .tab_area .tabs { width: 100%; float: left ;display: flex; flex-direction: row; grid-gap: 0px; justify-content: space-between; margin-bottom: 20px; overflow-x: auto; padding: 0px 0px; background-color: #f7f7f7; border-radius: 30px; }
.KNB_tabFacility  .scroll-hidden { overflow-x: auto; -webkit-overflow-scrolling: touch; /* iOS 부드러운 스크롤 */
  scrollbar-width: none; /* Firefox */; }
.KNB_tabFacility  .scroll-hidden::-webkit-scrollbar { display: none; /* Chrome, Safari, Opera */; }

.KNB_tabFacility .tab_area .tabs .tab { width: 100%; float: left ; display: flex;  justify-content: center;  align-items: center;}
.KNB_tabFacility .tab_area .tabs .tab p{ width: 100%; float: left ; text-align: center;  }
.KNB_tabFacility .tab_area .tabs .tab.on{ width: 100%; float: left ; text-align: center; background-color: var(--primary);; color: #fff; border-radius:6px; padding:5px 0px }	
	.KNB_tabFacility .tab_area .tabs .tab.on p{ color: #fff!important;}	
	

/* 화살표 버튼 */
.KNB_tabFacility .arrow { position: absolute; top:7px; width: 24px; height: 24px; background: rgba(0,0,0,0.3); color: #fff; border: none; border-radius: 50%; z-index: 999999; cursor: pointer; font-size: 14px; line-height: 24px; display: none }
.KNB_tabFacility .arrow.left { left: -5px; }
.KNB_tabFacility .arrow.right { right: -5px; }
}
/**** 모바일2 ****/
@media only all and (max-width:400px) { ; }
/* 구분 //end -----------------------------------*/



/* 구분 -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) { .KNB_tabFacility .tab_area .tabs .tab p{
    padding: 5px 0px; cursor: pointer; border-bottom: none; font-size:calc(var(--tit-mds-size) * 0.8); font-weight: 500; width: auto; float: left; white-space:nowrap; }
.KNB_tabFacility .tab_area .tabs .tab.on p { font-weight: bold; font-size:calc(var(--tit-mds-size) * 0.8); color: var(--primary); border-bottom: 2px solid var(--primary); width: auto; float: left; }
.KNB_tabFacility .tab-content { display: none;  }
.KNB_tabFacility .tab-content .grid_cont { width: 100%; float: left; display: flex; flex-direction: column; grid-gap: 80px; }
.KNB_tabFacility .tab-content .grid_cont>div:first-child { margin-left: -50px; width: calc(100% + 50px); }
.KNB_tabFacility .tab-content .grid_cont>div:first-child { background-color: #f7f7f7; padding:clamp(20px, 3.906vw, 50px); border-radius: 30px 30px 0px 0px; }
.KNB_tabFacility .tab-content .grid_cont>div:nth-child(2) { background-color: #f7f7f7; border-radius: 0px 0px 30px 30px; width: calc(100% + 50px); margin-left: -50px; margin-top: -80px; }
}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) { ; }
/**** 모바일 ****/
@media only all and (max-width:767px) { .KNB_tabFacility .tab_area .tabs .tab p{
    padding: 2px 10px; cursor: pointer; font-size:calc(var(--tit-mds-size) * 0.8); font-weight: 500; width: auto; float: left; white-space:nowrap; margin-top: -2px; }
.KNB_tabFacility .tab_area .tabs .tab.on p { font-weight: bold; font-size:calc(var(--tit-mds-size) * 0.8); color: var(--primary); width: auto; float: left; position: relative; z-index: 2; }
.KNB_tabFacility .tab-content { display: none; background-color: #fafafa; padding: 10px; border-radius: 6px; }
.KNB_tabFacility .tab-content .grid_cont { width: 100%; float: left; display: flex; flex-direction: column; grid-gap: 30px; }
}
/**** 모바일2 ****/
@media only all and (max-width:400px) { ; }
/* 구분 //end -----------------------------------*/


 
  .KNB_tabFacility .tab-content.active { display: block; }