@media(max-width: 1700px){
	
	#wrap {
		display: flex;
		width: 100%;
	
	}
	
}

@media(max-width: 1024px){
	.m_scroll_up {
		bottom: 66px !important;
	}
	.quick_pop {
		bottom: 164px !important;
		
	}
	.quick_btn {
		bottom: 110px !important;
	}
	.center {
		width: 100%;
		padding: 32px 48px 100px;
	}
	
	.sisul_con {
		gap: 50px;
	}
	.sec01 {
		width: 100%;
		padding-top: 0;
	}
	.sec01 .swiper-container {
		/* border-radius: 10px; */
		overflow: hidden;
	}
	.sec01 .swiper-slide {
		height: auto;
		aspect-ratio: 1072 / 520;
	}
	.sec01 .swiper-slide .img {
		/* border-radius: 10px; */
	}
	.sec01 .swiper-slide .txt {
		padding: 32px;
	}
	.sec01 .swiper-slide .txt em {
		font-size: 13px;
		line-height: 100%;
	}
	.sec01 .swiper-slide .txt h3 {
		font-size: 34px;
		line-height: 40px;
		margin: 8px 0 4px;
	}
	.sec01 .swiper-slide .txt p {
		font-size: 14px;
		line-height: 20px; /* 142.857% */
		letter-spacing: -0.28px;
	}
	.sec01 .swiper-slide .txt span {
		bottom:32px;
	}
	.sisul_title .tag li {
		padding: 4px 12px;
		font-size: 13px;
		letter-spacing: -0.26px;
	}
	
	/* 🔅🔅🔅🔅🔅🔅🔅🔅 공통 🔅🔅🔅🔅🔅🔅🔅🔅*/
	.sisul_title {
		margin-bottom: 24px;
	}
	.sisul_title h2 {
		font-size: 28px;
		line-height: 32px;
	}
	.sisul_title p {
		font-size: 14px;
		line-height: 20px;
		word-break: keep-all;
	}
	.sisul_title p br {
		display: none;
	}
	.sisul_title .tag {
		padding: 20px 0 12px;
		display: flex;
		align-items: center;
		gap: 10px;
		align-self: stretch;
	}
	
	/* 🔅🔅🔅🔅🔅🔅🔅🔅 공통 🔅🔅🔅🔅🔅🔅🔅🔅*/
	.sisul_list .sisul_title {
		margin: 20px 0;
	}
	.sisul_list ul {
		display: flex;
		flex-wrap: wrap;
	}
	.sisul_con_type {
		margin-bottom: 40px;
	}
	.sisul_card {
		width: calc(100% / 2 - 12px);
		background: #fff;
		padding: 28px 32px;
		border-radius: 12px;
		transition: box-shadow 0.3s;
		box-shadow: inset 0 0 0 0 transparent;
		position: relative;
		display: flex;
		justify-content: space-between;
		align-items: center;
		gap: 0 20px;
		cursor: pointer;
	}
	.sisul_card.selected {
		box-shadow: inset 0 0 0 2px var(--primary-active-color);
	}
	.badge {
		display: inline-block;
		color: #6d6d6d;
		font-size: 14px;
		font-weight: 400;
		border-radius: 5px;
		background: #f0f0f0;
		padding: 6px 12px;
		justify-content: center;
		align-items: center;
		margin-bottom: 8px;
	}
	.title_box {
		margin: 8px 0;
		color: #000;
	}
	.lang_title {
		font-family: 'Pretendard', sans-serif;
		font-size: 18px;
		font-weight: 600;
		line-height: 26px;
	}
	.kr_title {
		font-family: 'Pretendard', sans-serif;
		font-size: 16px;
		font-weight: 400;
		line-height: 24px;
	}
	.desc {
		color: #6c6c6c;
		font-size: 15px;
		font-weight: 400;
		line-height: 20px;
	}
	.price-box {
		margin-top: 24px;
		display: flex;
		justify-content: space-between;
		gap: 10px;
	}
	.price {
		display: flex;
		align-items: flex-end;
		margin-top: 48px;
	}
	.original {
		font-size: 14px;	}
	.discount {
		display: flex;
		padding: 4px 8px 2px;
		justify-content: center;
		align-items: center;
		border-radius: 2px;
		border: 1px solid var(--primary-active-color);
	}
	.final {
		color: #000;
		font-size: 24px;
		font-weight: 600;
		line-height: 100%;
		letter-spacing: -0.48px;
	}
	.add-cart-btn {
		color: #fff;
		font-size: 16px;
		font-weight: 500;
		border-radius: 8px;
		background: #7e7e80;
		display: flex;
		width: 132px;
		height: 44px;
		justify-content: center;
		align-items: center;
		flex-shrink: 0;
		cursor: pointer;
		transition: background 0.3s ease;
	}
	.add-cart-btn.active {
		background: var(--primary-active-color);
		transition: background 0.3s ease;
	}
	/* 체크박스 숨기기 */
	.chk_cart {
		display: none;
	}
	
	
	
	/* 주의사항 */
	.sisul_warning {}
	.sisul_warning .warning_con ul {
		display: flex;
		flex-wrap: wrap;
		gap: 24px;
	}
	.sisul_warning .warning_con li {
		width: calc(100% / 2 - 12px);
		background-color: #fff;
		padding: 20px 28px 24px 28px;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 5px;
	}
	.sisul_warning .warning_con li .num {
		color: #FFF;
		font-size: 12px;
		font-weight: 600;
		line-height: 12px;
		letter-spacing: -0.24px;
		display: flex;
		width: 22px;
		height: 22px;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		flex-shrink: 0;
		border-radius: 500px;
		background: #BA9D55;
	}
	.sisul_warning .warning_con li .tit {
		color: #000;
		font-size: 18px;
		font-weight: 600;
		line-height: 28px;
		letter-spacing: -0.36px;
	}
	.sisul_warning .warning_con li .desc {
		color: #4B4B4B;
		font-size: 16px;
		font-weight: 400;
		line-height: 24px;
		letter-spacing: -0.32px;
	}
	
	/* 시술 경과 */
	.sisul_progress {}
	.sisul_progress .pic_con {}
	
	.sisul_progress .pic_con .sisul_progress_list {
		display: none;
	}
	.sisul_progress_swiper {
		display: block;
		position: relative;
	}
	.sisul_progress_swiper .swiper-slide {
		width: 70% !important;
	}
	.sisul_progress_swiper_custom {
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		justify-content: space-between;
		margin: 16px 0;
	}
	.sisul_progress_swiper_custom .swiper-pagination.fraction {
		width: max-content;
		display: flex;
		gap: 8px;
		color: #7E7E80;
		font-size: 12px;
		font-weight: 400;
		line-height: 20px;
		letter-spacing: -0.24px;
	}
	.sisul_progress_swiper_custom .swiper-pagination.fraction span {
		color: #000;
	}
	.sisul_progress_swiper_custom .swiper-scrollbar {
		width: 100%;
		height: 2px;
		background-color: #EAEAEA;
		margin-top: 6px;
	}
	.sisul_progress_swiper_custom .swiper-scrollbar-drag {
		background: #000;
	}
	.sisul_progress_swiper_custom .navigation {
		display: flex;
		align-items: center;
		gap: 12px;
	}
	
	.sisul_progress_swiper .swiper-pagination,
	.sisul_progress_swiper .swiper-button-prev,
	.sisul_progress_swiper .swiper-button-next {
		position: static;
		width: auto;
		height: auto;
		margin-top: 0;
	}
	.sisul_progress_swiper .swiper-slide p {
		color: #4B4B4B;
		font-size: 14px;
		font-weight: 400;
		line-height: 20px;
		background: #FFF;
		padding: 10px 0;
		text-align: center;
	}
	
	#bo_w {max-width:1080px;margin:0 auto;}
	#bo_w .write_div{margin:10px 0;position:relative}
	#bo_w .write_div:after{content:"";display:block;clear:both}
	#bo_w .frm_input, #bo_w textarea{width:100%;box-sizing:border-box;margin-top:5px}
	#bo_w .btn_submit, #bo_w .btn_cancel{font-size:1.167em;padding:0 20px}
	.faq_item, .notice_item{border:1px solid #ddd;padding:10px;margin-bottom:10px;border-radius:5px}
	.remove_btn{margin-top:5px}
	.event_item{border:1px solid #ddd;padding:15px;margin-bottom:10px;border-radius:8px;position:relative}
	.remove_event{position:absolute;top:10px;right:10px;background:#eee;border:0;padding:3px 8px;border-radius:4px;cursor:pointer}
	.add_event_btn{margin-top:10px;background:#0085ff;color:#fff;border:0;padding:6px 15px;border-radius:5px;cursor:pointer}
	/* .lang_wrap{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:5px} */
	
	.event_item {
		border:1px solid #ddd;
		padding:15px;
		margin-bottom:10px;
		border-radius:8px;
		position:relative;
		background:#fafafa;
	}
	.event_item h4 {
		margin:0 0 10px;
		font-size:1.1em;
	}
	.event_item .remove_event {
		position:absolute;
		top:10px; right:10px;
		background:#ff5e5e; color:#fff;
		border:0; padding:3px 8px;
		border-radius:4px;
		cursor:pointer;
	}
	.price_wrap {
		display:flex;
		gap:10px;
	}
	.price_wrap input {
		flex:1;
	}
}
@media(max-width: 768px){
	.quick_pop {
		right: 0 !important;
		bottom: 0 !important;
	}
	.center {
		width: 100%;
		padding: 0;
		margin-top: -1px;
	}
	
	.sec01 .swiper-slide{
		display:flex;
		
	}
	
	
	.sec01 .swiper-slide .txt {
		display:flex;
		height:100%;
		/* background:red; */
		align-items: start;
		justify-content: center;
		margin-top: 0px;
	}
	.sec01 .swiper-slide .txt h3 {
		font-size: 34px;
		line-height: 28px;
	}
	.sec01 .swiper-slide .txt p {
		font-size: 14px;
		line-height: 1.5;
		letter-spacing: -0.28px;
	}
	.sec01 .swiper-slide .txt span {
		
		font-size: 14px;
	}
	
	.sec01 .swiper-slide .txt h3[data-label]{
	  display: inline-block;   /* ★ 중요: 내용만큼 너비 */
	  position: relative;      /* ★ 중요: ::after 기준점 */
	}
	
	.sec01 .swiper-slide .txt h3[data-label]::after{
	  content: attr(data-label);
	  position: absolute;
	  left: 0;              /* ★ h3의 오른쪽 끝 */
	  top: -14px;
	  transform: translate(0, -60%); /* 오른쪽 여백 + 윗첨자 */
	  font-family: "verdana", sans-serif;
	  background: color(display-p3 0.68 0.639 0.53);
	  color: #000;
	  /* border: 1px solid #000; */
	  border-radius: 4px;
	  padding: 3px 6px 3px 6px;
	  font-size: 12px;
	  font-weight: 400;
	  line-height: 1;
	  letter-spacing:0px;
	  white-space: nowrap;
	}
	
	.category_wrapper {
		margin-bottom: 0;
		padding: 0 24px;
	}
	
	.main_cate_list {
		height: 40px;
		font-size: 14px;
	}
	
	/* 기본 상태 */
	.sub_cate {
		position: relative;
		transition: top 0.3s ease;
	}
	
	/* 모바일 fixed */
	.sub_cate.is-fixed {
		position: fixed;
		top: 97px;
		width: 100%;
		background: var(--primary-bg-color-ivory);
		box-shadow: 0 2px 10px rgba(0,0,0,0.08);
		margin: 0;
		padding: 0 24px;
		left: 0;
		transition: top 0.3s ease;
	}
	.sub_cate ul {
		display: none;
	}
	
	.sub_cate ul li a {
		color: #5C5C5C;
		font-family: "Pretendard", sans-serif;
		font-size: 14px;
		font-weight: 300;
		line-height: 100%; /* 18px */
		padding: 16px 8px;
	}
	.sub_cate ul li.active a {
		
		font-size: 14px;
	}
	.subcate_dropdown_layer {
		padding: 12px 0;
	}
	
	.subcate_dropdown_layer.is-open {
		display: block;
	}
	
	.subcate_dropdown_layer .dropdown_inner {
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		padding: 0 12px;
	}
	
	.subcate_dropdown_layer p {
		width: 33.3333%;
	}
	
	.subcate_dropdown_layer p a {
		font-size: 14px;
	}
	.sisul_con {
		padding: 0 24px 48px;
	}

	/* 🔅🔅🔅🔅🔅🔅🔅🔅 공통 🔅🔅🔅🔅🔅🔅🔅🔅*/
	.sisul_title h2 {
		font-size: 24px;
		margin-bottom: 10px;
	}
	.sisul_list ul {
		gap: 20px;
	}
	/* 시술카드 */
	.sisul_card {
		width:100%;
		padding: 16px;
	}
	.sisul_card.selected {
		box-shadow: inset 0 0 0 2px var(--primary-active-color);
	}
	.badge {
		font-size: 13px;
		padding: 4px 8px;
		margin-bottom: 4px;
	}
	.title_box {
		margin: 6px 0;
	}
	.lang_title {
		font-size: 16px;
		line-height: 24px;
	}
	.kr_title {
		font-size: 14px;
		line-height: 20px;
	}
	.desc {
		font-size: 13px;
	}
	.price {
		display: flex;
		align-items: flex-end;
		margin-top: 24px;
	}
	.original {
		font-size: 13px;
		line-height: 100%; 
	}
	.discount {
		font-size: 12px;
		letter-spacing: -0.12px;
		padding: 3px 6px;
	}
	.final {
		font-size: 18px;
		letter-spacing: -0.36px;
	}
	/* .add-cart-btn {
		color: #fff;
		font-size: 16px;
		font-weight: 500;
		border-radius: 8px;
		background: #7e7e80;
		display: flex;
		width: 132px;
		height: 44px;
		justify-content: center;
		align-items: center;
		flex-shrink: 0;
		cursor: pointer;
		transition: background 0.3s ease;
	}
	.add-cart-btn.active {
		background: var(--primary-active-color);
		transition: background 0.3s ease;
	} */
	/* 체크박스 숨기기 */
	.chk_cart {
		display: none;
	}
	
	/* 기본 상태 (off) */
	.add_cart_label {
		width: 24px;
		height: 24px;
		background-size: cover;
		transition: none;
	}
	.add_cart_label:has(.chk_cart:checked) {
		
		transition: none;
	}
	.sisul_qna .qna_con ul {
		gap: 16px;
	}
	.sisul_qna .question {
		padding: 14px 12px 14px 38px;
		font-size: 14px;
		line-height: 20px;
	}
	.sisul_qna .question::before {
		left: 12px;
		width: 16px;
		height: 16px;
	}
	.sisul_qna .question::after {
		right: 12px;
		width: 20px;
		height: 20px;
		background-size: 20px 20px;
	}
	.sisul_qna .answer {
		padding: 16px 12px;
		color:#69696B;
		font-size: 14px;
		line-height: 20px;
		letter-spacing: -0.28px;
		word-break: keep-all;
	}
	
	/* 주의사항 */
	.sisul_warning {}
	.sisul_warning .warning_con ul {
		gap: 16px;
	}
	.sisul_warning .warning_con li {
		width: 100%;
		padding: 16px 16px 20px 16px;
		border-radius: 12px;
	}
	.sisul_warning .warning_con li .num {
		width: 24px;
		height: 24px;
	}
	.sisul_warning .warning_con li .tit {
		font-size: 16px;
		line-height: 22px;
		letter-spacing: -0.32px;
	}
	.sisul_warning .warning_con li .desc {
		font-size: 14px;
		line-height: 20px;
		letter-spacing: -0.28px;
		word-break: keep-all;
	}
	
	.sisul_progress .pic_con ul li p {
		font-size: 14px;
		line-height: 20px;
	}
	.sisul_progress .pic_con > p {
		
		margin-top: 20px;
		font-size: 13px;
		line-height: 20px;
		letter-spacing: -0.26px;
	}
	
}
@media(min-width: 1921px){
	/* .center {
		width: calc(100% - 384px - 40px);
		flex-shrink: 0;
		padding: 0;
		padding-right: 32px;
		padding-bottom: 100px;
		border-right: 1px solid #DCDCE5;
	}
	.right {
		right: calc((100vw - 1800px) / 2 + 120px);
	} */
}