/*---------------------------------------  swiper 메인 슬라이드 ------------------------------------------*/
	

		swiper-slide {
			position: relative;
		}

		.text001 {
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%); /* 1300의 절반만큼 왼쪽으로 이동 */
			max-width: 1220px;
			width: 90%; /* 반응형 지원을 위해 너비 유동 처리 */
			color: #1346aa;
			text-align: left; /* 좌측 정렬 */
			font-size: 45px;
			z-index: 10;
			padding: 1rem;
			line-height: 1.2;
			letter-spacing: -0.08em;
			font-family: 'Pretendard Variable';
		}

		.cta-button {
			display: inline-block;
			margin-top: 20px;
			padding: 15px 30px;
			background-color: #007BFF;
			color: #fff;
			text-decoration: none;
			font-size: 1rem;
			border-radius: 40px;
			transition: background-color 0.3s ease;
			letter-spacing: 0em;
		}

		.cta-button:hover {
			background-color: #0056b3;
		}

		.text002 {
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%); /* 정확히 중앙 정렬 */
			max-width: 1300px;
			width: 90%; /* 반응형 지원을 위해 너비 유동 처리 */
			color: white;
			text-align: center; /* 중앙 정렬 */
			font-size: 45px;
			z-index: 10;
			padding: 1rem;
			line-height: 1.2;
			letter-spacing: -0.08em;
			font-family: 'Pretendard Variable';
		}

		.text003 {
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%); /* 정확히 중앙 정렬 */
			max-width: 1220px;
			width: 90%; /* 반응형 지원을 위해 너비 유동 처리 */
			color: white;
			text-align: right; /* 중앙 정렬 */
			font-size: 45px;
			z-index: 10;
			padding: 1rem;
			line-height: 1.2;
			letter-spacing: -0.08em;
			font-family: 'Pretendard Variable';
		}

		.cta-button2 {
			display: inline-block;
			margin-top: 20px;
			padding: 15px 30px;
			background-color: #007BFF;
			color: #fff;
			text-decoration: none;
			font-size: 1rem;
			border-radius: 40px;
			transition: background-color 0.3s ease;
			letter-spacing: 0em;
		}

		.cta-button2:hover {
			background-color: #0056b3;
		}

		.bg-text{
			background: #00000040;
			width: 50%;
			margin: 0 auto;
		}

		@media (max-width: 550px) {

		.text001, .text002, .text003 {
			font-size: 25px !important;

			font-family: 'Pretendard Variable';
		}

		.cta-button {
			display: inline-block;
			margin-top: 20px;
			padding: 7px 15px;
			background-color: #007BFF;
			color: #fff;
			text-decoration: none;
			font-size: 1rem;
			border-radius: 40px;
			transition: background-color 0.3s ease;
			letter-spacing: 0em;
		}
	 }

		/* ✅ 2. 551px ~ 1200px: 태블릿 */
		@media (min-width: 551px) and (max-width: 1200px) {
		.text001, .text002, .text003 {
			font-size: 35px !important;

			font-family: 'Pretendard Variable';
		}
	}



/*---------------------------------------- 2 GOODS  conta2-1  box-area2-1  ----------------------------*/

	/*---------------- 550px 이하 -------------------------*/

		@media (max-width: 550px) {

			.container2-1 {
				width: 100%;
				margin: 0 auto;
			}

			.title2-1 {
				display: flex;
				align-items: center;
			}

			.box-area2-1 {
				display: flex;
				gap: 20px;
				flex-wrap: wrap;
				align-items: center;
				justify-content: center;
				margin: 0 10px;
			}

			.box-area2-1 .item2-2 {
				width: calc((100% - (1 * 20px)) / 2);
			}
			
			.box-area2-1 .item2-1 {
				height: auto;
				border: 1px solid #ddd;
				border-radius: 50%;
				display: flex;
				background: #F1F1F1;
				flex-wrap: wrap;
				align-items: center;
				justify-content: center;
			}

			.box-area2-1 .item2-1 img {
				width: 100%;
				box-sizing: border-box;
				border-radius: 50%;
				display: block;
			}

			.box-area2-1 .item2-1:hover img {
				transform: translateY(-20px);
				transition: transform 0.3s;
			}

			.box-area2-1 .gp2-1 {
				font-size: 17px;
				color: #111;
				text-align: center;
				margin-top: 20px;
				font-weight: 500;
			}

			.p2 {
				font-size: 50px;
				font-weight: 600;
				color: #010103b5;
				text-align: center;
			}
		}

	/*---------------- 551px ~ 1200px 구간 -----------------------*/

		@media (min-width: 551px) and (max-width: 1200px) {

			.container2-1 {
				width: 100%;
				margin: 0 auto;
			}

			.title2-1 {
				display: flex;
				align-items: center;
			}

			.box-area2-1 {
				display: flex;
				gap: 20px;
				flex-wrap: wrap;
				align-items: center;
				justify-content: center;
				margin: 0 10px;
			}

			.box-area2-1 .item2-2 {
				width: calc((100% - (2 * 20px)) / 3);
			}
			
			.box-area2-1 .item2-1 {
				height: auto;
				border: 1px solid #ddd;
				border-radius: 50%;
				display: flex;
				background: #F1F1F1;
				flex-wrap: wrap;
				align-items: center;
				justify-content: center;
			}

			.box-area2-1 .item2-1 img {
				width: 100%;
				height: auto;
				box-sizing: border-box;
				border-radius: 50%;
				display: block;
			}

			.box-area2-1 .item2-1:hover img {
				transform: translateY(-20px);
				transition: transform 0.3s;
			}

			.box-area2-1 .gp2-1 {
				font-size: 17px;
				color: #111;
				text-align: center;
				margin-top: 20px;
				font-weight: 500;
			}

			.p2 {
				font-size: 50px;
				font-weight: 600;
				color: #010103b5;
				text-align: center;
			}
		}

	/*---------------- 1201px 이상 pc 크기-----------------*/

		@media (min-width: 1201px) {

			.container2-1 {
				width: 100%;
				max-width: 1200px;
				margin: 0 auto;
			}

			.title2-1 {
				display: flex;
				align-items: center;
			}

			.box-area2-1 {
				display: flex;
				gap: 20px;
				flex-wrap: wrap;
				align-items: center;
				justify-content: center;
			}

			.box-area2-1 .item2-2 {
				width: calc((100% - (7 * 20px)) / 8);
			}
			
			.box-area2-1 .item2-1 {
				height: 124px;
				border: 1px solid #ddd;
				border-radius: 50%;
				display: flex;
				background: #F1F1F1;
				flex-wrap: wrap;
				align-items: center;
				justify-content: center;
				width: 133px;
			}

			.box-area2-1 .item2-1 img {
				max-width: 80%;
				box-sizing: border-box;
				border-radius: 50%;
				display: block;
			}

			.box-area2-1 .item2-1:hover img {
				transform: translateY(-20px);
				transition: transform 0.3s;
			}

			.box-area2-1 .gp2-1 {
				font-size: 17px;
				color: #111;
				text-align: center;
				margin-top: 20px;
				font-weight: 500;
			}

			.p2 {
				font-size: 50px;
				font-weight: 600;
				color: #010103b5;
				text-align: center;
			}
		}



