@charset "utf-8";

/* 회원가입 이메일 자동완성 */
.autocomplete-suggestions {
	border: 1px solid #ccc;
	max-height: 150px;
	overflow-y: auto;
	position: relative;
	/* 	position: absolute;  */
	background-color: white;
	z-index: 1000;
	width: calc(100% - 22px);
}

/* ============== 쇼핑몰 브랜드(brand) - shopj02 brand02 기준 ============== */
.brand_wrap {
	padding-top: 30px;
}

.brand_wrap .common_tit {
	padding: 30px 30px 10px;
	text-align: center;
	font-size: 28px;
	color: #111;
}

.brand_wrap .common_desc {
	font-size: 16px;
	color: #666;
	margin: 8px 0 30px;
	text-align: center;
}

.brand_wrap .tab {
	width: 100%;
	overflow: hidden;
	margin-bottom: 30px;
	border: 0;
}

.brand_wrap .tab li {
	width: 16.66666666666667%;
	float: left;
}

.brand_wrap .tab li a {
	display: block;
	height: 41px;
	border: 1px solid #d9d9d9;
	font-size: 16px;
	color: #444;
	line-height: 2.5;
	text-align: center;
	border-right-width: 0;
}

.brand_wrap .tab li:nth-of-type(6n) a {
	border-right-width: 1px;
}

.brand_wrap .tab li:nth-of-type(n+7) a {
	border-top: 0;
}

.brand_wrap .tab li.on a {
	border-color: #007bc8;
	background: #007bc8;
	color: #fff;
	font-weight: 700;
	border-left: 1px solid #007bc8;
}

.brand_wrap .tab li:hover a {
	border-color: #007bc8;
	background: #007bc8;
	color: #fff;
	font-weight: 700;
	border-left: 1px solid #007bc8;
}

.brand_wrap .prd_list_wrap {}

.brand_wrap .prd_list {
	overflow: hidden;
}

.brand_wrap .prd_list li {
	float: left;
	width: 32%;
	margin-right: 2%;
	margin-bottom: 2%;
}

.brand_wrap .prd_list li:nth-of-type(3n) {
	margin-right: 0;
}

.brand_wrap .prd_list li>a {
	display: block;
	position: relative;
	padding-top: 100%;
	overflow: hidden;
}

.brand_wrap .prd_list li>a img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.brand_wrap .brand_info {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	text-align: center;
	background: rgba(0, 0, 0, 0.05);
}

.brand_wrap .brand_info:hover {
	background: rgba(0, 0, 0, 0.2);
}

.brand_wrap .brand_name {
	width: 100%;
	position: absolute;
	top: 50%;
	margin-top: -16px;
	text-align: center;
	color: #fff;
	line-height: 1.2em;
	font-weight: bold;
	font-size: 30px;
	letter-spacing: -0.05em;
}

.brand_wrap .prd_item_group {
	overflow: hidden;
	border: 1px solid #d9d9d9;
	border-top: 0;
	padding: 10px;
}

.brand_wrap .prd_item_group a {
	display: block;
	width: 30%;
	float: left;
}

.brand_wrap .prd_item_group a+a {
	margin-left: 5%;
}

.brand_wrap .prd_info {}

.brand_wrap .prd_img {
	position: relative;
	padding-top: 100%;
	overflow: hidden;
}

.brand_wrap .prd_img:hover:after {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.1);
}

.brand_wrap .prd_img img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.brand_wrap .prd_name {
	font-size: 13px;
	color: #444;
	line-height: 1.36;
	height: 2.71429em;
	overflow: hidden;
}

.brand_wrap .prd_price {
	font-size: 13px;
	color: #111;
}

.brand_wrap .prd_price strong {
	font-size: 15px;
}

/* 브랜드 헤더 (브랜드관 상단) */
.brand_wrap .brand_header {
	position: relative;
	height: 320px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #1a1a2e;
	margin-bottom: 40px;
	overflow: hidden;
}

.brand_wrap .brand_header_overlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: linear-gradient(135deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.7) 100%);
}

.brand_wrap .brand_header_content {
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	height: 100%;
	text-align: center;
	padding: 20px;
}

.brand_wrap .brand_logo {
	width: 120px;
	height: 120px;
	border-radius: 50%;
	background: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
	margin-bottom: 15px;
}

.brand_wrap .brand_logo img {
	max-width: 80%;
	max-height: 80%;
	object-fit: contain;
}

.brand_wrap .brand_logo_text {
	font-size: 24px;
	font-weight: bold;
	color: #333;
	text-align: center;
	padding: 10px;
}

.brand_wrap .brand_title {
	font-size: 32px;
	font-weight: 700;
	color: #fff;
	margin: 0 0 5px 0;
	text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
}

.brand_wrap .brand_title_eng {
	font-size: 14px;
	color: rgba(255, 255, 255, 0.7);
	margin: 0 0 15px 0;
	letter-spacing: 2px;
	text-transform: uppercase;
}

.brand_wrap .brand_meta {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 20px;
	margin-bottom: 20px;
}

.brand_wrap .brand_meta .brand_visitor {
	font-size: 14px;
	color: rgba(255, 255, 255, 0.8);
}

.brand_wrap .brand_meta .brand_visitor i {
	margin-right: 5px;
}

.brand_wrap .brand_meta .brand_link {
	font-size: 14px;
	color: rgba(255, 255, 255, 0.8);
	text-decoration: none;
	transition: color 0.2s;
}

.brand_wrap .brand_meta .brand_link:hover {
	color: #fff;
}

.brand_wrap .brand_meta .brand_link i {
	margin-right: 5px;
}

.brand_wrap .brand_actions {}

.brand_wrap .btn_brand_info {
	display: inline-block;
	padding: 12px 30px;
	background: transparent;
	border: 2px solid rgba(255, 255, 255, 0.8);
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	border-radius: 30px;
	cursor: pointer;
	transition: all 0.3s;
}

.brand_wrap .btn_brand_info:hover {
	background: #fff;
	color: #333;
	border-color: #fff;
}

.brand_wrap .btn_brand_info i {
	margin-right: 8px;
}

/* 기존 brand_cover 스타일 유지 (호환성) */
.brand_wrap .brand_cover {
	height: 260px;
	margin-bottom: 50px;
}

.brand_wrap .brand_cover .common_tit {
	padding: 0;
	height: 120px;
}

.brand_wrap .brand_cover .common_tit img {
	height: 120px;
}

.brand_wrap .brand_cover .brand_cover_btns {
	margin: 20px 0;
	text-align: center;
}

.brand_wrap .brand_cover .brand_cover_btns button {
	display: inline-block;
	min-width: 2.57143em;
	height: 2.57143em;
	padding: 0 0.85714em;
	border: 1px solid #c9c9c9;
	vertical-align: middle;
	text-align: center;
	transition: 0.15s;
	font-size: 14px;
	background: transparent;
	margin: 0 4px;
}

.brand_wrap .brand_cover .brand_cover_btns button:hover {
	border-color: #fff;
	background: rgba(0, 0, 0, 0.2);
}

.brand_wrap .brand_cover .brand_cover_btns button span {
	color: #fff;
}

.brand_wrap .brand_cover .brand_cover_btns button i {
	color: #fff;
}

.brand_wrap .brand_cover .brand_cover_visitor {
	color: #fff;
	opacity: 0.8;
	text-align: center;
	font-size: 14px;
}

.brand_wrap .brand_cover .brand_cover_visitor span {}

/* 브랜드 소개 팝업 */
.brand_wrap .brand_pop {
	display: none;
}

.brand_wrap .view_brand {
	position: fixed;
	overflow: auto;
	overflow-x: hidden;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	z-index: 5000;
	background-color: rgba(0, 0, 0, 0.5);
}

.brand_wrap .view_brand .box {
	width: 850px;
	min-height: 400px;
	position: fixed;
	left: 50%;
	left: 50%;
	margin-left: -425px;
	margin-top: 100px;
	z-index: 2500;
	box-sizing: border-box;
	padding: 25px;
	border-radius: 10px;
	box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
	background-color: #fff;
}

.brand_wrap .view_brand .title {
	line-height: 40px;
	position: relative;
	margin-bottom: 20px;
	border-bottom: 1px solid #eee;
	padding-bottom: 15px;
}

