/*
 * pattern.css
 * 전통 패턴 문양 배경 (홈 / 전수관 / 협회소개)
 * 작성자: 조성우
 * 수정일: 2026-07-29 11:22:27.587
 * 재구성일: 2026-08-01 (분류 주석 정리, 로직 변경 없음)
 * 버전: ?v=1.3.7
 *
 * ==========================================================================
 * 전체 구조 안내
 * ==========================================================================
 *  1. home   - 마엽문 패턴 (.pattern-1)
 *  2. center - 소슬금문 패턴 (.pattern-2)
 *  3. about  - 운학문 패턴 (.pattern-3)
 * ==========================================================================
 */

@charset "UTF-8";

/* ==========================================================================
   1. home - 마엽문 패턴 (.pattern-1)
   --------------------------------------------------------------------------
   홈 히어로 섹션 등에서 사용
   모바일: background-size 15% / 데스크탑(1024px+): 5%
   ========================================================================== */

.pattern-1 {
	background-color: #031336 !important;
	background-image:
		linear-gradient(rgba(12, 30, 70, 0.93), rgba(1, 15, 45, 0.7)),
		url("../images/patterns/pattern_1.png");
	background-repeat: repeat;
	background-size: 15%;
}

@media (min-width: 1024px) {
	.pattern-1 {
		/* 데스크탑 패턴 크기 (5%) */
		background-size: 5%;
	}
}


/* ==========================================================================
   2. center - 소슬금문 패턴 (.pattern-2)
   --------------------------------------------------------------------------
   금용국가유산전수관 관련 섹션에서 사용
   모바일: 18% / 데스크탑: 6%
   ========================================================================== */

.pattern-2 {
	background-color: #031336;
	background-image:
		linear-gradient(rgba(12, 30, 70, 0.9), rgba(1, 15, 45, 0.6)),
		url("../images/patterns/pattern_2.png");
	background-repeat: repeat;

	/* 모바일 패턴 크기 (18%) */
	background-size: 18%;
}

@media (min-width: 1024px) {
	.pattern-2 {
		/* 데스크탑 패턴 크기 (6%) */
		background-size: 6%;
	}
}


/* ==========================================================================
   3. about - 운학문 패턴 (.pattern-3)
   --------------------------------------------------------------------------
   협회소개 관련 섹션에서 사용
   모바일: 21% / 데스크탑: 7%
   ========================================================================== */

.pattern-3 {
	background-color: #031336;
	background-image:
		linear-gradient(rgba(12, 30, 70, 0.98), rgba(1, 15, 45, 0.8)),
		url("../images/patterns/pattern_3.png");
	background-repeat: repeat;

	/* 모바일 패턴 크기 (21%) */
	background-size: 21%;
}

@media (min-width: 1024px) {
	.pattern-3 {
		/* 데스크탑 패턴 크기 (7%) */
		background-size: 7%;
	}
}

/* ==========================================================================
   4. about - 귀갑문 패턴 (.pattern-4)
   --------------------------------------------------------------------------
   협회소개 관련 섹션에서 사용
   모바일: 21% / 데스크탑: 7%
   ========================================================================== */

.pattern-4 {
	background-color: #031336;
	background-image:
		linear-gradient(rgba(12, 30, 70, 0.98), rgba(1, 15, 45, 0.7)),
		url("../images/patterns/pattern_4.png");
	background-repeat: repeat;

	/* 모바일 패턴 크기 (21%) */
	background-size: 21%;
}

@media (min-width: 1024px) {
	.pattern-4 {
		/* 데스크탑 패턴 크기 (7%) */
		background-size: 4.5%; 
	}
}