/*---------------------------------------- bg conta_02 box-area ---------------------------------------*/

	/*------------- 550px 이하 -----------------------------*/

		@media (max-width: 550px) {

			.container_02 {
				display: flex;
				justify-content: center;
				align-items: center;
				width: 100%;
				max-width: 1450px;
				margin: 0 auto;
			}

			.bg_02 {
				position: relative;
				width: 100%;
				min-height: 400px;
				background-size: cover;
				background-position: center;
				display: flex;
				justify-content: center;
				align-items: center;
				flex-direction: column; /* 내부 요소가 수직 정렬되도록 */
				overflow: hidden; /* 넘치는 요소 숨김 */
			}

			/* 배경 투명도 적용 (내부 요소는 투명도 유지) */
			.bg_02::after {
				content: "";
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				background-image: url(/theme/shop_mall1/img1/aaa1.png);
				background-size: cover;
				background-position: center;
				opacity: 0.7; /* 배경만 투명하게 */
				z-index: -1; /* 배경을 뒤로 보내기 */
			}

			.box-area_02 {
				margin: 0 20px;
				display: flex;
				flex-wrap: wrap;
				align-items: stretch;/* 아이템들이 동일한 높이를 가지도록 */
				justify-content: center;
				gap: 20px;
			}

			.box-area_02 .item_02 {
				 flex: 1 1 calc((100% - 20px) / 1);
				display: flex;
				flex-direction: column; /* 내부 요소를 수직 배치 */
				align-items: center; /* 중앙 정렬 */
				justify-content: center; /* 요소 간 균등 배치 */
				min-height: 250px; /* 최소 높이 설정 */
				height: auto;
			}

			.box-area_02 .item_02 img {
				width: 100%;
				height: auto;
				object-fit: cover;
				border-radius: 40%;
			}

			.box-area_02 .item_02:hover img {
				transform: translateY(-20px);
				transition: transform 0.3s;
			}

			.box-area_02 .gp3,.box-area_02 .gp3-1 {
				width: 100%;
			}

			.box-area_02 .gp3 {
				font-size: 22px;
				margin-top: 15px;
				color: #000;
				font-weight: 600;
				padding-left: 15px;
				text-align: center;
				white-space: nowrap;  /* 줄 바꿈 방지 */
				overflow: hidden;      /* 넘치는 내용 숨김 */
				text-overflow: ellipsis; /* 말줄임표로 표시 */
			}

			.box-area_02 .gp3-1 {
				font-size: 18px;
				color: #555;
				margin-top: 5px;
				padding-left: 15px;
				text-align: center;
				font-weight: 500;
				white-space: nowrap;  /* 줄 바꿈 방지 */
				overflow: hidden;      /* 넘치는 내용 숨김 */
				text-overflow: ellipsis; /* 말줄임표로 표시 */
			}

			.box-area_02 .gp4 {
				font-size: 6vw;
				margin-top: 0px;
				color: #000;
				font-weight: 600;
				padding-left: 15px;
				text-align: center;
				white-space: nowrap;  /* 줄 바꿈 방지 */
				overflow: hidden;      /* 넘치는 내용 숨김 */
				text-overflow: ellipsis; /* 말줄임표로 표시 */
			}

			.box-area_02 .gp4-1 {
				font-size: 4.5vw;
				color: #555;
				margin-top: 10px;
				padding-left: 15px;
				text-align: center;
				font-weight: 500;
				white-space: nowrap;  /* 줄 바꿈 방지 */
				overflow: hidden;      /* 넘치는 내용 숨김 */
				text-overflow: ellipsis; /* 말줄임표로 표시 */
			}

			.box-area_02 .gp4-2 {
				font-size: 4.5vw;
				color: #555;
				margin-top: -5px;
				padding-left: 15px;
				text-align: center;
				font-weight: 500;
				white-space: nowrap;  /* 줄 바꿈 방지 */
				overflow: hidden;      /* 넘치는 내용 숨김 */
				text-overflow: ellipsis; /* 말줄임표로 표시 */
			}
		}

	/*------------ 551px ~ 1200px 구간 ---------------------*/

		@media (min-width: 551px) and (max-width: 1200px) {

			.container_02 {
				display: flex;
				justify-content: center;
				align-items: center;
				width: 100%;
				max-width: 1450px;
				margin: 0 auto;
			}

			.bg_02 {
				position: relative;
				width: 100%;
				min-height: 400px;
				background-size: cover;
				background-position: center;
				display: flex;
				justify-content: center;
				align-items: center;
				flex-direction: column; /* 내부 요소가 수직 정렬되도록 */
				overflow: hidden; /* 넘치는 요소 숨김 */
			}

			/* 배경 투명도 적용 (내부 요소는 투명도 유지) */
			.bg_02::after {
				content: "";
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				background-image: url(/theme/shop_mall1/img1/aaa1.png);
				background-size: cover;
				background-position: center;
				opacity: 0.5; /* 배경만 투명하게 */
				z-index: -1; /* 배경을 뒤로 보내기 */
			}

			.box-area_02 {
				margin: 0 20px;
				display: flex;
				flex-wrap: wrap;
				align-items: stretch;/* 아이템들이 동일한 높이를 가지도록 */
				justify-content: center;
				gap: 20px;
			}

			.box-area_02 .item_02 {
				 flex: 1 1 calc((100% - 20px) / 2);
				display: flex;
				flex-direction: column; /* 내부 요소를 수직 배치 */
				align-items: center; /* 중앙 정렬 */
				justify-content: center; /* 요소 간 균등 배치 */
				min-height: 250px; /* 최소 높이 설정 */
				height: auto;
			}

			.box-area_02 .item_02 img {
				width: 100%;
				height: auto;
				object-fit: cover;
				border-radius: 40%;
			}

			.box-area_02 .item_02:hover img {
				transform: translateY(-20px);
				transition: transform 0.3s;
			}

			.box-area_02 .gp3,.box-area_02 .gp3-1 {
				width: 100%;
			}

			.box-area_02 .gp3 {
				font-size: 22px;
				margin-top: 15px;
				color: #000;
				font-weight: 600;
				padding-left: 15px;
				text-align: center;
				white-space: nowrap;  /* 줄 바꿈 방지 */
				overflow: hidden;      /* 넘치는 내용 숨김 */
				text-overflow: ellipsis; /* 말줄임표로 표시 */
			}

			.box-area_02 .gp3-1 {
				font-size: 18px;
				color: #555;
				margin-top: 5px;
				padding-left: 15px;
				text-align: center;
				font-weight: 500;
				white-space: nowrap;  /* 줄 바꿈 방지 */
				overflow: hidden;      /* 넘치는 내용 숨김 */
				text-overflow: ellipsis; /* 말줄임표로 표시 */
			}

			.box-area_02 .gp4 {
				font-size: 30px;
				margin-top: 0px;
				color: #000;
				font-weight: 600;
				padding-left: 15px;
				text-align: center;
				white-space: nowrap;  /* 줄 바꿈 방지 */
				overflow: hidden;      /* 넘치는 내용 숨김 */
				text-overflow: ellipsis; /* 말줄임표로 표시 */
			}

			.box-area_02 .gp4-1 {
				font-size: 25px;
				color: #555;
				margin-top: 10px;
				padding-left: 15px;
				text-align: center;
				font-weight: 500;
				white-space: nowrap;  /* 줄 바꿈 방지 */
				overflow: hidden;      /* 넘치는 내용 숨김 */
				text-overflow: ellipsis; /* 말줄임표로 표시 */
			}

			.box-area_02 .gp4-2 {
				font-size: 25px;
				color: #555;
				margin-top: -5px;
				padding-left: 15px;
				text-align: center;
				font-weight: 500;
				white-space: nowrap;  /* 줄 바꿈 방지 */
				overflow: hidden;      /* 넘치는 내용 숨김 */
				text-overflow: ellipsis; /* 말줄임표로 표시 */
			}
		}

	/*------------ 1201px 이상 pc 크기--------------------------*/

		@media (min-width: 1201px) {

			.container_02 {
				display: flex;
				justify-content: center;
				align-items: center;
				width: 100%;
				max-width: 1300px;
				margin: 0 auto;
			}

			.bg_02 {
				position: relative;
				width: 100%;
				height: 700px;
				background-size: cover;
				background-position: center;
				display: flex;
				justify-content: center;
				align-items: center;
			}

			/* 배경 투명도 적용 (내부 요소는 투명도 유지) */
			.bg_02::after {
				content: "";
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				background-image: url(/theme/shop_mall1/img1/aaa1.png);
				background-size: cover;
				background-position: center;
				opacity: 0.4; /* 배경만 투명하게 */
				z-index: -1; /* 배경을 뒤로 보내기 */
			}

			.box-area_02 {
				display: flex;
				flex-wrap: wrap;
				align-items: center;
				justify-content: center;
				gap: 20px;
			}

			.box-area_02 .item_02 {
				width: calc((100% - (3 * 20px)) / 4);
			}

			.box-area_02 .item_02 img {
				width: 100%;
				height: auto;
				box-sizing: border-box;
				display: block;
				border-radius: 40%;
			}

			.box-area_02 .item_02:hover img {
				transform: translateY(-20px);
				transition: transform 0.3s;
			}

			.box-area_02 .gp3 {
				font-size: 20px;
				margin-top: 15px;
				color: #000;
				font-weight: 600;
				padding-left: 15px;
				text-align: center;
				white-space: nowrap;  /* 줄 바꿈 방지 */
				overflow: hidden;      /* 넘치는 내용 숨김 */
				text-overflow: ellipsis; /* 말줄임표로 표시 */
			}

			.box-area_02 .gp3-1 {
				font-size: 16px;
				color: #555;
				margin-top: 5px;
				padding-left: 15px;
				text-align: center;
				font-weight: 500;
				white-space: nowrap;  /* 줄 바꿈 방지 */
				overflow: hidden;      /* 넘치는 내용 숨김 */
				text-overflow: ellipsis; /* 말줄임표로 표시 */
			}

			.box-area_02 .gp4 {
				font-size: 35px;
				margin-top: 0px;
				color: #000;
				font-weight: 600;
				padding-left: 15px;
				text-align: center;
				white-space: nowrap;  /* 줄 바꿈 방지 */
				overflow: hidden;      /* 넘치는 내용 숨김 */
				text-overflow: ellipsis; /* 말줄임표로 표시 */
			}

			.box-area_02 .gp4-1 {
				font-size: 25px;
				color: #555;
				margin-top: 10px;
				padding-left: 15px;
				text-align: center;
				font-weight: 500;
				white-space: nowrap;  /* 줄 바꿈 방지 */
				overflow: hidden;      /* 넘치는 내용 숨김 */
				text-overflow: ellipsis; /* 말줄임표로 표시 */
			}

			.box-area_02 .gp4-2 {
				font-size: 25px;
				color: #555;
				margin-top: -5px;
				padding-left: 15px;
				text-align: center;
				font-weight: 500;
				white-space: nowrap;  /* 줄 바꿈 방지 */
				overflow: hidden;      /* 넘치는 내용 숨김 */
				text-overflow: ellipsis; /* 말줄임표로 표시 */
			}
		}