.brand_wrap .view_brand .title h2 {
	font-size: 22px;
	color: #333;
	text-align: left;
	font-weight: 600;
}

.brand_wrap .view_brand .title .close {
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	font-size: 24px;
	line-height: 40px;
	color: #999;
	font-weight: 400;
	transition: color 0.2s;
}

.brand_wrap .view_brand .title .close:hover {
	color: #333;
}

.brand_wrap .view_brand .info {
	text-align: left;
	font-size: 15px;
	line-height: 1.8;
	color: #555;
}

.brand_wrap .view_brand .info img {
	max-width: 100% !important;
	height: auto !important;
}

@media all and (max-width:1000px) {
	.brand_wrap .prd_list li {
		width: 49%;
	}

	.brand_wrap .prd_list li:nth-of-type(3n) {
		margin-right: 2%;
	}

	.brand_wrap .prd_list li:nth-of-type(2n) {
		margin-right: 0%;
	}

	.brand_wrap .view_brand .box {
		width: 80%;
		margin-left: -40%;
	}

	.brand_wrap .brand_header {
		height: 280px;
	}

	.brand_wrap .brand_logo {
		width: 100px;
		height: 100px;
	}

	.brand_wrap .brand_title {
		font-size: 26px;
	}
}

@media all and (max-width:640px) {
	.brand_wrap {
		padding-top: 4.6875vw;
	}

	.brand_wrap .common_tit {
		padding: 4.6875vw 4.6875vw 1.5625vw;
		font-size: 4.375vw;
		height: 18.75vw !important;
	}

	.brand_wrap .common_tit img {}

	.brand_wrap .common_desc {
		font-size: 2.5vw;
		margin: 1.25vw 0 4.6875vw;
	}

	.brand_wrap .tab {
		margin-bottom: 4.6875vw;
	}

	.brand_wrap .tab li {
		width: 25%;
	}

	.brand_wrap .tab li:nth-of-type(6n) a {
		border-right-width: 0;
	}

	.brand_wrap .tab li:nth-of-type(4n) a {
		border-right-width: 1px;
	}

	.brand_wrap .tab li:nth-of-type(n+5) a {
		border-top: 0;
	}

	.brand_wrap .tab li a {
		height: 6.40625vw;
		font-size: 2.5vw;
	}

	.brand_wrap .brand_name {
		margin-top: -2.5vw;
		font-size: 4.6875vw;
	}

	.brand_wrap .prd_item_group {
		padding: 1.5625vw;
	}

	.brand_wrap .prd_name {
		font-size: 2.03125vw;
	}

	.brand_wrap .prd_price {
		font-size: 2.03125vw;
	}

	.brand_wrap .prd_price strong {
		font-size: 2.34375vw;
	}

	.brand_wrap .prd_list li {
		width: 100%;
		margin-right: 0;
	}

	.brand_wrap .brand_cover {
		height: 40.625vw;
	}

	.brand_wrap .brand_cover .common_tit img {
		height: 18.75vw;
	}

	.brand_wrap .brand_cover .brand_cover_btns {
		margin: 3.125vw 0;
	}

	.brand_wrap .brand_cover .brand_cover_btns button {
		font-size: 2.1875vw;
		margin: 0 0.625vw;
	}

	.brand_wrap .brand_cover .brand_cover_visitor {
		font-size: 2.1875vw;
	}

	.brand_wrap .view_brand .box {
		width: 90%;
		margin-left: -45%;
		margin-top: 31.25vw;
		padding: 3.90625vw;
	}

	.brand_wrap .view_brand .title {
		line-height: 6.25vw;
		margin-bottom: 3.125vw;
	}

	.brand_wrap .view_brand .title h2 {
		font-size: 3.4375vw;
	}

	.brand_wrap .view_brand .title .close {
		font-size: 4.6875vw;
		line-height: 6.25vw;
	}

	.brand_wrap .view_brand .info {
		font-size: 2.1875vw;
	}

	/* 브랜드 헤더 모바일 */
	.brand_wrap .brand_header {
		height: 220px;
		margin-bottom: 20px;
	}

	.brand_wrap .brand_header_content {
		padding: 15px;
	}

	.brand_wrap .brand_logo {
		width: 70px;
		height: 70px;
		margin-bottom: 10px;
	}

	.brand_wrap .brand_logo_text {
		font-size: 16px;
	}

	.brand_wrap .brand_title {
		font-size: 20px;
		margin-bottom: 3px;
	}

	.brand_wrap .brand_title_eng {
		font-size: 11px;
		margin-bottom: 10px;
		letter-spacing: 1px;
	}

	.brand_wrap .brand_meta {
		flex-wrap: wrap;
		gap: 10px;
		margin-bottom: 12px;
	}

	.brand_wrap .brand_meta .brand_visitor,
	.brand_wrap .brand_meta .brand_link {
		font-size: 12px;
	}

	.brand_wrap .btn_brand_info {
		padding: 8px 20px;
		font-size: 12px;
	}
}

/* 상품목록 상단 */
.shop_top_area {
	background: #1D1D1D;
	margin-top: 90px;
}

.shop_top_area .inner {
	padding-top: 72px;
	padding-bottom: 72px;
}

.shop_top_area .title {
	color: #F5F5F5;
	font-size: 40px;
	font-family: Pretendard;
	font-weight: 700;
	margin: 0 0 72px 0;
}

.shop_top_area .other_cate {
	padding: 32px 16px;
}

.shop_top_area .other_cate .title {
	color: #F5F5F5;
	font-size: 24px;
	font-family: Pretendard;
	font-weight: 700;
	margin: 0 0 16px 0;
}

.shop_top_area .swiper_slide {
	min-width: 0;
	width: auto !important;
}

.shop_top_area .swiper_slide a {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 10px;
	text-decoration: none;
}

.shop_top_area .cate_img {
	width: 160px;
	height: 160px;
	/* background: #fff; */
	background: #323131;
	border-radius: 10px;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 10px;
}

.shop_top_area .cate_img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.4s ease;
}

.shop_top_area .swiper_slide a:hover .cate_img img {
	transform: scale(1.05);
}

.shop_top_area .swiper_slide.active .cate_img {
	border: 2px solid #00B8FC;
}

.shop_top_area .cate_name {
	color: #F5F5F5;
	font-size: 16px;
	font-family: Pretendard;
	font-weight: 500;
	text-align: center;
}

.shop_top_area .cate_new {
	color: #00B8FC;
	font-size: 16px;
	font-family: Pretendard;
	font-weight: 400;
	text-align: center;
}

.shop_top_area .scrollbar {
	position: relative !important;
	margin-top: 40px;
	height: 4px !important;
	/* background: rgba(255, 255, 255, 0.1) !important; */
	border-radius: 8px;
	left: unset !important;
}

.shop_top_area .scrollbar .swiper-scrollbar-drag {
	background: #00B8FC;
	border-radius: 8px;
	cursor: grab;
}

.shop_top_area .scrollbar .swiper-scrollbar-drag:active {
	cursor: grabbing;
}

/* 상품 카드 그리드 */
.shop_top_area .prod_grid {
	display: flex;
	flex-wrap: wrap;
	gap: 18px;
}

.shop_top_area .prod_card {
	flex: 1 1 calc((100% - 18px * 3) / 4);
	max-width: calc((100% - 18px * 3) / 4);
	min-height: 420px;
	padding: 8px;
	background: #F5F5F5;
	border-radius: 10px;
	display: flex;
	flex-direction: column;
	gap: 8px;
	box-sizing: border-box;
	text-decoration: none;
	transition: opacity 0.2s;
}

.shop_top_area .prod_card:hover {
	opacity: 0.9;
}

.shop_top_area .prod_card .card_img {
	flex: 1;
	border-radius: 10px;
	overflow: hidden;
	min-width: 0;
}

