/* 기본적인 스타일 설정 */
        body {
            font-family: Arial, sans-serif;
            margin: 0;
            padding: 20px;
            background-color: #f4f4f4;
        }

        .container {
            max-width: 1100px;
            margin: 0 auto;
            background-color: #fff;
            padding: 20px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        }

        /* 붉은 꽃 이미지 스타일 */
        .main-image-container {
            margin-bottom: 20px;
        }

        .main-image {
            width: 100%;
            height: auto;
            display: block;
        }

        /* 코스모스 이미지 그리드 스타일 */
        .cosmos-grid {
            display: flex;
            flex-wrap: wrap;
            justify-content: flex-start; /* 왼쪽 정렬 */
            gap: 15px; /* 이미지 간격 */
            margin-bottom: 30px;
        }

        .cosmos-item {
            /* 이미지 4개가 한 줄에 오도록 너비 설정 */
            width: calc(25% - 15px); /* 25%에서 간격 조절 */
            text-align: center;
        }

        .cosmos-item img {
            width: 100%;
            height: auto;
            display: block;
            margin-bottom: 5px;
        }

        .cosmos-item p {
            font-size: 20px;
            margin: 0;
        }

        /* 하단 주황색 정보 블록 스타일 */
        .info-block {
            background-color: #ff8c00; /* 주황색 계열 */
            color: #fff;
            padding: 20px;
            text-align: center;
            line-height: 1.6;
        }

        .info-block p {
            margin: 0;
            font-size: 14px;
        }


		.main_title{
			margin:0 auto;
			text-align:center;
			font-size:30px;
			color:#f18c61;
			font-weight:700;
			padding:20px;
		
		}





        /* 모바일 대응 (선택 사항) */
        @media (max-width: 600px) {
			.cosmos-item {
				/* 모바일 환경: 너비를 100%로 설정하여 한 줄에 1개씩 표시 */
				width: 100%; 
				margin-bottom: 15px; /* 항목 간격 추가 */
			}
			.cosmos-grid {
				 /* 플렉스 컨테이너의 이미지 간격을 0으로 설정 */
				 gap: 0;
			}
		}