@charset 'utf-8';

/*
 * Copyright    :    ONEDAYNET.CO.KR
 * SOLUTION     :    HYSSENCE 3.0
 * Directory    :    pages/css/
 * File         :    c_mypage.css
 * SUMMARY      :    마이페이지
 */







/* ********************************************** *
 * 마이페이지메인
 * ********************************************** */
.c_mypage_main {}
.c_mypage_main .layout_fix{padding:0 15px;min-height:500px;}

/* 기본 레이아웃 정리 - 이미지 디자인 기반 */
.c_mypage_main .mypage_info {
	overflow: hidden;
	clear: both;
	display: flex;
	gap: 20px;
	align-items: stretch;
	margin-bottom: 30px;
}

/* 사용자 정보 박스 (왼쪽, 더 넓음) */
.c_mypage_main .my_info {
	position: relative;
	z-index: 1;
	flex: 2;
	background: #333;
	border-radius: 12px;
	padding: 25px;
	box-shadow: 0 2px 8px rgba(0,0,0,0.1);
	min-height: 180px;
	display: flex;
	flex-direction: column;
}

.c_mypage_main .my_info .info {
	display: flex;
	align-items: flex-start;
	gap: 20px;
	margin-bottom: 20px;
}

.c_mypage_main .my_info .level_img {
	height: 60px;
	width: 60px;
	flex-shrink: 0;
	margin-top: 5px;
}

.c_mypage_main .my_info .level_img img {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	object-fit: cover;
}