.shop_top_area .prod_card .card_img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.shop_top_area .prod_card .card_info {
	padding: 8px 8px 16px;
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.shop_top_area .prod_card .name {
	color: #1A1A1A;
	font-size: 18px;
	font-family: Pretendard;
	font-weight: 600;
	margin: 0;
}

.shop_top_area .prod_card .name .point {
	color: #00B8FC;
	font-weight: 600;
}

.shop_top_area .prod_card .desc {
	color: #111;
	font-size: 18px;
	font-family: Pretendard;
	font-weight: 300;
	margin: 0;
}

.shop_top_area .prod_card .more {
	color: #1A1A1A;
	font-size: 18px;
	font-family: Pretendard;
	font-weight: 500;
	margin: 0;
}

@media all and (max-width: 1200px) {
	.shop_top_area .title {
		font-size: 32px;
		margin-bottom: 48px;
	}

	.shop_top_area .prod_card {
		flex: 1 1 calc((100% - 18px * 2) / 3);
		max-width: calc((100% - 18px * 2) / 3);
		min-height: 360px;
	}

	.shop_top_area .prod_card .name,
	.shop_top_area .prod_card .desc,
	.shop_top_area .prod_card .more {
		font-size: 16px;
	}
}

@media all and (max-width:1080px) {
	.shop_top_area {
		margin-top: 90px;
	}
}

@media all and (max-width: 768px) {

	.shop_top_area .other_cate .title {
		font-size: 21px;
	}

	.shop_top_area .other_cate .title,
	.section_category .common_title
	 {
		margin-bottom: 10px;
	}


	.shop_top_area .scrollbar {
	margin-top: 20px;
}

	.shop_top_area .title {
		font-size: 28px;
		margin-bottom: 36px;
	}

	.shop_top_area {
		margin-top: 30px;
	}

	.shop_top_area .cate_img {
		width: 120px;
		height: 120px;
	}

	.shop_top_area .cate_name,
	.shop_top_area .cate_new {
		font-size: 14px;
	}

	.shop_top_area .prod_card {
		flex: 1 1 calc((100% - 18px) / 2);
		max-width: calc((100% - 18px) / 2);
		min-height: 300px;
	}

	.shop_top_area .prod_card .name,
	.shop_top_area .prod_card .desc,
	.shop_top_area .prod_card .more {
		font-size: 15px;
	}

	.shop_top_area .prod_card .card_info {
		padding: 6px 6px 12px;
		gap: 4px;
	}
}

@media all and (max-width: 480px) {
	.shop_top_area .title {
		font-size: 24px;
		margin-bottom: 28px;
	}

	.shop_top_area .cate_img {
		width: 100px;
		height: 100px;
	}
}

/* 상품 카드 그리드 커스텀 */
.shop_list_con_box01.item04 {
	display: flex;
	flex-wrap: wrap;
	gap: 18px;
}

.shop_list_con_box01.item04 .shop_list_item01 {
	flex: 1 1 calc((100% - 18px * 3) / 4);
	max-width: calc((100% - 18px * 3) / 4);
	min-height: 420px;
	padding: 8px;
	background: #323232 !important;
	border-radius: 10px;
	display: flex;
	flex-direction: column;
	gap: 8px;
	box-sizing: border-box;
	text-decoration: none;
	transition: opacity 0.2s;
	float: none;
	width: auto;
	margin: 0;
	border: 0;
}

.shop_list_con_box01.item04 .shop_list_item01:hover .card_top_row svg {
	filter: invert(1);
}

.shop_list_con_box01.item04 .shop_list_item01 .img {
	flex: 1;
	border-radius: 10px;
	overflow: hidden;
	min-width: 0;
	padding: 0;
	position: relative;
	aspect-ratio: 1 / 0.805084;
	max-height: 285px;
}

.shop_list_con_box01.item04 .shop_list_item01 .img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	top: 0;
	left: 0;
}

.shop_list_con_box01.item04 .shop_list_item01 .tit {
	color: #fff;
	font-size: 18px;
	font-family: Pretendard;
	font-weight: 600;
	padding: 8px 8px 0;
	margin: 0;
}

.shop_list_con_box01.item04 .shop_list_item01 .alt {
	color: #111;
	font-size: 18px;
	font-family: Pretendard;
	font-weight: 300;
	padding: 0 8px;
	margin: 0;
}

.shop_list_con_box01.item04 .shop_list_item01 .price_box01 {
	padding: 0 8px 16px;
}

.shop_list_con_box01.item04 .shop_list_item01 .price_box01 .price01 {
	color: #fff;
	font-size: 18px;
	font-family: Pretendard;
	font-weight: 500;
}

@media all and (max-width: 1200px) {
	.shop_list_con_box01.item04 .shop_list_item01 {
		flex: 1 1 calc((100% - 18px * 2) / 3);
		max-width: calc((100% - 18px * 2) / 3);
		min-height: 360px;
	}

	.shop_list_con_box01.item04 .shop_list_item01 .tit,
	.shop_list_con_box01.item04 .shop_list_item01 .alt,
	.shop_list_con_box01.item04 .shop_list_item01 .price_box01 .price01 {
		font-size: 16px;
	}
}

@media all and (max-width: 768px) {
	.shop_list_con_box01.item04 .shop_list_item01 {
		flex: 1 1 calc((100% - 18px) / 2);
		max-width: calc((100% - 18px) / 2);
		min-height: 300px;
	}

	.shop_list_con_box01.item04 .shop_list_item01 .tit,
	.shop_list_con_box01.item04 .shop_list_item01 .alt,
	.shop_list_con_box01.item04 .shop_list_item01 .price_box01 .price01 {
		font-size: 15px;
	}

	.shop_list_con_wrapper01 {
		padding-top: 0 !important;
	}
}

/* @media all and (max-width: 500px) {
	.shop_list_con_box01.item04 .shop_list_item01 {
		flex: 0 0 100%;
		max-width: 100%;
		padding: 8px !important;
	}
} */

.shop_item_detail_wrapper01 {
	padding: 140px 0 80px 0;
}

a.login_chk_btn01,
.login_chk_btn01 {
	background-color: #00B8FC;
}


.shop_item_detail_alt_box01 .top_box .tit_box .tit,
.shop_item_detail_alt_box01 .option_box01 .option_alt .percent01,
.shop_prd_info_quick_result01 .tit,
.shop_item_detail_alt_box01 .option_box01 .tit,
.shop_item_right_sticky .sticky_option_wrapper .option_tit,
.shop_item_info_con .tit_box {
	color: #fff !important;
}

.shop_item_detail_alt_box01 .option_box01 .option_alt .price01,
.shop_item_detail_alt_box01 .option_box01 .option_alt span,
.shop_prd_info_quick_result01 .price01 b,
.shop_prd_info_quick_result01 .price01 span,
.prd_tab_slide_box01 .item.active {
	color: #00B8FC !important;
}

.prd_tab_wrapper.shop_info,
.shop_item_right_sticky .sticky_inner {
	background-color: #1d1d1d !important;
}

.prd_tab_slide_box01 .item.active {
	border-color: #00B8FC !important;
}

/* .prd_tab_wrapper {
	border-bottom: 1px solid #9598A2 !important;
} */

.prd_tab_slide_box01 .item {
	color: #999 !important;
}

.shop_item_detail_alt_box01 .top_box .alt_box {
	color: #ccc !important;
}

.shop_item_detail_alt_box01 .option_box01 .option_alt .discount01 {
	color: #999 !important;
}

.shop_item_detail_alt_box01 .option_box01 .option_alt .grade_label,
.shop_item_detail_alt_box01 .option_box01 .option_alt .free_condition {
	color: #999 !important;
}

.shop_item_detail_alt_box01 .option_box01.border_box01,
.shop_item_detail_alt_box01 .top_box.border_box01 {
	border-color: #444 !important;
}

.shop_item_detail_alt_box01 .shop_prd_info_select01 {
	color: #fff !important;
	background-color: #111 !important;
	border-color: unset !important;
}

.shop_item_detail_alt_box01 .shop_prd_info_select01 option {
	color: #fff !important;
	background-color: #111 !important;
}

.option_result_box01_wrapper {
	color: #fff !important;
}

.option_result_box01_wrapper .box {
	border-color: #444 !important;
}

.shop_discount_info_box .discount_row .label {
	color: #ccc !important;
}

.shop_discount_info_box .discount_row .value {
	color: #00B8FC !important;
}