/*---------------------------------------- conta_01  gallery_01 ---------------------------------------*/

	/*---------------- 550px 이하 -------------------*/

		@media (max-width: 550px) {

			.container_01 {
				width: 100%;
				margin: 0 auto;
			}

			.gallery_01 {
				display: grid;
				grid-template-columns: 1fr;
				gap: 20px;
				margin: 0 10px;
			}

			.gallery_01 .left_01{
				display: grid;
				grid-template-columns: 1fr;
				gap: 20px;
			}

			.gallery_01 .left_01 .item_10 {
				height: 498px; 
				background-size: cover;
				background-position: center;
				background-repeat: no-repeat;
				box-sizing: border-box;
				border-radius: 15px;
				background-image: url(/theme/shop_mall1/img1/003-1.png);
			}

			.gallery_01 .left_01 .item_11 {
				height: 498px; 
				background-size: cover;
				background-position: center;
				background-repeat: no-repeat;
				box-sizing: border-box;
				border-radius: 15px;
				background-image: url(/theme/shop_mall1/img1/06-111.png);
			}

			.left_01 .text-wrapper_001 {
				display: flex;
				flex-direction: column;
				align-items: baseline;
				gap: 1px;
				margin-left: 20px;
				margin-top: 20px;
			}

			.left_01 .text-wrapper_002 {
				display: flex;
				flex-direction: column;
				align-items: end;
				gap: 1px;
				margin-right: 20px;
				margin-top: 20px;
			}

			.text-wrapper_001 .text-001 {
				font-size: clamp(1.7rem, 1.2vw, 2.6rem);
				color: #858585;
				margin-bottom: -0.3vh; /* 화면 크기에 따라 유동적인 간격 */
				font-weight: 600;
			}

			.text-wrapper_001 .text-001-1 {
				font-size: clamp(1.3rem, 1.5vw, 1.4rem);
				color: #858585;
				/*margin-bottom: 0.1vh;*/
				font-weight: 400;
			}

			.text-wrapper_002 .text-002 {
				font-size: clamp(1.7rem, 1.2vw, 2.6rem);
				color: #858585;
				margin-bottom: -0.3vh; /* 화면 크기에 따라 유동적인 간격 */
				font-weight: 600;
			}

			.text-wrapper_002 .text-002-1 {
				font-size: clamp(1.3rem, 1.5vw, 1.4rem);
				color: #858585;
				/*margin-bottom: 0.1vh;*/
				font-weight: 400;
			}
				
			.gallery_01 .center_02 {
				display: grid;
				grid-template-columns: 1fr;
				gap: 0px;
			}

			.gallery_01 .center_02 .item_20 {
				height:700px; 
				background-size: cover;
				background-position: center;
				background-repeat: no-repeat;
				box-sizing: border-box;
				border-radius: 15px;
				background-image: url(/theme/shop_mall1/img1/008-29.png);
			}

			.center_02 .text-wrapper_003 {
				display: flex;
				flex-direction: column;
				align-items: center;
				gap: 1px;
				margin-top: 200px;
			}

			.text-wrapper_003 .text-003 {
				font-size:clamp(28px, 2vw, 18px);
				color: #727272;
				margin-bottom: 0.5vh; /* 화면 크기에 따라 유동적인 간격 */
				font-weight: 600;
				white-space: nowrap;  /* 줄 바꿈 방지 */
				overflow: hidden;      /* 넘치는 내용 숨김 */
				text-overflow: ellipsis; /* 말줄임표로 표시 */
			}

			.text-wrapper_003 .text-003-1 {
				font-size:clamp(20px, 2vw, 18px);
				color: #858585;
				margin-bottom: 0.1vh; /* 화면 크기에 따라 유동적인 간격 */
				font-weight: 500;
			}

			.gallery_01 .right_03{
				display: grid;
				grid-template-columns: 1fr;
				gap: 20px;
			}

			.gallery_01 .right_03 .item_30 {
				height: 498px; 
				background-size: cover;
				background-position: center;
				background-repeat: no-repeat;
				box-sizing: border-box;
				border-radius: 15px;
				background-image: url(/theme/shop_mall1/img1/04-111.png);
			}

			.gallery_01 .right_03 .item_31 {
				height: 498px; 
				background-size: cover;
				background-position: center;
				background-repeat: no-repeat;
				box-sizing: border-box;
				border-radius: 15px;
				background-image: url(/theme/shop_mall1/img1/07-111.png);
			}

			.right_03 .text-wrapper_004 {
				display: flex;
				flex-direction: column;
				align-items: baseline;
				gap: 1px;
				margin-left: 20px;
				margin-top: 20px;
			}

			.text-wrapper_004 .text-004 {
				font-size: clamp(1.7rem, 1.2vw, 2.6rem);
				color: #858585;
				margin-bottom: -0.3vh; /* 화면 크기에 따라 유동적인 간격 */
				font-weight: 600;
			}

			.text-wrapper_004 .text-004-1 {
				font-size: clamp(1.3rem, 1.5vw, 1.4rem);
				color: #858585;
				/*margin-bottom: 0.1vh;*/
				font-weight: 400;
			}

			.right_03 .text-wrapper_005 {
				display: flex;
				flex-direction: column;
				align-items: end;
				gap: 1px;
				margin-right: 20px;
				margin-top: 20px;
			}

			.text-wrapper_005 .text-005 {
				font-size: clamp(1.7rem, 1.2vw, 2.6rem);
				color: #858585;
				margin-bottom: -0.3vh; /* 화면 크기에 따라 유동적인 간격 */
				font-weight: 600;
			}

			.text-wrapper_005 .text-005-1 {
				font-size: clamp(1.3rem, 1.5vw, 1.4rem);
				color: #858585;
				/*margin-bottom: 0.1vh;*/
				font-weight: 400;
			}
		}

	/*------------ 551px ~ 1200px 구간 ----------------------------*/

		@media (min-width: 551px) and (max-width: 1200px) {

			.container_01 {
				width: 100%;
				margin: 0 auto;
			}

			.gallery_01 {
				display: grid;
				grid-template-columns: 1fr  ;
				gap: 20px;
				margin: 0 20px;
			}

			.gallery_01 .left_01{
				display: grid;
				grid-template-columns: 1fr;
				gap: 20px;
			}

			.gallery_01 .left_01 .item_10 {
				height: 498px;
				background-size: cover;
				background-position: center;
				background-repeat: no-repeat;
				box-sizing: border-box;
				border-radius: 15px;
				background-image: url(/theme/shop_mall1/img1/003-1.png);
			}

			.gallery_01 .left_01 .item_11 {
				height: 498px; 
				background-size: cover;
				background-position: center;
				background-repeat: no-repeat;
				box-sizing: border-box;
				border-radius: 15px;
				background-image: url(/theme/shop_mall1/img1/06-111.png);
			}

			.left_01 .text-wrapper_001 {
				display: flex;
				flex-direction: column;
				align-items: baseline;
				gap: 1px;
				margin-left: 20px;
				margin-top: 20px;
			}

			.left_01 .text-wrapper_002 {
				display: flex;
				flex-direction: column;
				align-items: end;
				gap: 1px;
				margin-right: 20px;
				margin-top: 20px;
			}

			.text-wrapper_001 .text-001 {
				font-size: clamp(1.7rem, 1.2vw, 2.6rem);
				color: #858585;
				margin-bottom: -0.3vh; /* 화면 크기에 따라 유동적인 간격 */
				font-weight: 600;
			}

			.text-wrapper_001 .text-001-1 {
				font-size: clamp(1.3rem, 1.5vw, 1.4rem);
				color: #858585;
				font-weight: 400;
			}

			.text-wrapper_002 .text-002 {
				font-size: clamp(1.7rem, 1.2vw, 2.6rem);
				color: #858585;
				margin-bottom: -0.3vh; /* 화면 크기에 따라 유동적인 간격 */
				font-weight: 600;
			}

			.text-wrapper_002 .text-002-1 {
				font-size: clamp(1.3rem, 1.5vw, 1.4rem);
				color: #858585;
				/*margin-bottom: 0.1vh;*/
				font-weight: 400;
			}
				
			.gallery_01 .center_02 {
				display: grid;
				grid-template-columns: 1fr;
				gap: 20px;
			}

			.gallery_01 .center_02 .item_20 {
				height:700px; 
				background-size: cover;
				background-position: center;
				background-repeat: no-repeat;
				box-sizing: border-box;
				border-radius: 15px;
				background-image: url(/theme/shop_mall1/img1/008-29.png);
			}

			.center_02 .text-wrapper_003 {
				display: flex;
				flex-direction: column;
				align-items: center;
				gap: 1px;
				margin-top: 200px;
			}

			.text-wrapper_003 .text-003 {
				font-size: clamp(2.1rem, 1.2vw, 2.6rem);
				color: #858585;
				margin-bottom: 0.5vh; /* 화면 크기에 따라 유동적인 간격 */
				font-weight: 600;
			}

			.text-wrapper_003 .text-003-1 {
				font-size: clamp(1.4rem, 1.5vw, 1.4rem);
				color: #858585;
				margin-bottom: 0.1vh; /* 화면 크기에 따라 유동적인 간격 */
				font-weight: 500;
			}

			.gallery_01 .right_03{
				display: grid;
				grid-template-columns: 1fr;
				gap: 20px;
			}

			.gallery_01 .right_03 .item_30 {
				height: 498px; 
				background-size: cover;
				background-position: center;
				background-repeat: no-repeat;
				box-sizing: border-box;
				border-radius: 15px;
				background-image: url(/theme/shop_mall1/img1/04-111.png);
			}

			.gallery_01 .right_03 .item_31 {
				height: 498px; 
				background-size: cover;
				background-position: center;
				background-repeat: no-repeat;
				box-sizing: border-box;
				border-radius: 15px;
				background-image: url(/theme/shop_mall1/img1/07-111.png);
			}

			.right_03 .text-wrapper_004 {
				display: flex;
				flex-direction: column;
				align-items: baseline;
				gap: 1px;
				margin-left: 20px;
				margin-top: 20px;
			}

			.text-wrapper_004 .text-004 {
				font-size: clamp(1.7rem, 1.2vw, 2.6rem);
				color: #858585;
				margin-bottom: -0.3vh; /* 화면 크기에 따라 유동적인 간격 */
				font-weight: 600;
			}

			.text-wrapper_004 .text-004-1 {
				font-size: clamp(1.3rem, 1.5vw, 1.4rem);
				color: #858585;
				/*margin-bottom: 0.1vh;*/
				font-weight: 400;
			}

			.right_03 .text-wrapper_005 {
				display: flex;
				flex-direction: column;
				align-items: end;
				gap: 1px;
				margin-right: 20px;
				margin-top: 20px;
			}

			.text-wrapper_005 .text-005 {
				font-size: clamp(1.7rem, 1.2vw, 2.6rem);
				color: #858585;
				margin-bottom: -0.3vh; /* 화면 크기에 따라 유동적인 간격 */
				font-weight: 600;
			}

			.text-wrapper_005 .text-005-1 {
				font-size: clamp(1.3rem, 1.5vw, 1.4rem);
				color: #858585;
				/*margin-bottom: 0.1vh;*/
				font-weight: 400;
			}
		}

	/*------------ 1201px 이상 pc 크기---------------------------------*/

		@media (min-width: 1201px) {

			.container_01 {
				width: 100%;
				max-width: 1300px;
				margin: 0 auto;
			}

			.gallery_01 {
				display: grid;
				grid-template-columns: 0.7fr 1fr 0.7fr;
				gap: 20px;
			}

			.gallery_01 .left_01{
				display: grid;
				grid-template-columns: 1fr;
				gap: 20px;
			}

			.gallery_01 .left_01 .item_10 {
				height: auto; 
				background-size: cover;
				background-position: center;
				background-repeat: no-repeat;
				box-sizing: border-box;
				border-radius: 15px;
				background-image: url(/theme/shop_mall1/img1/003-1.png);
			}

			.gallery_01 .left_01 .item_11 {
				height: auto; 
				background-size: cover;
				background-position: center;
				background-repeat: no-repeat;
				box-sizing: border-box;
				border-radius: 15px;
				background-image: url(/theme/shop_mall1/img1/06-111.png);
			}

			.left_01 .text-wrapper_001 {
				display: flex;
				flex-direction: column;
				align-items: baseline;
				gap: 1px;
				margin-left: 20px;
				margin-top: 20px;
			}

			.left_01 .text-wrapper_002 {
				display: flex;
				flex-direction: column;
				align-items: end;
				gap: 1px;
				margin-right: 20px;
				margin-top: 20px;
			}

			.text-wrapper_001 .text-001 {
				font-size: clamp(1.5rem, 1.2vw, 2.6rem);
				color: #858585;
				margin-bottom: -0.3vh; /* 화면 크기에 따라 유동적인 간격 */
				font-weight: 600;
			}

			.text-wrapper_001 .text-001-1 {
				font-size: clamp(1rem, 1.5vw, 1.4rem);
				color: #858585;
				/*margin-bottom: 0.1vh;*/
				font-weight: 400;
			}

			.text-wrapper_002 .text-002 {
				font-size: clamp(1.5rem, 1.2vw, 2.6rem);
				color: #858585;
				margin-bottom: -0.3vh; /* 화면 크기에 따라 유동적인 간격 */
				font-weight: 600;
			}

			.text-wrapper_002 .text-002-1 {
				font-size: clamp(1rem, 1.5vw, 1.4rem);
				color: #858585;
				/*margin-bottom: 0.1vh;*/
				font-weight: 400;
			}
				
			.gallery_01 .center_02 {
				display: grid;
				grid-template-columns: 1fr;
				gap: 20px;
			}

			.gallery_01 .center_02 .item_20 {
				height:700px; 
				background-size: cover;
				background-position: center;
				background-repeat: no-repeat;
				box-sizing: border-box;
				border-radius: 15px;
				background-image: url(/theme/shop_mall1/img1/008-29.png);
			}

			.center_02 .text-wrapper_003 {
				display: flex;
				flex-direction: column;
				align-items: center;
				gap: 1px;
				margin-top: 200px;
			}

			.text-wrapper_003 .text-003 {
				font-size: clamp(2.0rem, 1.2vw, 2.6rem);
				color: #858585;
				margin-bottom: 0.5vh; /* 화면 크기에 따라 유동적인 간격 */
				font-weight: 600;
			}

			.text-wrapper_003 .text-003-1 {
				font-size: clamp(1rem, 1.5vw, 1.4rem);
				color: #858585;
				margin-bottom: 0.1vh; /* 화면 크기에 따라 유동적인 간격 */
				font-weight: 500;
			}

			.gallery_01 .right_03{
				display: grid;
				grid-template-columns: 1fr;
				gap: 20px;
			}

			.gallery_01 .right_03 .item_30 {
				height: auto; 
				background-size: cover;
				background-position: center;
				background-repeat: no-repeat;
				box-sizing: border-box;
				border-radius: 15px;
				background-image: url(/theme/shop_mall1/img1/04-111.png);
			}

			.gallery_01 .right_03 .item_31 {
				height: auto; 
				background-size: cover;
				background-position: center;
				background-repeat: no-repeat;
				box-sizing: border-box;
				border-radius: 15px;
				background-image: url(/theme/shop_mall1/img1/07-111.png);
			}

			.right_03 .text-wrapper_004 {
				display: flex;
				flex-direction: column;
				align-items: baseline;
				gap: 1px;
				margin-left: 20px;
				margin-top: 20px;
			}

			.text-wrapper_004 .text-004 {
				font-size: clamp(1.5rem, 1.2vw, 2.6rem);
				color: #858585;
				margin-bottom: -0.3vh; /* 화면 크기에 따라 유동적인 간격 */
				font-weight: 600;
			}

			.text-wrapper_004 .text-004-1 {
				font-size: clamp(1rem, 1.5vw, 1.4rem);
				color: #858585;
				/*margin-bottom: 0.1vh;*/
				font-weight: 400;
			}

			.right_03 .text-wrapper_005 {
				display: flex;
				flex-direction: column;
				align-items: end;
				gap: 1px;
				margin-right: 20px;
				margin-top: 20px;
			}

			.text-wrapper_005 .text-005 {
				font-size: clamp(1.5rem, 1.2vw, 2.6rem);
				color: #858585;
				margin-bottom: -0.3vh; /* 화면 크기에 따라 유동적인 간격 */
				font-weight: 600;
			}

			.text-wrapper_005 .text-005-1 {
				font-size: clamp(1rem, 1.5vw, 1.4rem);
				color: #858585;
				/*margin-bottom: 0.1vh;*/
				font-weight: 400;
			}
		}



