@charset 'utf-8';

/* 공통 */
.template_wrap {
	--defaultImg: var(--bg-color-gray02) url(../image/common/no_thum.png) 50%
		50%/100% no-repeat;
}
.template_wrap img {
	width: 100%;
	vertical-align: top;
	object-fit: cover;
}
.template_wrap button {
	cursor: pointer;
}
.template_wrap .tpl_module {
	margin: 0 auto;
	background: var(--background);
	overflow: hidden;
}
.template_wrap .tpl_module .tpl_module_con {
	width: 1280px;
	margin: 100px auto;
}
.template_wrap .md_title {
	max-width: 1280px;
	margin: 0 auto 40px;
	font-family: Pretendard;
}
.template_wrap .md_brand_sale {
	display: flex;
	height: 21px;
	padding: 0 8px;
	border-radius: 10px;
	background: var(--bg-color-black);
	font-size: 12px;
	line-height: 22px;
	color: var(--txt-color-white);
	white-space: nowrap;
}
.template_wrap .swiper-button {
	width: 44px;
	height: 44px;
	margin-top: -22px;
	background: var(--bg-color-black);
	opacity: 0.3;
}
.template_wrap .swiper-button:hover {
	opacity: 1;
}
.template_wrap .swiper-button.swiper-button-prev {
	left: 0;
}
.template_wrap .swiper-button.swiper-button-next {
	right: 0;
}
.template_wrap .swiper-button:after {
	content: '';
	display: block;
	width: 36px;
	height: 36px;
	margin: 0 auto;
	background: url(../image/icon/ico_arrow_36.png) 50% 50%/100% no-repeat;
}
.template_wrap .swiper-button.swiper-button-prev:after {
	transform: rotate(180deg);
}
.template_wrap .swiper-button.swiper-button-disabled {
	opacity: 0.3;
	cursor: default;
}
.template_wrap .md_img_tab_con_wrap {
	position: relative;
}
.md_tab_wrap .md_img_tab_tit {
	margin-top: 30px;
}
.template_wrap .md_tab_tit,
.template_wrap .md_img_tab_tit {
	box-sizing: border-box;
	max-width: 1280px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	overflow: hidden;
}
.template_wrap .md_tab_tit,
.template_wrap .md_tab_area .swiper-slide {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.template_wrap .md_tab_tit {
	gap: 15px 8px;
}
.template_wrap .md_img_tab_tit .md_tab_area {
	margin-top: -4px;
}
.template_wrap .md_tab_align_left .md_tab_tit,
.template_wrap .md_tab_align_left .md_tab_area .swiper-slide {
	justify-content: left;
}
.template_wrap .md_tab_tit .md_tab_btn,
.template_wrap .md_img_tab_tit .md_img_tab_btn {
	position: relative;
	width: auto;
	height: 40px;
	border: 1px solid var(--line-color-gray01);
	background: var(--bg-color-white);
	font-weight: 500;
	font-size: 18px;
	vertical-align: top;
	opacity: 1;
}
.template_wrap .md_tab_tit .md_tab_btn {
	padding: 0 15px;
	border-radius: 3px;
}
.template_wrap .md_img_tab_tit .md_img_tab_btn {
	margin-top: 14px;
	margin-right: 8px;
	padding: 0 15px 0 40px;
	border-radius: 20px;
	letter-spacing: 0.1px;
}
.template_wrap .md_tab_tit .md_tab_btn.active,
.template_wrap .md_img_tab_tit .md_img_tab_btn.active {
	border-color: var(--line-color);
	background: var(--btn-fill-black);
	color: var(--txt-color-white);
}
.template_wrap .md_img_tab_btn .tab_img {
	position: absolute;
	width: 30px;
	height: 30px;
	top: 4px;
	left: 4px;
	border-radius: 50%;
	background: var(--defaultImg);
	overflow: hidden;
}
.template_wrap .md_img_tab_btn .tab_img img {
	height: 100%;
}
.template_wrap .md_img_tab_btn .md_brand_sale {
	position: absolute;
	top: -10px;
	right: -8px;
}
.template_wrap .md_img_tab_btn.active .md_brand_sale {
	background: var(--bg-color-point);
}
.template_wrap .md_img_tab_tit.scr .md_tab_area .swiper-slide {
	display: inline-block;
	width: auto;
	height: 109px;
	white-space: nowrap;
}
.template_wrap .md_img_tab_tit .swiper-button {
	width: 100px;
	height: 100%;
	top: 0;
	margin: 0;
	background: linear-gradient(
		90deg,
		var(--background) 10%,
		rgba(255, 255, 255, 0) 80%
	);
	opacity: 0;
	transition: opacity 0.2s;
	pointer-events: none;
}
.template_wrap .md_img_tab_tit.scr .swiper-button {
	opacity: 1;
}
.template_wrap .md_img_tab_tit .swiper-button.swiper-button-disabled {
	opacity: 0;
}
.template_wrap .md_img_tab_tit .swiper-button-prev {
	left: -1px;
}
.template_wrap .md_img_tab_tit .swiper-button-next {
	right: -1px;
	transform: rotate(180deg);
}
.template_wrap .md_img_tab_tit .swiper-button:after {
	display: none;
}

.md_tab_con_wrap .md_tab_con,
.md_img_tab_con_wrap .md_img_tab_con {
	display: none;
}
.md_tab_con_wrap .md_tab_con.active,
.md_img_tab_con_wrap .md_img_tab_con.active {
	display: block;
}
.template_wrap .md_t_layout2 {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}
.template_wrap .md_t_layout3 {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}
.template_wrap .md_t_layout4 {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}
.template_wrap .md_t_layout5 {
	grid-template-columns: repeat(5, minmax(0, 1fr));
}
.template_wrap [class*='md_t_layout6'] {
	grid-template-columns: repeat(6, minmax(0, 1fr));
}
.template_wrap .md_prd_more {
	text-align: center;
}
.template_wrap .md_prd_more .md_more_btn {
	display: inline-block;
	min-width: 300px;
	height: 60px;
	padding: 0 65px;
	border: 1px solid #666;
	font-size: 18px;
	line-height: 58px;
}
.template_wrap .md_prd_more .md_more_btn:after {
	content: '';
	display: inline-block;
	width: 7px;
	height: 12px;
	margin-left: 4px;
	background: currentColor;
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M.849 0 0 .849l5 5-5 5 .849.848 5-5 .851-.849L5.849 5Z' /%3E%3C/svg%3E");
}
.template_wrap .md_prdList {
	display: grid;
	gap: 40px 10px;
}
.template_wrap .md_prdList .md_prd_link {
	display: block;
}
.template_wrap .md_prdList .md_prd_img {
	position: relative;
	aspect-ratio: 1;
	background: var(--defaultImg);
}
.template_wrap .md_prdList .md_prd_img img {
	min-height: 100%;
}
.template_wrap .md_prdList .md_prd_info {
	margin-top: 15px;
	padding-right: 20px;
	color: var(--txt-color);
}
.template_wrap .md_prdList .md_prd_info .brand {
	display: block;
	margin-bottom: 6px;
	font-family: 'GT-America';
	font-size: 14px;
	line-height: 18px;
	white-space: nowrap;
	text-overflow: ellipsis;
	word-break: break-all;
	overflow: hidden;
}
.template_wrap .md_prdList .md_prd_info .product {
	display: -webkit-box;
	font-weight: normal;
	font-size: 14px;
	line-height: 1.57;
	text-overflow: ellipsis;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.template_wrap .md_prdList .md_prd_price {
	margin-top: 10px;
	font-size: 16px;
	line-height: 1.25;
	overflow: hidden;
}
.template_wrap .md_prdList .md_prd_price .discount {
	float: left;
	margin-right: 5px;
	font-weight: bold;
	color: var(--txt-point);
}
.template_wrap .md_prdList .md_prd_price .current {
	font-weight: bold;
}

.template_wrap .md_detailInfo {
	display: grid;
	margin-top: 40px;
	gap: 0 20px;
	grid-template-columns: auto auto;
	justify-content: center;
	font-weight: 400;
	font-size: 16px;
	line-height: 29px;
}
.template_wrap .md_detailInfo dt {
	white-space: nowrap;
	font-weight: 700;
}
.template_wrap .md_notice {
	display: flex;
	margin-top: 40px;
	flex-direction: column;
	align-items: center;
}
.template_wrap .md_notice .md_notice_btn {
	margin-bottom: 15px;
	font-weight: 400;
	font-size: 16px;
	line-height: 25px;
}
.template_wrap .md_notice .md_notice_btn:after {
	content: '보기';
	margin-left: 4px;
}
.template_wrap .md_notice ul {
	font-size: 14px;
	line-height: 25px;
	display: none;
}
.template_wrap .md_notice li {
	position: relative;
	padding-left: 11px;
}
.template_wrap .md_notice li:before {
	content: '-';
	position: absolute;
	top: 0;
	left: 0;
}
.template_wrap .md_notice .md_notice_btn.active:after {
	content: '닫기';
}
.template_wrap .md_notice .md_notice_btn.active ~ ul {
	display: block;
}

/* 배너리스트 */
.md_bannerList ul {
	display: grid;
	gap: 10px;
}
.md_bannerList li {
	position: relative;
}
.md_bannerList .md_banner_wrap {
	display: flex;
	width: 100%;
	flex-direction: column;
	gap: 8px;
}
.md_bannerList .md_banner_tit {
	font-size: 20px;
	line-height: 1.3;
}
.md_bannerList .md_banner_subtit {
	font-size: 14px;
	line-height: 1.5;
}
.md_bannerList .md_banner_link {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
/* 배경 유형 색상 */
.md_bannerList .md_t_bgColor .md_banner_wrap {
	height: 110px;
	padding: 30px 60px;
	justify-content: center;
}
/* 배경 유형 이미지 */
.md_bannerList .md_t_bgImg.md_t_textImgIn .md_banner_wrap {
	position: absolute;
	top: 0;
	left: 0;
	padding: 30px;
}
.md_bannerList .md_t_bgImg.md_t_textImgBt {
	row-gap: 50px;
}
.md_bannerList .md_t_bgImg.md_t_textImgBt .md_banner_wrap {
	padding-top: 20px;
}

/* 타이머 */
.md_timer {
	display: flex;
	margin-bottom: 40px;
	justify-content: center;
	font-family: Pretendard;
	font-size: 60px;
	line-height: 71px;
	font-variant-numeric: tabular-nums;
	text-align: center;
}
.md_timer div {
	box-sizing: content-box;
	position: relative;
	width: 78px;
	white-space: nowrap;
}
.md_timer div ~ div {
	padding-left: 30px;
}
.md_timer div ~ div:before {
	content: ':';
	position: absolute;
	width: 16px;
	top: 0;
	left: 7px;
}
.md_timer div:after {
	display: block;
	font-size: 14px;
	line-height: 16px;
}
.md_timer .timer_d_day {
	margin-right: 5px;
}
.md_timer .timer_day:after {
	content: 'DAY';
}
.md_timer .timer_hrs:after {
	content: 'HRS';
}
.md_timer .timer_min:after {
	content: 'MIN';
}
.md_timer .timer_sec:after {
	content: 'SEC';
}

/* 상품 추천 */
.md_prd_tit h4 {
	margin-bottom: 20px;
	font-size: 24px;
	line-height: 1;
	text-align: center;
}
.md_prd_tit .md_tit_img {
	margin-bottom: 10px;
}
/* 상품리스트 */
.md_prdList_wrap ~ .md_prdList_wrap {
	margin-top: 100px;
}
.md_tab_wrap .md_tab_con_wrap .md_prdList_wrap {
	margin-top: 0;
}
/* 레이아웃 */
.md_prdList.md_t_layout3 .md_prd_info {
	margin-top: 20px;
}
.md_prdList.md_t_layout6List {
	gap: 10px;
}
.md_prdList.md_t_layout6List .md_prd_link {
	display: flex;
	gap: 10px;
	align-items: center;
}
.md_prdList.md_t_layout6List .md_prd_img {
	width: 60px;
	flex-shrink: 0;
}
.md_prdList.md_t_layout6List .md_prd_info {
	margin-top: 0;
}
.md_prdList.md_t_layout6List .brand {
	font-size: 12px;
}
.md_prdList.md_t_layout6List .product {
	font-size: 12px;
}
.md_prdList.md_t_layout6List .md_prd_price {
	font-size: 14px;
}
/* 더보기 버튼 */
.md_prdRecom_wrap .md_prd_more {
	margin-top: 60px;
}

/* 브랜드 리스트 */
.md_brandList {
	display: grid;
}
.md_brandList li {
	overflow: hidden;
}
.md_brandList .md_brand_link {
	display: block;
	height: 100%;
}
.md_brandList .md_brand_img.noImg img,
.md_brandList .md_brand_thumb img {
	aspect-ratio: 1;
}
.md_brandList .md_brand_img {
	margin-bottom: 10px;
	background: var(--defaultImg);
}
.md_brandList .md_brand_info {
	display: flex;
	gap: 10px;
}
.md_brandList .md_brand_thumb {
	position: relative;
	padding-bottom: 8px;
	flex-shrink: 0;
}
.md_brandList .md_brand_thumb:not(:has(.md_brand_sale)) {
	padding-bottom: 0;
}
.md_brandList .md_brand_thumb img {
	border-radius: 50%;
}
.md_brandList .md_brand_thumb .md_brand_sale {
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translate(-50%, 0);
}
.md_brandList .md_brand_name {
	overflow: hidden;
}
.md_brandList .md_brand_en {
	display: -webkit-box;
	font-weight: 700;
	font-size: 16px;
	line-height: 1.3;
	color: var(--txt-color);
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.md_brandList .md_brand_kr {
	margin-top: 4px;
	font-size: 14px;
	line-height: 1.14;
	color: var(--txt-color-gray03);
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.md_brand_wrap .md_prd_more {
	margin-top: 80px;
}
.md_brand_wrap .md_prd_more .md_more_btn:after {
	transform: rotate(90deg);
}
/* 이미지형 */
.md_brandList.md_t_img {
	gap: 50px 10px;
}
.md_brandList.md_t_img .md_brand_info {
	padding-right: 20px;
	gap: 10px;
	align-items: start;
}
.md_brandList.md_t_img .md_brand_thumb {
	width: 50px;
	min-height: 50px;
}
.md_brandList.md_t_img .md_brand_en {
	margin-top: 8px;
}
/* 텍스트형 */
.md_brandList.md_t_text {
	gap: 10px;
}
.md_brandList.md_t_text .md_brand_info {
	height: 100%;
	padding: 15px;
	gap: 15px;
	align-items: center;
}
.md_brandList.md_t_text .md_brand_thumb {
	width: 60px;
}
.md_brandList.md_t_text.md_t_layout5 .md_brand_info {
	gap: 10px;
}
.md_brandList.md_t_text.md_t_layout5 .md_brand_thumb {
	width: 50px;
}
.md_brandList.md_t_text.md_t_layout5 .md_brand_en {
	font-size: 14px;
}
.md_brandList.md_t_text.md_t_layout5 .md_brand_kr {
	font-size: 12px;
}

/* 브랜드+상품슬라이드 세트 */
.template_wrap .tpl_brandPrdSet .tpl_module_con {
	width: auto;
}
.md_brand_prd_wrap.md_t_grid,
.md_brand_prd_wrap.md_t_gallery {
	width: 1280px;
	margin: 0 auto;
}
.md_brandSet_wrap .md_brandSet_img {
	position: relative;
}
.md_brandSet_wrap .md_brandSet_img .md_brandPrd_link {
	position: absolute;
	height: 28px;
	right: 20px;
	top: 20px;
	padding: 0 10px;
	border: 1px solid #666;
	background: var(--bg-color-white);
	font-size: 10px;
	line-height: 30px;
}
.md_brandSet_wrap .md_prd_more {
	margin-top: 60px;
}
/* 그리드형 */
.md_brand_prd_wrap.md_t_grid .md_brandSet_img {
	margin-bottom: 10px;
}
.md_brand_prd_wrap.md_t_grid .md_brandSet_img .md_brandPrd_link {
	display: none;
}
/* 갤러리형 */
.md_brand_prd_wrap.md_t_gallery .md_brandSet_wrap {
	display: flex;
	width: 100%;
	flex-wrap: wrap;
	gap: 0 10px;
}
.md_brand_prd_wrap.md_t_gallery .md_brandSet_wrap .md_brandSet_img {
	width: 420px;
	height: 756px;
	order: 2;
}
.md_brand_prd_wrap.md_t_gallery .md_brandSet_wrap .md_brandSet_img img {
	height: 100%;
}
.md_brand_prd_wrap.md_t_gallery .md_brandSet_wrap .md_prdList {
	flex: 1;
	order: 3;
}
.md_brand_prd_wrap.md_t_gallery .md_prdList .md_prd_info .product {
	line-height: 16px;
}
.md_brand_prd_wrap.md_t_gallery .md_brandSet_wrap .md_prd_more {
	width: 100%;
	order: 4;
}
.md_brand_prd_wrap.md_t_gallery .md_brandSet_wrap .md_prdList.md_gallery_right {
	order: 1;
}
/* 캐러셀형 */
.md_brand_prd_wrap.md_t_carousel {
	max-width: 1920px;
	margin: 0 auto;
}
.md_brand_prd_wrap.md_t_carousel .md_brandSet_wrap {
	display: grid;
}
.md_brand_prd_wrap.md_t_carousel .md_brandSet_wrap .md_brandSet_img img {
	height: 100%;
}
.md_brand_prd_wrap.md_t_carousel .md_prdList .md_prd_info .product {
	line-height: 16px;
}
.md_brand_prd_wrap.md_t_carousel .md_brandSet_wrap .md_prd_more {
	grid-column: 1/3;
}
/* 상품 5개 이하 */
.md_brand_prd_wrap.md_t_carousel .md_brandSet_wrap.type1 {
	padding: 0 30px;
	grid-template-columns: minmax(0, 1fr) minmax(0, 4.707fr);
	gap: 0 13px;
}
.md_brand_prd_wrap.md_t_carousel .md_brandSet_wrap.type1 .md_prdList {
	grid-template-columns: repeat(5, 1fr);
}
/* 상품 6개 이상 */
.md_brand_prd_wrap.md_t_carousel .md_brandSet_wrap.type2 {
	padding-left: 30px;
	grid-template-columns: minmax(0, 1fr) minmax(0, 5.267fr);
	gap: 0 10px;
}
.md_brand_prd_wrap.md_t_carousel .md_brandSet_wrap.type2 .md_prdList {
	display: flex;
	gap: 0;
}
.md_brand_prd_wrap.md_t_carousel .md_brandSet_wrap.type2 .swiper-slide {
	width: 17%;
	margin-right: 10px;
}
/* 슬라이드형 */
.md_brand_prd_wrap.md_t_slide .md_img_tab_tit .md_img_tab_btn {
	width: auto;
}
.md_brand_prd_wrap.md_t_slide .md_brandSet_wrap .swiper-slide {
	width: auto;
	height: 600px;
}
.md_brand_prd_wrap.md_t_slide .md_brandSet_wrap .swiper-slide:before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.3);
	z-index: 1;
}
.md_brand_prd_wrap.md_t_slide .md_brandSet_wrap .swiper-slide-active:before {
	display: none;
}
.md_brand_prd_wrap.md_t_slide .md_brandSet_wrap .md_brandSet_img {
	height: 100%;
}
.md_brand_prd_wrap.md_t_slide .md_brandSet_wrap .md_brandSet_img img {
	width: auto;
	min-width: 450px;
	height: 100%;
}
.md_brand_prd_wrap.md_t_slide .md_brandSet_wrap .md_prdList {
	position: absolute;
	display: flex;
	max-width: 420px;
	right: 15px;
	bottom: 15px;
	flex-wrap: wrap;
	gap: 10px;
	justify-content: end;
}
.md_brand_prd_wrap.md_t_slide .md_brandSet_wrap .md_prdList li {
	width: 205px;
}
.md_brand_prd_wrap.md_t_slide
	.md_brandSet_wrap
	.md_prdList
	li:nth-last-child(2n + 3):first-child {
	margin-left: 20%;
}
.md_brand_prd_wrap.md_t_slide .md_brandSet_wrap .md_prdList .md_prd_link {
	display: flex;
	gap: 10px;
}
.md_brand_prd_wrap.md_t_slide .md_brandSet_wrap .md_prdList .md_prd_img {
	width: 60px;
	flex-shrink: 0;
}
.md_brand_prd_wrap.md_t_slide .md_brandSet_wrap .md_prdList .md_prd_info {
	margin-top: 8px;
	padding-right: 10px;
	color: var(--txt-color-white);
}
.md_brand_prd_wrap.md_t_slide .md_brandSet_wrap .md_prdList .brand,
.md_brand_prd_wrap.md_t_slide .md_brandSet_wrap .md_prdList .product {
	font-size: 12px;
}
.md_brand_prd_wrap.md_t_slide .md_brandSet_wrap .md_prdList .md_prd_price {
	font-size: 14px;
}
.md_brand_prd_wrap.md_t_slide .md_brandSet_wrap .swiper-button {
	top: 278px;
	margin-top: 0;
}
.md_brand_prd_wrap.md_t_slide .md_brandSet_wrap .swiper-button-prev {
	left: 50%;
	margin-left: var(--swiperWidth);
}
.md_brand_prd_wrap.md_t_slide .md_brandSet_wrap .swiper-button-next {
	right: 50%;
	margin-right: var(--swiperWidth);
}

/* 네비게이터 */
.tpl_module.tpl_navigator.is_sticky {
	position: sticky;
	top: 100px;
	z-index: 500;
}
.tpl_module.tpl_navigator .tpl_module_con {
	margin: 0 auto;
	text-align: center;
}
.tpl_module.tpl_navigator .navigator_wrap {
	display: inline-flex;
	height: 58px;
	gap: 30px;
	font-size: 14px;
	line-height: 22px;
}
.tpl_module.tpl_navigator .navigator_wrap li a {
	display: block;
	max-width: 220px;
	height: 100%;
	border-bottom: 2px solid transparent;
	align-content: center;
	color: var(--color);
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.tpl_module.tpl_navigator .navigator_wrap li.is_active a {
	border-color: inherit;
	font-weight: 900;
	color: var(--active-color);
}

/* 쿠폰 모듈 */
.md_coupon_wrap {
	width: 936px;
	margin: 0 auto;
}
.md_couponList {
	display: flex;
	gap: 20px;
	flex-wrap: wrap;
	justify-content: center;
	align-items: end;
	--couponH: 178px;
}
.md_couponList > li {
	position: relative;
	width: 458px;
}
.md_couponList > li:before {
	content: '';
	position: absolute;
	width: 100%;
	height: var(--couponH);
	bottom: 0;
	left: 0;
	background: var(--background);
	mask-image: url(../image/common/bg_coupon.png);
	mask-size: 100%;
}
.md_couponList > li.in-badge {
	padding-top: 30px;
}
.md_couponList .md_coupon_area {
	position: relative;
	display: flex;
	width: 100%;
	height: var(--couponH);
	padding: 24px 30px 0;
	flex-direction: column;
	color: var(--color);
	text-align: left;
}
.md_couponList .md_coupon_area .md_coupon_subtit {
	font-weight: 400;
	font-size: 18px;
	line-height: 21px;
}
.md_couponList .md_coupon_area .md_coupon_tit {
	margin-top: 11px;
	font-style: italic;
	font-size: 88px;
	line-height: 111px;
}
.md_couponList .md_coupon_area .md_coupon_desc {
	position: absolute;
	right: 33px;
	bottom: 31px;
	opacity: 0.6;
	font-weight: 400;
	font-size: 16px;
}
.md_couponList .md_coupon_area .md_coupon_badge {
	position: absolute;
	display: flex;
	width: 70px;
	height: 70px;
	right: 30px;
	top: -30px;
	border-radius: 50%;
	background: var(--badgeBackground);
	justify-content: center;
	align-items: center;
	font-size: 16px;
	line-height: 20px;
	text-align: center;
	overflow: hidden;
}

/* 이벤트 모듈 */
.md_event_wrap .md_event_img {
	text-align: center;
}
.md_event_wrap .md_event_img img {
	width: auto;
}
.md_event_wrap .md_detailInfo {
	column-gap: 30px;
}

/* 통배너 */
.template_wrap .tpl_img_banner .tpl_module_con {
	width: auto;
	margin: 0 auto;
}

/* 타이머 모듈 */
.tpl_timer .md_timer {
	margin-bottom: 0;
	font-size: 80px;
	line-height: 95px;
}
.tpl_timer .md_timer div {
	width: 102px;
}
.tpl_timer .md_timer div ~ div {
	padding-left: 42px;
}
.tpl_timer .md_timer div ~ div:before {
	width: 22px;
	left: 10px;
}
.tpl_timer .md_timer div:after {
	font-size: 15px;
	line-height: 18px;
}
.md_clock_wrap .md_clock_tit {
	max-width: 1280px;
	margin: 0 auto;
	font-family: Pretendard;
}
.md_analog_clock {
	position: relative;
	width: 490px;
	height: 490px;
	margin: 0 auto -100px;
}
.md_analog_clock .needle {
	position: absolute;
	left: 50%;
	translate: -50% 0;
	background: var(--color);
	mask-size: 100%;
	mask-repeat: no-repeat;
}
.md_analog_clock .hrs {
	width: 44px;
	height: 355px;
	top: 67px;
	mask-image: url(../image/common/clock_hrs.png);
}
.md_analog_clock .min {
	width: 32px;
	height: 456px;
	top: 15px;
	mask-image: url(../image/common/clock_min.png);
}
.md_analog_clock .sec {
	width: 26px;
	height: 496px;
	top: -4px;
	background: url(../image/common/clock_sec.png) 0 0/100% no-repeat;
}

/* 다크모드 */
.template_wrap .tpl_darkmode .md_brand_sale {
	background: #808080;
}
.template_wrap .tpl_darkmode .md_tab_tit .md_tab_btn,
.template_wrap .tpl_darkmode .md_img_tab_tit .md_img_tab_btn {
	border-color: #808080;
	background: var(--btn-fill-black);
	color: var(--txt-color-white);
}
.template_wrap .tpl_darkmode .md_tab_tit .md_tab_btn.active,
.template_wrap .tpl_darkmode .md_img_tab_tit .md_img_tab_btn.active {
	border-color: var(--line-color-white);
	background: var(--bg-color-white);
	color: var(--txt-color);
}
/* 상품추천 */
.template_wrap .tpl_darkmode .md_prd_info {
	color: var(--txt-color-white);
}
/* 브랜드리스트 */
.template_wrap .tpl_darkmode .md_brandList .md_brand_en {
	color: var(--txt-color-white);
}
.template_wrap .tpl_darkmode .md_brandList .md_brand_kr {
	color: var(--txt-color-gray01);
}

/* 쇼케이스 템플릿 */
/* 공통 */
.showcase_wrap {
	word-break: keep-all;
	--scMargin: clamp(27px, 2.0833vw, 53px);
}
.showcase_wrap img {
	width: 100%;
	vertical-align: top;
	object-fit: cover;
}
.showcase_wrap .sc_t_center {
	text-align: center;
}
.showcase_wrap .sc_t_left {
	text-align: left;
}
.showcase_wrap .sc_md_tit_wrap {
	padding: 0 6.25%;
}
.showcase_wrap .sc_md_tit {
	margin-bottom: 28px;
	font-family: Pretendard;
	font-weight: 500;
	font-size: 48px;
	line-height: 1.2;
	letter-spacing: -0.96px;
}
.showcase_wrap .sc_md_sub_tit {
	margin-bottom: 28px;
	font-weight: 400;
	font-size: 22px;
	line-height: 1.31;
}
.showcase_wrap .sc_md_con_txt {
	margin-bottom: 60px;
	font-weight: 400;
	font-size: 18px;
	line-height: 1.77;
	letter-spacing: -0.36px;
	word-break: keep-all;
}
.showcase_wrap .sc_md_tit_wrap:last-child > p:last-child {
	margin-bottom: 0;
}
.showcase_wrap .sc_md_detail {
	display: grid;
	width: 640px;
	margin: 60px auto 0;
	gap: 0 28px;
	grid-template-columns: auto auto;
	justify-content: center;
	font-weight: 400;
	font-size: 16px;
	line-height: 2;
	text-align: left;
}
.showcase_wrap .sc_md_detail:first-child {
	margin-top: 0;
}
.showcase_wrap .sc_md_detail dt {
	font-weight: 500;
}
.showcase_wrap .sc_md_notice {
	display: flex;
	width: 640px;
	margin: 60px auto 0;
	flex-direction: column;
	align-items: center;
	text-align: left;
}
.showcase_wrap .sc_md_notice:first-child {
	margin-top: 0;
}
.showcase_wrap .sc_md_notice .sc_md_notice_btn {
	font-weight: 400;
	font-size: 16px;
	line-height: 1.18;
	color: inherit;
	cursor: pointer;
}
.showcase_wrap .sc_md_notice .sc_md_notice_btn:after {
	content: '보기';
	margin-left: 4px;
}
.showcase_wrap .sc_md_notice ul {
	margin-top: 13px;
	padding-left: 7px;
	font-size: 14px;
	line-height: 1.78;
	text-indent: -7px;
	opacity: 0.5;
	display: none;
}
.showcase_wrap .sc_md_notice .sc_md_notice_btn.active:after {
	content: '닫기';
}
.showcase_wrap .sc_md_notice .sc_md_notice_btn.active ~ ul {
	display: block;
}

/* 타이틀 이미지 */
.showcase_md_tit_img {
	overflow: hidden;
}
.showcase_md_tit_img .sc_main_tit_wrap {
	position: relative;
}
.showcase_md_tit_img .sc_tit_img {
	position: relative;
}
.showcase_md_tit_img .sc_tit_info {
	position: absolute;
	max-height: calc(100vh - 100px);
	inset: 0;
	overflow: hidden;
}
.always_sticky ~ .twoway_full_area .showcase_md_tit_img .sc_tit_info {
	max-height: calc(100vh - 100px - 57px);
}
.showcase_md_tit_img .sc_tit_info:before {
	content: 'SHOWCASE';
	position: absolute;
	width: 200px;
	top: 30px;
	left: 50%;
	margin-left: -100px;
	font-size: 19px;
	line-height: 1.167;
	text-align: center;
}
.showcase_md_tit_img .sc_tit_logo {
	position: absolute;
	height: 0;
}
.showcase_md_tit_img .sc_tit_logo img {
	position: absolute;
	height: 100%;
	top: 0;
	left: 0;
}
.showcase_md_tit_img .sc_tit_txt {
	position: absolute;
	width: 640px;
}
.showcase_md_tit_img .sc_tit_txt p {
	font-family: Pretendard;
	font-size: 28px;
	line-height: 1.39;
}
.showcase_md_tit_img .sc_tit_txt span {
	display: block;
	margin-top: 20px;
	font-weight: 400;
	font-size: 22px;
	line-height: 1.27;
}
.showcase_md_tit_img .sc_tit_desc {
	width: 640px;
	margin: 120px auto;
	font-weight: 400;
	font-size: 18px;
	line-height: 1.78;
	letter-spacing: -0.36px;
}
.showcase_md_tit_img .sc_tit_desc p ~ p {
	margin-top: 40px;
}
/* A형 */
.showcase_md_tit_img.sc_t_A .sc_tit_logo {
	width: 87.5%;
	top: 50%;
	left: 50%;
	padding-bottom: 22.3958%;
	translate: -50% -50%;
}
.showcase_md_tit_img.sc_t_A .sc_tit_txt {
	bottom: 80px;
	left: 0;
	margin-left: var(--scMargin);
}
.showcase_md_tit_img.sc_t_A .sc_tit_txt.sc_t_center {
	left: 50%;
	margin-left: -320px;
}
/* B형 */
.showcase_md_tit_img.sc_t_B {
	overflow: visible;
}
.showcase_md_tit_img.sc_t_B .sc_main_tit_wrap {
	display: flex;
}
.showcase_md_tit_img.sc_t_B .sc_tit_img {
	width: 100%;
	flex-shrink: 0;
}
.showcase_md_tit_img.sc_t_B .sc_tit_info {
	position: sticky;
	width: 100%;
	top: 100px;
	margin-left: -100%;
	flex-shrink: 0;
}
.always_sticky ~ .twoway_full_area .showcase_md_tit_img.sc_t_B .sc_tit_info {
	top: 157px;
}
.showcase_md_tit_img.sc_t_B .sc_tit_logo {
	width: 87.5%;
	top: 50%;
	left: 50%;
	padding-bottom: 22.3958%;
	translate: -50% -50%;
}
.showcase_md_tit_img.sc_t_B .sc_tit_txt {
	bottom: 80px;
	left: 0;
	margin-left: var(--scMargin);
}
.showcase_md_tit_img.sc_t_B .sc_tit_txt.sc_t_center {
	left: 50%;
	margin-left: -320px;
}
/* C형 */
.showcase_md_tit_img.sc_t_C .sc_tit_img {
	height: 0;
	padding-bottom: 140.8854%;
	z-index: 0;
}
.showcase_md_tit_img.sc_t_C .sc_tit_img img {
	position: absolute;
}
.showcase_md_tit_img.sc_t_C .sc_tit_img img:first-child {
	width: 64.58%;
	top: 0;
	left: 0;
	margin: 11.1979% 0 0 6.25%;
	z-index: 1;
}
.showcase_md_tit_img.sc_t_C .sc_tit_img img:last-child {
	width: 64.58%;
	right: 0;
	bottom: 0;
	margin: 0 6.25% 8.333% 0;
}
.showcase_md_tit_img.sc_t_C .sc_tit_img img:hover {
	z-index: 2;
}
.showcase_md_tit_img.sc_t_C .sc_tit_info {
	display: flex;
	flex-direction: column;
	align-items: end;
	pointer-events: none;
}
.showcase_md_tit_img.sc_t_C .sc_tit_logo {
	position: relative;
	width: 83.333%;
	height: auto;
	margin: 130px 6.25% 0 0;
}
.showcase_md_tit_img.sc_t_C .sc_tit_logo img {
	position: relative;
	height: auto;
}
.showcase_md_tit_img.sc_t_C .sc_tit_txt {
	width: 600px;
	position: relative;
	margin: 80px 8.333% 0 0;
}
.showcase_md_tit_img.sc_t_C .sc_tit_desc {
	width: 600px;
	margin: 40px 8.333% 0 0;
}

/* 텍스트 모듈 */
.showcase_md_txt {
	padding: 120px 0;
}
.showcase_md_txt:has(.sc_md_detail:first-child) {
	padding-top: 60px;
}
.showcase_md_txt:not(:has(.sc_md_notice)) {
	padding-bottom: 60px;
}

/* 쿠폰 모듈 */
.showcase_md_coupon {
	padding: 120px 0;
}
.showcase_md_coupon .sc_md_tit_wrap {
	text-align: center;
}
.showcase_md_coupon .cp_shape {
	display: none;
}
.showcase_md_coupon .sc_md_coupon_list {
	position: relative;
	display: flex;
	width: 87.8646%;
	margin: 60px auto 0;
	flex-wrap: wrap;
	justify-content: center;
	gap: 8px;
	z-index: 1;
}
.showcase_md_coupon .sc_md_coupon_list li {
	min-width: 368px;
	width: 24.7777%;
}
.showcase_md_coupon .sc_md_coupon_list a {
	position: relative;
	display: block;
	height: 136px;
	padding: 24px var(--scMargin) 0;
}
.showcase_md_coupon .bg_coupon {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: -1;
	overflow: hidden;
}
.showcase_md_coupon .bg_coupon svg {
	position: absolute;
	width: 100%;
	inset: 0;
}
.showcase_md_coupon .bg_coupon svg use {
	transform-origin: center;
}
.showcase_md_coupon .bg_coupon:after {
	content: '';
	position: absolute;
	inset: -1px 0;
	background: currentColor;
	clip-path: polygon(
		0 0,
		100% 0,
		100% 2px,
		calc(100% - 20px) 2px,
		calc(100% - 20px) calc(100% - 2px),
		100% calc(100% - 2px),
		100% 100%,
		0 100%,
		0 calc(100% - 2px),
		20px calc(100% - 2px),
		20px 2px,
		0 2px
	);
}
.showcase_md_coupon .sc_md_coupon_sub {
	font-weight: 400;
	font-size: 18px;
	line-height: 1.167;
	letter-spacing: -0.36px;
}
.showcase_md_coupon .sc_md_coupon_tit {
	font-weight: 400;
	font-size: 68px;
	font-style: italic;
	line-height: 1.26;
	letter-spacing: -1.36px;
}
.showcase_md_coupon .sc_md_coupon_desc {
	position: absolute;
	right: var(--scMargin);
	bottom: 21px;
	font-weight: 400;
	font-size: 15px;
	line-height: 1.2;
	letter-spacing: -0.38px;
}
.showcase_md_coupon .sc_md_coupon_list:has(li:last-child:nth-child(4)) li {
	width: 24.422%;
} /* 쿠폰 4개 */
@media (max-width: 1715px) {
	.showcase_md_coupon .sc_md_coupon_list:has(li:last-child:nth-child(4)) {
		width: 900px;
	}
}

/* 이벤트 모듈 */
.showcase_md_event {
	padding: 120px 0;
}
.showcase_md_event .sc_md_tit_wrap {
	text-align: center;
}
.showcase_md_event .sc_md_event_list {
	position: relative;
	display: flex;
	margin: 60px auto 0;
	flex-wrap: wrap;
	justify-content: center;
	gap: 8px;
}
.showcase_md_event .sc_md_event_list a {
	display: block;
	width: 28.75%;
}
.showcase_md_event .sc_md_event_img {
	position: relative;
}
.showcase_md_event .sc_md_event_tit {
	margin-top: 20px;
	font-weight: 400;
	font-size: 18px;
	line-height: 1.5;
	letter-spacing: -0.36px;
	text-align: center;
}
.showcase_md_event .sc_md_event_list:has(a:last-child:nth-child(4)) a {
	width: 21.4583%;
} /* 이벤트 4개 */

/* 이미지 모듈 */
.showcase_md_img {
	overflow: hidden;
	--arrLeft: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50'%3E%3Cstyle%3E %23cursor%7Bfilter:drop-shadow(0 2px 2px rgb(0 0 0/0.16)) drop-shadow(0 4px 4px rgb(0 0 0/0.08));transform:translate(11px, 5px)%7D %3C/style%3E%3Cg fill='%23fff' id='cursor'%3E%3Cpath d='m13.497.888.353.347 2.138 2.1.36.354-.357.357-7.546 7.546H26v4h-17.555L15.99 23.138l.357.357-.36.354-2.138 2.1-.353.347-.35-.35-12-12-.354-.354.353-.354 12-12 .35-.35Z'/%3E%3Cpath fill='%23000' d='m13.5 1.592-12 12 12 12 2.137-2.1-8.4-8.4H25.5v-3h-18.262l8.4-8.4-2.138-2.1m-.006-1.408 3.564 3.502-7.406 7.406H26.5v5h-16.848L17.058 23.498 13.494 27l-13.408-13.408 13.408-13.408Z'/%3E%3C/g%3E%3C/svg%3E");
	--arrRight: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50'%3E%3Cstyle%3E %23cursor%7Bfilter:drop-shadow(0 2px 2px rgb(0 0 0/0.16)) drop-shadow(0 4px 4px rgb(0 0 0/0.08));transform:translate(11px, 5px)%7D %3C/style%3E%3Cg fill='%23fff' id='cursor'%3E%3Cpath d='m13.003 26.112-.353-.347-2.138-2.1-.36-.354.357-.357 7.546-7.546H.5v-4h17.555L10.51 3.862l-.357-.357.36-.354 2.138-2.1.353-.347.35.35 12 12 .354.354-.353.354-12 12-.35.35Z'/%3E%3Cpath fill='%23000' d='m13 25.408 12-12-12-12-2.137 2.1 8.4 8.4H1v3h18.262l-8.4 8.4 2.138 2.1m.006 1.408-3.564-3.502 7.406-7.406H0v-5h16.848L9.442 3.502 13.006 0l13.408 13.408-13.408 13.408Z'/%3E%3C/g%3E%3C/svg%3E");
}
.showcase_md_img .sc_recom_prd {
	text-align: center;
}
.showcase_md_img .sc_prd_wrap {
	display: inline-block;
	max-width: 100%;
	padding: 40px 6.25% 80px;
	vertical-align: top;
	text-align: left;
}
.showcase_md_img .sc_prd_wrap h4 {
	margin-bottom: 20px;
	font-weight: 500;
	font-size: 18px;
	line-height: 1.167;
	letter-spacing: -0.36px;
}
.showcase_md_img .sc_prd_list {
	overflow: visible;
}
.showcase_md_img .sc_prd_list .swiper-wrapper {
	justify-content: center;
}
.showcase_md_img .sc_prd_list a {
	position: relative;
	width: clamp(240px, 14.1667vw, 362px);
	height: 86px;
	padding: 13px 11px 0 75px;
	border: 1px solid #ccc;
	background: #fff;
	font-size: 12px;
	line-height: 1.167;
	color: #050505;
	white-space: nowrap;
}
.showcase_md_img .sc_prd_list a:hover {
	border-color: #000;
}
.showcase_md_img .sc_prd_list .sc_prd_img {
	position: absolute;
	width: 63px;
	height: 100%;
	top: 0;
	left: 0;
	background: var(--bg-color-gray02) url(../image/common/no_thum.png) 50% 50%/100%
		no-repeat;
}
.showcase_md_img .sc_prd_list .sc_prd_img img {
	height: 100%;
}
.showcase_md_img .sc_prd_list strong {
	display: block;
	margin-bottom: 6px;
	font-weight: 500;
	text-overflow: ellipsis;
	overflow: hidden;
}
.showcase_md_img .sc_prd_tit {
	display: block;
	font-weight: 400;
	text-overflow: ellipsis;
	overflow: hidden;
}
.showcase_md_img .sc_prd_price {
	display: block;
	margin-top: 8px;
	font-weight: 900;
	font-size: 13px;
	line-height: 1.23;
	color: #000;
}
.showcase_md_img .sc_prd_price .sc_prd_per {
	margin-right: 5px;
	color: #f00;
}
.showcase_md_img .sc_prd_list a.link {
	display: block;
	width: 272px;
	padding-right: 33px;
	border-color: #000;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.16);
}
.showcase_md_img .sc_prd_list a.link:after {
	content: '';
	position: absolute;
	width: 7px;
	height: 7px;
	top: 50%;
	right: 14px;
	margin-top: -4px;
	border: 1px solid #000;
	border-width: 1px 1px 0 0;
	rotate: 45deg;
}
@media (max-width: 1695px) {
	.showcase_md_img .sc_recom_prd:has(.sc_prd_list a:last-child:nth-child(6)) {
		text-align: left;
	}
	.showcase_md_img .sc_prd_wrap:has(.sc_prd_list a:last-child:nth-child(6)) {
		padding-right: 0;
	}
	.showcase_md_img
		.sc_prd_wrap:has(.sc_prd_list a:last-child:nth-child(6))
		.sc_prd_list {
		overflow: hidden;
	}
	.showcase_md_img
		.sc_prd_wrap:has(.sc_prd_list a:last-child:nth-child(6))
		.sc_prd_list
		.swiper-wrapper {
		justify-content: start;
	}
}

/* 슬라이드 */
.showcase_md_img .sc_md_img_wrap.sc_t_slide {
	position: relative;
	height: 0;
	padding-bottom: 35.4167%;
}
.showcase_md_img .sc_md_img_wrap.sc_t_slide .swiper {
	position: absolute;
	inset: 0;
}
.showcase_md_img .sc_md_img_wrap.sc_t_slide .swiper-slide {
	width: auto;
}
.showcase_md_img .sc_md_img_wrap.sc_t_slide img {
	height: 100%;
}
.showcase_md_img .sc_md_img_wrap.sc_t_slide .swiper-button {
	width: 50%;
	height: auto;
	top: 0;
	bottom: 50px;
	margin-top: 0;
}
.showcase_md_img .sc_md_img_wrap.sc_t_slide .swiper-button:after {
	display: none;
}
.showcase_md_img .sc_md_img_wrap.sc_t_slide .swiper-button-prev {
	left: 0;
	cursor: var(--arrLeft) 13 8, auto;
}
.showcase_md_img .sc_md_img_wrap.sc_t_slide .swiper-button-next {
	right: 0;
	cursor: var(--arrRight) 13 8, auto;
}
.showcase_md_img .sc_md_img_wrap.sc_t_slide .swiper-pagination {
	bottom: 20px;
	line-height: 0;
	pointer-events: none;
}
.showcase_md_img .sc_md_img_wrap.sc_t_slide .swiper-pagination span {
	box-sizing: content-box;
	background: #fff;
	opacity: 1;
	vertical-align: middle;
}
.showcase_md_img
	.sc_md_img_wrap.sc_t_slide
	.swiper-pagination
	.swiper-pagination-bullet-active {
	border: 1px solid #000;
}

/* 그리드 */
.showcase_md_img .sc_md_img_wrap.sc_t_grid {
	display: grid;
}
.showcase_md_img .sc_t_grid .sc_img {
	position: relative;
}
.showcase_md_img .sc_t_grid .sc_prd_list {
	position: absolute;
	z-index: 1;
}
.showcase_md_img .sc_t_grid .btn_view_prd {
	position: relative;
	display: block;
	box-sizing: content-box;
	width: 28px;
	height: 28px;
	padding: 4px;
	translate: -4px -4px;
	transition: transform 0.3s;
	cursor: pointer;
}
.showcase_md_img .sc_t_grid .btn_view_prd:before {
	content: '';
	display: block;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28'%3E%3Cg fill='%23fff' stroke='%23000'%3E%3Ccircle cx='14' cy='14' r='14' stroke='none'/%3E%3Ccircle cx='14' cy='14' r='13.5' fill='none'/%3E%3C/g%3E%3Cpath d='M7 13.401h14v1.2H7z'/%3E%3Cpath d='M13.4 21V7h1.2v14z'/%3E%3C/svg%3E");
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.16);
}
.showcase_md_img .sc_t_grid .sc_prd_list a {
	position: absolute;
	top: 0;
	left: 38px;
	transition: opacity 200ms, visibility 0ms 200ms;
	opacity: 0;
	visibility: hidden;
}
.showcase_md_img .sc_t_grid .sc_prd_right a {
	left: auto;
	right: 46px;
}
.showcase_md_img .sc_t_grid .sc_prd_list:hover {
	z-index: 2;
}
.showcase_md_img .sc_t_grid .sc_prd_list:hover a {
	transition: opacity 200ms 100ms, visibility 0ms;
	opacity: 1;
	visibility: visible;
}

.showcase_md_img .sc_t_grid.sc_grid_3 {
	grid-template-columns: 2fr 1fr 1fr;
}
.showcase_md_img .sc_t_grid.sc_grid_4 {
	grid-template-columns: 2fr 1fr 1fr;
}
.showcase_md_img .sc_t_grid.sc_grid_4 .sc_img:first-child {
	grid-row: 1/3;
}
.showcase_md_img .sc_t_grid.sc_grid_4 .sc_img:last-child {
	grid-column: 2/4;
}
.showcase_md_img .sc_t_grid.sc_grid_5 {
	grid-template-columns: 2fr 1fr 1fr;
}
.showcase_md_img .sc_t_grid.sc_grid_5 .sc_img:first-child {
	grid-row: 1/3;
}
.showcase_md_img .sc_t_grid.sc_grid_11 {
	grid-template-columns: repeat(16, 1fr);
	grid-template-rows: repeat(6, 1fr);
}
.showcase_md_img .sc_t_grid.sc_grid_11 .sc_img:nth-child(1) {
	grid-area: 1/1/7/7;
}
.showcase_md_img .sc_t_grid.sc_grid_11 .sc_img:nth-child(2) {
	grid-area: 1/7/4/10;
}
.showcase_md_img .sc_t_grid.sc_grid_11 .sc_img:nth-child(3) {
	grid-area: 1/10/4/13;
}
.showcase_md_img .sc_t_grid.sc_grid_11 .sc_img:nth-child(4) {
	grid-area: 4/7/7/10;
}
.showcase_md_img .sc_t_grid.sc_grid_11 .sc_img:nth-child(5) {
	grid-area: 4/10/7/13;
}
.showcase_md_img .sc_t_grid.sc_grid_11 .sc_img:nth-child(6) {
	grid-area: 1/13/3/15;
}
.showcase_md_img .sc_t_grid.sc_grid_11 .sc_img:nth-child(7) {
	grid-area: 1/15/3/17;
}
.showcase_md_img .sc_t_grid.sc_grid_11 .sc_img:nth-child(8) {
	grid-area: 3/13/5/15;
}
.showcase_md_img .sc_t_grid.sc_grid_11 .sc_img:nth-child(9) {
	grid-area: 3/15/5/17;
}
.showcase_md_img .sc_t_grid.sc_grid_11 .sc_img:nth-child(10) {
	grid-area: 5/13/7/15;
}
.showcase_md_img .sc_t_grid.sc_grid_11 .sc_img:nth-child(11) {
	grid-area: 5/15/7/17;
}

/* 갤러리 */
.showcase_md_img .sc_md_img_wrap.sc_t_gallery {
	display: flex;
	width: 100%;
	max-width: 1340px;
	margin: 0 auto;
	padding: 120px 30px;
}
.showcase_md_img .sc_t_gallery .sc_img_swiper {
	flex-shrink: 0;
	width: 50%;
}
.showcase_md_img .sc_t_gallery .sc_img_swiper .swiper-wrapper {
	z-index: 2;
}
.showcase_md_img .sc_t_gallery .swiper-button {
	width: 50%;
	height: auto;
	top: 0;
	bottom: 210px;
	margin-top: 0;
}
.showcase_md_img .sc_t_gallery .swiper-button:after {
	display: none;
}
.showcase_md_img .sc_t_gallery .swiper-button-prev {
	left: 0;
	cursor: var(--arrLeft) 13 8, auto;
}
.showcase_md_img .sc_t_gallery .swiper-button-next {
	right: 0;
	cursor: var(--arrRight) 13 8, auto;
}
.showcase_md_img .sc_t_gallery .sc_prd_list {
	position: absolute;
	bottom: 120px;
	left: 40px;
	z-index: 1;
}
.showcase_md_img .sc_t_gallery .sc_thumb_swiper {
	flex-shrink: 0;
	width: 50%;
	padding-left: 1px;
}
.showcase_md_img .sc_t_gallery .sc_thumb_swiper .swiper-wrapper {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-template-rows: repeat(4, 1fr);
	gap: 1px;
}
.showcase_md_img .sc_t_gallery .sc_thumb_swiper .swiper-slide {
	overflow: hidden;
}
.showcase_md_img .sc_t_gallery .sc_thumb_swiper .swiper-slide img {
	height: 100%;
}
.showcase_md_img .sc_t_gallery .sc_thumb_swiper .swiper-slide:before {
	content: '';
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, 0.2);
}
.showcase_md_img
	.sc_t_gallery
	.sc_thumb_swiper
	.swiper-slide-thumb-active:before {
	background: none;
}
.showcase_md_txt + .showcase_md_img .sc_md_img_wrap.sc_t_gallery {
	padding-top: 0;
}