.shop_item_evaluation_txt_box .sub_tit_box .tit,
.shop_item_qa_info_chk_box01 .tit_box .tit {
	color: #fff !important;
}

.evaluation_tab_menu01 {
	color: #999 !important;
}

.evaluation_tab_menu01.active,
.shop_mypage_top_box01 .box.icon .alt_box .num_box01 b.black {
	color: #00B8FC !important;
}

.id_save_box span {
	color: #999 !important;
}

.fas.fa-heart {
	color: #999 !important;
}

.fas.fa-heart.active {
	color: #e74c3c !important;
}

.timesale_detail_banner {
	color: #fff !important;
}

.timesale_detail_label,
.ts_digit {
	color: #fff !important;
}

.timesale_detail_msg {
	color: #ccc !important;
}

.shop_item_info_con .tit_box {
	border-bottom: 2px solid #9598A2;
}

.shop_item_right_sticky .option_select_box01 select {
	background-color: #111;
	color: #fff;
	border: 0;
}

.nodata_box01 p,
.nodata p,
.shop_mypage_top_box01 .box.icon .alt_box,
.shop_mypage_deliver_step_box01,
.login_label_tit01,
.id_save_box,
.shop_mypage_table01 tbody td {
	color: #fff !important;
}

.shop_mypage_deliver_result_box01 {
	background-color: unset;
}

/* 마이페이지 밝은 배경 제거 + 텍스트 밝게 */
.shop_mypage_top_box01 .box.info {
	background-color: transparent !important;
}

.shop_mypage_top_box01 {
	border-color: #444 !important;
}

.shop_mypage_top_box01 .box+.box {
	border-left-color: #444 !important;
}

.shop_mypage_top_box01 .box.info .txt_box01 {
	color: #fff !important;
}

.shop_mypage_top_box01 .box.info .txt_box01 .name {
	color: #fff !important;
}

.shop_mypage_top_box01 .box.info .evaluation_tab_menu01 {
	color: #ccc !important;
}

.mypage_grade_badge {
	color: #fff !important;
}

.mypage_grade_total_amount {
	color: #ccc !important;
}

.mypage_grade_total_amount strong {
	color: #00B8FC !important;
}

.mypage_grade_section {
	margin-bottom: 30px;
	background: transparent !important;
	border-color: #444 !important;
}

.mypage_grade_section_title {
	color: #fff !important;
}

.mypage_grade_progress_label {
	color: #ccc !important;
}

.mypage_grade_progress_label strong {
	color: #00B8FC !important;
}

.mypage_grade_progress_bar {
	background: #333 !important;
}

.mypage_grade_progress_info {
	color: #999 !important;
}

.shop_mypage_deliver_result_box01 .shop_mypage_deliver_step_box01+.shop_mypage_deliver_step_box01 {
	border-left-color: #444 !important;
}

.shop_item_info_con.mypage .tit_box {
	border-bottom-color: #444 !important;
}

.shop_item_info_con.mypage .tit_box .tit {
	color: #fff !important;
}

a.total_link_btn01,
.total_link_btn01 {
	color: #ccc !important;
}

.shop_mypage_recent_box01 .date_box01 {
	background-color: transparent !important;
	color: #ccc !important;
}

.shop_mypage_recent_box_wrapper01 .shop_mypage_recent_box01 {
	border-color: #444 !important;
}

.shop_item_info_con.mypage .tit_box_custom01 .custom_tit01 {
	color: #fff !important;
}

.shop_item_info_con.mypage .tit_box_custom01::after {
	border-color: #444 !important;
}

.prd_tab_wrapper.mypage .prd_tab_slide_box01 .item.active {
	border: 2px solid #00B8FC;
	outline: unset;
}

.shop_mypage_top_box01 .box.icon .alt_box .num_box01 b.red {
	color: #00B8FC;
}

:root {
	--color-primary01: #00B8FC !important;
}

.prd_tab_wrapper.shop_info {
	z-index: 333;
}

.shop_item_right_sticky.is_fixed {
	z-index: 334;
}

.shop_item_info_con.mypage .tit_box_custom01 .custom_tit01 {
	background: unset;
}

/* 장바구니 다크 */
.shop_prd_wrapper01 .shop_prd_info_quick_box01 {
	background-color: transparent !important;
	border-color: #444 !important;
}

.shop_prd_info_quick_tit01 {
	color: #fff !important;
}

.shop_prd_info_quick_alt_box01 {
	border-top-color: #444 !important;
	border-bottom-color: #666 !important;
}

.shop_prd_info_quick_alt .tit {
	color: #ccc !important;
}

.shop_prd_info_quick_alt .price01 {
	color: #fff !important;
}

.shop_prd_info_quick_result_box01 {
	color: #fff !important;
}

.shop_prd_info_quick_result01 .tit {
	color: #fff !important;
}

.shop_prd_info_tit01,
.shop_prd_price01 {
	color: #fff !important;
}

.shop_prd_info_alt_box01 {
	color: #999 !important;
}

.shop_prd_box01 {
	border-bottom-color: #444 !important;
}

.shop_prd_box01.product_group_last {
	border-bottom-color: #666 !important;
}

.shop_prd_info_select01 {
	background-color: #2a2a2a !important;
	color: #fff !important;
}

.shop_prd_count_box01 .shop_option_count01 {
	color: #fff !important;
}

.shop_prd_chk_box01 input {
	border-color: #555 !important;
}

.shop_tit_box01 {
	color: #fff !important;
}

.shop_prd_price_box01 .shop_prd_price01 .grade_label {
	color: #999 !important;
}

.shop_list_con_box01.item04 .shop_list_item01 {
	background: rgba(236, 236, 236, 0.10) !important;
	border-radius: 10px !important;
	padding: 32px 16px !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 0 !important;
	position: relative;
	transition: background-color 0.3s ease;
}

.shop_list_con_box01.item04 .shop_list_item01:hover {
	background: #fff !important;
}

.shop_list_item01 .card_top_row {
	order: 2;
	align-self: stretch;
	margin-bottom: 16px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 16px;
}

.shop_list_item01 .card_badge {
	padding: 9px;
	background: #fff;
	box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25);
	border-radius: 11.67px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #666;
	font-size: 14px;
	font-weight: 700;
	white-space: nowrap;
}

.shop_list_item01 .card_badge.badge_award {
	font-weight: 700;
	color: #00B8FC;
}

.shop_list_item01 .card_badge_empty {
	height: 1px;
}

.shop_list_item01 .card_heart_btn {
	width: 32px;
	height: 28px;
	flex-shrink: 0;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: opacity 0.2s;

	margin-left: auto;
}

.shop_list_item01 .card_heart_btn:hover {
	opacity: 0.6;
}

.shop_list_item01 .card_heart_btn.active svg path {
	fill: #e74c3c;
	stroke: #e74c3c;
}

.shop_list_item01 .card_img {
	order: 1;
	align-self: stretch;
	margin-bottom: 32px;
	border-radius: 15px;
	overflow: hidden;
	aspect-ratio: 355 / 342;
	position: relative;
}

.shop_list_item01 .card_img img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center;
}

.shop_list_item01 .card_img .card_img_main {
	transition: none;
}

.shop_list_item01 .card_img .card_img_hover {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	transition: none;
}

.shop_list_item01:hover .card_img .card_img_hover {
	opacity: 1;
}

.shop_list_item01:hover .card_img:has(.card_img_hover) .card_img_main {
	opacity: 0;
}

/* 이미지목록형 호버 스왑 */
.shop_list_image_item .item_image {
	position: relative;
}

.shop_list_image_item .item_image img {
	transition: opacity 0.3s ease;
}

.shop_list_image_item .item_image .item_image_hover {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
}

.shop_list_image_item:hover .item_image .item_image_hover {
	opacity: 1;
}

.shop_list_image_item:hover .item_image:has(.item_image_hover) .item_image_main {
	opacity: 0;
}

.shop_list_item01 .card_color_dots {
	display: flex;
	align-items: center;
	gap: 16px;
	padding: 0 8px;
	margin: 0;
}

.shop_list_item01 .card_color_dots .dot {
	width: 15px;
	height: 15px;
	border-radius: 9999px;
	border: 1px solid #000;
	display: inline-block;
}