/*---------------------------------------- 3 BEST ITEM conta-3  box-area3  ----------------------------*/


	/*---------------- 550px 이하 ----------------------*/

		@media (max-width: 550px) {

			.container-3 {
				width: 100%;
				margin: 0 auto;
			}

			.title-3 {
				display: flex;
				align-items: center;
				margin: 0 10px;
				justify-content: center;
			}

			.title-3 .p3 {
				font-size: 40px;
				font-weight: bold;
				color: #0D0D0D;
				margin-bottom: -25px;
			}

			.title-3 .p3-1 {
				font-size: 20px;
				font-weight: normal;
				color: #858585;
				display: none;
			}

			.box-area3 {
				display: flex;
				align-items: center;
				justify-content: center;
				flex-wrap: wrap;
				gap: 20px;
			}

			.box-area3 .item3 {
				width: calc((100% - (1 * 20px)) / 1);
				border-radius: 15px;
				border: 1px solid #ddd;
				background: #fff;
				box-sizing: border-box;
				display: block;
			}

			.box-area3 .item3 img {
				width: 100%;
				box-sizing: border-box;
				height: auto;
				border-top-right-radius: 15px;
				border-top-left-radius: 15px;
				display: block;
			}

			.box-area3 .item3:hover img {
				transform: translateY(-20px);
				transition: transform 0.3s;
			}

			.box-area3 .gp3 {
				font-size: 18px;
				margin-top: 8px;
				color: #000;
				font-weight: 500;
				padding-left: 15px;
			}

			.box-area3 .gp3-1 {
				font-size: 15px;
				color: #999999;
				margin-top: 15px;
				padding-left: 15px;
			}

			.box-area3 .price3 {
				font-size: 17px;
				color: #212529;
				margin-left: 10px;
				font-weight: bold;
			}

			.box-area3 .ga-pr3 {
				display: flex;
				align-items: center;
				margin-bottom: 15px;
			}

			.box-area3 .ga-pr3 .sale3 {
				font-size: 17px;
				color: #E71020;
				font-weight: 500;
				animation: blink 1.5s infinite; /* 깜박이는 효과 추가 */
				padding-left: 15px;
			}

			.box-area3 .price3-1 {
				font-size: 15px;
				text-decoration: line-through;
				color: #999;
				margin-top: 10px;
				padding-left: 15px;
			}

			.box-area3 .dot3 {
				display: flex;
				align-items: center;
				gap: 3px;
				margin-top: 15px;
				padding-left: 15px;
			}

			.box-area3 .dot3 .box3-1 {
				width: 20px;
				height: 5px;
				background: #D4C0AF;
			}

			.box-area3 .dot3 .box3-2 {
				width: 20px;
				height: 5px;
				background: #191C26;
			}

			.box-area3 .dot3 .box3-3 {
				width: 20px;
				height: 5px;
				background: #948D8D;
			}

			.box-area3 .dot3 .box3-6 {
				width: 20px;
				height: 5px;
				background: #E2DCCE;
			}

			.box-area3 .dot3 .box3-7 {
				width: 20px;
				height: 5px;
				background: #111;
			}
		}

	/*---------------- 551px ~ 1200px 구간 ---------------------*/

		@media (min-width: 551px) and (max-width: 1200px) {

			.container-3 {
				width: 100%;
				margin: 0 auto;
			}

			.title-3 {
				display: flex;
				align-items: center;
				margin: 0 10px;
			}

			.title-3 .p3 {
				font-size: 40px;
				font-weight: bold;
				color: #0D0D0D;
			}

			.title-3 .p3-1 {
				font-size: 20px;
				font-weight: normal;
				color: #858585;
			}

			.title-3 .line3 {
				border-bottom: 1px solid #858585;
				margin: 0 10px;
				width: 60px;
			}

			.box-area3 {
				display: flex;
				align-items: center;
				justify-content: center;
				flex-wrap: wrap;
				gap: 10px;
				margin: 0 10px;
			}

			.box-area3 .item3 {
				width: calc((100% - (1 * 10px)) / 2);
				border-radius: 15px;
				border: 1px solid #ddd;
				background: #fff;
				box-sizing: border-box;
			}

			.box-area3 .item3 img {
				width: 100%;
				height: auto;
				border-top-right-radius: 15px;
				border-top-left-radius: 15px;
			}

			.box-area3 .item3:hover img {
				transform: translateY(-20px);
				transition: transform 0.3s;
			}

			.box-area3 .gp3 {
				font-size: 17px;
				margin-top: 8px;
				color: #000;
				font-weight: 500;
				padding-left: 15px;
				height: 20px;
			}

			.box-area3 .gp3-1 {
				font-size: 15px;
				color: #999999;
				margin-top: 15px;
				padding-left: 15px;
			}

			.box-area3 .price3 {
				font-size: 17px;
				color: #212529;
				margin-left: 10px;
				font-weight: bold;
			}

			.box-area3 .ga-pr3 {
				display: flex;
				align-items: center;
				margin-bottom: 15px;
			}

			.box-area3 .ga-pr3 .sale3 {
				font-size: 17px;
				color: #E71020;
				font-weight: 500;
				animation: blink 1.5s infinite; /* 깜박이는 효과 추가 */
				padding-left: 15px;
			}

			.box-area3 .price3-1 {
				font-size: 15px;
				text-decoration: line-through;
				color: #999;
				margin-top: 10px;
				padding-left: 15px;
			}

			.box-area3 .dot3 {
				display: flex;
				align-items: center;
				gap: 3px;
				margin-top: 15px;
				padding-left: 15px;
			}

			.box-area3 .dot3 .box3-1 {
				width: 20px;
				height: 5px;
				background: #D4C0AF;
			}

			.box-area3 .dot3 .box3-2 {
				width: 20px;
				height: 5px;
				background: #191C26;
			}

			.box-area3 .dot3 .box3-3 {
				width: 20px;
				height: 5px;
				background: #948D8D;
			}

			.box-area3 .dot3 .box3-6 {
				width: 20px;
				height: 5px;
				background: #E2DCCE;
			}

			.box-area3 .dot3 .box3-7 {
				width: 20px;
				height: 5px;
				background: #111;
			}
		}

	/*---------------- 1201px 이상 pc 크기-------------------*/

		@media (min-width: 1201px) {

			.container-3 {
				width: 100%;
				max-width: 1300px;
				margin: 0 auto;
			}

			.title-3 {
				display: flex;
				align-items: center;
			}

			.title-3 .p3 {
				font-size: 40px;
				font-weight: bold;
				color: #000;
				margin: 0 auto;
			}

			.box-area3 {
				display: flex;
				align-items: center;
				justify-content: center;
				gap: 20px;
			}

			.box-area3 .item3 {
				width: calc((100% - (2 * 20px)) / 3);
				border-radius: 15px;
				border: 1px solid #ddd;
				background: #fff;
				box-sizing: border-box;
			}

			.box-area3 .item3 img {
				width: 100%;
				height: auto;
				border-top-right-radius: 15px;
				border-top-left-radius: 15px;
			}

			.box-area3 .item3:hover img {
				transform: translateY(-20px);
				transition: transform 0.3s;
			}

			.box-area3 .gp3 {
				font-size: 16px;
				margin-top: 8px;
				color: #000;
				font-weight: 500;
				padding-left: 15px;
			}

			.box-area3 .gp3-1 {
				font-size: 14px;
				color: #999999;
				margin-top: 15px;
				padding-left: 15px;
			}

			.box-area3 .price3 {
				font-size: 17px;
				color: #212529;
				margin-left: 10px;
				font-weight: bold;
			}

			.box-area3 .ga-pr3 {
				display: flex;
				align-items: center;
				margin-bottom: 15px;
			}

			.box-area3 .ga-pr3 .sale3 {
				font-size: 17px;
				color: #E71020;
				font-weight: 500;
				animation: blink 1.5s infinite; /* 깜박이는 효과 추가 */
				padding-left: 15px;
			}

			.box-area3 .price3-1 {
				font-size: 15px;
				text-decoration: line-through;
				color: #999;
				margin-top: 10px;
				padding-left: 15px;
			}

			.box-area3 .dot3 {
				display: flex;
				align-items: center;
				gap: 3px;
				margin-top: 15px;
				padding-left: 15px;
			}

			.box-area3 .dot3 .box3-1 {
				width: 20px;
				height: 5px;
				background: #D4C0AF;
			}

			.box-area3 .dot3 .box3-2 {
				width: 20px;
				height: 5px;
				background: #191C26;
			}

			.box-area3 .dot3 .box3-3 {
				width: 20px;
				height: 5px;
				background: #948D8D;
			}

			.box-area3 .dot3 .box3-6 {
				width: 20px;
				height: 5px;
				background: #E2DCCE;
			}

			.box-area3 .dot3 .box3-7 {
				width: 20px;
				height: 5px;
				background: #111;
			}
		}



