.special_list .list_box { display: grid; grid-template-columns: repeat(3, 1fr); width: 100%; grid-gap: 1px; border-top: 1px solid #E8EBED; background: #E8EBED; }
.special_list .list_box .img_box { width: 100%; aspect-ratio: 640 / 375; position: relative; overflow: hidden; }
.special_list .list_box .row {
	background-color: #fff;
	transition: background-color 0.3s ease-in-out;
	display: flex;
	flex-direction: column;
	overflow: hidden;
}



.special_list .list_box .row:not(.empty):hover { background-color: rgba(232, 235, 237, 0.36); }
.special_list .list_box .row .txt_box { padding: 24px 22px; padding: clamp(12px, 1.2500vw, 24px) var(--width-padding); flex: 1; display: flex; flex-direction: column; }


.special_list .list_box .row:not(.empty):hover .img_box img { transform: scale(1.1);     /* 이미지 확대 */ transition: transform 0.3s ease-in-out;     /* 부드러운 애니메이션 */ }
.special_list .list_box .row .txt_box .category { color: #000; font-size: clamp(14px, 0.8333vw, 16px); font-style: normal; font-weight: 300; margin-bottom: clamp(16px, 1.1458vw, 22px); }
.special_list .list_box .row .txt_box .margin_box {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	grid-gap: clamp(30px, 4.1667vw, 80px);
    flex: 1;
}

.special_list .list_box .row .txt_box .title_box {
	display: flex;
	flex-direction: column;
	grid-gap: clamp(10px, 0.8333vw, 16px);
	color: #000;
	font-size: clamp(12px, 0.9375vw, 18px);
	font-style: normal;
	font-weight: 300;
	line-height: 150%;
}

.special_list .list_box .row .txt_box .title_box .title {
	color: #000;
	font-family: "classico-urw", sans-serif;
	font-size: 42px;
	font-size: clamp(24px, 2.1875vw, 42px);
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	letter-spacing: -0.03em;
	line-height: 1;
	width: 100%;
	white-space: nowrap;     /* 텍스트 줄바꿈 방지 */
    overflow: hidden;        /* 넘치는 부분 숨김 */
    text-overflow: ellipsis; /* 넘치면 ... 표시 */
    
}

.special_list .list_box .row .txt_box .title_box .basic{
	word-break: keep-all;
	display: -webkit-box;
  -webkit-line-clamp: 3; /* 두 줄까지 표시 */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal; /* 줄바꿈 허용 */
  font-size: clamp(15px, 0.9375vw, 18px);
}

.special_list .list_box .row .txt_box .title_box .wr_6{
	word-break: keep-all;
	font-size: clamp(14px, 0.8333vw, 16px);
}

.special_list .more_info { display: flex; justify-content: space-between; align-items: flex-end; }
.special_list .more_info .price_box { display: flex; flex-direction: column; grid-gap: clamp(6px, 0.5208vw, 10px); }
.special_list .more_info .wr_1 { color: #000; font-size: clamp(14px, 0.8333vw, 16px); font-style: normal; font-weight: 300; }
.special_list .more_info .wr_7 { color: #000; font-size: clamp(20px, 1.6667vw, 32px); font-style: normal; font-weight: 700; line-height: normal; }
.special_list .list_box .row .icon_box > svg{
    transition: all 0.3s ease-in-out;
}
.special_list .list_box .row:not(.empty):hover .icon_box > svg { transform: rotate(90deg); }


@media (max-width:1200px) {
	.special_list .list_box{
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 725px) {
    .special_list .list_box {
        grid-template-columns: repeat(1, 1fr);
		grid-gap: 14px;
    }
}

@media (max-width: 500px) {
	.special_list .more_info .icon_box{
		display: none;
	}

	.special_list .list_box .img_box{
		aspect-ratio: 3/2;
	}
}

.sub_page_wrap.special_view{
    margin-bottom: clamp(20px, 2.1875vw, 42px);
}

.sub_page_wrap.special_view .side { padding: 0; }
.sub_page_wrap.special_view .side .img_box { height: calc(100vh - calc(clamp(58px, 3.6458vw, 70px) + 50px)); width: 100%; }
.sub_page_wrap.special_view { border-top: none; }
.sub_page_wrap.special_view .side > div { top: calc(clamp(58px, 3.6458vw, 70px) + 50px); }

.sub_page_wrap.special_view .contents.basic { padding: clamp(50px, 4.1667vw, 80px) var(--width-padding); }
.sub_page_wrap.special_view .content_inner { width: 100%; }
.sub_page_wrap.special_view .title_box {
	display: flex;
	flex-direction: column;
	grid-gap: clamp(10px, 0.8333vw, 16px);
    padding-bottom: clamp(30px, 4.1667vw, 80px);
    border-bottom: 1px solid #D9D9D9;
}

.sub_page_wrap.special_view .title_box .category { color: #000; font-size: clamp(14px, 0.8333vw, 16px); font-style: normal; font-weight: 300; }
.sub_page_wrap.special_view .title_box .title {
	color: #000;
	font-family: "classico-urw", sans-serif;
	font-size: clamp(26px, 2.8125vw, 54px);
	font-style: normal;
	font-weight: 400;
	line-height: 130%;
}

.sub_page_wrap.special_view .title_box .basic {
	white-space: pre-line;
	color: #000;
	font-size: clamp(15px, 0.9375vw, 18px);
	font-style: normal;
	font-weight: 300;
	line-height: 150%;
	width: 50%;
	word-break: keep-all;
}




.sub_page_wrap.special_view .more_info { padding: clamp(24px, 2.1875vw, 42px) clamp(15px, 1.0417vw, 20px); display: flex; flex-direction: column; grid-gap: clamp(20px, 2.1875vw, 42px); }
.sub_page_wrap.special_view .more_info .price_box h4 { color: #000; font-size: clamp(20px, 1.1458vw, 22px); font-style: normal; font-weight: 700; line-height: normal; margin-bottom: clamp(16px, 1.2500vw, 24px); }
.sub_page_wrap.special_view .more_info .price_box > ul {
	display: flex;
	flex-direction: column;
	grid-gap: clamp(4px, 1.1458vw, 22px);
}

.sub_page_wrap.special_view .more_info .price_box > ul > li { display: flex; align-items: center; grid-gap: clamp(16px, 1.2500vw, 24px); }
.sub_page_wrap.special_view .more_info .price_box > ul > li > span { color: #0D0D0D; font-size: clamp(16px, 0.8333vw, 16px); font-style: normal; font-weight: 500; min-width: 100px; }
.sub_page_wrap.special_view .more_info .price_box > ul > li > p { color: #0D0D0D; font-size: clamp(14px, 0.8333vw, 16px); font-style: normal; font-weight: 300; line-height: 180%; }
.sub_page_wrap.special_view .pkg_box {
	margin-bottom: clamp(20px, 2.1875vw, 42px);
	white-space: normal;
}

.sub_page_wrap.special_view .pkg_box h4 { color: #000; font-size: clamp(20px, 1.1458vw, 22px); font-style: normal; font-weight: 700; line-height: normal; margin-bottom: clamp(16px, 1.2500vw, 24px); }
.sub_page_wrap.special_view .more_info .pkg_box > ul { display: flex; flex-direction: column; grid-gap: clamp(40px, 2.1875vw, 42px); }
.sub_page_wrap.special_view .more_info .pkg_box > ul > li { display: flex; flex-direction: column; grid-gap: clamp(16px, 1.2500vw, 24px); }
.sub_page_wrap.special_view .more_info .pkg_box > ul > li > span { color: #0D0D0D; font-size: clamp(16px, 0.8333vw, 16px); font-style: normal; font-weight: 500; min-width: 100px; }
.sub_page_wrap.special_view .more_info .pkg_box > ul > li > p { color: #0D0D0D; font-size: clamp(15px, 0.8333vw, 16px); font-style: normal; font-weight: 300; line-height: 180%; white-space: pre-line; }
.sub_page_wrap.special_view .more_info .pkg_box > ul > li div.ed {
	color: #0D0D0D;
	font-size: clamp(15px, 0.8333vw, 16px);
	font-style: normal;
	font-weight: 300;
	line-height: 150%;
	white-space: normal;
}

.content_outer { display: flex; width: 100%; grid-gap: clamp(20px, 2.1875vw, 42px); flex-direction: column; }
.content_outer .cause_box { display: flex; width: 100%; grid-gap: clamp(10px, 0.8333vw, 16px); border-radius: 6px; background: rgba(232, 235, 237, 0.39); flex-direction: column; padding: clamp(12px, 1.2500vw, 24px); }
.content_outer .cause_box h4 { color: #0D3D48; font-family: Pretendard; font-size: clamp(17px, 1.1458vw, 22px); font-style: normal; font-weight: 700; line-height: normal; }
.content_outer .cause_box > div {
	color: #0D0D0D;
	font-size: clamp(15px, 0.8333vw, 16px);
	font-style: normal;
	font-weight: 300;
	line-height: 180%;
	white-space: pre-line;
	word-break: keep-all;
}

.content_outer .btn_default_2 { width: 100%; height: clamp(52px, 3.3854vw, 65px); font-size: clamp(14px, 0.9375vw, 18px); }


#main_now { background-color: #F6F7F8; margin-bottom: 0; padding-bottom: clamp(30px, 4.1667vw, 80px); }
#main_now .list_box .main_now > ul { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 1px; }
#main_now .list_box .img_box { aspect-ratio: 624 / 345; position: relative; }
#main_now .list_box .cont_box {
	background-color: #fff;
	grid-gap: clamp(16px, 1.1458vw, 22px);
}

#main_now .list_box .cont_box .category{
	margin-bottom: 15px;
}

@media (max-width:1200px) {
	.sub_page_wrap.special_view .side .img_box{
aspect-ratio: 2/1;
height: auto;
	}

	.sub_page_wrap.special_view .title_box .basic{
		width: 100%;
	}
}

@media (max-width:500px) {
	.sub_page_wrap.special_view .more_info { padding-left: 0; padding-right: 0; grid-gap: 50px;}
#main_now .list_box { width: 100%; overflow: hidden; overflow-x: scroll; }
#main_now .list_box::-webkit-scrollbar { display: none; }
/* 추가적인 스크롤바 숨김 처리 (필요한 경우) */
#main_now .list_box { -ms-overflow-style: none;     /* IE, Edge */ scrollbar-width: none;     /* Firefox */ }
#main_now .list_box .main_now > ul { min-width: 725px; }
.sub_page_wrap.special_view .side .img_box { aspect-ratio: 3/2; }
.sub_page_wrap.special_view .more_info .pkg_box > ul > li div.ed { line-height: 1.6; }
.sub_page_wrap.special_view .more_info .pkg_box > ul > li div.ed *{
	word-break: keep-all;
}
.sub_page_wrap.special_view .more_info .pkg_box > ul > li div.ed p { font-size: clamp(15px, 0.8333vw, 16px); }
.content_outer .cause_box > div { line-height: 1.5; }

.sub_page_wrap.special_view .more_info .price_box > ul > li > p{
	line-height: 1.5;
}

.sub_page_wrap.special_view .more_info .price_box > ul > li{
	align-items: flex-start;
}

.sub_page_wrap.special_view .contents.basic{
	padding-bottom: 0;
}
}

.sub_header.basic .col > div.tab_menu a{
	border-color: #000;
	color: #000;
}

.sub_header.basic .col > div.tab_menu a:not(.on):hover{
	background : rgb(12 61 72 / 12%);
}