.shop_list_item01 .card_info {
	order: 3;
	align-self: stretch;
	padding: 8px 8px 16px;
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.shop_list_item01 .card_name {
	color: #fff;
	font-size: 18px;
	font-weight: 800;
	line-height: 1.2;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.shop_list_item01 .card_desc {
	color: #C5C5C5;
	font-size: 18px;
	font-weight: 300;
	line-height: 1.2;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	transition: color 0.3s ease;
}

.shop_list_item01 .card_price {
	color: #fff;
	font-size: 16px;
	font-weight: 600;
	transition: color 0.3s ease;
}

.shop_list_con_box01.item04 .shop_list_item01:hover .card_desc,
.shop_list_con_box01.item04 .shop_list_item01:hover .card_price,
.shop_list_con_box01.item04 .shop_list_item01:hover .card_name
 {
	color: #333 !important;
}

.shop_list_item01 .card_price_discount {
	display: flex;
	align-items: center;
	gap: 8px;
}

.shop_list_item01 .card_org_price {
	color: #BDBDBD;
	font-size: 14px;
	text-decoration: line-through;
}

.shop_list_item01 .card_percent {
	color: #00B8FC;
	font-size: 16px;
	font-weight: 700;
}

.shop_list_item01 .timesale_badge {
	margin-top: 4px;
}

.shop_list_item01 .final_discount_price {
	margin-top: 4px;
}

.shop_list_con_box01 {
	gap: 24px 16px !important;
}

/* 이미지목록형 다크 처리 */
.shop_list_image_item {
	background: #F5F5F5 !important;
	border-color: #444 !important;
}

.shop_list_image_item .item_name {
	color: #1D1D1D !important;
}

.shop_list_image_item .sale_price {
	color: #1A1A1A !important;
}

.product_sort_buttons .reset_all_btn {
	background: transparent !important;
	color: #00B8FC !important;
	border-color: #00B8FC !important;
}

.product_sort_buttons .sort_btn {
	background: transparent !important;
	color: #ccc !important;
	border-color: #555 !important;
}

.product_sort_buttons .sort_btn:hover {
	border-color: #00B8FC !important;
	color: #00B8FC !important;
}

.product_sort_buttons .sort_btn.active {
	background: #00B8FC !important;
	color: #fff !important;
	border-color: #00B8FC !important;
}

.page_rows_select {
	background: transparent !important;
	color: #ccc !important;
	border-color: #555 !important;
}

.product_view_options .sub_sty_change a {
	background: transparent !important;
	border-color: #555 !important;
}

.shop_list_item01.soldOut {
	opacity: 0.5 !important;
}

.shop_item_detail_alt_box01 .option_select_box01 .option_result_box01,
.shop_item_right_sticky .option_result_box01 {
	background-color: #111;
}

.shop_item_detail_alt_box01 .option_select_box01 .option_result_box01 .l_box .tit,
.shop_item_right_sticky .option_result_box01 .tit,
.com_prd_box_gallery_total_wrapper.card_type li .alt_box .tit,
.com_prd_box_gallery_total_wrapper li .alt_box .tit,
a.prd_back_btn01,
.recruitment_detail_top_box .recruitment_tit {
	color: #fff !important;
}

.shop_item_right_sticky .option_result_box01 .shop_prd_count_box01 .shop_option_count01 {
	border: unset;
}

.prd_back_btn01 img {
	filter: invert(1);
}

.answer_wrapper .read_rego.custom {
	background-color: unset;
}

.prd_tab_wrapper {
	border-bottom: 1px solid #eee;
}

.answer_wrapper {
	border-top: 2px solid #eee;
}


@media (max-width: 1024px) {
	.mobile_bottom_bar {
		background: #1D1D1D !important;
	}
}


/* 반응형 */
@media (max-width: 768px) {
	.shop_list_item01 {
		gap: 20px !important;
	}

	.shop_list_item01 .card_name {
		font-size: 16px;
	}

	.shop_list_item01 .card_desc {
		font-size: 15px;
	}

	.shop_list_con_box01 {
		gap: 15px 10px !important;
	}

	.shop_list_con_box01.item04 .shop_list_item01 {
		gap: 0 !important;
		padding: 10px !important;
		flex: 1 1 calc((100% - 10px) / 2);
		max-width: calc((100% - 10px) / 2);
	}

	.shop_list_item01 .card_info {
		padding: 5px 0 2px 0 !important;
	}

	.shop_list_item01 .card_heart_btn {
		width: 20px;
		height: 18px;
	}

	.shop_list_item01 .card_badge {
		font-size: 10px;
		padding: 6px;
		border-radius: 4px;
	}
}


/* 유저 스타일링샷 */
.user_style {
	padding: 60px 0 40px 0;
	border-bottom: 1px solid #EAEBED;
}

.user_style_header {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 8px;
	margin-bottom: 20px;

	flex-wrap: wrap;
}

.user_style_title {
	font-size: 18px;
	font-weight: 700;
	color: #fff;
}

.user_style_count {
	font-weight: 700;
	color: #00B8FC;
}

.user_style_more_link {
	font-size: 14px;
	font-weight: 500;
	color: #fff !important;
}

.user_style_footer {
	display: flex;
	justify-content: center;
	padding-top: 24px;
	margin-top: 20px;
}

.user_style_footer .user_style_more_link {
	width: 100%;
	border-radius: 5px;
	background-color: var(--color-primary01);
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	font-size: 20px;
	color: #fff;
	font-weight: 600;
	border: 1px solid transparent;
	max-width: 400px;
}

.user_style_pc {
	position: relative;
	padding: 0 20px;
}

.user_style_mb {
	display: none;
}

.user_style_swiper {
	overflow: hidden;
}

.user_style_swiper .swiper-slide {
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.user_style_swiper .swiper-slide a {
	display: block;
	aspect-ratio: 3 / 2;
	border-radius: 8px;
	overflow: hidden;
	position: relative;
}

.user_style_swiper .swiper-slide img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.3s;
}

.user_style_swiper .swiper-slide:not(.user_style_more) a:hover img {
	transform: scale(1.05);
}

.user_style_btn_prev,
.user_style_btn_next {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 10;
	cursor: pointer;
}

.user_style_btn_prev {
	left: 0;
}

.user_style_btn_next {
	right: 0;
}

.user_style_btn_prev.swiper-button-disabled,
.user_style_btn_next.swiper-button-disabled {
	display: none;
}

.user_style_pagination {
	display: flex;
	justify-content: center;
	gap: 3px;
	/* margin-top: 16px; */

	position: absolute;
	bottom: 20px !important;
	z-index: 99;
}

.user_style_pagination .swiper-pagination-bullet {
	width: 8px;
	height: 8px;
	background: #ddd;
	opacity: 1;
	border-radius: 50%;
	transition: background 0.2s;
}

.user_style_pagination .swiper-pagination-bullet-active {
	background: #00B8FC;
}

.user_style_more a {
	position: relative;
}

.user_style_more_overlay {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(0, 0, 0, 0.4);
	color: #fff;
	font-size: 16px;
	font-weight: 600;
	transition: background 0.3s;
}

.user_style_more a:hover .user_style_more_overlay {
	background: rgba(0, 0, 0, 0.65);
}

.user_style_more a:hover img {
	transform: none !important;
}

/* 유저 스타일링샷 모바일 */
.user_style_mb_swiper {
	overflow: hidden;
}

.user_style_mb_swiper .swiper-slide {
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.user_style_mb_swiper .swiper-slide a {
	display: block;
	aspect-ratio: 4 / 3;
	border-radius: 6px;
	overflow: hidden;
	position: relative;
}

.user_style_mb_swiper .swiper-slide img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.user_style_mb_swiper .user_style_more_overlay {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(0, 0, 0, 0.4);
	color: #fff;
	font-size: 14px;
	font-weight: 600;
}

.user_style_mb_scrollbar {
	margin-top: 12px;
	height: 3px !important;
	background: #eee !important;
}

.user_style_mb_scrollbar .swiper-scrollbar-drag {
	background: #999 !important;
}

@media (max-width: 768px) {
	.user_style_pc {
		display: none;
	}

	.user_style_mb {
		display: block;
	}

	.user_style_title {
		font-size: 16px;
	}

	.user_style_footer {
		padding-top: 16px;
		margin-top: 16px;
	}

	.user_style_footer .user_style_more_link {
		font-size: 14px;
	}

	.user_style_mb_scrollbar {
		display: none;
	}

	.user_style_mb_swiper .swiper-slide a {
		aspect-ratio: 1 / 1;
	}
}

.blogBoxWrapper .blogBox .blog_card_title .title_value,
.blog_ment002,
.readEdit,
.comment-empty,
.blog_like_share_box .like_count,
.recruitment_table01 .box .tit,
.recruitment_table01.change_box01.list_mode .tit .num0002,
.recruitment_table01 .box .date_box.black,
#member .stipulation_content,
.option_detail_box0001,
.shop_order_info_tit_box01 .tit,
.shop_deliver_chk_box01 .recipient_info,
.shop_order_info_prd_box01 .top_box01 .alt_box01 .tit,
.shop_order_info_prd_box01 .top_box01 .alt_box01 .option01,
.shop_order_info_prd_box01 .top_box01 .alt_box01 .price01,
.shop_etc_ment02,
.radio_type01,
.shop_order_info_box01 p,
.modal01 .tit_box,
.modal01 .prd_tit01,
.modal01 .price_box01 span:last-child,
.modal_body01 .prd_alt_box01 .prd_alt_tit01,
.modal_body01 .prd_alt_box01 .option_result_box01 .l_box .tit {
	color: #fff !important;
}

.shop_order_info_box01 p {
	margin-top: 10px;
}

.login_form_box01 .select_area {
	margin-bottom: 20px;
}

.read_page_list .noticeListFlexBox:hover,
.prd_tab_sub_depth_wrap .sub_depth_item,
.inline_address_form,
.shop_deliver_chk_box01:has(input:checked),
.option_result_box01_wrapper,
.modal_body01 .prd_alt_box01 .option_result_box01 {
	background-color: unset !important;
}

.date_box.black.views img,
.option_btn01 img,
#cart_selected_delete_btn img,
a.total_link_btn01::after,
.total_link_btn01::after {
	filter: invert(1);
}

.read_page_list .noticeListFlexBox.current {
	background: unset;
}


.modal_body01 .prd_alt_box01 .option_result_box01 .shop_prd_cancle_btn01 span {
	background: #fff !important;
}


.modal01 {
	background-color: #1d1d1d;
}

.modal_body01,
.modal01 .tit_box {
	border: unset !important;
}


/* 스타일링샷 페이지 */
.section_styling_shot {
	background: #1D1D1D !important;
	padding-top: 36px !important;
	padding-bottom: 72px !important;
}

.section_styling_shot .styling_shot_header {
	display: flex;
	flex-direction: column;
	gap: 8px;
	margin-bottom: 72px;
}

.section_styling_shot .styling_shot_header .title {
	font-size: 40px;
	font-weight: 700;
	color: #F5F5F5;
	line-height: 1.4;
}

.section_styling_shot .styling_shot_header .desc {
	font-size: 24px;
	font-weight: 300;
	color: #8D8D8D;
}

/* 스타일링샷 - 검색바 */
.section_styling_shot .prd_search_wrapper02.just_between {
	border-top: 1px solid #474747;
	padding: 16px 0;
	margin-bottom: 0;
}

.section_styling_shot .prd_search_wrapper02 .l_box001 {
	display: flex;
	align-items: center;
	gap: 9px;
}

.section_styling_shot .prd_search_wrapper02 .login_form_flex_box01 {
	margin: 0;
}

.section_styling_shot .prd_search_wrapper02 .login_form_flex_box01 select {
	background: #303133 !important;
	color: #8D8D8D !important;
	border: none !important;
	border-radius: 18px !important;
	height: 50px;
	padding: 0 14px;
	font-size: 16px;
	min-width: unset;
}

.section_styling_shot .prd_search_wrapper02 .program_search_box01 {
	background: #303133;
	border-radius: 18px;
	height: 50px;
	border: none !important;
	width: 319px;
	display: flex;
	align-items: center;
	padding: 0 14px;
	margin: 0;
}

.section_styling_shot .prd_search_wrapper02 .program_search_box01 input {
	background: transparent !important;
	color: #fff !important;
	border: none !important;
	font-size: 16px;
	height: auto;
}

.section_styling_shot .prd_search_wrapper02 .program_search_box01 input::placeholder {
	color: #8D8D8D;
}

.section_styling_shot .prd_search_wrapper02 .program_search_box01 a img {
	filter: brightness(0) invert(0.55);
}

/* 스타일링샷 - 뷰 전환 버튼 */
.section_styling_shot .sub_sty_change a {
	width: 36px;
	height: 36px;
	background: #444444;
	border-color: #444444;
	border-radius: 4px;
}

.section_styling_shot .sub_sty_change a.on {
	background: #00B8FC;
	border-color: #00B8FC;
}

.section_styling_shot .sub_sty_change a span,
.section_styling_shot .sub_sty_change a .dots_box span,
.section_styling_shot .sub_sty_change a .lines_box span {
	background-color: #fff !important;
}

.section_styling_shot .sub_sty_change a.img_list_btn.css-icon .dots-box span,
.section_styling_shot .sub_sty_change a.img_list_btn.css-icon .lines-box span,
.section_styling_shot .sub_sty_change a.gall_btn.css-icon span {
	background-color: #fff !important;
}

/* 스타일링샷 - 카드 그리드 4열 (카드뷰 list_mode) */
.section_styling_shot .recruitment_table01.blogBoxWrapper.list_mode,
.section_styling_shot .blogBoxWrapper.list_mode {
	gap: 18px !important;
}

.section_styling_shot .recruitment_table01.blogBoxWrapper.list_mode .blogBox,
.section_styling_shot .blogBoxWrapper.list_mode .blogBox {
	width: calc(25% - 13.5px) !important;
	background: unset !important;
	border-radius: 10px !important;
	box-shadow: none !important;
	padding: 0 !important;
	overflow: hidden;
}

/* 스타일링샷 - 카드뷰에서 기존 요소 숨기고 새 요소 표시 */
.section_styling_shot .blogBoxWrapper.list_mode .blog_card_title,
.section_styling_shot .blogBoxWrapper.list_mode .blog_like_share_box,
.section_styling_shot .blogBoxWrapper.list_mode .blog_hash_box {
	display: none !important;
}

/* 스타일링샷 - 리스트뷰에서 새 요소 숨기고 기존 요소 표시 */
.section_styling_shot .blogBoxWrapper:not(.list_mode) .card_top,
.section_styling_shot .blogBoxWrapper:not(.list_mode) .card_stats,
.section_styling_shot .blogBoxWrapper:not(.list_mode) .card_desc {
	display: none !important;
}

/* 스타일링샷 - 리스트뷰 다크 테마 */
.section_styling_shot .blogBoxWrapper:not(.list_mode) .blogBox {
	border-bottom-color: #474747 !important;
}

.section_styling_shot .blogBoxWrapper:not(.list_mode) .blogBox .blog_card_title .title_value {
	color: #F5F5F5 !important;
}

.section_styling_shot .blogBoxWrapper:not(.list_mode) .blogBox .blog_card_title .category_path {
	color: #8D8D8D !important;
}

.section_styling_shot .blogBoxWrapper:not(.list_mode) .blog_like_share_box .like_btn,
.section_styling_shot .blogBoxWrapper:not(.list_mode) .blog_like_share_box .share_btn {
	border-color: #474747;
	background: #303133;
}

.section_styling_shot .blogBoxWrapper:not(.list_mode) .blog_like_share_box .like_count {
	color: #8D8D8D !important;
}

.section_styling_shot .blogBoxWrapper:not(.list_mode) .blog_hash_box {
	color: #8D8D8D !important;
}

/* 스타일링샷 - 카드 내부 구조 */
.section_styling_shot .blogBox .card_top {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	height: 35px;
	margin-bottom: 16px;
}

.section_styling_shot .blogBox .card_top .bookmark_btn {
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}

.section_styling_shot .blogBox .card_top .bookmark_btn .bookmark_on {
	display: none;
}

.section_styling_shot .blogBox .card_top .bookmark_btn.active .bookmark_off {
	display: none;
}

.section_styling_shot .blogBox .card_top .bookmark_btn.active .bookmark_on {
	display: block;
}

.section_styling_shot .blogBoxWrapper.list_mode .blogBox .img {
	aspect-ratio: 1 / 1 !important;
	width: 100% !important;
}

.section_styling_shot .blogBoxWrapper.list_mode .blogBox .img img {
	width: 100% !important;
	height: auto !important;
	aspect-ratio: 1 / 1;
	object-fit: contain !important;
	border-radius: 0 !important;
}

.section_styling_shot .blogBoxWrapper.list_mode .blogBox .alt_box {
	padding: 8px 0 !important;
}

.section_styling_shot .blogBox .card_stats {
	display: flex;
	justify-content: space-between;
	align-items: center;
	max-width: 300px;
	margin: 10px auto 0 auto;
}

.section_styling_shot .blogBox .stat_item {
	display: flex;
	align-items: center;
	gap: 8px;
	min-width: 60px;
}

.section_styling_shot .blogBox .stat_item:nth-child(2) {
	justify-content: center;
}

.section_styling_shot .blogBox .stat_item:last-child {
	justify-content: flex-end;
}

.section_styling_shot .blogBox .stat_item .stat_count {
	color: #8E8E8E;
	font-size: 16px;
	font-weight: 400;
}

.section_styling_shot .blogBox .stat_item svg {
	flex-shrink: 0;
	filter: invert(1);
}

.section_styling_shot .blogBox .stat_item a {
	display: flex;
	align-items: center;
	justify-content: center;
}

.section_styling_shot .blogBox .card_desc {
	color: #fff;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.5;
	margin-top: 25px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	cursor: pointer;
}

/* 스타일링샷 - 페이지네이션 */
.section_styling_shot .prd_page_nav_wrapper a.prd_page_nav_num {
	background: transparent !important;
	border: 1px solid transparent !important;
	color: #fff;
	font-weight: 600;
}

.section_styling_shot .prd_page_nav_wrapper a.prd_page_nav_num.active {
	background: #00B8FC !important;
	border-color: #00B8FC !important;
	border-radius: 5px;
	color: #fff;
}

.section_styling_shot .prd_page_nav_wrapper .prd_page_nav_arw {
	filter: invert(1);
}

/* 스타일링샷 - 더보기 버튼 */
.section_styling_shot .mo_programPage a {
	color: #8D8D8D;
}

/* 스타일링샷 - 데이터 없음 */
.section_styling_shot .recruitment_table01 p {
	color: #8D8D8D !important;
}

/* 스타일링샷 - 카테고리/브레드크럼 다크 */
.section_styling_shot .chip_filter_wrapper .chip_item {
	background: #303133 !important;
	color: #8D8D8D !important;
	border-color: #303133 !important;
}

.section_styling_shot .chip_filter_wrapper .chip_item.active {
	background: #00B8FC !important;
	color: #fff !important;
	border-color: #00B8FC !important;
}

.section_styling_shot .category_breadcrumb_wrapper {
	color: #8D8D8D;
}

/* 스타일링샷 - 반응형 */
@media all and (max-width: 1400px) {
	.section_styling_shot .styling_shot_header .title {
		font-size: 32px;
	}

	.section_styling_shot .styling_shot_header .desc {
		font-size: 20px;
	}
}

@media all and (max-width: 1024px) {

	.section_styling_shot .recruitment_table01.blogBoxWrapper.list_mode .blogBox,
	.section_styling_shot .blogBoxWrapper.list_mode .blogBox {
		width: calc(50% - 9px) !important;
	}

	.section_styling_shot .styling_shot_header {
		margin-bottom: 40px;
	}
}

@media all and (max-width: 768px) {
	.section_styling_shot {
		padding: 20px 10px !important;
	}

	.section_styling_shot .styling_shot_header .title {
		font-size: 24px;
	}

	.section_styling_shot .styling_shot_header .desc {
		font-size: 16px;
	}

	.section_styling_shot .prd_search_wrapper02.just_between {
		flex-wrap: wrap;
		flex-direction: column;
		align-items: flex-end;
		gap: 10px;
	}

	.section_styling_shot .prd_search_wrapper02 .program_search_box01 {
		width: 100%;
	}

	.section_styling_shot .blogBox .img img {
		height: auto;
	}
}

@media all and (max-width: 480px) {

	.section_styling_shot .recruitment_table01.blogBoxWrapper.list_mode .blogBox,
	.section_styling_shot .blogBoxWrapper.list_mode .blogBox {
		width: 100% !important;
	}
}

/* END 스타일링샷 */

/* 좋아요 말풍선 */
.like_bubble_wrap {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.like_bubble_wrap>a {
	border: none !important;
}

.like_bubble_tooltip {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-top: 4px;
}

.like_bubble_arrow {
	display: block;
	margin-bottom: -1px;
}

.like_bubble_count {
	background: #006387;
	border-radius: 100px;
	padding: 4px 14px;
	color: #fff;
	font-size: 18px;
	font-weight: 400;
	text-align: center;
	white-space: nowrap;
}

.like_bubble_wrap>a.active {
	background-color: #303133 !important;
	border-color: transparent !important;
}

.like_bubble_wrap>a svg path {
	fill: none !important;
	stroke: #8D8D8D !important;
}

.like_bubble_wrap>a.active svg path {
	fill: #00B8FC !important;
	stroke: #00B8FC !important;
}

/* END 좋아요 말풍선 */

/* 상세페이지 썸네일 슬라이더 */
.read_thumb_slider_wrap {
	display: flex;
	justify-content: center;
	margin-bottom: 40px;
}

.read_thumb_slider_inner {
	position: relative;
	width: 100%;
	max-width: 800px;
}

.read_thumb_swiper {
	overflow: hidden;
}

.read_thumb_swiper .swiper-slide {
	/* width: 112px !important; */ /* slidesPerView 반응형 적용으로 주석 처리 */
	flex-shrink: 0;
	cursor: pointer;
}

.read_thumb_swiper .swiper-slide img {
	/* width: 112px; */ /* slidesPerView 반응형 적용으로 주석 처리 */
	/* height: 112px; */ /* slidesPerView 반응형 적용으로 주석 처리 */
	border-radius: 30px;
	object-fit: cover;
	display: block;
	width: 100%;
	height: auto;
	border: 2px solid transparent;
	box-sizing: border-box;
}

.read_thumb_swiper .swiper-slide.active img {
	border-color: #00B8FC;
}

.read_thumb_prev,
.read_thumb_next {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 10;
	width: 42px;
	height: 42px;
	background: #303133;
	border-radius: 100px;
	border: none;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}

.read_thumb_prev {
	left: -20px;
}

.read_thumb_prev svg {
	transform: rotate(180deg);
}

.read_thumb_next {
	right: -20px;
}

.read_thumb_prev.swiper-button-disabled,
.read_thumb_next.swiper-button-disabled {
	display: none;
}

@media all and (max-width: 860px) {
	.read_thumb_slider_inner {
		max-width: 100%;
	}

	.read_thumb_swiper .swiper-slide {
		/* width: 80px !important; */ /* slidesPerView 반응형 적용으로 주석 처리 */
	}

	.read_thumb_swiper .swiper-slide img {
		/* width: 80px; */ /* slidesPerView 반응형 적용으로 주석 처리 */
		/* height: 80px; */ /* slidesPerView 반응형 적용으로 주석 처리 */
		border-radius: 20px;
	}

	.read_thumb_prev {
		left: -10px;
	}

	.read_thumb_next {
		right: -10px;
	}

	.shop_top_area .inner {
		padding: 36px 0;
	}
}

@media all and (max-width: 480px) {
	.read_thumb_swiper .swiper-slide {
		/* width: 60px !important; */ /* slidesPerView 반응형 적용으로 주석 처리 */
	}

	.read_thumb_swiper .swiper-slide img {
		/* width: 60px; */ /* slidesPerView 반응형 적용으로 주석 처리 */
		/* height: 60px; */ /* slidesPerView 반응형 적용으로 주석 처리 */
		border-radius: 14px;
	}

	.read_thumb_prev,
	.read_thumb_next {
		width: 32px;
		height: 32px;
	}

	.read_thumb_prev svg,
	.read_thumb_next svg {
		width: 18px;
		height: 18px;
	}
}

/* END 썸네일 슬라이더 */



.recruitment_detail_top_box.blog .recruitment_tit {
	background: linear-gradient(89deg, #00B8FC 1.09%, #FFF 98.59%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	border-color: #fff;
}


.nodata_box01 {
	margin-top: 20px;
}

.nodata_box01 p {
	font-size: 14px;
}

.prd_page_nav_wrapper img {
	filter: invert(1);
}

.shop_item_info_box001 p {
	font-size: 16px;
}

.shop_custom_writer_box01 {
	margin-top: 10px;
}

.shop_item_answer_alt {
	font-size: 16px;
	color: #fff;
	margin-top: 10px;
}

.shop_item_answer_box01 .qna-item:hover .q_box01 {
	background-color: unset !important;
}

.shop_item_answer_box01 .qna-detail {
	background: unset !important;
}

.shop_item_answer_box01 .qna-detail .section-content {
	color: #fff !important;
}

/* 상품 상세 리뷰/문의 페이지네이션 - 상품 리스트 스타일 통일 */
#review_list_div .programPage,
#qna_list .programPage {
	margin-top: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 10px;
	font-size: 0;
}

#review_list_div .programPage a,
#qna_list .programPage a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	aspect-ratio: 1/1;
	border-radius: 5px;
	border: 1px solid #e9e9e9;
	background-color: #fff;
	color: #888;
	font-size: 17px;
	font-weight: 400;
	line-height: 1;
	transition: all 0.3s ease-in-out;
}

#review_list_div .programPage a:hover,
#qna_list .programPage a:hover {
	background-color: #fff;
	border-color: #e9e9e9;
}

#review_list_div .programPage a.active,
#qna_list .programPage a.active {
	border-color: var(--color-primary01);
	background-color: var(--color-primary01);
	color: #fff;
}

#review_list_div .programPage a.page_prev,
#review_list_div .programPage a.page_next,
#qna_list .programPage a.page_prev,
#qna_list .programPage a.page_next {
	color: #888;
	border: 1px solid #e9e9e9;
	font-size: 14px;
}

