.clear {
	clear: both;
}



.section {
	width: 100%;
	min-width: 1000px;
	z-index: 10;
	position: relative;
	padding:0;
}


.inner {
	width: 50px;
	height: 50px;
	padding:0;
	font-family:나눔바른고딕, Malgun Gothic, 맑은 고딕, '돋움', sans-serif;
}

.inner:after {
	  content: "";
	  display: table;
	  clear: both;
}


.subMenu {
	position:fixed;
	margin-left:50%;
	top:400px; 
	left:-652px;
	z-index: 99;
}

.subMenu .inner {
	padding:0;
	font-weight: bold;
}


.subNavBtn {
	display: block;
	height: 36px;
	width: 52px;
	float: left;
	margin: 0px 0px 2px 0;
	text-decoration: none;
	font-size: 20px;
	padding: 16px 0 0 0;
	text-align: center;
	background:url(./image/tab_bg.png)center top no-repeat;
    color:#ffffff;
}
.subMenu a:hover {
	background:url(./image/tab_bg.png)center top no-repeat;color:#fff000;
}

.active {
	background:url(./image/tab_on_bg.png)center top no-repeat;color:#ffffff;
}
.end {
	margin:0;
}




/* SECTIONS */
.sTop {
	padding-top:0;
	padding-bottom:0;
	margin: 0;
	background:url()#a1a1a0 center top no-repeat;
	height: 80px;
	
}


.s1 {
    padding-top:0;
	padding-bottom:0;
	background:url(./image/Cat02_1_bg.jpg)#a1a1a0 center top no-repeat;
	height: 1364px;
	margin: 0;
	
}
.s1 .cont {width: 1240px; height: 1119px; margin:0 auto;}

.s2 {
    padding-top:0;
	padding-bottom:0;
	background:url(./image/main_221025.jpg)#efead7 center top no-repeat;
	height: 1420px;
	margin: 0;
}
.s2 .cont {width: 1240px; height: 1187px; margin:0 auto;}

.s3 {
    padding-top:0;
	padding-bottom:0;
	background:url(./image/Cat02_3_bg.jpg)#efead7 center top no-repeat;
	height: 3549px;
	margin: 0;
}
.s3 .cont {width: 1240px; height: 3549px; margin:0 auto;}

.s4 {
    padding-top:0;
	padding-bottom:0;
	background:url(./image/Cat02_new3_bg.jpg)#efead7 center top no-repeat;
	height: 712px;
	margin: 0;
}
.s4 .cont {width: 1200px; height: 2230px; margin:0 auto;}


.s44 {
    padding-top:0;
	padding-bottom:0;
	background:url(./image/Cat02_new3_bg_220502.jpg)#efead7 center top no-repeat;
	height: 1128px;
	margin: 0;
}

.s5 {
    padding-top:0;
	padding-bottom:0;
	background:url(./image/Cat02_5_bg.jpg)#efead7 center top no-repeat;
	height: 1638px;
	margin: 0;
}
.s5 .cont {width: 1240px; height: 1638px; margin:0 auto;}

.s6 {
    padding-top:0;
	padding-bottom:0;
	background:url(./image/Cat02_f_bg.jpg)#efead7 center top no-repeat;
	height: 930px;
	margin: 0;
}
.s6 .cont {width: 1200px; height: 930px; margin:0 auto;}

.s7 {
    padding-top:0;
	padding-bottom:0;
	background:url(./image/Cat02_g_bg.jpg)#efead7 center top no-repeat;
	height: 1400px;
	margin: 0;
}
.s7 .cont {width: 1200px; height: 1400px; margin:0 auto;}

.s9 {
    padding-top:0;
	padding-bottom:0;
	background:url(./image/mainC09_bg.jpg)#ffffff center top no-repeat;
	height: 1160px;
	margin: 0;
}

.s8 {
    padding-top:0;
	padding-bottom:0;
	height: 200px;
	margin: 0;
}

.s0722 {
  position: relative;
  padding: 50px 0; /* 콘텐츠 상하에 50px씩 여백이 생깁니다 */
  background: url(./image/s0722_bg.jpg) #ab8868 center top repeat-y; /* 배경이 끊기지 않도록 repeat-y 권장 */
  /* height: 5000px; 삭제 - 콘텐츠 길이에 따라 자동으로 늘어납니다 */
  margin: 0;
}

.s0722 .tit {
  width: 866px; 
  height: 252px; 
  /* 부모 패딩 50px + 상단 마진 37px = 기존의 top: 87px 위치와 동일한 효과 */
  margin: 37px auto 55px auto; 
}

.s0722 .cont {
  width: 1200px; 
  /* min-height: 4500px; 필요시 유지하되, 콘텐츠에 딱 맞추려면 이 줄도 삭제하세요 */
  margin: 0 auto; /* 가로 중앙 정렬 */
}

.store-tabs {
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0 auto;
  width: 100%;
  max-width: 720px; 
}

.store-tabs .tab-link {
  flex: 1; /* 3개의 탭이 동일한 비율로 꽉 차게 분할 */
  text-align: center;
  padding: 25px 10px;
  background-color: #3e2f1d; /* 비활성 탭 배경색 (어두운 브라운) */
  color: #ffffff;
  font-size: 22px;
  font-weight: 500;
  cursor: pointer;
  border-left: 1px solid #624b33; /* 구분선 */
  transition: background-color 0.2s ease, color 0.2s ease;
}

.store-tabs .tab-link:first-child {
  border-left: none;
}

.store-tabs .tab-link.active {
  background-color: #ffbc00; /* 활성 탭 배경색 (노란색) */
  color: #1a1a1a;
}

.tab-content {
  display: none;
  padding: 0;
  border-top: none;
  max-width: 1200px;
  margin-top:30px;
}

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

/* --- 반응형 처리 (모바일) --- */
@media screen and (max-width: 600px) {
  .store-tabs {
    flex-direction: column; /* 세로로 배치 */
  }
  
  .store-tabs .tab-link {
    border-left: none;
    border-bottom: 1px solid #624b33; /* 세로 배치 시 하단 구분선으로 변경 */
    padding: 14px 10px;
  }
  
  .store-tabs .tab-link:last-child {
    border-bottom: none;
  }
  
  .tab-content {
    border-top: 1px solid #ddd; /* 세로 배치 시 상단 테두리 추가 */
  }
}