/*---------------------------------------- background-attachment: fixed; ------------------------------*/

	/*---------------- 550px 이하 ----------------------*/

		@media (max-width: 550px) {

			.container-999 {
				width: 100%;
				margin: 0 auto;
				display: flex;
				align-items: center;
				justify-content: center;
			}

			.banner-33 {
				width: 100%;
				height: 40vh; /* 유동적인 높이 조정 */
				min-height: 350px; /* 최소 높이 설정 */
				margin: 0 10px;
				background-image: url(/theme/shop_mall1/img1/bb01.jpg);
				background-repeat: no-repeat;
				background-size: cover;
				background-attachment: scroll;
				position: relative;
				display: flex;
				flex-direction: column;
				justify-content: center;
				align-items: center;
				text-align: center; /* 중앙 정렬 */
				background-position: center;
			}

			.banner-33:hover  {
			  transform: translateY(-20px);
			  transition: transform 0.3s ease;
			}

			.banner-33 .text-wrapper33 {
				display: flex;
				flex-direction: column;
				align-items: center;
				gap: 1px; /* 요소 간 간격 */
			}

			.banner-33 .text-33 {
				font-size: clamp(1.7rem, 2vw, 2rem);
				color: #fff;
				margin-bottom: 0.1vh; /* 화면 크기에 따라 유동적인 간격 */
				font-weight: 500;
			}

			.banner-33 .text-33-1 {
				font-size: clamp(1.3rem, 1.5vw, 1.5rem);
				color: #fff;
				margin-bottom: 0.1vh;
				font-weight: 500;
			}

			.banner-33 .text-33-2 {
				font-size: clamp(1.3rem, 1.5vw, 1.5rem);
				color: #fff;
				font-weight: 500;
			}
		}

	/*---------------- 551px ~ 1200px 구간 -----------------------------*/

		@media (min-width: 551px) and (max-width: 1200px) {

			.container-999 {
				max-width: 100%;
				margin: 0 10px;
				display: flex;
				align-items: center;
				justify-content: center;
			}

			.banner-33 {
				width: 100%;
				height: 50vh;
				min-height: 400px;
				margin: 0 auto;
				background-image: url(/theme/shop_mall1/img1/bb01.jpg);
				background-repeat: no-repeat;
				background-size: contain; /* 비율 유지하면서 축소 */
				background-position: center;
				background-attachment: fixed;
				position: relative;
				display: flex;
				flex-direction: column;
				justify-content: center;
				align-items: center;
				text-align: center; /* 중앙 정렬 */
			}

			.banner-33 .text-wrapper33 {
				display: flex;
				flex-direction: column;
				align-items: center;
				gap: 1px; /* 요소 간 간격 */
			}

			.banner-33 .text-33 {
				font-size: clamp(1.9rem, 2vw, 2rem);
				color: #fff;
				margin-bottom: 2vh; /* 화면 크기에 따라 유동적인 간격 */
				font-weight: 500;
			}

			.banner-33 .text-33-1 {
				font-size: clamp(1.4rem, 1.5vw, 1.5rem);
				color: #fff;
				margin-bottom: 0.1vh;
				font-weight: 500;
			}

			.banner-33 .text-33-2 {
				font-size: clamp(1.4rem, 1.5vw, 1.5rem);
				color: #fff;
				font-weight: 500;
			}
		}

	/*---------------- 1201px 이상 pc 크기---------------------------------*/

		@media (min-width: 1201px) {

			.container-999 {
				max-width: 100%;
				margin: 0 auto;
				display: flex;
				align-items: center;
				justify-content: center;
			}

			.banner-33 {
				width: 100%;
				height: 50vh;
				min-height: 400px;
				margin: 0 auto;
				background-image: url(/theme/shop_mall1/img1/bb01.jpg);
				background-repeat: no-repeat;
				background-size: 100% auto; /* 비율 유지하면서 축소 */
				background-position: center;
				background-attachment: fixed;
				position: relative;
				display: flex;
				flex-direction: column;
				justify-content: center;
				align-items: center;
				text-align: center; /* 중앙 정렬 */
			}

			.banner-33 .text-wrapper33 {
				display: flex;
				flex-direction: column;
				align-items: center;
				gap: 1px; /* 요소 간 간격 */
			}

			.banner-33 .text-33 {
				font-size: clamp(1.5rem, 2vw, 2rem);
				margin-bottom: 3vh; /* 화면 크기에 따라 유동적인 간격 */
				font-weight: 600;
				color: #bebebe;
			}

			.banner-33 .text-33-1 {
				font-size: clamp(1rem, 1.5vw, 1.5rem);
				font-weight: 400;
				color: #ffffff;
			}
		}



/*---------------------------------------- 7 up to 30% con-7 gallery7----------------------------------*/

	/*---------------- 550px 이하 --------------------------------------------------------*/

		@media (max-width: 550px) {

			.container-7 {
				width: 100%;
				margin: 0 auto;
			}

			.title-7 {
				display: flex;
				align-items: center;
				margin: 0 10px;
				justify-content: center;
			}

			.title-7 .p7 {
				font-size: 40px;
				font-weight: bold;
				color: #0D0D0D;
				margin-bottom: -25px;
			}

			.title-7 .p7-1 {
				font-size: 20px;
				font-weight: normal;
				color: #a1a1a1;
				display: none;
			}

			.gallery7 {
				display: grid;
				grid-template-columns: 1fr;
				gap: 20px;
			}

			.gallery7 .item7 {
				display: flex;
				align-items: center;
				justify-content: flex-start;
				border: 1px solid #ddd;
				border-radius: 15px;
				flex-wrap: wrap;
				margin: 0 10px;
			}

			.gallery7 .item7 img {
				width: 100%;
				height: auto;
				box-sizing: border-box;
				border-top-left-radius: 15px;
				border-top-right-radius: 15px;
			}

			.gallery7 .item7:hover img {
				transform: translateY(-20px);
				transition: transform 0.3s;
			}

			.gallery7 .item7-1 {
				display: flex;
				flex-wrap: wrap;
				justify-content: center;
				flex-direction: column;
				margin-left: 20px;
			}

			.gallery7 .ga-pr7 {
				display: flex;
				align-items: center;
				margin-bottom: 10px;
			}

			.gallery7 .ga-pr7 .sale7 {
				font-size: 17px;
				color: #C00000;
				font-weight: bold;
				animation: blink 1.5s infinite; /* 깜박이는 효과 추가 */
			}

			.gallery7 .gp7 {
				font-size: 20px;
				font-weight: 500;
				color: #000;
				margin-top: 10px;
			}

			.gallery7 .gp7-1 {
				font-size: 15px;
				color: #777777;
				margin-top: 15px;
			}

			.gallery7 .inner-box7 {
				border: 1px solid #fff;
				padding: 7px 10px 10px;
				background: #efefef;
				text-align: center;
				font-size: 12px;
				color: #555;
				border-radius: 4px;
				margin-top: 8px;
			}

			.gallery7 .price7 {
				font-weight: 400;
				text-decoration: line-through;
				color: #858585;
				font-size: 14px;
			}

			.gallery7 .price7-1 {
				color: #111;
				font-weight: bold;
				margin-left: 10px;
			}

			.gallery7 .dot7 {
				display: flex;
				align-items: center;
				gap: 3px;
				margin-top: 13px;
			}

			.gallery7 .dot7 .box7-1 {
				width: 20px;
				height: 5px;
				background: #111;
			}

			.gallery7 .dot7 .box7-2 {
				width: 20px;
				height: 5px;
				background: #ddd;
			}

			.gallery7 .dot7 .box7-3 {
				width: 20px;
				height: 5px;
				background: #1B227F;
			}

			.gallery7 .dot7 .box7-7 {
				width: 20px;
				height: 5px;
				background: #808080;
			}
		}

	/*---------------- 551px ~ 1200px 구간 ----------------------------*/

		@media (min-width: 551px) and (max-width: 1200px) {

			.container-7 {
				width: 100%;
				margin: 0 auto;
			}

			.title-7 {
				display: flex;
				align-items: center;
			}

			.title-7 .p7 {
				font-size: 40px;
				font-weight: bold;
				color: #0D0D0D;
				margin: 0 10px;
			}

			.title-7 .p7-1 {
				font-size: 20px;
				font-weight: normal;
				color: #a1a1a1;
			}

			.title-7 .line7 {
				border-bottom: 1px solid #858585;
				margin: 0 10px;
				width: 60px;
			}

			.gallery7 {
				display: grid;
				grid-template-columns: 1fr;
				gap: 20px;
			}

			.gallery7 .item7 {
				display: flex;
				align-items: center;
				justify-content: flex-start;
				border: 1px solid #ddd;
				border-radius: 15px;
				margin: 0 10px;
			}

			.gallery7 .item7 img {
				width: 50%;
				height: auto;
				box-sizing: border-box;
				border-top-left-radius: 15px;
				border-bottom-left-radius: 15px;
			}

			.gallery7 .item7:hover img {
				transform: translateY(-20px);
				transition: transform 0.3s;
			}

			.gallery7 .item7-1 {
				display: flex;
				justify-content: center;
				flex-direction: column;
				margin-left: 20px;
			}

			.gallery7 .ga-pr7 {
				display: flex;
				align-items: center;
			}

			.gallery7 .ga-pr7 .sale7 {
				font-size: 17px;
				color: #C00000;
				font-weight: bold;
				animation: blink 1.5s infinite; /* 깜박이는 효과 추가 */
			}

			.gallery7 .gp7 {
				font-size: 20px;
				font-weight: 500;
				color: #000;
			}

			.gallery7 .gp7-1 {
				font-size: 15px;
				color: #777777;
				margin-top: 15px;
			}

			.gallery7 .inner-box7 {
				border: 1px solid #fff;
				padding: 7px 10px 10px;
				background: #efefef;
				text-align: center;
				font-size: 12px;
				color: #555;
				border-radius: 4px;
				margin-top: 8px;
			}

			.gallery7 .price7 {
				font-weight: 400;
				text-decoration: line-through;
				color: #858585;
				font-size: 14px;
			}

			.gallery7 .price7-1 {
				color: #111;
				font-weight: bold;
				margin-left: 10px;
			}

			.gallery7 .dot7 {
				display: flex;
				align-items: center;
				gap: 3px;
				margin-top: 13px;
			}

			.gallery7 .dot7 .box7-1 {
				width: 20px;
				height: 5px;
				background: #111;
			}

			.gallery7 .dot7 .box7-2 {
				width: 20px;
				height: 5px;
				background: #ddd;
			}

			.gallery7 .dot7 .box7-3 {
				width: 20px;
				height: 5px;
				background: #1B227F;
			}

			.gallery7 .dot7 .box7-7 {
				width: 20px;
				height: 5px;
				background: #808080;
			}
		}

	/*---------------- 1201px 이상 pc 크기------------------------------------------*/

		@media (min-width: 1201px) {

			.container-7 {
				width: 100%;
				max-width: 1300px;
				margin: 0 auto;
			}

			.title-7 {
				display: flex;
				align-items: center;
			}

			.title-7 .p7 {
				font-size: 40px;
				font-weight: bold;
				color: #0D0D0D;
			}

			.title-7 .p7-1 {
				font-size: 20px;
				font-weight: normal;
				color: #a1a1a1;
			}

			.title-7 .line7 {
				border-bottom: 1px solid #858585;
				margin: 0 10px;
				width: 60px;
			}

			.gallery7 {
				display: grid;
				grid-template-columns: 1fr 1fr;
				gap: 20px;
			}

			.gallery7 .item7 {
				display: flex;
				align-items: center;
				justify-content: flex-start;
				border: 1px solid #ddd;
				border-radius: 15px;
			}

			.gallery7 .item7 img {
				width: 354px;
				height: 354px;
				box-sizing: border-box;
				border-top-left-radius: 15px;
				border-bottom-left-radius: 15px;
			}

			.gallery7 .item7:hover img {
				transform: translateY(-20px);
				transition: transform 0.3s;
			}

			.gallery7 .item7-1 {
				display: flex;
				justify-content: center;
				flex-direction: column;
				margin-left: 20px;
			}

			.gallery7 .ga-pr7 {
				display: flex;
				align-items: center;
			}

			.gallery7 .ga-pr7 .sale7 {
				font-size: 17px;
				color: #C00000;
				font-weight: bold;
				animation: blink 1.5s infinite; /* 깜박이는 효과 추가 */
			}

			.gallery7 .gp7 {
				font-size: 20px;
				font-weight: 500;
				color: #000;
			}

			.gallery7 .gp7-1 {
				font-size: 15px;
				color: #777777;
				margin-top: 15px;
			}

			.gallery7 .inner-box7 {
				border: 1px solid #fff;
				padding: 7px 10px 10px;
				background: #efefef;
				text-align: center;
				font-size: 12px;
				color: #555;
				border-radius: 4px;
				margin-top: 8px;
			}

			.gallery7 .price7 {
				font-weight: 400;
				text-decoration: line-through;
				color: #858585;
				font-size: 14px;
			}

			.gallery7 .price7-1 {
				color: #111;
				font-weight: bold;
				margin-left: 10px;
			}

			.gallery7 .dot7 {
				display: flex;
				align-items: center;
				gap: 3px;
				margin-top: 13px;
			}

			.gallery7 .dot7 .box7-1 {
				width: 20px;
				height: 5px;
				background: #111;
			}

			.gallery7 .dot7 .box7-2 {
				width: 20px;
				height: 5px;
				background: #ddd;
			}

			.gallery7 .dot7 .box7-3 {
				width: 20px;
				height: 5px;
				background: #F1AE42;
			}

			.gallery7 .dot7 .box7-7 {
				width: 20px;
				height: 5px;
				background: #808080;
			}
		}