#review_list_div .programPage a.page_prev:hover,
#review_list_div .programPage a.page_next:hover,
#qna_list .programPage a.page_prev:hover,
#qna_list .programPage a.page_next:hover {
	background: none;
	border: 1px solid #e9e9e9;
}

.influ_btn {
	background: #00B8FC;
	padding: 5px 10px;
	border: 0;
	color: #fff;
	font-size: 14px;
	border-radius: 5px;
}

.shop_item_qa_add_box01 {
	background-color: unset;
}

.shop_item_info_con .qna-secret-row .secret-label {
	font-size: 16px;
	color: #fff;
}

.shop_item_info_con .qna-secret-row .secret-options label {
	font-size: 15px;
	color: #fff;
}

.option_btn01_label img {
	filter: invert(1);
}

.shop_price_prd_box01 .info_box01,
.shop_price_prd_box01 .price_box01 .price_detail01 span:last-child,
.answer_wrapper .answer_box01 .tit_box .tit,
.option_btn01_label input,
.answer_wrapper .answer_box01
 {
	color: #fff;
}

.shop_list_con_box01.item04 .shop_list_item01 .img {
	aspect-ratio: 1 / 1;
	max-height: unset;
}


.option_detail_box0001 {
	font-size: 18px;
}

.evaluation_tab_menu01.option_modal_btn01 {
	margin-right: unset !important;
}

