/* ===== SNS + 갤러리 섹션 (PC) ===== */
.main-sns{background:url('/_res/yonam/_share/img/department/mimg16.png') center/cover no-repeat;position:relative;padding:80px 0}
.main-sns::before{content:"";position:absolute;top:-20px;left:0;background:url('/_res/yonam/_share/img/department/mimg02.png') no-repeat;width:103px;height:155px}
.main-sns::after{content:"";position:absolute;bottom:50px;right:0;background:url('/_res/yonam/_share/img/department/mimg21.png') no-repeat;width:90px;height:167px}

/* 제목 줄 */
.main-sns .h2-wrap{display:flex;align-items:center;gap:40px}
.main-sns .h2-wrap span{color:var(--color-m)}

/* SNS 아이콘 */
.main-sns .link-wrap{display:flex;gap:5px}
.main-sns .link-wrap .item{background-color:#676767;color:#fff;width:32px;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;border-radius:5px;overflow:hidden;text-indent:-999%}
.main-sns .link-wrap .item.all{text-indent:0;background-color:var(--color-m)}
.main-sns .link-wrap .item.facebook{background:url('/_res/yonam/_share/img/department/mimg17.png') #676767 center no-repeat}
.main-sns .link-wrap .item.blog{background:url('/_res/yonam/_share/img/department/mimg18.png') #676767 center no-repeat}
.main-sns .link-wrap .item.instagram{background:url('/_res/yonam/_share/img/department/mimg19.png') #676767 center no-repeat}
.main-sns .link-wrap .item.youtube{background:url('/_res/yonam/_share/img/department/mimg20.png') #676767 center no-repeat}

/* 갤러리 제목 + 바로가기 (오른쪽 절반, 갤러리 카드 위쪽) */
.main-sns .h2-wrap{display:flex;align-items:center;gap:40px;position:relative}
.main-sns .h2-wrap .gallery-tit-wrap{
	position:absolute;
	left:50%;           /* 화면 절반 = 갤러리 카드 시작점 */
	margin-left:10px;   /* gap 보정 */
	display:flex;align-items:center;gap:15px
}
.main-sns .h2-wrap .gallery-tit-wrap .h2-tit span{color:var(--color-m)}

/* 갤러리 바로가기 버튼 */
.main-sns .gallery-more{background-color:var(--color-m);color:#fff;width:32px;height:32px;border-radius:5px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:0}
.main-sns .gallery-more::after{content:"\e9c5";font-family:'xeicon';font-size:18px}

/* 6칸 그리드 (SNS3 + 갤러리3) */
.main-sns .sns-wrap{display:grid;gap:20px;grid-template-columns:repeat(6, 1fr) !important}

/* 카드 (SNS·갤러리 공용) */
.main-sns .sns-wrap .item{min-width:0;border:1px solid var(--color-border);border-radius:20px;overflow:hidden;background-color:#fff}
.main-sns .sns-wrap .item:hover{box-shadow:0 0 20px rgba(0,0,0,.2)}
.main-sns .sns-wrap .item:hover .img img{transform:translate(-50%,-50%) scale(1.1)}
.main-sns .sns-wrap .item .img{position:relative;width:100%;aspect-ratio:230/240;overflow:hidden;background-color:#f6f6f6}
.main-sns .sns-wrap .item .img img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:.3s;max-width:none;min-width:100%;min-height:100%}
.main-sns .sns-wrap .item .txt{padding:20px}
.main-sns .board-con{margin:10px 0 20px 0;-webkit-line-clamp:3}
.main-sns .board-date{background:url('/_res/yonam/_share/img/department/mimg06.png') left 24px no-repeat;color:#7f7f7f;padding-left:15px;border-top:1px dashed #ddd;padding-top:20px}

/* 카테고리 색상 */
.main-sns .item[data-category="Blog"] .category{color:#22b500}
.main-sns .item[data-category="Instagram"] .category{color:#e11aa2}
.main-sns .item[data-category="Facebook"] .category{color:#0056b9}
.main-sns .item[data-category="Youtube"] .category{color:#ff0033}
.main-sns .item[data-category="Gallery"] .category{color:var(--color-m)}

.main-sns .sns-wrap .item[data-category="Gallery"] .img img{
	position:static;transform:none;
	width:100%;height:100%;
	min-width:0;min-height:0;max-width:100%;
	object-fit:cover;object-position:center;
}

/* 갤러리 카드 hover 시 이미지 확대 (translate 없이 scale만) */
.main-sns .sns-wrap .item[data-category="Gallery"]:hover .img img{
	transform:scale(1.1) !important;
}

/* 갤러리 위젯 제목(모바일용)은 PC에서 숨김 */
.main-sns .sns-wrap .gallery-tit-m-wrap{display:none}


/* ===== 모바일 ===== */
@media (max-width:1024px){
	
	.gnb-1item.on + .gnb-2wrap{z-index:10}
	
	.main-sns .sns-wrap{grid-template-columns:repeat(2, 1fr) !important}
	.main-sns .h2-wrap{flex-wrap:wrap;gap:15px}

	/* PC용 갤러리 제목+바로가기 숨김 */
	.main-sns .h2-wrap .gallery-tit-wrap{display:none !important}

	/* 갤러리 위젯 제목 보이게 (카드 위) */
	.main-sns .sns-wrap .gallery-tit-m{display:block;grid-column:1/-1;margin:20px 0 0}
	.main-sns .sns-wrap .gallery-tit-m span{color:var(--color-m)}

	/* 공용 nth-child(5) 때문에 갤러리 카드 숨겨지는 것 방지 */
	.main-sns .sns-wrap .item[data-category="Gallery"]{display:block !important}

	.main-sns .sns-wrap .gallery-tit-m-wrap{display:flex;align-items:center;/* 세로 중앙 정렬 */   gap:10px;grid-column:1/-1;margin:20px 0 0;}
	.main-sns .sns-wrap .gallery-tit-m{margin:0;line-height:1}

}