/*---------------------------------------- you tuve ---------------------------------------------------*/

		/*---------------- 550px 이하 (모바일) ----------------*/

			@media (max-width: 550px) { 

				.container_wdd1 {
					width: 100%; /* 전체 화면에 맞게 조정 */
					max-width: 1300px;
					margin: 0 auto;
				}

				.gallery_wdd1 {
					margin: 0 10px;
				}

				/* iframe 스타일 조정 */
				.video-container iframe {
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%; /* 부모 요소 비율을 유지하면서 자동 조정 */
					border-radius: 15px;
					display: block;
				}

				/* 비디오 외 요소 숨기기 */
				.no-text {
					display: none;
				}

				/* iframe을 감싸는 컨테이너 */
				.video-container {
					position: relative;
					overflow: hidden;
					width: 100%;
					max-width: 1300px; /* 모바일에서는 더 작게 */
					margin: 0 auto;
					aspect-ratio: 16 / 9;  
				}
			}

		/*---------------- 551px ~ 1200px (태블릿) ------------------*/

			@media (min-width: 551px) and (max-width: 1200px) {

				.container_wdd1 {
					width: 100%;
					max-width: 1300px;
					margin: 0 auto;
				}

				/* iframe 스타일 조정 */
				.video-container iframe {
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%; /* 부모 요소 비율을 유지하면서 자동 조정 */
					border-radius: 15px;
					display: block;
				}

				/* 비디오 외 요소 숨기기 */
				.no-text {
					display: none;
				}

				/* iframe을 감싸는 컨테이너 */
				.video-container {
					position: relative;
					overflow: hidden;
					width: 100%;
					max-width: 1300px; /* 모바일에서는 더 작게 */
					margin: 0 auto;
					aspect-ratio: 16 / 9;  
				}
			}

		/*---------------- 1201px 이상 (PC) -------------------------*/

			@media (min-width: 1201px) {

				.container_wdd1 {
					width: 100%;
					max-width: 100%;
					margin: 0 auto;
				}

				/* iframe 스타일 조정 */
				.video-container iframe {
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%; /* 부모 요소 비율을 유지하면서 자동 조정 */
					border-radius: 15px;
					display: block;
				}

				/* 비디오 외 요소 숨기기 */
				.no-text {
					display: none;
				}

				/* iframe을 감싸는 컨테이너 */
				.video-container {
					position: relative;
					overflow: hidden;
					width: 100%;
					max-width: 1300px; /* 모바일에서는 더 작게 */
					margin: 0 auto;
					aspect-ratio: 16 / 9;
					
				}
			}