.shop_prd_info_quick_result01 {
	flex-wrap: wrap;
	gap: 10px;
}


/* Custom cursor active: 모든 요소(링크/버튼 등)도 body의 url cursor 따라가게 */
body.custom_cursor_on * {
	cursor: inherit !important;
}


/* Mypage Mouse Pointer Box */
.shop_mypage_top_box01:has(.box.mouse_box) .box {
	width: 25%;
	flex: 0 0 25%;
	min-width: 0;
}

.shop_mypage_top_box01 .box.mouse_box {
	background: #1D1D1D;
	padding: 30px 16px;
	box-sizing: border-box;
	gap: 24px;
	border-radius: 0 5px 5px 0;
	align-items: center;
	justify-content: center;
}

.shop_mypage_top_box01 .box.mouse_box .title {
	font-size: 18px;
	font-weight: 700;
	color: #fff;
	text-align: center;
	margin: 0;
	line-height: 1.3;
}

.shop_mypage_top_box01 .box.mouse_box .items {
	display: flex;
	align-items: flex-end;
	justify-content: center;
	gap: 16px;
	flex-wrap: nowrap;
	width: 100%;
	min-width: 0;
}

.shop_mypage_top_box01 .box.mouse_box .item {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 12px;
	min-width: 0;
	flex: 1 1 0;
}

