@charset "utf-8";


#sub-lnb { width: 100%; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; background: #fff; }
#sub-lnb .container { display: flex; align-items: center; height: 50px; padding: 0 15px; }
.lnb-home { display: flex;margin-left: auto; b display: flex; align-items: center; justify-content: center; width: 50px; height: 100%; color: #333; }
.lnb-item {position: relative; height: 100%;  min-width: 270px; }
.lnb-item::before { content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 16px; background-color: #ccc; }
.lnb-item-last::after { content: ""; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 16px; background-color: #ccc; }
.lnb-trigger { width: 100%; height: 100%; padding: 0 20px; border: none; background: none; text-align: left; font-size: 15px; color: #555; cursor: pointer; display: flex; align-items: center; justify-content: space-between; }
.lnb-trigger .arrow-down { width: 8px; height: 8px; border-right: 2px solid #000; border-bottom: 2px solid #000; transform: rotate(45deg); margin-left: 10px; margin-top: -4px; transition: 0.3s; }
.lnb-item.active .arrow-down { transform: rotate(-135deg); margin-top: 4px; }
.lnb-depth { position: absolute; top: 50px; left: -1px; width: calc(100% + 2px); background: #fff; border: 1px solid #e5e5e5; border-top: none; display: none; z-index: 100; list-style: none; padding: 0; }
.lnb-item.active .lnb-depth { display: block; }
.lnb-depth li a { display: block; padding: 12px 20px; font-size: 15px; color: #666; text-decoration: none; border-bottom: 1px solid #ccc; }
.lnb-depth li a:hover { background: #f9f9f9; color: #000; }

.page-title-wrap { width: 100%; padding: 40px 0; background: #fff; }
.title-inner { ; margin: 0 auto; display: flex; align-items: center; justify-content: flex-start; }
.title-home { font-family: "Cafe24", serif; font-size: 45px;  color: #232323; padding-right: 30px; position: relative; }
.title-home::after { content: ""; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 40px; background: #ccc; }
.title-group { padding-left: 30px; display: flex; flex-direction: column; justify-content: center; }
.main-title { font-family: "Cafe24", serif; font-size: 35px; color: #232323; margin: 0; line-height: 1.2; }
.sub-text { font-size: 20px; color: #666; margin: 5px 0 0 0; letter-spacing: 0.5px; }

.split-bg-container { width: 100%; height: auto;  display: flex; align-items: center; justify-content: center; position: relative; overflow: hidden; }
.centered-image {  max-height: 100%;  width:100%; max-width:1600px; object-fit: contain; z-index: 10; }

.split-bg-container1 { background: #9e988a;  }

.split-bg-container2 { background: linear-gradient(to right, #d18274 50%, #51352e 50%);  }

.split-bg-container3 { background: #89a154;  }

.split-bg-container4 { background: linear-gradient(to right, #6a5342  50%, #cfa16e  50%);  }

.split-bg-container5 { background:  #606b35;  }

.split-bg-container6 { background: #877f68;  }

.split-bg-container7 { background: #857d56;  }

.split-bg-container8 { background: #c1946b;  }


.split-bg-container81 { background: #7e916e;  }
.split-bg-container82 { background: #eab972;  }
.split-bg-container83 { background: #848a82;  }

@media (max-width: 1420px) {
	#sub-lnb{display:none;}
}

@media (max-width: 800px) {
	.title-inner{flex-direction: column;text-align: center;}
	.title-home{padding-right:0; border-bottom:1px solid #ccc; margin-bottom:20px; padding-bottom:20px;}
	.title-group{padding-left:0;}
	.title-home:after{display:none;}
}
@media (max-width: 500px) {
	.title-home{ font-size: 24px;}
	.main-title{font-size:20px;}
	.title-group{ font-size: 18px;}
	.sub-text { font-size: 14px; }
}

.sub-content-wrap{padding: 60px 0;}

.subimg{ text-align:center; margin:  40px 0 ; }
.subimg img { max-width: 1400px; width:100%; }

.sub-tit{font-size:35px; color:#232323; font-family: "Cafe24", serif; margin:20px;}
.sub-p{color:#232323; font-size:18px; margin:20px;}


@media (max-width: 700px) {
	.sub-tit{font-size:25px; }
	.sub-p{font-size:14px; }
}


.tab-wrapper { display: flex; width: 100%;  gap: 5px;}
.tab-item { flex: 1; text-align: center; padding: 15px 0; cursor: pointer; font-weight: bold; color: #084718; transition: 0.3s; font-size:15px; border: 1px solid #ccc; background:#f7faef;}
.tab-item.on {background:#6f8823; background-color: #6f8823; color:#fff; }
.tab-content-wrapper { padding-top: 40px; border-top: none; }
.tab-content { display: none; }
.tab-content.on { display: block; }


.table-scroll { width: 100%; overflow-x: auto;   -webkit-overflow-scrolling: touch; }
.base-table { border-top:2px solid #084717; width: 100%; min-width: 800px; border-collapse: collapse; table-layout: fixed; }
.base-table th { background-color: #e9f7db; color: #084717; padding: 15px; border-right: 1px solid #d1d5db; font-size: 15px; border-bottom: 1px solid #ccc;}
.base-table th:last-child { border-right: none; }
.base-table td { text-align:center; padding: 15px; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; color: #495057; font-size: 15px; line-height: 1.5; vertical-align: middle; }
.base-table td:last-child { border-right: none; }
.base-table tbody tr:hover { background-color: #f9fdf7; }
.base-table .center { text-align: center; }


.btn_wrap{display:flex;gap:15px;justify-content: center; margin-top:20px;}
.cabtn{border:1px solid #ccc; background:#fff; color:#084717;font-size:15px; display:flex; padding: 15px 30px;}
.cabtn.bg1{color:#fff;background:#6f8823;}


.membership-fee{ padding: 30px;  background-color: #edf1e0;  }
.membership-fee-box { display: flex; align-items: center; gap: 20px; border-bottom:1px solid #ccc; padding: 30px; }
.fee-number { font-family: 'Cafe24', serif; width: 60px; height: 60px; background-color: #084718; color: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center;  font-size: 35px; flex-shrink: 0; }
.fee-text-group { display: flex; flex-direction: column; gap: 5px; }
.fee-title { margin: 0; padding: 0; color: #232323; font-family: 'Cafe24', serif; font-size: 35px; font-weight: bold; word-break: break-word;}
.fee-description { margin: 0; padding: 0; color: #232323; font-size: 18px; line-height: 1.4;word-break: break-word; }


@media (max-width: 700px) {
	.fee-number { width: 40px; height: 40px; font-size: 25px;  }
	.fee-title{font-size:25px; }
	.fee-description{font-size:14px; }
}