/*---------------------------------------- 5 STEADY SELLER conta-5  box-area5  ------------------------*/

	/*---------------- 550px 이하 ------------------*/

		@media (max-width: 550px) {

			.container-5 {
				width: 100%;
				margin: 0 auto;
			}

			.title-5 .p5 {
				font-size: 40px;
				font-weight: bold;
				color: #0D0D0D;
				text-align: center;
			}

			.title-5 .p5-1 {
				font-size: 20px;
				font-weight: normal;
				color: #858585;
				display: none;
			}

			.box-area5 {
				display: flex;
				gap: 40px 20px;
				flex-wrap: wrap;
				margin: 0 10px;
			}

			.box-area5 .item5 {
				width: calc((100% - (1 * 0px)) / 1);
			}

			.box-area5 .item5 img {
				max-width: 100%;
				box-sizing: border-box;
				border-radius: 15px;
			}

			.box-area5 .item5:hover img {
				transform: translateY(-20px);
				transition: transform 0.3s;
			}

			.box-area5 .gp5 {
				font-size: 17px;
				margin-top: 10px;
				color: #000;
				font-weight: 600;
			}

			.box-area5 .gp5-1 {
				font-size: 15px;
				color: #858585;
				margin-top: 15px;
			}

			.box-area5 .ga-pr5 {
				display: flex;
				align-items: center;
				margin-top: 10px;
			}

			.box-area5 .ga-pr5 .price5 {
				font-size: 17px;
				color: #212529;
				margin-left: 10px;
				font-weight: bold;
			}

			.box-area5 .ga-pr5 .price5-1 {
				font-size: 15px;
				text-decoration: line-through;
				color: #999;
			}

			.box-area5 .dot5 {
				display: flex;
				align-items: center;
				gap: 3px;
				margin-top: 15px;
			}

			.box-area5 .dot5 .box5-1 {
				width: 20px;
				height: 5px;
				background: #D4C0AF;
			}

			.box-area5 .dot5 .box5-2 {
				width: 20px;
				height: 5px;
				background: #6A2F06;
			}

			.box-area5 .dot5 .box5-3 {
				width: 20px;
				height: 5px;
				background: #948D8D;
			}

			.box-area5 .dot5 .box5-4 {
				width: 20px;
				height: 5px;
				background: #4A4D52;
			}

			.box-area5 .dot5 .box5-5 {
				width: 20px;
				height: 5px;
				background: #965C51;
			}

			.box-area5 .dot5 .box5-6 {
				width: 20px;
				height: 5px;
				background: #E2DCCE;
			}

			.box-area5 .dot5 .box5-7 {
				width: 20px;
				height: 5px;
				background: #F0BACD;
			}

			.box-area5 .price5 {
				font-size: 17px;
				color: #212529;
				margin-left: 10px;
				font-weight: bold;
			}

			.box-area5 .ga-pr5 {
				display: flex;
				align-items: center;
				margin-top: 0px;
			}

			.box-area5 .ga-pr5 .sale5 {
				font-size: 17px;
				color: #E71020;
				font-weight: 500;
				animation: blink 1.5s infinite; /* 깜박이는 효과 추가 */
			}

			.box-area5 .price5-1 {
				font-size: 15px;
				text-decoration: line-through;
				color: #999;
				margin-top: 10px;
			}
		}

	/*---------------- 551px ~ 1200px 구간 ----------------------------------*/
		
		@media (min-width: 551px) and (max-width: 1200px) {

			.container-5 {
				width: 100%;
				margin: 0 auto;
			}

			.title-5 {
				display: flex;
				align-items: center;
				margin: 0 10px;
			}

			.title-5 .p5 {
				font-size: 40px;
				font-weight: bold;
				color: #0D0D0D;
			}

			.title-5 .p5-1 {
				font-size: 20px;
				font-weight: normal;
				color: #858585;
			}

			.title-5 .line5 {
				border-bottom: 1px solid #858585;
				margin: 0 10px;
				width: 60px;
			}

			.box-area5 {
				display: flex;
				gap: 40px 20px;
				flex-wrap: wrap;
				margin: 0 10px;
			}

			.box-area5 .item5 {
				width: calc((100% - (1 * 20px)) / 2);
				box-sizing: border-box;
			}

			.box-area5 .item5 img {
				width: 100%;
				box-sizing: border-box;
				border-radius: 15px;
			}

			.box-area5 .item5:hover img {
				transform: translateY(-20px);
				transition: transform 0.3s;
			}

			.box-area5 .gp5 {
				font-size: 17px;
				margin-top: 10px;
				color: #000;
				font-weight: 450;
			}

			.box-area5 .gp5-1 {
				font-size: 15px;
				color: #858585;
				margin-top: 15px;
			}

			.box-area5 .ga-pr5 {
				display: flex;
				align-items: center;
				margin-top: 10px;
			}

			.box-area5 .ga-pr5 .price5 {
				font-size: 17px;
				color: #212529;
				margin-left: 10px;
				font-weight: bold;
			}

			.box-area5 .ga-pr5 .price5-1 {
				font-size: 15px;
				text-decoration: line-through;
				color: #999;
			}

			.box-area5 .dot5 {
				display: flex;
				align-items: center;
				gap: 3px;
				margin-top: 15px;
			}

			.box-area5 .dot5 .box5-1 {
				width: 20px;
				height: 5px;
				background: #D4C0AF;
			}

			.box-area5 .dot5 .box5-2 {
				width: 20px;
				height: 5px;
				background: #6A2F06;
			}

			.box-area5 .dot5 .box5-3 {
				width: 20px;
				height: 5px;
				background: #948D8D;
			}

			.box-area5 .dot5 .box5-4 {
				width: 20px;
				height: 5px;
				background: #4A4D52;
			}

			.box-area5 .dot5 .box5-5 {
				width: 20px;
				height: 5px;
				background: #965C51;
			}

			.box-area5 .dot5 .box5-6 {
				width: 20px;
				height: 5px;
				background: #E2DCCE;
			}

			.box-area5 .dot5 .box5-7 {
				width: 20px;
				height: 5px;
				background: #F0BACD;
			}

			.box-area5 .price5 {
				font-size: 17px;
				color: #212529;
				margin-left: 10px;
				font-weight: bold;
			}

			.box-area5 .ga-pr5 {
				display: flex;
				align-items: center;
				margin-top: 0px;
			}

			.box-area5 .ga-pr5 .sale5 {
				font-size: 17px;
				color: #E71020;
				font-weight: 500;
				animation: blink 1.5s infinite; /* 깜박이는 효과 추가 */
			}

			.box-area5 .price5-1 {
				font-size: 15px;
				text-decoration: line-through;
				color: #999;
				margin-top: 10px;
			}
		}

	/*---------------- 1201px 이상 pc 크기--------------------------------*/

		@media (min-width: 1201px) {

			.container-5 {
				width: 100%;
				max-width: 1300px;
				margin: 0 auto;
			}

			.title-5 {
				display: flex;
				align-items: center;
			}

			.title-5 .p5 {
				font-size: 40px;
				font-weight: bold;
				color: #0D0D0D;
			}

			.title-5 .p5-1 {
				font-size: 20px;
				font-weight: normal;
				color: #858585;
			}

			.title-5 .line5 {
				border-bottom: 1px solid #858585;
				margin: 0 10px;
				width: 60px;
			}

			.box-area5 {
				display: flex;
				gap: 40px 20px;
				flex-wrap: wrap;
			}

			.box-area5 .item5 {
				width: calc((100% - (3 * 20px)) / 4);
			}

			.box-area5 .item5 img {
				max-width: 100%;
				box-sizing: border-box;
				border-radius: 15px;
			}

			.box-area5 .item5:hover img {
				transform: translateY(-20px);
				transition: transform 0.3s;
			}

			.box-area5 .gp5 {
				font-size: 16px;
				margin-top: 10px;
				color: #000;
				font-weight: 450;
			}

			.box-area5 .gp5-1 {
				font-size: 14px;
				color: #858585;
				margin-top: 15px;
				width: 100%;
				white-space: nowrap;  /* 줄 바꿈 방지 */
				overflow: hidden;      /* 넘치는 내용 숨김 */
				text-overflow: ellipsis; /* 말줄임표로 표시 */
			}

			.box-area5 .ga-pr5 {
				display: flex;
				align-items: center;
				margin-top: 10px;
			}

			.box-area5 .ga-pr5 .price5 {
				font-size: 17px;
				color: #212529;
				margin-left: 10px;
				font-weight: bold;
			}

			.box-area5 .ga-pr5 .price5-1 {
				font-size: 15px;
				text-decoration: line-through;
				color: #999;
			}

			.box-area5 .dot5 {
				display: flex;
				align-items: center;
				gap: 3px;
				margin-top: 15px;
			}

			.box-area5 .dot5 .box5-1 {
				width: 20px;
				height: 5px;
				background: #D4C0AF;
			}

			.box-area5 .dot5 .box5-2 {
				width: 20px;
				height: 5px;
				background: #6A2F06;
			}

			.box-area5 .dot5 .box5-3 {
				width: 20px;
				height: 5px;
				background: #948D8D;
			}

			.box-area5 .dot5 .box5-4 {
				width: 20px;
				height: 5px;
				background: #4A4D52;
			}

			.box-area5 .dot5 .box5-5 {
				width: 20px;
				height: 5px;
				background: #965C51;
			}

			.box-area5 .dot5 .box5-6 {
				width: 20px;
				height: 5px;
				background: #E2DCCE;
			}

			.box-area5 .dot5 .box5-7 {
				width: 20px;
				height: 5px;
				background: #F0BACD;
			}

			.box-area5 .price5 {
				font-size: 17px;
				color: #212529;
				margin-left: 10px;
				font-weight: bold;
			}

			.box-area5 .ga-pr5 {
				display: flex;
				align-items: center;
				margin-top: 0px;
			}

			.box-area5 .ga-pr5 .sale5 {
				font-size: 17px;
				color: #E71020;
				font-weight: 500;
				animation: blink 1.5s infinite; /* 깜박이는 효과 추가 */
			}

			.box-area5 .price5-1 {
				font-size: 15px;
				text-decoration: line-through;
				color: #999;
				margin-top: 10px;
			}
		}



/*---------------------------------------- 44 banner-44 conta-44---------------------------------------*/

	/*---------------- 550px 이하 -------------------*/

		@media (max-width: 550px) {

			.container-44 {
				width: 100%;
				margin: 0 auto;
			}

			.banner-44 {
				display: flex;
				margin: 0 10px;
			}

			.banner-44 .item4 {
				background: #fff;
			}

			.banner-44 img {
				width: 100%;
				height: auto;
				border-radius: 15px;
			}

			.banner-44:hover img {
			  transform: translateY(-20px);
			  transition: transform 0.3s ease;
			}

			.pc-banner {
				display: none;
			}

			.mobile-banner {
				display: block;
			}
		}

	/*---------------- 551px ~ 1200px 구간 -----------------------------*/

		@media (min-width: 551px) and (max-width: 1200px) {

			.container-44 {
				width: 100%;
				margin: 0 auto;
			}

			.banner-44 {
				display: flex;
				margin: 0 10px;
			}

			.banner-44 .item4 {
				background: #fff;
			}

			.banner-44 img {
				width: 100%;
				height: auto;
				border-radius: 15px;
			}

			.banner-44:hover img {
			  transform: translateY(-20px);
			  transition: transform 0.3s ease;
			}

			.pc-banner {
				display: none;
			}

			.mobile-banner {
				display: block;
			}
		}

	/*---------------- 1201px 이상 pc 크기----------------------*/

		@media (min-width: 1201px) {

			.container-44 {
				width: 100%;
				max-width: 1300px;
				margin: 0 auto;
			}

			.banner-44 {
				display: flex;
			}

			.banner-44 .item4 {
				background: #fff;
			}

			.banner-44 img {
				width: 100%;
				height: auto;
				border-radius: 15px;
			}

			.banner-44:hover img {
			  transform: translateY(-20px);
			  transition: transform 0.3s ease;
			}

			.mobile-banner{
				display: none;
			}
		}



/*---------------------------------------- 8 review con-8 box-area8 -----------------------------------*/

	/*---------------- 550px 이하 -----------------*/

		@media (max-width: 550px) {

			.container-8 {
				width: 100%;
				margin: 0 auto;
			}

			.title-8 {
				display: flex;
				align-items: center;
				justify-content: center;
				margin: 0 10px;
			}

			.title-8 .p8 {
				font-size: 40px;
				font-weight: bold;
				color: #0D0D0D;
				margin-bottom: -25px;
			}

			.title-8 .p8-1 {
				font-size: 20px;
				font-weight: normal;
				color: #858585;
				display: none;
			}

			.box-area8 {
				display: flex;
				flex-wrap: wrap;
				align-items: center;
				justify-content: center;
				gap: 40px 0px;
				margin: 0 10px;
			}

			.box-area8 .item8 {
				width: calc((100% - (1 * 0px)) / 1);
				background: #fff;
			}

			.box-area8 .item8 img {
				width: 100%;
				background: #ddd;
				box-sizing: border-box;
				border-radius: 15px;
			}

			.box-area8 .item8:hover img {
			  transform: translateY(-20px);
			  transition: transform 0.3s ease;
			}

			.box-area8 .item8-s img {
				width: 80px;
				height: auto;
				background: #fff;
			}

			.box-area8 .gp8 {
				font-size: 16px;
				margin-top: 10px;
				font-weight: 500;
				color: #000;
			}

			.box-area8 .gp8-1 {
				font-size: 14px;
				color: #777777;
				margin-top: 5px;
				margin-bottom: 10px;
			}

			.box-area8 .ga-pr8 {
				display: flex;
				align-items: center;
			}

			.box-area8 .ga-pr8 .price8 {
				font-size: 12px;
				color: #ad9377;
				margin-top: 20px;
				padding-left: 10;
			}

			.box-area8 .ga-pr8 .price8-1 {
				font-size: 12px;
				text-decoration: line-through;
				color: #999;
				margin-top: 20px;
			}
		}	

	/*---------------- 551px ~ 1200px 구간 ----------------------------*/

		@media (min-width: 551px) and (max-width: 1200px) {

			.container-8 {
				width: 100%;
				margin: 0 auto;
			}

			.title-8 {
				display: flex;
				align-items: center;
				margin: 0 10px;
			}

			.title-8 .p8 {
				font-size: 40px;
				font-weight: bold;
				color: #0D0D0D;
			}

			.title-8 .p8-1 {
				font-size: 20px;
				font-weight: normal;
				color: #858585;
			}

			.title-8 .line8 {
				border-bottom: 1px solid #858585;
				margin: 0 10px;
				width: 60px;
			}

			.box-area8 {
				display: flex;
				flex-wrap: wrap;
				align-items: center;
				justify-content: center;
				gap: 40px 20px;
				margin: 0 10px;
			}

			.box-area8 .item8 {
				width: calc((100% - (1 * 20px)) / 2);
				background: #fff;
			}

			.box-area8 .item8 img {
				width: 100%;
				background: #ddd;
				box-sizing: border-box;
				border-radius: 15px;
			}

			.box-area8 .item8:hover img {
			  transform: translateY(-20px);
			  transition: transform 0.3s ease;
			}

			.box-area8 .item8-s img {
				width: 80px;
				height: auto;
				margin-top: 13px;
				background: #fff;
			}

			.box-area8 .gp8 {
				font-size: 16px;
				margin-top: 5px;
				font-weight: 600;
				color: #000;
				width: 100%;
				white-space: nowrap;  /* 줄 바꿈 방지 */
				overflow: hidden;      /* 넘치는 내용 숨김 */
				text-overflow: ellipsis; /* 말줄임표로 표시 */
			}

			.box-area8 .gp8-1 {
				font-size: 14px;
				color: #777777;
				margin-top: 6px;
				width: 100%;
				white-space: nowrap;  /* 줄 바꿈 방지 */
				overflow: hidden;      /* 넘치는 내용 숨김 */
				text-overflow: ellipsis; /* 말줄임표로 표시 */
			}

			.box-area8 .ga-pr8 {
				display: flex;
				align-items: center;
			}

			.box-area8 .ga-pr8 .price8 {
				font-size: 12px;
				color: #ad9377;
				margin-top: 20px;
				padding-left: 10;
			}

			.box-area8 .ga-pr8 .price8-1 {
				font-size: 12px;
				text-decoration: line-through;
				color: #999;
				margin-top: 20px;
			}
		}

	/*------------ 1201px 이상 pc 크기---------------------------*/

		@media (min-width: 1201px) {

			.container-8 {
				width: 100%;
				max-width: 1300px;
				margin: 0 auto;
			}

			.title-8 {
				display: flex;
				align-items: center;
			}

			.title-8 .p8 {
				font-size: 40px;
				font-weight: bold;
				color: #0D0D0D;
			}

			.title-8 .p8-1 {
				font-size: 20px;
				font-weight: normal;
				color: #858585;
			}

			.title-8 .line8 {
				border-bottom: 1px solid #858585;
				margin: 0 10px;
				width: 60px;
			}

			.box-area8 {
				display: flex;
				flex-wrap: wrap;
				align-items: center;
				justify-content: center;
				gap: 40px 20px;
			}

			.box-area8 .item8 {
				width: calc((100% - (4 * 20px)) / 5);
				background: #fff;
			}

			.box-area8 .item8 img {
				width: 100%;
				background: #ddd;
				box-sizing: border-box;
				border-radius: 15px;
			}

			.box-area8 .item8:hover img {
			  transform: translateY(-20px);
			  transition: transform 0.3s ease;
			}

			.box-area8 .item8-s img {
				width: 80px;
				height: auto;
				margin-top: 13px;
				background: #fff;
			}

			.box-area8 .gp8 {
				font-size: 16px;
				margin-top: 5px;
				font-weight: 500;
				color: #000;
				width: 100%;
				white-space: nowrap;  /* 줄 바꿈 방지 */
				overflow: hidden;      /* 넘치는 내용 숨김 */
				text-overflow: ellipsis; /* 말줄임표로 표시 */
			}

			.box-area8 .gp8-1 {
				font-size: 14px;
				color: #777777;
				margin-top: 5px;
				width: 100%;
				overflow: hidden;      /* 넘치는 내용 숨김 */
				text-overflow: ellipsis; /* 말줄임표로 표시 */
			}

			.box-area8 .ga-pr8 {
				display: flex;
				align-items: center;
			}

			.box-area8 .ga-pr8 .price8 {
				font-size: 12px;
				color: #ad9377;
				margin-top: 20px;
				padding-left: 10;
			}

			.box-area8 .ga-pr8 .price8-1 {
				font-size: 12px;
				text-decoration: line-through;
				color: #999;
				margin-top: 20px;
			}
		}