.shop_mypage_top_box01 .box.mouse_box .item img {
	width: 100%;
	max-width: 60px;
	aspect-ratio: 110 / 180;
	object-fit: contain;
	display: block;
}

.shop_mypage_top_box01 .box.mouse_box .toggle {
	position: relative;
	width: 40px;
	height: 20px;
	background: #444;
	border: 0;
	border-radius: 20px;
	padding: 0;
	cursor: pointer;
	flex-shrink: 0;
	transition: background-color 0.2s ease;
}

.shop_mypage_top_box01 .box.mouse_box .toggle span {
	position: absolute;
	top: 0;
	left: 0;
	width: 20px;
	height: 20px;
	background: #333;
	border-radius: 50%;
	transition: left 0.25s ease, background-color 0.25s ease;
}

.shop_mypage_top_box01 .box.mouse_box .toggle.on span {
	left: 20px;
	background: #00B8FC;
}

@media (max-width: 1080px) {
	.shop_mypage_top_box01:has(.box.mouse_box) .box {
		width: 50%;
		flex: 0 0 50%;
	}

	.shop_mypage_top_box01 .box.mouse_box {
		border-radius: 0 0 5px 0;
		padding: 40px 24px;
		gap: 30px;
	}

	.shop_mypage_top_box01 .box.mouse_box .title {
		font-size: 22px;
	}

	.shop_mypage_top_box01 .box.mouse_box .items {
		gap: 30px;
	}

	.shop_mypage_top_box01 .box.mouse_box .item img {
		max-width: 90px;
	}
}

@media (max-width: 768px) {
	.shop_mypage_top_box01:has(.box.mouse_box) .box {
		width: 100%;
		flex: 0 0 100%;
	}

	.shop_mypage_top_box01 .box.mouse_box {
		border-radius: 0 0 5px 5px;
		padding: 32px 20px;
		gap: 24px;
	}

	.shop_mypage_top_box01 .box.mouse_box .title {
		font-size: 20px;
	}

	.shop_mypage_top_box01 .box.mouse_box .items {
		gap: 24px;
	}

	.shop_mypage_top_box01 .box.mouse_box .item {
		gap: 14px;
	}

	.shop_mypage_top_box01 .box.mouse_box .item img {
		max-width: 70px;
	}
}

.my_order_complete_ment,
.my_order_complete_wrapper .my_order_con .tit,
.my_order_complete_wrapper .my_order_con .alt_box
 {
	color: #fff;
}

.shop_common_wrapper01 {
	margin: 60px auto 0 auto;
}

.my_order_complete_ment {
	margin-top: 30px;
}

.pre_file_wrap label {
	color: #fff;
}


.read_thumb_swiper .swiper-wrapper {
	justify-content: center;
}

@media (max-width: 768px) {
	.read_thumb_swiper .swiper-wrapper {
	justify-content: unset;
}

.recruitment_detail_top_box .recruitment_tit {
	font-size: 28px;
}

.recruitment_table01 .noticeListFlexBox .tit .title_value {
        font-size: 15px !important;
    }

	    .mok_rok_btn .btn {
        width: 140px;
    }
}


.talktalk {
	background-color: #F7E600 ;
	width: 55px;
    height: 55px;
    border-radius: 50%;
	position: absolute;
	bottom: 140px;
}

.talktalk a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
}