.c_mypage_main .my_info .user_details {
	flex: 1;
	color: #fff;
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.c_mypage_main .my_info .welcome_text {
	font-size: 13px;
	color: #ccc;
	margin-bottom: 0;
	line-height: 1.2;
}

.c_mypage_main .my_info .name {
	font-size: 18px;
	margin-bottom: 0;
	color: #fff;
	font-weight: 600;
	line-height: 1.3;
}

.c_mypage_main .my_info .level_name {
	font-size: 11px;
	height: 20px;
	line-height: 18px;
	padding: 0 12px;
	border-radius: 15px;
	background: rgba(255,255,255,0.15);
	color: #fff;
	display: inline-block;
	width: fit-content;
	margin-bottom: 0;
}

.c_mypage_main .my_info .about_level {
	position: static;
	width: 100%;
	
	background: transparent;
	margin-top: 10px;
	padding-top: 5px;
}

.c_mypage_main .my_info .about_level .tip {
	color: #ccc;
	font-size: 12px;
	text-decoration: none;
	display: block;
	line-height: 1.4;
}

.c_mypage_main .my_info .about_level .tip:hover {
	color: #fff;
}

.c_mypage_main .my_info .about_level .tip .tx {
	display: inline-block;
}

/* 기본정보 박스 (중간) */
.c_mypage_main .default_info {
	flex: 1;
	background: #fff;
	border-radius: 12px;
	padding: 30px;
	box-shadow: 0 2px 8px rgba(0,0,0,0.05);
	border: 1px solid #eee;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.c_mypage_main .default_info .top_tit {
	border: none;
	padding: 0;
	margin: 0 0 20px 0;
}

.c_mypage_main .default_info .tit {
	font-size: 18px;
	font-weight: 600;
	color: #333;
	margin-bottom: 15px;
}

.c_mypage_main .default_info .btn {
	display: none; /* 이미지 디자인에는 버튼이 없음 */
}

.c_mypage_main .default_info .info_box {
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 15px;
}

.c_mypage_main .default_info .txt_box {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0;
	border: none;
}

.c_mypage_main .default_info .sub_tit {
	font-size: 14px;
	color: #999;
	font-weight: 400;
}

.c_mypage_main .default_info .txt {
	font-size: 14px;
	color: #333;
	font-weight: 500;
	text-align: right;
}

/* 쇼핑정보 박스 (오른쪽) */
.c_mypage_main .shop_info {
	flex: 1;
	background: #fff;
	border-radius: 12px;
	padding: 30px;
	box-shadow: 0 2px 8px rgba(0,0,0,0.05);
	border: 1px solid #eee;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.c_mypage_main .shop_info .top_tit {
	border: none;
	padding: 0;
	margin: 0 0 20px 0;
}

.c_mypage_main .shop_info .tit {
	font-size: 18px;
	font-weight: 600;
	color: #333;
	margin-bottom: 15px;
}

.c_mypage_main .shop_info .btn {
	display: none; /* 이미지 디자인에는 버튼이 없음 */
}

.c_mypage_main .shop_info .info_box {
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 15px;
}

.c_mypage_main .shop_info .txt_box {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0;
	border: none;
}

.c_mypage_main .shop_info .sub_tit {
	font-size: 14px;
	color: #999;
	font-weight: 400;
}

.c_mypage_main .shop_info .txt {
	font-size: 14px;
	color: #333;
	font-weight: 500;
	text-align: right;
}

.c_mypage_main .shop_info .txt strong {
	font-weight: 600;
}

/* 하단 네비게이션 링크 */
.c_mypage_main .bottom_nav {
	text-align: right;
	margin-top: 20px;
	padding-top: 15px;
	border-top: 1px solid #eee;
}

.c_mypage_main .bottom_nav a {
	color: #666;
	font-size: 14px;
	text-decoration: none;
	margin-left: 15px;
	position: relative;
}

.c_mypage_main .bottom_nav a:first-child {
	margin-left: 0;
}

.c_mypage_main .bottom_nav a:not(:last-child):after {
	content: "·";
	position: absolute;
	right: -10px;
	color: #ccc;
}

.c_mypage_main .bottom_nav a:hover {
	color: #333;
	text-decoration: underline;
}

/* ********************************************** *
 * 공통탭메뉴 (모바일 가로 스크롤)
 * ********************************************** */
.c_tab_box {
	background: #fff;
	margin-bottom: 20px;
	clear: both;
	position: relative;
	
}

.c_tab_box ul {
	display: flex;
	list-style: none;
	margin: 0;
	padding: 0;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none; /* Firefox */
	-ms-overflow-style: none; /* IE and Edge */
	justify-content: center;align-content: center;
}

.c_tab_box ul::-webkit-scrollbar {
	display: none; /* Chrome, Safari, Opera */
}

.c_tab_box li {
	flex: 0 0 auto;
	white-space: nowrap;
}

.c_tab_box li a {
	display: block;
	padding: 15px 20px;
	color: #666;
	text-decoration: none;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: -0.5px;
	border-bottom: 3px solid transparent;
	transition: all 0.3s ease;
}


.c_tab_box li.hit a {
	color: #333;
	background-color: #333;
	color: #fff;
	border-bottom-color: #333;
	font-weight: 600;
}

/* 모바일 반응형 스타일 */
@media screen and (max-width: 768px) {
	.c_mypage_main .layout_fix {
		padding: 0 15px !important;
		min-height: auto !important;
	}
	
	.c_tab_box {
		position: sticky;
		top: 0;
		z-index: 100;
		margin-bottom: 20px;
		clear: both;
	}
	
	.c_tab_box ul {
		padding: 0 15px;
		gap: 0;
		display: flex;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
		-ms-overflow-style: none;
		justify-content: center;align-content: center;
	}
	
	.c_tab_box ul::-webkit-scrollbar {
		display: none;
	}
	
	.c_tab_box li {
		flex-shrink: 0;
		white-space: nowrap;
	}
	
	.c_tab_box li a {
		padding: 12px 16px;
		font-size: 13px;
		border-radius: 20px;
		margin-right: 8px;
		border-bottom: none;
		background-color: #f5f5f5;
		color: #666;
		transition: all 0.2s ease;
		display: block;
	}
	
	.c_tab_box li a:hover {
		background-color: #eee;
		color: #333;
	}
	
	.c_tab_box li.hit a {
		background-color: #333;
		color: #fff;
		font-weight: 600;
	}
	
	.c_tab_box li.hit a:hover {
		background-color: #555;
		color: #fff;
	}

	/* 마이페이지 상단 정보 섹션 모바일 스타일 */
	.c_mypage_main .mypage_info {
		padding: 15px;
		background: transparent;
		display: flex;
		flex-direction: column;
		gap: 15px;
		clear: both;
		margin-top: 20px;
		margin-bottom: 20px;
	}

	/* 사용자 정보 박스 */
	.c_mypage_main .my_info {
		position: static;
		width: 100%;
		height: auto;
		background: #333;
		padding: 20px;
		border-radius: 12px;
		float: none;
		box-shadow: 0 2px 8px rgba(0,0,0,0.1);
		min-height: auto;
		display: flex;
		flex-direction: column;
	}

	.c_mypage_main .my_info .info {
		display: flex;
		align-items: flex-start;
		gap: 15px;
		width: 100%;
		margin-top: 0;
		margin-bottom: 15px;
		padding: 0;
	}

	.c_mypage_main .my_info .level_img {
		height: 50px;
		width: 50px;
		margin-bottom: 0;
		margin-top: 2px;
		flex-shrink: 0;
	}

	.c_mypage_main .my_info .level_img img {
		width: 50px;
		height: 50px;
		border-radius: 50%;
	}

	.c_mypage_main .my_info .user_details {
		flex: 1;
		color: #fff;
		display: flex;
		flex-direction: column;
		gap: 6px;
	}

	.c_mypage_main .my_info .welcome_text {
		font-size: 11px;
		color: #ccc;
		margin-bottom: 0;
		line-height: 1.2;
	}

	.c_mypage_main .my_info .name {
		font-size: 15px;
		margin-bottom: 0;
		color: #fff;
		font-weight: 600;
		line-height: 1.3;
	}

	.c_mypage_main .my_info .level_name {
		font-size: 10px;
		height: 18px;
		line-height: 16px;
		padding: 0 10px;
		border-radius: 12px;
		background: rgba(255,255,255,0.15);
		color: #fff;
		display: inline-block;
		width: fit-content;
		margin-bottom: 0;
	}

	.c_mypage_main .my_info .about_level {
		border-top: 1px solid rgba(255,255,255,0.1);
	}

	.c_mypage_main .my_info .about_level .tip {
		color: #ccc;
		font-size: 11px;
		display: block;
		line-height: 1.3;
	}

	/* 적립금 정보 박스 */
	.c_mypage_main .default_info {
		width: 100%;
		float: none;
		background: #fff;
		border-radius: 12px;
		padding: 20px;
		box-shadow: 0 2px 8px rgba(0,0,0,0.05);
		border: 1px solid #eee;
		min-height: auto;
	}

	.c_mypage_main .default_info .top_tit {
		border: none;
		padding: 0;
		margin: 0 0 15px 0;
	}

	.c_mypage_main .default_info .tit {
		font-size: 16px;
		font-weight: 600;
		color: #333;
		margin-bottom: 0;
	}

	.c_mypage_main .default_info .info_box {
		display: flex;
		flex-direction: column;
		gap: 12px;
	}

	.c_mypage_main .default_info .txt_box {
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 0;
		border: none;
	}

	.c_mypage_main .default_info .sub_tit {
		font-size: 13px;
		color: #999;
		font-weight: 400;
	}

	.c_mypage_main .default_info .txt {
		font-size: 13px;
		color: #333;
		font-weight: 500;
		text-align: right;
	}

	/* 쿠폰 정보 박스 */
	.c_mypage_main .shop_info {
		width: 100%;
		float: none;
		background: #fff;
		border-radius: 12px;
		padding: 20px;
		box-shadow: 0 2px 8px rgba(0,0,0,0.05);
		border: 1px solid #eee;
		min-height: auto;
	}

	.c_mypage_main .shop_info .top_tit {
		border: none;
		padding: 0;
		margin: 0 0 15px 0;
	}

	.c_mypage_main .shop_info .tit {
		font-size: 16px;
		font-weight: 600;
		color: #333;
		margin-bottom: 0;
	}

	.c_mypage_main .shop_info .info_box {
		display: flex;
		flex-direction: column;
		gap: 12px;
	}

	.c_mypage_main .shop_info .txt_box {
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 0;
		border: none;
	}

	.c_mypage_main .shop_info .sub_tit {
		font-size: 13px;
		color: #999;
		font-weight: 400;
	}

	.c_mypage_main .shop_info .txt {
		font-size: 13px;
		color: #333;
		font-weight: 500;
		text-align: right;
	}

	.c_mypage_main .shop_info .txt strong {
		font-weight: 600;
	}

	/* 하단 네비게이션 링크 */
	.c_mypage_main .bottom_nav {
		text-align: center;
		margin-top: 15px;
		padding-top: 15px;
		border-top: 1px solid #eee;
	}

	.c_mypage_main .bottom_nav a {
		color: #666;
		font-size: 13px;
		text-decoration: none;
		margin: 0 8px;
		position: relative;
	}

	.c_mypage_main .bottom_nav a:not(:last-child):after {
		content: "·";
		position: absolute;
		right: -8px;
		color: #ccc;
	}

	.c_mypage_main .bottom_nav a:hover {
		color: #333;
		text-decoration: underline;
	}
}

/* 태블릿 반응형 스타일 */
@media screen and (max-width: 1024px) and (min-width: 769px) {
	.c_mypage_main .mypage_info {
		flex-direction: column;
		gap: 15px;
	}

	.c_mypage_main .my_info {
		width: 100%;
		display: flex;
		flex-direction: column;
		padding: 25px;
		min-height: auto;
	}

	.c_mypage_main .my_info .info {
		display: flex;
		align-items: flex-start;
		width: 100%;
		margin-bottom: 20px;
		gap: 20px;
	}

	.c_mypage_main .my_info .level_img {
		height: 55px;
		width: 55px;
		margin-bottom: 0;
		margin-top: 3px;
		flex-shrink: 0;
	}

	.c_mypage_main .my_info .level_img img {
		width: 55px;
		height: 55px;
	}

	.c_mypage_main .my_info .user_details {
		flex: 1;
		display: flex;
		flex-direction: column;
		gap: 7px;
	}

	.c_mypage_main .my_info .welcome_text {
		font-size: 12px;
		margin-bottom: 0;
	}

	.c_mypage_main .my_info .name {
		font-size: 17px;
		margin-bottom: 0;
	}

	.c_mypage_main .my_info .level_name {
		font-size: 11px;
		height: 20px;
		line-height: 18px;
		padding: 0 12px;
		border-radius: 15px;
		width: fit-content;
		margin-bottom: 0;
	}

	.c_mypage_main .my_info .about_level {
		margin-top: auto;
		padding-top: 15px;
		border-top: 1px solid rgba(255,255,255,0.1);
	}

	.c_mypage_main .default_info,
	.c_mypage_main .shop_info {
		padding: 20px;
	}

	.c_mypage_main .default_info .top_tit,
	.c_mypage_main .shop_info .top_tit {
		padding-bottom: 12px;
		margin-bottom: 15px;
	}

	.c_mypage_main .default_info .tit,
	.c_mypage_main .shop_info .tit {
		font-size: 16px;
	}

	.c_mypage_main .default_info .btn,
	.c_mypage_main .shop_info .btn {
		font-size: 12px;
		padding: 6px 12px;
	}

	.c_mypage_main .default_info .txt_box,
	.c_mypage_main .shop_info .txt_box {
		padding: 12px 0;
	}

	.c_mypage_main .default_info .sub_tit,
	.c_mypage_main .shop_info .sub_tit {
		font-size: 14px;
		min-width: 70px;
	}

	.c_mypage_main .default_info .txt,
	.c_mypage_main .shop_info .txt {
		font-size: 14px;
		margin-left: 12px;
	}

	.c_mypage_main .about_level {
		position: static;
		width: 100%;
		background: #555;
		margin-top: 15px;
		border-radius: 5px;
	}

	.c_mypage_main .about_level .level_info {
		position: static;
		width: 100%;
		background: #fff;
		margin-top: 10px;
		border-radius: 5px;
	}

	.c_mypage_main .about_level .level_info .in_box {
		border: none;
		padding: 15px;
	}

	.c_mypage_main .default_info,
	.c_mypage_main .shop_info {
		float: none;
		width: 100%;
		padding: 15px;
		border: 1px solid #ddd;
		margin-bottom: 10px;
		border-radius: 5px;
		background: #fff;
	}

	.c_mypage_main .default_info {
		border-right: 1px solid #ddd;
	}

	.c_mypage_main .top_tit {
		padding-bottom: 8px;
		margin-bottom: 10px;
	}

	.c_mypage_main .top_tit .tit {
		font-size: 14px;
	}

	.c_mypage_main .top_tit .btn {
		height: 30px;
		line-height: 28px;
		padding: 0 12px;
		font-size: 12px;
	}

	.c_mypage_main .info_box {
		margin-top: 10px;
	}

	.c_mypage_main .info_box .txt_box {
		margin: 5px 0;
		padding-left: 40px;
	}

	.c_mypage_main .info_box .sub_tit {
		font-size: 12px;
	}

	.c_mypage_main .info_box .txt {
		font-size: 13px;
		padding-left: 15px;
	}

	/* 주문통계 모바일 스타일 */
	.c_mypage_total {
		margin-top: 20px;
		padding: 20px 0;
	}

	.c_mypage_total ul {
		display: flex;
		flex-wrap: wrap;
	}

	.c_mypage_total li {
		width: 50%;
		border-left: none;
		border-bottom: 1px solid #eee;
		padding: 10px 0;
	}

	.c_mypage_total li:nth-child(odd) {
		border-right: 1px solid #eee;
	}

	.c_mypage_total .inner_box {
		padding: 5px 10px;
	}

	.c_mypage_total .icon img {
		width: 24px;
		height: 24px;
	}

	.c_mypage_total .txt {
		font-size: 11px;
		margin-top: 8px;
	}

	.c_mypage_total .total_num {
		font-size: 24px;
		margin-top: 3px;
	}

	/* 주문내역 모바일 스타일 */
	.c_order_list {
		margin-top: 20px;
	}

	.c_order_list table {
		display: block;
	}

	.c_order_list tbody {
		display: block;
	}

	.c_order_list tr {
		display: block;
		border: 1px solid #ddd;
		margin-bottom: 15px;
		border-radius: 8px;
		padding: 15px;
		background: #fff;
	}

	.c_order_list td {
		display: block;
		border: none;
		padding: 8px 0;
		width: 100%;
	}

	.c_order_list .thumb_box {
		text-align: center;
		margin-bottom: 10px;
	}

	.c_order_list .thumb {
		width: 60px;
		height: 60px;
	}

	.c_order_list .info {
		padding: 0;
		text-align: center;
		margin-bottom: 10px;
	}

	.c_order_list .info .date {
		font-size: 12px;
		margin-bottom: 5px;
	}

	.c_order_list .info .name .tit {
		font-size: 14px;
		line-height: 1.4;
	}

	.c_order_list .state_icon {
		text-align: center;
		margin: 10px 0;
	}

	.c_order_list .state_icon .icon {
		font-size: 12px;
		padding: 4px 12px;
		height: 24px;
		line-height: 16px;
	}

	.c_order_list .price_info {
		text-align: center;
		padding: 10px 0;
		border-top: 1px solid #eee;
		margin-top: 10px;
	}

	.c_order_list .price_info .price {
		font-size: 16px;
	}

	.c_order_list .price_info .order_num {
		font-size: 12px;
		margin-top: 3px;
	}

	.c_order_list .price_info .order_cancel {
		float: none;
		margin-top: 8px;
		text-align: center;
	}

	.c_order_list .arrow {
		display: none;
	}

	.c_order_list .more_btn {
		padding: 15px 0;
	}

	.c_order_list .more_btn .btn {
		padding: 12px 20px;
	}

	/* 찜한상품 모바일 스타일 */
	.c_wish_list {
		margin-top: 30px;
	}

	.c_wish_list .wish_tit {
		padding-bottom: 10px;
		margin-bottom: 15px;
	}

	.c_wish_list .wish_tit .tit {
		font-size: 14px;
	}

	.c_wish_list .wish_tit .total {
		font-size: 1rem;
		margin-left: 10px;
	}

	.c_wish_list .wish_tit .more {
		font-size: .9rem;
		padding: 8px 10px;
	}

	.c_wish_list .wish_item ul {
		margin-left: -10px;
	}

	.c_wish_list .wish_item li {
		width: 33.333%;
	}

	.c_wish_list .wish_box {
		margin-left: 10px;
		margin-bottom: 15px;
	}

	.c_wish_list .wish_box .info {
		padding-top: 8px;
	}

	.c_wish_list .wish_box .item_name {
		font-size: 1rem;
		line-height: 15px;
	}

	.c_wish_list .wish_box .price .after {
		font-size: 1rem;
	}
}

@media screen and (max-width: 480px) {
	.c_tab_box ul {
		padding: 0 10px;
	}
	
	.c_tab_box li a {
		padding: 10px 14px;
		font-size: 1rem;
		margin-right: 6px;
	}
}

.c_mypage_main .c_page_tit {position:relative; border-bottom:0; margin-bottom:0;}
.c_mypage_main .c_page_tit .title {float:none; text-align:center;}
.c_mypage_main .c_location {position:absolute; right:0; top:0;}

/* 마이페이지 상단 기본,쇼핑정보 */
.c_mypage_main .mypage_info {padding:45px 0 50px 210px; position:relative;border:1px solid #ddd;}
.c_mypage_main .mypage_info:after {content:""; display:table; width:100%; }
.c_mypage_main .mypage_info li {list-style:none;}
.c_mypage_main .my_info {position:absolute; left:0; top:0; width:210px; height:100%; background:#1e1e1e; text-align:center;}
.c_mypage_main .my_info .info {position:absolute; left:0; top:50%; width:100%; margin-top:-80px; padding:0 50px; box-sizing:border-box;}
.c_mypage_main .my_info .name {font-size:15px; font-weight:600; letter-spacing:-0.5px; margin-top:7px;color: #fff;}
.c_mypage_main .my_info .level_img {overflow:hidden; height:75px;}
.c_mypage_main .my_info .level_img img {max-height:75px;display: inline;}
.c_mypage_main .my_info .level_name {height:23px; line-height:21px; line-height:19px\0; border:1px solid #999; display:inline-block; padding:0 20px; border-radius:100px; margin-top:7px;}
.c_mypage_main .my_info .level_name {font-size:11px;  letter-spacing:-1px;color: #fff;}

.c_mypage_main .about_level {position:absolute; left:0; bottom:0; width:100%; background:#555; z-index:20}
.c_mypage_main .about_level .tip {display:block; box-sizing:border-box;}
.c_mypage_main .about_level .tip .tx {height: 30px;line-height: 30px;color: #aaa;font-size: .9rem;letter-spacing: -0.5px;position: relative;display: inline-block;}
.c_mypage_main .about_level .tip .tx:before {content:""; background:transparent url('../images/c_img/faq_more_btn.gif') right center no-repeat; position:absolute; right:-10px; top:0; width:4px; height:100%;}
.c_mypage_main .about_level .tip:hover .tx {color:#fff;}

.c_mypage_main .about_level .level_info .tit {text-align:left; font-size:15px; letter-spacing:-1px; font-weight:600; color:#333; position:relative; white-space:nowrap}
.c_mypage_main .about_level .level_info .tit {padding-bottom:10px;}
.c_mypage_main .about_level .level_info .btn_close {position:absolute; right:0; top:5px; background:transparent url('../images/c_img/popup_close.gif') center center no-repeat; width:15px; height:15px;}
.c_mypage_main .about_level .level_info {position:absolute; left:210px; bottom:0; width:0; background:#fff; overflow:hidden;}
.c_mypage_main .about_level .level_info {transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}
.c_mypage_main .about_level .level_info .in_box {border:1px solid #666; padding:20px; box-sizing:border-box;}
.c_mypage_main .about_level .level_info .table {}
.c_mypage_main .about_level .level_info .table ul {display:table; width:100%; box-sizing:border-box; background:#fafafa; width:358px; position:relative}
.c_mypage_main .about_level .level_info .table ul+ ul {margin-top:-1px;}
.c_mypage_main .about_level .level_info .table li {display:table-cell; vertical-align:middle; padding:6px 5px; padding-bottom:9px\0; border:1px solid #ddd; line-height:1.45; color:#888; box-sizing:border-box; white-space:nowrap}
.c_mypage_main .about_level .level_info .thead {background:#eee !important;}
.c_mypage_main .about_level .level_info .thead li {font-weight:600; }
.c_mypage_main .about_level .level_info .opt {width:100px; font-weight:600;}
.c_mypage_main .about_level .level_info .condi {width:150px;}
.c_mypage_main .about_level .level_info .bene {width:100px;}
.c_mypage_main .about_level .level_info .hit li:before {content:""; width:100%; height:100%; border:1px solid #cd3726; position:absolute; left:0; top:0; box-sizing:border-box; border-right:0; border-bottom:0; z-index:1}
.c_mypage_main .about_level .level_info .hit li:after {content:""; width:100%; height:100%; border:1px solid #cd3726; position:absolute; right:-1px; bottom:-1px; border-left:0; border-top:0; z-index:1}
.c_mypage_main .about_level .level_info .hit li:after {right:0\0; bottom:0\0; box-sizing:border-box\0;}
.c_mypage_main .about_level .level_info .hit li {color:#cd3726 !important; background:#fff; font-weight:600;}

.c_mypage_main .about_level.if_level_open .level_info {width:400px; }

/* .c_mypage_main .about_level .level_info .hit li:before {content:""; width:100%; height:100%; border:1px solid red; position:absolute; left:0; top:0;} */

.c_mypage_main .default_info {float:left; width:50%;  padding:0 50px; box-sizing:border-box; border-right:1px solid #aaa; box-sizing:border-box; min-height:128px}
.c_mypage_main .shop_info {float:left; width:50%; padding:0 50px; box-sizing:border-box;}
.c_mypage_main .top_tit {border-bottom:1px solid #aaa; overflow:hidden; padding-bottom:10px}
.c_mypage_main .top_tit .tit {float:left; font-size:16px; letter-spacing:-0.5px; line-height:24px; font-weight:600;}
.c_mypage_main .top_tit .btn {float:right; height:24px; line-height:22px; padding:0 10px; background:#fff; color:#333; letter-spacing:-0.5px;border:1px solid #ddd;}
.c_mypage_main .top_tit .btn:hover {background:#f5f5f5; }
.c_mypage_main .info_box {margin-top:15px}
.c_mypage_main .info_box .txt_box {margin:7px 0 10px; padding-left:54px; position:relative; min-height:16px}
.c_mypage_main .info_box .sub_tit {color:#797979; letter-spacing:-0.5px; position:absolute; left:0; top:0;}
.c_mypage_main .info_box .le_2 {letter-spacing:10px;}
.c_mypage_main .info_box .txt { padding-left:21px; position:relative; word-wrap:break-word; word-break:keep-all;}
.c_mypage_main .info_box .txt:before {content:""; position:absolute; left:0; top:4px; width:1px; height:11px; background:#aaa;}
.c_mypage_main .info_box .mail {word-break:break-all}
.c_mypage_main .info_box .mail:hover {text-decoration:underline;}
.c_mypage_main .info_box strong {font-weight:600;}









/* ********************************************** *
 * 나의찜한상품
 * ********************************************** */
/* 나의찜한상품 타이틀 */
.c_wish_list {margin-top:65px}
.c_wish_list .wish_tit {overflow:hidden; border-bottom:1px solid #333; padding-bottom:13px; margin-bottom:25px; position:relative;}
.c_wish_list .wish_tit .tit {display:none;font-size:16px; color:#333; letter-spacing:-0.5px; font-weight:600; float:left;}
.c_wish_list .wish_tit .total {display:none;color:#999; font-size:15px; letter-spacing:-0.5px; margin-left:16px; padding-left:17px; position:relative; margin-top:1px}
.c_wish_list .wish_tit .total:before {content:""; position:absolute; left:0; top:50%; width:1px; height:14px; background:#dedede; margin-top:-6px}
.c_wish_list .wish_tit .more {color:#aaa; letter-spacing:-0.5px; font-size:13px; padding:10px 13px; position:absolute; right:6px; bottom:0; background:transparent url('../images/c_img/my_wish_more.gif') right 15px no-repeat;}
.c_wish_list .wish_tit .more:hover {text-decoration:underline;}

/* 나의찜한상품 리스트 */
.c_wish_list .wish_item {}
.c_wish_list .wish_item ul {margin-left:-24px; overflow:hidden;}
.c_wish_list .wish_item li {width:16.66666666%; list-style:none; float:left;}
.c_wish_list .wish_box {position:relative; margin-left:24px}
.c_wish_list .wish_box .item {position:relative; padding-bottom:10px}
.c_wish_list .wish_box .thumb {background:#fafafa url('../images/c_img/none_photo.png') center center no-repeat; border:1px solid #e6e6e6; box-sizing:border-box; overflow:hidden; position:relative;}
.c_wish_list .wish_box .real_img {overflow:hidden; position:absolute; left:0; top:0; width:100%; height:100%;}
.c_wish_list .wish_box .real_img img {width:100%; float:left;}
.c_wish_list .wish_box .fake_img {overflow:hidden;}
.c_wish_list .wish_box .fake_img img { width:100%; float:left;}
.c_wish_list .wish_box .info {padding-top:12px; }
.c_wish_list .wish_box .item_name {overflow:hidden; text-overflow:ellipsis; white-space: nowrap; word-wrap: normal !important; display:block; padding-right:10px; letter-spacing:-0.5px; color:#999; line-height:17px;}
.c_wish_list .wish_box .price {margin-top:5px}
.c_wish_list .wish_box .price .after {color:#000; font-size:13px;}
.c_wish_list .wish_box .soldout {position:absolute; left:0; top:0; background:transparent url('../images/skin/black_20.png') left top repeat; width:100%; height:100%; z-index:20;}
.c_wish_list .wish_box .soldout .inner {color:#fff; font-size:18px; position:absolute; left:0; top:50%; margin-top:-14px; width:100%; text-align:center;}
.c_wish_list .wish_box .item:hover .thumb {border:1px solid #aaa;}
.c_wish_list .wish_box .item:hover .item_name {text-decoration:underline;}

/* 찜한상품 반응형 스타일 */
@media screen and (max-width: 1024px) {
	/* 태블릿: 3열 */
	.c_wish_list .wish_item ul {
		margin-left: -20px;
	}
	.c_wish_list .wish_item li {
		width: 33.33333333% !important;
	}
	.c_wish_list .wish_box {
		margin-left: 20px;
	}
}

@media screen and (max-width: 768px) {
	/* 모바일: 2열 */
	.c_wish_list .wish_item ul {
		margin-left: -15px;
	}
	.c_wish_list .wish_item li {
		width: 50% !important;
	}
	.c_wish_list .wish_box {
		margin-left: 15px;
	}
	.c_wish_list .wish_box .info {
		padding-top: 8px;
	}
	.c_wish_list .wish_box .item_name {
		font-size: 13px;
		line-height: 15px;
	}
	.c_wish_list .wish_box .price .after {
		font-size: 12px;
	}
}

@media screen and (max-width: 480px) {
	/* 소형 모바일: 여백 조정 */
	.c_wish_list .wish_item ul {
		margin-left: -10px;
	}
	.c_wish_list .wish_box {
		margin-left: 10px;
	}
	.c_wish_list .wish_box .item {
		padding-bottom: 8px;
	}
	.c_wish_list .wish_box .info {
		padding-top: 6px;
	}
	.c_wish_list .wish_box .item_name {
		font-size: 12px;
		line-height: 14px;
	}
	.c_wish_list .wish_box .price .after {
		font-size: 11px;
	}
}

/* 찜 상품 선택 / 삭제 */
.c_wish_list .wish_select {border-top:1px solid #eee; padding-top:10px; overflow:hidden; }
.c_wish_list .wish_select label {float:left; padding:5px 0}
.c_wish_list .wish_select .c_btn {float:right;}

/* 마이페이지 찜하기 탑 */
.c_mypage .c_wish_list {margin-top:30px}
.c_mypage .c_wish_list .wish_item li {width:20%;}
.c_mypage .c_wish_list .c_btnbox {float:right; margin:0; padding:0}
.c_mypage .c_wish_list .wish_item ul {margin-top:-20px}
.c_mypage .c_wish_list .wish_box {margin-top:20px}









/* ********************************************** *
 * 주문통계
 * ********************************************** */
.c_mypage_total {border:1px solid #ddd;  padding:30px 0; margin-top:40px}
.c_mypage_total ul {display:table; width:100%; table-layout:fixed;}
.c_mypage_total li {list-style:none; display:table-cell; vertical-align:middle; text-align:center; border-left:1px solid #eee;}
.c_mypage_total li:first-child {border-left:0;}
.c_mypage_total .inner_box {padding:8px 10px 5px}
.c_mypage_total .icon {text-align:center;}
.c_mypage_total .icon img{display:inline;}
.c_mypage_total .txt {font-size:13px; letter-spacing:-0.5px; color:#333; margin-top:13px}
.c_mypage_total .total_num {font-size:35px; color:#cd3726; margin-top:5px}









/* ********************************************** *
 * 주문내역리스트
 * ********************************************** */
.c_order_list {margin-top:10px}
.c_order_list table {width:100%; table-layout:fixed;}
.c_order_list table td {border-bottom:1px solid #eee; padding:30px 0}
.c_order_list .thumb_box {text-align:center;}
.c_order_list .thumb {width:90px; height:90px; border-radius:100px; overflow:hidden; margin:0 auto;  background:#fafafa url('../images/c_img/none_photo.png') center center no-repeat; position:relative; box-sizing:border-box;}
.c_order_list .thumb img {width:100%;}
.c_order_list .info {padding:0 40px}
.c_order_list .info .date {color:#aaa; font-size:14px; }
.c_order_list .info .name {margin-top:3px; display:inline-block; max-width:100%}
.c_order_list .info .tit {color:#333; font-size:1.2rem; letter-spacing:-0.5px; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; word-wrap: normal !important; display:block;}
.c_order_list .info .tit:hover {text-decoration:underline;}

/* 택배사/송장번호 */
.c_order_list .delivery_num {float:left; margin:0px 0px 0 13px;  overflow:hidden; }
.c_order_list .delivery_num .num_box {margin:0 -10px; padding-top:8px; border-bottom:1px solid #4a78be;}
.c_order_list .delivery_num .tit {letter-spacing:-0.5px;}
.c_order_list .delivery_num .txt {float:left; padding:0 10px; color:#4a78be; font-size:13px; position:relative; line-height:13px;}
.c_order_list .delivery_num .txt:before {content:""; position:absolute; left:0; top:50%; width:1px; height:11px; background:#4a78be; margin-top:-5px}
.c_order_list .delivery_num .num_box:hover {border-color:#0345ab;}
.c_order_list .delivery_num .num_box:hover .txt {color:#0345ab;}

/* 총주문금액,주문번호 */
.c_order_list .price_info {text-align:right; padding-right:10px}
.c_order_list .price_info .price {color: #333;font-size: 1.2rem;font-weight: 700;}
.c_order_list .price_info .order_num {color:#bbb; font-size:14px; margin-top:5px}
.c_order_list .price_info .order_cancel {float:right; margin-top:5px}
.c_order_list .arrow {display:block; padding:10px; text-align:center;}
.c_order_list .arrow .icon {background:transparent url('../images/c_img/order_list_arrow.gif') left center no-repeat; width:15px; height:29px;}
.c_order_list .arrow:hover .icon {background-position:right center;}

/* ========================
   주문내역 카드형 레이아웃
   ======================== */
.c_order_list .order_cards {display:grid; grid-template-columns: 1fr; gap:16px;}
.c_order_list .order_card {display:grid; grid-template-columns: 90px 1fr auto 32px; align-items:center; padding:16px; border:1px solid #eee; border-radius:12px; background:#fff; width:100%; box-sizing:border-box;}
.c_order_list .order_card.if_cancel {opacity:.6;}
.c_order_list .order_card .thumb {display:block; width:90px; height:90px; border-radius:8px; overflow:hidden; background:#fafafa;}
.c_order_list .order_card .thumb img {width:100%; height:100%; object-fit:cover;}
.c_order_list .order_card .details {padding:0 16px;}
.c_order_list .order_card .details .date {color:#aaa; font-size:13px; margin-bottom:4px}
.c_order_list .order_card .details .tit {color:#333; font-weight:600; display:inline-block; max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.c_order_list .order_card .state_icon {margin-top:6px}
.c_order_list .order_card .meta {text-align:right; padding-right:8px}
.c_order_list .order_card .price {color:#333; font-weight:700; font-size: 1.1rem;margin-bottom: 5px;}
.c_order_list .order_card .order_num {color:#bbb; font-size:12px; margin-top:6px;display:none;}
.c_order_list .order_card .arrow {display:flex; align-items:center; justify-content:center; width:32px; height:32px}
.c_order_list .order_card .arrow .icon {background:transparent url('../images/c_img/order_list_arrow.gif') -3px center no-repeat; width:15px; height:29px;}
.c_order_list .order_card .arrow:hover .icon {background-position:right center;}

@media (min-width: 769px) {
	.c_order_list .order_cards {grid-template-columns: 1fr;}
   

}
@media (min-width: 1200px) {
	.c_order_list .order_cards {grid-template-columns: 1fr;}
}

/* 모바일: 제목 2줄까지 표시 후 줄임표, 카드 100% 폭 */
@media (max-width: 768px) {
	.c_order_list .order_card {width:100%;}
    .c_order_list .order_card .details {max-width: 200px;}
	.c_order_list .order_card .details .tit {display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; white-space:normal; overflow:hidden; text-overflow:ellipsis;}
}

/* 전체주문내역보기 */
.c_order_list .more_btn {background:#fafafa; text-align:center; padding:20px 0}
.c_order_list .more_btn .btn {padding:15px 20px}
.c_order_list .more_btn .txt {padding-right:16px; color:#aaa; background:transparent url('../images/c_img/faq_more_btn.gif') right 4px no-repeat; letter-spacing:-0.5px;}
.c_order_list .more_btn .btn:hover .txt {color:#999; text-decoration:underline; background:transparent url('../images/c_img/faq_more_btn_ov.gif') right 4px no-repeat;}

/* 주문내역 내용없을때 */
.c_order_list .c_none {margin:60px 0}

/* 주문상태 */
.c_order_list .state_icon {overflow:hidden; margin-top:13px; }
.c_order_list .state_icon .icon {padding:0 17px; height:27px;  line-height:23px; border-radius:100px; font-size:1rem; letter-spacing:-0.5px; box-sizing:border-box; float:left;}
.c_order_list .state_icon .icon.wait {background:#fff; color:#aaa; border:2px solid #ccc;}
.c_order_list .state_icon .icon.complete {background:#fff; color:#54b8b7; border:2px solid #54b8b7;}
.c_order_list .state_icon .icon.ing {background:#fff; color:#4a78be; border:2px solid #4a78be;}
.c_order_list .state_icon .icon.delivery {background:#fff; color:#9d62a8; border:2px solid #9d62a8;}
.c_order_list .state_icon .icon.cancel {background:#f5f5f5; color:#bbb; border:2px solid #f5f5f5;}









/* ********************************************** *
 * 주문내역
 * ********************************************** */
.c_mypage {}
.c_mypage .layout_fix{padding:0 15px;min-height:500px;}
.c_mypage .c_page_tit {position:relative; border-bottom:0; margin-bottom:0;}
.c_mypage .c_page_tit .title {float:none; text-align:center;}
.c_mypage .c_page_tit .tit:hover {color:#000;}
.c_mypage .c_location {position:absolute; right:0; top:0;}
.c_mypage .c_mypage_total {margin-top:0; border-color:#eee}
.c_mypage .c_group_tit {margin-top:20px; padding-bottom:5px; border-bottom:1px solid #000;}
.c_mypage .c_group_tit.order {border-bottom:none;}
.c_mypage .c_btnbox {padding-bottom:50px; margin-top:30px}
.c_mypage .c_form {margin-top:0; border-top:0;}

/* 주문상세 div 폼 레이아웃 (테이블 대체 뷰 전용) */
.c_mypage .c_form.c_view {border-top:1px solid #666; margin-top:10px}
.c_mypage .c_form.c_view .form_row {display:flex; gap:20px; border-bottom:1px solid #ddd; padding:10px 0;}
.c_mypage .c_form.c_view .form_row.duo {flex-wrap:wrap}
.c_mypage .c_form.c_view .form_row .item {flex:1 1 300px; display:flex; min-width:260px}
.c_mypage .c_form.c_view .form_label {width:150px; padding:10px 15px; background:#f5f5f5; box-sizing:border-box}
.c_mypage .c_form.c_view .form_label .tit {color:#666; font-weight:400; letter-spacing:-0.5px; padding-left:15px; position:relative;}
.c_mypage .c_form.c_view .form_label .tit:before {content:""; position:absolute; left:2px; top:6px; width:8px; height:6px; background:transparent url('../images/c_img/join_check.gif') left top no-repeat;}
.c_mypage .c_form.c_view .form_label.ess .tit:before {background-position:right top;}
.c_mypage .c_form.c_view .form_value {flex:1; padding:10px 20px; box-sizing:border-box; color:#333}

/* 반응형: 태블릿 */
@media screen and (max-width: 1024px) {
	.c_mypage .c_form.c_view .form_row {gap:16px}
	.c_mypage .c_form.c_view .form_row .item {flex:1 1 280px}
	.c_mypage .c_form.c_view .form_label {width:140px}
}

/* 반응형: 모바일 */
@media screen and (max-width: 768px) {
	.c_mypage .c_form.c_view .form_row {display:block; padding:12px 0}
	.c_mypage .c_form.c_view .form_row .item {display:block; min-width:0}
	.c_mypage .c_form.c_view .form_row .item+ .item {margin-top:10px}
	.c_mypage .c_form.c_view .form_label {width:auto; padding:10px 12px}
	.c_mypage .c_form.c_view .form_value {padding:10px 12px}
}

/* 마이페이지 : 기간선택 */
.c_mypage .order_search {border:1px solid #eee; background:#fafafa; border-top:0; padding:30px 39px}
.c_mypage .order_search ul {display:table; width:100%; table-layout:fixed;}
.c_mypage .order_search li {display:table-cell; list-style:none; vertical-align:middle;}
.c_mypage .period {}
.c_mypage .period_box {width:100%; overflow:hidden; max-width:440px;}
.c_mypage .period .btn {text-align:center; padding:0 10px; background:#fff; border:1px solid #ddd; float:left; height:35px; line-height:33px; color:#999; letter-spacing:-0.5px; width:20%; box-sizing:border-box; border-left:0;}
.c_mypage .period .btn:first-child {border-left:1px solid #ddd;}
.c_mypage .period .btn:hover {color:#333; background:#f6f6f6;}
.c_mypage .period .btn.hit {background:#999; border-color:#999; color:#fff;}

/* 마이페이지 : 날짜선택 */
.c_mypage .date {width:280px;}
.c_mypage .date .input_box {overflow:hidden; margin-left:10px}
.c_mypage .date .input_design {float: left;border: 1px solid #ddd;height: 35px;padding: 5px 20px 5px 10px;box-sizing: border-box;color: #999;background: #fff url(../images/c_img/ic_order_date.gif) right center no-repeat;font-size: .9rem;}
.c_mypage .date .input_design:focus {border-color:#aaa; background:#fff url('../images/c_img/ic_order_date_on.gif') right center no-repeat;}
.c_mypage .date .dash {float:left; padding:0 3px; line-height:33px; color:#999;}

/* 마이페이지 : 주문상태선택 */
.c_mypage .state_select {width:140px; }
.c_mypage .state_select select {border:1px solid #ddd; padding:6px 8px 9px 8px; float:left; font-size:.9rem !important; height:35px; float:left; width:130px; margin-left:10px}
.c_mypage .state_select select {-webkit-appearance: none;appearance: none;-moz-appearance: none;-webkit-user-select: none;background:#fff url('../images/c_img/order_search_arrow.gif') right center no-repeat;}
.c_mypage .state_select select:focus {border-color:#aaa;}
.c_mypage .state_select select::-ms-expand {display:none;}

/* 마이페이지 : 조회하기버튼 */
.c_mypage .search_btn {width:126px;}
.c_mypage .search_btn .btn {background:#333; height:35px; line-height:32px; padding:0 15px; margin-left:10px;display: block;}
.c_mypage .search_btn .txt {padding-left:25px; color:#fff; font-weight:600; letter-spacing:-0.5px; background:transparent url('../images/c_img/ic_order_search.png') left center no-repeat;height: 35px;line-height: 35px;}
.c_mypage .search_btn .btn:hover {background:#000;}

/* 주문내역 기간검색 반응형 */
@media screen and (max-width: 1024px) {
	.c_mypage .order_search {padding:22px 20px;}
	.c_mypage .period .btn {width:25%;}
}

@media screen and (max-width: 768px) {
	.c_mypage .order_search {padding:18px 14px;}
	.c_mypage .order_search ul {display:block;}
	.c_mypage .order_search li {display:block; width:100%; margin:0 0 12px 0;}
	.c_mypage .period_box {max-width:none; width:100%; overflow:visible;}
	.c_mypage .period_box:after {content:""; display:block; clear:both;}
	.c_mypage .period .btn {width:20%; float:left; margin:0 0 8px 0; height:36px; line-height:34px;}
	.c_mypage .date .input_box {margin-left:0; display:flex; gap:8px;}
	.c_mypage .date .input_design {width:calc(50% - 4px) !important;}
	.c_mypage .date .dash {padding:0 2px; line-height:35px;}
	.c_mypage .state_select select {width:calc(100% - 120px); margin-left:0;}
	.c_mypage .search_btn .btn {display:block; text-align:center;}
}

@media screen and (max-width: 480px) {
	.c_mypage .period .btn {width:20%;}
}

/* 주문상태 */
.c_mypage .state_icon {overflow:hidden; margin-top:13px; }
.c_mypage .state_icon .icon {padding:0 17px; height:30px;  line-height:27px; border-radius:100px; font-size:1rem; letter-spacing:-0.5px; box-sizing:border-box; float:left;    display: inline-block;}
.c_mypage .state_icon .icon.wait {background:#fff; color:#aaa; border:2px solid #ccc;}
.c_mypage .state_icon .icon.complete {background:#fff; color:#54b8b7; border:2px solid #54b8b7;}
.c_mypage .state_icon .icon.ing {background:#fff; color:#4a78be; border:2px solid #4a78be;}
.c_mypage .state_icon .icon.delivery {background:#fff; color:#9d62a8; border:2px solid #9d62a8;}
.c_mypage .state_icon .icon.cancel {background:#f5f5f5; color:#bbb; border:2px solid #f5f5f5;}

/* 주문번호 */
.c_mypage .my_order_num {text-align:center; border:1px solid #666; padding:15px 30px; margin-top:30px; color:#666; font-size:17px; font-weight:600; line-height:35px;}









/* ********************************************** *
 * 주문내역 상세보기
 * ********************************************** */
.c_mypage .c_cart_list .cart_table {border-top:0; margin-top:0}
.c_mypage .c_cart_list .cart_table table {table-layout:fixed;}
.c_mypage .c_cart_list .cart_table td {padding:10px 0}
.c_mypage .c_cart_list .state_icon .icon {float:none}
.c_mypage .c_cart_list .btn_box {width:68px;}
.c_mypage .c_cart_list .btn_box .c_btn {margin-left:0; min-width:68px; margin-top:5px; padding:0;line-height: 25px;}

.c_mypage .c_cart_list .thumb_box {position:relative; overflow:visible !important;}
.c_mypage .c_cart_list .c_btn {min-width: 80px;
    margin: 10px 0 0 0;
    float: none;
    padding: 5px;
    display: inline-block;
    line-height: 1;}
.c_mypage .c_cart_list .c_tag {min-width:80px; padding:0; margin:10px 0 0; float:none}
.c_mypage .c_cart_list .btn_re_cart {position:absolute; left:5px; top:5px; width:40px; height:40px; z-index:9; border-radius:100px;}
.c_mypage .c_cart_list .btn_re_cart {background:#008dc1 url('../images/c_img/order_view_icon1.png') 7px center no-repeat; box-shadow:1px 1px 1px rgba(0,0,0,0.3);}
.c_mypage .c_cart_list .btn_re_cart:before {display:none; background:#000; font-size:11px; color:#fff; content:"장바구니 다시담기";  position:absolute; left:40px; top:4px; padding:5px 3px; text-align:center; width:100px; border-radius:100px;}
.c_mypage .c_cart_list .btn_re_cart:hover:before {display:block}

/* 주문 상세: 카드형 그리드 */
.c_mypage .order_view_cards {display:grid; grid-template-columns: 1fr; gap:16px;}
.c_mypage .order_view_cards .order_card {display:grid; grid-template-columns: 90px 1fr auto; grid-template-rows:auto auto; grid-template-areas: 'thumb details meta' 'state actions actions'; align-items:start; padding:16px; border:1px solid #eee; border-radius:12px; background:#fff; box-shadow:0 2px 8px rgba(0,0,0,0.06);} 
.c_mypage .order_view_cards .thumb_box {grid-area:thumb; width:90px; height:90px; border-radius:8px; overflow:hidden; background:#fafafa;}
.c_mypage .order_view_cards .thumb_box img {width:100%; height:100%; object-fit:cover;}
.c_mypage .order_view_cards .details {grid-area:details; padding:0 16px;}
.c_mypage .order_view_cards .details .item_name {font-weight:600; margin-bottom:6px;}
.c_mypage .order_view_cards .details .title {color:#333;}
.c_mypage .order_view_cards .details .option ul {display:flex; gap:10px; flex-wrap:wrap;}
.c_mypage .order_view_cards .meta {grid-area:meta; text-align:right;}
.c_mypage .order_view_cards .meta .price {color:#333; font-weight:700; font-size:16px}
.c_mypage .order_view_cards .meta .delivery {color:#777; margin-top:6px; font-size:12px}
.c_mypage .order_view_cards .state_icon {grid-area:state; margin-top:10px}
.c_mypage .order_view_cards .actions {grid-area:actions; display:flex; justify-content:flex-end; gap:6px; flex-wrap:wrap; margin-top:10px}

@media (min-width: 769px) {
	.c_mypage .order_view_cards {grid-template-columns: repeat(2, 1fr);} /* PC 기본 2열 */
}
@media (min-width: 1280px) {
	.c_mypage .order_view_cards {grid-template-columns: repeat(3, 1fr);} /* 큰 화면 3열 */
}
@media (max-width: 768px) {
	.c_mypage .order_view_cards .order_card {grid-template-columns: 70px 1fr; grid-template-areas: 'thumb details' 'meta meta' 'state actions';}
	.c_mypage .order_view_cards .thumb_box {width:70px; height:70px}
	.c_mypage .order_view_cards .meta {text-align:left; margin-top:8px}
}









/* ********************************************** *
 * 나의 적립금
 * ********************************************** */
 /* 마이페이지 리스트 탑 */
.c_mypage .mypage_list_top {margin-top:0; overflow:hidden; border:1px solid #ddd; padding:20px; text-align:center; box-sizing:border-box;}
.c_mypage .mypage_list_top li {width:50%; float:left; list-style:none; position:relative; color:#999; line-height:23px;}
.c_mypage .mypage_list_top li:first-child:before {content:""; position:absolute; right:0; top:0; background:#ddd; width:1px; height:100%;}
.c_mypage .mypage_list_top .price {font-size:17px; color:#333; font-weight:600;}


/* 적립금 리스트 스타일 - 웹반응형 */

/* 기본 컨테이너 */
.mypage_point_list {background: #fff;border-radius: 8px;overflow: hidden;margin-top: 20px;}
.mypage_point_list ul {list-style: none;margin: 0;padding: 0;}
/* 각 적립금 아이템 */
.mypage_point_list .point_item {display: flex;align-items: center;justify-content: space-between;padding: 16px 20px;border-bottom: 1px solid #f0f0f0;transition: background-color 0.2s ease;position: relative;}
.mypage_point_list .point_item:hover {background-color: #fafafa;}
.mypage_point_list .point_item:last-child {border-bottom: none;}
/* 왼쪽 내용 영역 */
.mypage_point_list .point_content {flex: 1;min-width: 0;margin-right: 16px;}
.mypage_point_list .point_title {font-size: 14px;font-weight: 500;color: #333;line-height: 1.4;margin-bottom: 4px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.mypage_point_list .point_date {font-size: 12px;color: #888;line-height: 1.4;}
/* 오른쪽 정보 영역 */
.mypage_point_list .point_info {flex: 0 0 auto;display: flex;flex-direction: column;align-items: flex-end;gap: 4px;}
/* 상태 태그 */
.mypage_point_list .point_status {margin-bottom: 4px;}
.mypage_point_list .c_tag {display: inline-block;padding: 0 8px;border-radius: 12px;font-size: 11px;font-weight: 500;line-height: 1.4;white-space: nowrap;}
.mypage_point_list .c_tag.black {background-color: #fff;color: #333;border: 1px solid #ddd;}
.mypage_point_list .c_tag.light {background-color: #f5f5f5;color: #666;border: none;}
.mypage_point_list .c_tag.red {background-color: #fff;color: #dc3545;border: 1px solid #dc3545;}
/* 작은 날짜 */
.mypage_point_list .point_date_small {font-size: 11px;color: #888;line-height: 1.4;}
/* 적립금 금액 */
.mypage_point_list .point_amount {font-size: 14px;font-weight: 600;color: #28a745;line-height: 1.4;}
.mypage_point_list .point_amount.if_minus {color: #dc3545;}

/* 반응형 디자인 */

/* 태블릿 (768px 이하) */
@media (max-width: 768px) {
	.mypage_point_list .point_item {	flex-direction: column;	align-items: flex-start;	padding: 16px;	gap: 12px;}
	.mypage_point_list .point_content {	width: 100%;	margin-right: 0;	margin-bottom: 8px;}
	.mypage_point_list .point_info {	width: 100%;	flex-direction: row;	justify-content: space-between;	align-items: center;}
	.mypage_point_list .point_status {	margin-bottom: 0;}
	.mypage_point_list .point_date_small {	order: 2;}
	.mypage_point_list .point_amount {	order: 3;	font-size: 16px;}
}

/* 모바일 (480px 이하) */
@media (max-width: 480px) {
	.mypage_point_list .point_item {	padding: 12px;	gap: 8px;}
	.mypage_point_list .point_title {	font-size: 13px;}
	.mypage_point_list .point_date {	font-size: 11px;}
	.mypage_point_list .point_info {	flex-direction: column;	align-items: flex-end;	gap: 2px;}
	.mypage_point_list .point_status {	margin-bottom: 2px;}
	.mypage_point_list .c_tag {	font-size: 10px;	padding: 3px 6px;}
	.mypage_point_list .point_date_small {	font-size: 10px;}
	.mypage_point_list .point_amount {	font-size: 13px;}
}

/* 접근성 개선 */
@media (prefers-reduced-motion: reduce) {
    .mypage_point_list .point_item {
        transition: none;
    }
}


/* 적립금 전용 추가 스타일 */

/* 금액 강조 */
.mypage_point_list .point_amount {font-weight: 700;text-shadow: 0 1px 2px rgba(0,0,0,0.1);}
.mypage_point_list .point_amount.if_minus {font-weight: 700;text-shadow: 0 1px 2px rgba(220, 53, 69, 0.2);}

/* 애니메이션 효과 */
.mypage_point_list .point_item {background: #f8f9fa;}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* 로딩 상태 */
.mypage_point_list .point_item.loading {opacity: 0.6;pointer-events: none;}
.mypage_point_list .point_item.loading::after {content: "";position: absolute;top: 50%;left: 50%;width: 20px;height: 20px;margin: -10px 0 0 -10px;border: 2px solid #f3f3f3;border-top: 2px solid #007bff;border-radius: 50%;animation: spin 1s linear infinite;}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* 적립금 요약 섹션 스타일 (상단 요약 정보) */
.mypage_list_top {border: 2px solid #e9ecef !important;border-radius: 8px;padding: 20px;margin-bottom: 20px;}
.mypage_list_top ul {list-style: none;margin: 0;padding: 0;display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;gap: 16px;}
.mypage_list_top li {flex: 1;min-width: 200px;text-align: center;}
.mypage_list_top li.price {font-size: 18px;font-weight: 600;color: #333;}
.mypage_list_top li:not(.price) {font-size: 14px;color: #666;line-height: 1.4;}

/* 반응형 - 요약 섹션 */
@media (max-width: 768px) {
    .mypage_list_top ul {
        flex-direction: column;
        gap: 12px;
    }
    
    .mypage_list_top li {
        min-width: auto;
        width: 100%;
    }
    
    .mypage_list_top li.price {
        font-size: 16px;
    }
    
    .mypage_list_top li:not(.price) {
        font-size: 13px;
    }
}

@media (max-width: 480px) {
    .mypage_list_top {
        padding: 16px;
    }
    
    .mypage_list_top li.price {
        font-size: 15px;
    }
    
    .mypage_list_top li:not(.price) {
        font-size: 12px;
    }
}







/* ********************************************** *
 * 마이페이지 리스트 공통
 * ********************************************** */
.c_mypage_list {margin-top:30px; }
.c_mypage_list table { width:100%; table-layout:fixed; position:relative;}
.c_mypage_list table:before {content:""; width:100%; height:1px; background:#333; position:absolute; left:0; top:0; z-index:1}
.c_mypage_list table th {height:52px; color:#666; font-weight:400; letter-spacing:-0.5px; border-bottom:1px solid #ccc; border-left:1px solid #ddd;}
.c_mypage_list table td {height:28px; border-bottom:1px solid #ddd; border-left:1px solid #ddd; padding:10px 20px}
.c_mypage_list table th:first-child {border-left:0;}
.c_mypage_list table td:first-child {border-left:0;}
.c_mypage_list .date {text-align:center; font-family:Calibri; font-size:14px; color:#999;}
.c_mypage_list .tit {color:#333; font-size:1rem; letter-spacing:-0.5px;}
.c_mypage_list .tit_box {float:left; display:inline-block; max-width:100%; overflow:hidden; position:relative; box-sizing:border-box;}
.c_mypage_list .tit_box .icon {float:right; display:inline-block; margin-top:4px; margin-left:4px}
.c_mypage_list .tit_box .icon img {float:left; margin-left:6px}
.c_mypage_list .tit_box .reply {line-height:12px; color:#333;}
.c_mypage_list .tit_box .reply img {margin-right:5px}
.c_mypage_list .tit_box .tt { font-size:1rem; letter-spacing:-0.5px; position:relative; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; word-wrap: normal !important; display:block;}
.c_mypage_list .tit_box:hover .tt {text-decoration:underline;}
.c_mypage_list .num { color:#999; text-align:center;}
.c_mypage_list .state {text-align:center;}
.c_mypage_list .state .c_tag {float:none; width:auto;}
.c_mypage_list .price {text-align:right; color:#ff6600; font-weight:600;}
.c_mypage_list .price.if_minus {color:#0058b4;}
.c_list_ctrl+ table {border-top:0;}

/* 쿠폰리스트 */
.c_mypage_list .coupon_num {text-align:center; color:#000; font-weight:600;}
.c_mypage_list .coupon {text-align:center;}

/* 나의문의내역 */
.c_mypage_list .arrow {text-align:center; padding:0}
.c_mypage_list .arrow_btn {padding:15px}
.c_mypage_list .arrow_btn .icon {background:transparent url('../images/c_img/my_list_arrow.gif') left top no-repeat; width:21px; height:11px;}
.c_mypage_list .arrow_btn:hover .icon {background-position:right top;}
.c_mypage_list .inquiry_tit {overflow:hidden; text-overflow:ellipsis; white-space: nowrap; word-wrap: normal !important; display:inline-block; padding-right:30px; max-width:100%; box-sizing:border-box;}
.c_mypage_list .view_box {border:1px solid #ddd; background:#f5f5f5;}
.c_mypage_list .view_box td {padding:50px 50px 50px 60px}
.c_mypage_list .view_box img {max-width:100%}
.c_mypage_list .view_box .view_tit {font-size:15px; font-weight:600; color:#333;}
.c_mypage_list .view_box .view_txt { margin-top:15px; line-height:20px;}
.c_mypage_list .view_box .c_btn {margin-top:15px; margin-left:0}
.c_mypage_list .if_open .arrow_btn .icon {background-position:left bottom;}

/* 나의문의내역 : 댓글 */
.c_mypage_list .reply {padding:20px 30px 15px 55px; overflow:hidden; text-align:left; border:1px solid #ddd; background:#fff url('../images/c_img/ic_faq_a.gif') 20px 14px no-repeat; margin-top:15px ;}
.c_mypage_list .reply .admin {display:block; color:#333; margin-bottom:5px; overflow:hidden;}
.c_mypage_list .reply .name {font-weight:600; color:#333; float:left; height:17px; line-height:14px; padding-right:10px}
.c_mypage_list .reply .date_num {color:#999; font-size:13px; letter-spacing:0px; float:left; padding-left:10px; position:relative; height:17px; line-height:15px; margin-left:1px}
.c_mypage_list .reply .date_num:before {content:""; position:absolute; left:-1px; top:3px; width:1px; height:11px; background:#ddd;}
.c_mypage_list .reply .btn_delete {background:transparent url('../images/c_img/reply_delete.gif') center center no-repeat; border:1px solid #ddd; width:15px; height:15px; float:left; margin:0 0 0 10px;}
.c_mypage_list .reply .btn_delete:hover {background-color:#eee;}









/* ********************************************** *
 * 회원탈퇴
 * ********************************************** */
/* 회원탈퇴 폼 */
.c_mypage .c_complete {margin-top:30px; }
.c_mypage .c_complete .tit {margin:0}
.c_mypage .c_complete .sub_txt {margin-top:15px}
.c_mypage .c_complete .sub_txt strong {color:#333; font-weight:600;}
.c_mypage .c_complete em {font-size:15px; color:#999;}
.c_mypage .c_complete .c_btnbox {padding-bottom:0}
.c_mypage .c_complete .c_form {margin:40px; border-top:1px solid #ddd;}
.c_mypage .my_password .sub_txt {margin-top:0}
.c_mypage .my_password .tit {margin-top:5px}
.c_mypage .leave_form {margin-top:40px; overflow:hidden; text-align:center; }
.c_mypage .leave_form .form {display:inline-block; position:relative; padding-right:140px}
.c_mypage .leave_form li {list-style:none; }
.c_mypage .leave_form li+ li {margin-top:10px}
.c_mypage .leave_form .input_design {width:100%; min-width:300px; height:55px; border:1px solid #ddd; box-sizing:border-box; padding:17px 15px 20px; font-size:14px; letter-spacing:-0.5px;}
.c_mypage .leave_form .input_design:focus {border-color:#999}
.c_mypage .leave_form .btn_login {position:absolute; right:0; top:0; width:130px; height:120px; background:#333; border:1px solid #333; color:#fff; font-size:18px; font-weight:600; letter-spacing:-1px; box-sizing:border-box; padding-bottom:4px}
.c_mypage .leave_form .btn_order {position:absolute; right:0; top:0; width:130px; height:120px; background:#fff; border:1px solid #333; color:#333; font-size:17px; font-weight:600; letter-spacing:-1px; box-sizing:border-box; padding-bottom:4px}
.c_mypage .leave_form .btn_find {position:absolute; right:0; top:0; width:130px; height:120px; background:#666; border:1px solid #666; color:#fff; font-size:18px; letter-spacing:-1px; box-sizing:border-box; padding-bottom:4px}
.c_mypage .leave_form .btn_find:hover {background:#333;}


/* 첨부파일 */
.c_mypage_list .file_down {border:1px solid #ddd; position:relative; margin:15px 0 0 0; background:#fff;}
.c_mypage_list .file_down .tit {position:absolute; left:28px; top:50%; margin-top:-10px; height:20px; line-height:18px; color:#666; padding-left:14px; background:transparent url('../images/c_img/board_file_down.gif') left center no-repeat;}
.c_mypage_list .file_down .link_box {margin-left:120px; padding:8px 0 10px 10px; overflow:hidden; border-left:1px solid #ddd; }
.c_mypage_list .file_down .link {height: 30px;line-height: 1.5;color:#888; text-decoration:underline; float:left; letter-spacing:0px; padding:5px 10px}
.c_mypage_list .file_down .link:hover {color:#000}

/* ==============================================
   마이페이지 상단 카드 레이아웃 오버라이드 (레거시 충돌 해소)
   - 하단의 절대배치/float 규칙을 무력화하고 카드형 3열로 정렬
   - 두 번째 레퍼런스 이미지처럼 깔끔한 박스형 UI 강제 적용
   ============================================== */
.c_mypage_main .mypage_info {
	display: grid;
	grid-template-columns: 1.5fr 1fr 1fr;
	gap: 20px;
	padding: 0;
	border: 0;
}

.c_mypage_main .my_info {
	position: relative; /* 레거시 absolute 해제 */
	left: auto; top: auto; width: auto; height: auto;
	background: #333;
	text-align: left; /* 중앙정렬 해제 */
	border-radius: 12px;
	padding: 24px;
	box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

.c_mypage_main .my_info .info {
	position: static; left: auto; top: auto; margin: 0; padding: 0; /* 레거시 제거 */
	width: 100%; box-sizing: border-box;
}

.c_mypage_main .about_level {position: static; background: transparent;}
.c_mypage_main .about_level .level_info {position: static; width: 100%; background: transparent; border: 0;}

.c_mypage_main .default_info,
.c_mypage_main .shop_info {
	float: none; /* 레거시 float 해제 */
	width: auto; /* 레거시 50% 해제 */
	padding: 24px; /* 좌우 패딩 균일화 */
	border: 1px solid #eee;
	border-radius: 12px;
	background: #fff;
	box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}

.c_mypage_main .top_tit {border: 0; padding: 0; margin: 0 0 12px 0;}
.c_mypage_main .top_tit .tit {float: none;}
.c_mypage_main .top_tit .btn {display: none;}

.c_mypage_main .info_box {margin-top: 0;}
.c_mypage_main .info_box .txt_box {margin: 8px 0; padding: 0; min-height: 0; display: flex; justify-content: space-between; align-items: center;}
.c_mypage_main .info_box .sub_tit {position: static; color: #999;}
.c_mypage_main .info_box .txt {padding-left: 0;}
.c_mypage_main .info_box .txt:before {display: none;}

/* 기존 인라인 등급 레벨 정보는 모달로 대체 → 숨김 */
.c_mypage_main .about_level .level_info {display:none !important;}

/* 반응형 - 태블릿: 세로 스택 */
@media screen and (max-width: 1024px) {
	.c_mypage_main .mypage_info {grid-template-columns: 1fr;}
	.c_mypage_main .my_info {padding: 22px;}
	.c_mypage_main .default_info,
	.c_mypage_main .shop_info {padding: 20px;}
}

/* 반응형 - 모바일: 세로 카드, 간격 축소 */
@media screen and (max-width: 768px) {
	.c_mypage_main .mypage_info {gap: 15px;}
	.c_mypage_main .my_info {padding: 20px;}
	.c_mypage_main .default_info,
	.c_mypage_main .shop_info {padding: 18px;}
}

/* ==============================================
   등급별 혜택 레이어 팝업
   ============================================== */
.grade_modal {display:none; position:fixed; left:0; top:0; right:0; bottom:0; z-index:2000;}
.grade_modal.open {display:block;}
.grade_modal .dim {position:absolute; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,0.5);}
.grade_modal .modal {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); background:#fff; width: 920px; max-width: 92vw; border-radius:12px; box-shadow:0 10px 30px rgba(0,0,0,0.2); overflow:hidden;}
.grade_modal .modal_header {display:flex; align-items:center; justify-content:space-between; padding:18px 22px; border-bottom:1px solid #eee;}
.grade_modal .modal_header .title {font-size:18px; font-weight:700; color:#333;}
.grade_modal .modal_header .close {width:28px; height:28px; border:0; background:transparent; cursor:pointer; position:relative;}
.grade_modal .modal_header .close:before, .grade_modal .modal_header .close:after {content:""; position:absolute; left:6px; right:6px; top:13px; height:2px; background:#999;}
.grade_modal .modal_header .close:before {transform:rotate(45deg);} 
.grade_modal .modal_header .close:after {transform:rotate(-45deg);} 
.grade_modal .modal_body {padding:0 22px 22px;}

/* 테이블 스타일 */
.grade_modal .benefit_table {width:100%; border-collapse:separate; border-spacing:0;}
.grade_modal .benefit_table th, .grade_modal .benefit_table td {border:1px solid #eee; padding:12px 10px; text-align:center; color:#555;}
.grade_modal .benefit_table th {background:#fafafa; font-weight:600; color:#333;}
.grade_modal .benefit_table tr:first-child th {border-top-left-radius:6px; border-top-right-radius:6px;}
.grade_modal .benefit_table tr:last-child td:first-child {border-bottom-left-radius:6px;}
.grade_modal .benefit_table tr:last-child td:last-child {border-bottom-right-radius:6px;}

body.modal-open {overflow:hidden;}


/* ==============================================
   교환/반품 신청 레이어 팝업
   ============================================== */
.complain_modal {display:none; position:fixed; left:0; top:0; right:0; bottom:0; z-index:2000;}
.complain_modal.open {display:block;}
.complain_modal .dim {position:absolute; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,0.5);}
.complain_modal .modal {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); background:#fff; width: 600px; max-width: 92vw; max-height: 90vh; border-radius:12px; box-shadow:0 10px 30px rgba(0,0,0,0.2); overflow:hidden; display:flex; flex-direction:column;}
.complain_modal .modal_header {display:flex; align-items:center; justify-content:space-between; padding:18px 22px; border-bottom:1px solid #eee; flex-shrink:0;}
.complain_modal .modal_header .title {font-size:18px; font-weight:700; color:#333;}
.complain_modal .modal_header .close {width:28px; height:28px; border:0; background:transparent; cursor:pointer; position:relative;}
.complain_modal .modal_header .close:before, .complain_modal .modal_header .close:after {content:""; position:absolute; left:6px; right:6px; top:13px; height:2px; background:#999;}
.complain_modal .modal_header .close:before {transform:rotate(45deg);} 
.complain_modal .modal_header .close:after {transform:rotate(-45deg);} 
.complain_modal .modal_body {padding:22px; overflow-y:auto; flex:1;}
.complain_modal .modal_footer {padding:18px 22px; border-top:1px solid #eee; flex-shrink:0;}

/* 반응형 - 모바일 */
@media screen and (max-width: 768px) {
	.complain_modal .modal {width: 95vw; max-height: 95vh;}
	.complain_modal .modal_header {padding:15px 18px;}
	.complain_modal .modal_body {padding:18px;}
	.complain_modal .modal_body  .c_form table .tit,
	.complain_modal .modal_body  .c_form table th {width:100px;}
	.complain_modal .modal_footer {padding:15px 18px;}
}