/*---------------------------------------- background-attachment: fixed; ------------------------------*/

	/*---------------- 550px 이하 ---------------*/

		@media (max-width: 550px) {

			.container-99 {
				width: 100%;
				margin: 0 auto;
				display: flex;
				align-items: center;
				justify-content: center;
			}

			.banner-3 {
				width: 100%;
				height: 50vh; /* 유동적인 높이 조정 */
				min-height: 350px; /* 최소 높이 설정 */
				margin: 0 10px;
				background-image: url(/theme/shop_mall1/img1/ban018.jpg);
				background-repeat: no-repeat;
				background-size: cover;
				background-attachment: scroll;
				position: relative;
				display: flex;
				flex-direction: column;
				justify-content: center;
				align-items: center;
				text-align: center; /* 중앙 정렬 */
				background-position: center;
			}

			.banner-3:hover  {
			  transform: translateY(-20px);
			  transition: transform 0.3s ease;
			}

			.banner-3 .text-wrapper333 {
				display: flex;
				flex-direction: column;
				align-items: center;
				gap: 1px; /* 요소 간 간격 */
			}

			.banner-3 .text-333 {
				font-size: clamp(1.7rem, 2vw, 2rem);
				color: #fff;
				margin-bottom: 0.1vh; /* 화면 크기에 따라 유동적인 간격 */
				font-weight: 500;
			}

			.banner-3 .text-333-1 {
				font-size: clamp(1.3rem, 1.5vw, 1.5rem);
				color: #fff;
				margin-bottom: 0.1vh;
				font-weight: 500;
			}

			.banner-3 .text-333-2 {
				font-size: clamp(1.3rem, 1.5vw, 1.5rem);
				color: #fff;
				font-weight: 500;
			}
		}

	/*---------------- 551px ~ 1200px 구간 -----------------------------*/

		@media (min-width: 551px) and (max-width: 1200px) {

			.container-99 {
				width: 100%;
				margin: 0 auto;
				display: flex;
				align-items: center;
				justify-content: center;
			}

			.banner-3 {
				width: 100%;
				height: 60vh;
				min-height: 400px;
				margin: 0 auto;
				background-image: url(/theme/shop_mall1/img1/ban018.jpg);
				background-repeat: no-repeat;
				background-size: 100% auto;
				background-attachment: fixed;
				position: relative;
				display: flex;
				flex-direction: column;
				justify-content: center;
				align-items: center;
				text-align: center; /* 중앙 정렬 */
			}

			.banner-3 .text-wrapper333 {
				display: flex;
				flex-direction: column;
				align-items: center;
				gap: 1px; /* 요소 간 간격 */
			}

			.banner-3 .text-333 {
				font-size: clamp(2rem, 2vw, 2.2rem);
				color: #fff;
				margin-bottom: 2vh; /* 화면 크기에 따라 유동적인 간격 */
				font-weight: 600;
			}

			.banner-3 .text-333-1 {
				font-size: clamp(1rem, 1.8vw, 1.5rem);
				color: #fff;
				margin-bottom: 0.1vh;
				font-weight: 400;
			}

			.banner-3 .text-333-2 {
				font-size: clamp(1rem, 1.8vw, 1.5rem);
				color: #fff;
				font-weight: 400;
			}
		}

	/*---------------- 1201px 이상 pc 크기-------------------*/

		@media (min-width: 1201px) {

			.container-99 {
				max-width: 100%;
				margin: 0 auto;
				display: flex;
				align-items: center;
				justify-content: center;
			}

			.banner-3 {
				width: 100%;
				height: 50vh;
				min-height: 400px;
				margin: 0 auto;
				background-image: url(/theme/shop_mall1/img1/ban018.jpg);
				background-repeat: no-repeat;
				background-size: 100% auto;
				background-attachment: fixed;
				position: relative;
				display: flex;
				flex-direction: column;
				justify-content: center;
				align-items: center;
				text-align: center; /* 중앙 정렬 */
			}

			.banner-3 .text-wrapper333 {
				display: flex;
				flex-direction: column;
				align-items: center;
				gap: 1px; /* 요소 간 간격 */
			}

			.banner-3 .text-333 {
				font-size: clamp(1.5rem, 2vw, 2.2rem);
				color: #fff;
				margin-bottom: 3vh; /* 화면 크기에 따라 유동적인 간격 */
				font-weight: 600;
			}

			.banner-3 .text-333-1 {
				font-size: clamp(1rem, 1.5vw, 1.5rem);
				color: #fff;
				margin-bottom: 0.1vh;
				font-weight: 400;
			}

			.banner-3 .text-333-2 {
				font-size: clamp(1rem, 1.5vw, 1.5rem);
				color: #fff;
				font-weight: 400;
			}
		}



/*---------------------------------------- instagram con-9 box-area9-----------------------------------*/

	/*---------------- 550px 이하 --------------*/

		@media (max-width: 550px) {

			.container-9 {
				width: 100%;
				margin: 0 auto;
			}

			.box-area9 {
				display: flex;
				flex-wrap: wrap;
				align-items: center;
				justify-content: center;
				gap: 20px;
			}

			.box-area9 .item9 {
				width: calc((100% - (1 * 20px)) / 1);
			}

			.box-area9 .item9 img {
				width: 100%;
				box-sizing: border-box;
				background: #ddd;
				display: block;
				border-radius: 15px;
			}

			.box-area9 .item9:hover img {
			  transform: translateY(-20px);
			  transition: transform 0.3s ease;
			}

			.title-c {
				text-align: center;
			}

			.title-c h2 {
				font-size: 40px;
				font-weight: 600;
				margin: 0;
				padding: 0;
			}

			.title-c p {
				font-size: 24px;
				font-weight: 450;
				color: #888;
				margin: 0px;
				padding: 0;
			}
		}

	/*------------------- 551px ~ 1200px 구간 --------------------*/

		@media (min-width: 551px) and (max-width: 1200px) {

			.container-9 {
				width: 100%;
				margin: 0 auto;
			}

			.box-area9 {
				display: flex;
				flex-wrap: wrap;
				align-items: center;
				justify-content: center;
				gap: 5px;
				margin: 0 10px;
			}

			.box-area9 .item9 {
				width: calc((100% - (2 * 5px)) / 3);
			}

			.box-area9 .item9 img {
				width: 100%;
				box-sizing: border-box;
				background: #ddd;
				display: block;
				border-radius: 15px;
			}

			.box-area9 .item9:hover img {
			  transform: translateY(-20px);
			  transition: transform 0.3s ease;
			}

			.title-c {
				text-align: center;
			}

			.title-c h2 {
				font-size: 40px;
				font-weight: 600;
				margin: 0;
				padding: 0;
			}

			.title-c p {
				font-size: 24px;
				font-weight: 450;
				color: #888;
				margin: 0px;
				padding: 0;
			}
		}

	/*-------------------- 1201px 이상 pc 크기-------------*/

		@media (min-width: 1201px) {

			.container-9 {
				width: 100%;
				max-width: 1300px;
				margin: 0 auto;
			}

			.box-area9 {
				display: flex;
				flex-wrap: wrap;
				align-items: center;
				justify-content: center;
				gap: 5px ;
			}

			.box-area9 .item9 {
				width: calc((100% - (5 * 5px)) / 6);
			}

			.box-area9 .item9 img {
				width: 100%;
				box-sizing: border-box;
				background: #ddd;
				display: block;
				border-radius: 15px;
			}

			.box-area9 .item9:hover img {
			  transform: translateY(-20px);
			  transition: transform 0.3s ease;
			}

			.title-c {
				text-align: center;
			}

			.title-c h2 {
				font-size: 40px;
				font-weight: 600;
				margin: 0;
			}

			.title-c p {
				font-size: 24px;
				font-weight: 450;
				color: #888;
				margin: 0px;
			}
		}