@charset "utf-8";

/******************************************
	메인 페이지
*******************************************/
/* 공통 */
.main_title {
	font-size: 36px;
	font-weight: bold;
	margin-bottom: 40px;
}

.main_title {}

.main_title > button {
	float: right;
	margin-top: 17px;
	font-size: 18px;
	color: #666666;
}

.main_title > button > img {
	position: relative;
	top: -1px;
	margin-left: 10px;
}

@media screen and (max-width: 500px) {
	.main_title {
		font-size: 5vw;
		margin-bottom: 8vw;
	}
	
	.main_title > button {
		margin-top: 2vw;
		font-size: 3vw;
	}
	
	.main_title > button > img {
		position: relative;
		width: 1.5vw;
		margin-left: 1vw;
	}
}


/* 슬라이드 배너 */
#main_banner_area {
	position: relative;
	padding-bottom: 50px;
	margin-bottom: 130px;
}

#main_banner_area .main_banner .swiper-slide {
	height: 950px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

#main_banner_area .main_banner .swiper-slide > img {
	display: none;
}

/* 화살표 공통 스타일 */
#main_banner_area .swiper-button-prev-custom,
#main_banner_area .swiper-button-next-custom {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 80px;
	height: 80px;
	z-index: 10;
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	border: none;
	background-color: transparent;
}

/* 왼쪽 화살표 */
#main_banner_area .swiper-button-prev-custom {
	left: 15px;
	background-image: url('../images/arrow_left.png');
}

/* 오른쪽 화살표 */
#main_banner_area .swiper-button-next-custom {
	right: 15px;
	background-image: url('../images/arrow_right.png');
}

#main_banner_area .main_banner_pagination {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
}

#main_banner_area .swiper-pagination {
	display: flex;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
}

#main_banner_area .swiper-pagination .swiper-pagination-bullet {
	flex: 1;
	border-radius: 0;
	margin: 0;
	height: 2px;
	transition: .2s;
}

#main_banner_area .swiper-pagination .swiper-pagination-bullet-active {
	background: #000;
}

@media screen and (max-width: 500px) {
	#main_banner_area {
		padding-top: 14vw;
		padding-bottom: 4vw;
		margin-bottom: 26vw;
	}
	
	#main_banner_area .main_banner .swiper-slide {
		height: 153.7vw;
		overflow: hidden; 
		position: relative;
	}
	
	#main_banner_area .main_banner .swiper-slide > img {
		display: block;
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center; 
	}
	
	#main_banner_area .swiper-button-prev-custom,
	#main_banner_area .swiper-button-next-custom {
		display: none;
	}
}


/* 신상품 */
#main_new_area {
	padding-bottom: 150px;
}

#main_new_area .keyword_box {
	margin-bottom: 100px;
	text-align: center;
}

#main_new_area .keyword_box .keyword {
	margin: 0 10px;
	margin-bottom: 25px;
	padding: 18px 56px;
	border: 1px solid #DDDDDD;
	border-radius: 65px;
	font-size: 24px;
}

#main_new_area .keyword_box .keyword.on {
	border-color: #000;
	background: #000;
	color: #fff;
}

#main_new_area .new_box {
	padding: 40px 0;
	background: #F1F2F4;
}

#main_new_area .new_box .sector {
	display: flex;
	justify-content: space-between;
}

#main_new_area .new_box .category_box {
}

#main_new_area .new_box .category_box .title {
	font-size: 36px;
	font-weight: 600;
}

#main_new_area .new_box .category_box .category {
	margin-top: 63px;
}

#main_new_area .new_box .category_box .category > li {
	margin-top: 36px;
}

#main_new_area .new_box .category_box .category > li > a {
	font-size: 18px;
	color: #444444;
}

#main_new_area .new_box .category_box .category > li > a.on {
	color: #000;
}

#main_new_area .new_box .product_box {
	margin-right: 0;
	width: 1310px;
}

#main_new_area .new_box .product_box .product {
	position: relative;
}

#main_new_area .new_box .product_box .product > li {}

#main_new_area .new_box .product_box .product > li .thumb {
	width: 310px;
	height: 310px;
}

#main_new_area .swiper-pagination3 {
	display: flex;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
}

#main_new_area .swiper-pagination3 .swiper-pagination-bullet {
	flex: 1;
	border-radius: 0;
	margin: 0;
	height: 2px;
	transition: .2s;
}

#main_new_area .swiper-pagination3 .swiper-pagination-bullet-active {
	background: #000;
}

@media screen and (max-width: 500px) {
	#main_new_area {
		padding-bottom: 18vw;
	}
	
	#main_new_area .keyword_box {
		margin-bottom: 10vw;
	}
	
	#main_new_area .keyword_box .keyword {
		margin: 0 1vw;
		margin-bottom: 2vw;
		padding: 2.4vw 4.4vw;
		border-radius: 4.4vw;
		font-size: 3.2vw;
	}
	
	#main_new_area .new_box {
		padding: 10vw 0;
	}
	
	#main_new_area .new_box .sector {
		display: block;
	}
	
	#main_new_area .new_box .category_box {
	}
	
	#main_new_area .new_box .category_box .title {
		font-size: 5vw;
	}
	
	#main_new_area .new_box .category_box .category {
		margin-top: 6vw;
	}
	
	#main_new_area .new_box .category_box .category > li {
		float: left;
		margin-top: 0;
		margin-right: 6vw;
	}
	
	#main_new_area .new_box .category_box .category > li > a {
		font-size: 4vw;
	}
	
	#main_new_area .new_box .product_box {
		margin-top: 12vw;
		margin-right: 0;
		width: 100%;
	}
	
	#main_new_area .new_box .product_box .product > li {
		height: auto;
	}
	
	#main_new_area .new_box .product_box .product > li .thumb {
		width: 45vw;
		height: 45vw;
	}
}


/* 셀럽들이 사랑한 아이웨어 */
#main_loved_area {
	padding: 60px 0;
	background: #000;
}

#main_loved_area .main_title {
	color: #fff;
}

#main_loved_area .main_loved_box {
	display: flex;
	justify-content: space-between;
}

#main_loved_area .main_loved_box .video,
#main_loved_area .main_loved_box .product_box {
	height: 500px;
	border-radius: 20px;
	overflow: none;
}

#main_loved_area .main_loved_box .video {
	width: 922px;
}

#main_loved_area .main_loved_box .video > iframe {
	width: 100%;
	height: 100%;
}

#main_loved_area .main_loved_box .product_box {
	width: 620px;
	padding: 30px 0;
	padding-right: 10px;
	box-sizing: border-box;
	background: #F6F6F6;
	border: 1px solid #EEEEEE;
}

#main_loved_area .main_loved_box .product_box .product_list {
	height: 440px;
	overflow-y: auto;
}

/* 스크롤바 전체 영역 */
#main_loved_area .main_loved_box .product_box .product_list::-webkit-scrollbar {
	width: 5px;
}

/* 스크롤바 바탕(트랙) */
#main_loved_area .main_loved_box .product_box .product_list::-webkit-scrollbar-track {
	background: #ddd; 
	border-radius: 5px;
}

/* 스크롤바 막대(썸) */
#main_loved_area .main_loved_box .product_box .product_list::-webkit-scrollbar-thumb {
	background: #636363; 
	border-radius: 5px;
}

#main_loved_area .main_loved_box .product_box .product_list > li {
	display: flex;
	align-items: center;
	margin-bottom: 30px;
	padding: 0 30px;
}

#main_loved_area .main_loved_box .product_box .product_list > li .thumb_box {
	width: 152px;
}

#main_loved_area .main_loved_box .product_box .product_list > li .thumb_box .thumb {
	width: 100px;
	height: 100px;
	border-radius: 10px;
	border: 1px solid #EEEEEE;
	box-sizing: border-box;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

/* #main_loved_area .main_loved_box .product_box .product_list > li .thumb_box .thumb .like_btn {} */

#main_loved_area .main_loved_box .product_box .product_list > li .info_box {}

#main_loved_area .main_loved_box .product_box .product_list > li .info_box .pd_brand {
	display: block;
	font-size: 16px;
	font-weight: 300;
}

#main_loved_area .main_loved_box .product_box .product_list > li .info_box .pd_name {
	display: block;
	margin-top: 5px;
	font-size: 18px;
	font-weight: 500;
}

#main_loved_area .main_loved_box .product_box .product_list > li .info_box .pd_sponsor {
	display: block;
	/* display: none; */
	height: 16px;
	margin-top: 5px;
	font-size: 14px;
	font-weight: 300;
	color: #777777;
}

#main_loved_area .main_loved_box .product_box .product_list > li .info_box .pd_price {
	display: block;
	margin-top: 10px;
}

#main_loved_area .main_loved_box .product_box .product_list > li .info_box .pd_price .dc_rate {
	margin-right: 20px;
	font-size: 18px;
	font-weight: 600;
	color: #DF7829;
}

#main_loved_area .main_loved_box .product_box .product_list > li .info_box .pd_price .tot_price {
	font-size: 22px;
	font-weight: 500;
}

@media screen and (max-width: 500px) {
	#main_loved_area {
		padding: 10vw 0;
	}
	
	#main_loved_area .main_loved_box {
		display: block;
	}
	
	#main_loved_area .main_loved_box .video,
	#main_loved_area .main_loved_box .product_box {
		border-radius: 2vw;
	}
	
	#main_loved_area .main_loved_box .video {
		width: 100%;
		height: 52vw;
	}
	
	#main_loved_area .main_loved_box .product_box {
		width: 100%;
		height: 76vw;
		padding: 3vw 0;
		padding-right: 1vw;
	}
	
	#main_loved_area .main_loved_box .product_box .product_list {
		height: 70vw;
	}
	
	#main_loved_area .main_loved_box .product_box .product_list > li {
		margin-bottom: 3vw;
		padding: 0 5vw;
	}
	
	#main_loved_area .main_loved_box .product_box .product_list > li .thumb_box {
		width: 25vw;
	}
	
	#main_loved_area .main_loved_box .product_box .product_list > li .thumb_box .thumb {
		width: 21vw;
		height: 21vw;
		border-radius: 1vw;
	}
	
	/* #main_loved_area .main_loved_box .product_box .product_list > li .thumb_box .thumb .like_btn {} */
	
	#main_loved_area .main_loved_box .product_box .product_list > li .info_box {}
	
	#main_loved_area .main_loved_box .product_box .product_list > li .info_box .pd_brand {
		font-size: 3vw;
	}
	
	#main_loved_area .main_loved_box .product_box .product_list > li .info_box .pd_name {
		margin-top: 0.7vw;
		font-size: 3.2vw;
	}
	
	#main_loved_area .main_loved_box .product_box .product_list > li .info_box .pd_sponsor {
		height: 3.3vw;
		margin-top: 1vw;
		font-size: 2.8vw;
	}
	
	#main_loved_area .main_loved_box .product_box .product_list > li .info_box .pd_price {
		margin-top: 2.5vw;
	}
	
	#main_loved_area .main_loved_box .product_box .product_list > li .info_box .pd_price .dc_rate {
		margin-right: 5vw;
		font-size: 3.6vw;
	}
	
	#main_loved_area .main_loved_box .product_box .product_list > li .info_box .pd_price .tot_price {
		font-size: 3.6vw;
	}	
}


/* 브랜드샵 */
#main_brand_area {
	padding: 120px 0 150px;
	background: url('../images/main_section_bg.png') no-repeat center center / cover;
	overflow: hidden;
}

#main_brand_area .main_brand {
	width: 100%;
	padding-bottom: 50px;
	overflow: visible;
}

#main_brand_area .main_brand .brand_box {
	width: 500px;
	border-radius: 20px;
	overflow: hidden;
	background: #fff;
	box-shadow: 3px 3px 10px #00000029;
}

#main_brand_area .main_brand .brand_box .brand_title {
	position: relative;
	height: 370px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

#main_brand_area .main_brand .brand_box .brand_title.FC { background-image: url('../images/list_img01.png'); }
#main_brand_area .main_brand .brand_box .brand_title.IN { background-image: url('../images/list_img02.png'); }
#main_brand_area .main_brand .brand_box .brand_title.CP { background-image: url('../images/list_img03.png'); }

#main_brand_area .main_brand .brand_box .brand_title > span {
	position: absolute;
	left: 30px;
	bottom: 25px;
	padding-right: 30px;
	font-size: 30px;
	line-height: 1.35;
	color: #fff;
	z-index: 0;
}

#main_brand_area .main_brand .brand_box .brand_title > span::after {
	position: absolute;
	right: 0;
	bottom: 10px;
	width: 20px;
	height: 20px;
	background: url('../images/m_arrow_viewmore.png') no-repeat center / contain;
	content: "";
	z-index: 1;
}

#main_brand_area .main_brand .brand_box .brand_products {
	padding-top: 25px;
	min-height: 475px;
}

#main_brand_area .main_brand .brand_box .brand_products > li {
	display: flex;
	align-items: center;
	margin-bottom: 30px;
	padding: 0 30px;
}

#main_brand_area .main_brand .brand_box .brand_products > li.no_data {
	display: block;
	height: 390px;
}

#main_brand_area .main_brand .brand_box .brand_products > li .thumb_box {
	flex-shrink: 0;
	flex-basis: 152px;
}

#main_brand_area .main_brand .brand_box .brand_products > li .thumb_box .thumb {
	width: 100px;
	height: 100px;
	border-radius: 10px;
	border: 1px solid #EEEEEE;
	box-sizing: border-box;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

/* #main_brand_area .main_brand .brand_box .brand_products > li .thumb_box .thumb .like_btn {} */

#main_brand_area .main_brand .brand_box .brand_products > li .info_box {}

#main_brand_area .main_brand .brand_box .brand_products > li .info_box .pd_brand {
	display: block;
	font-size: 16px;
	font-weight: 300;
}

#main_brand_area .main_brand .brand_box .brand_products > li .info_box .pd_name {
	display: block;
	margin-top: 5px;
	font-size: 18px;
	font-weight: 500;
}

#main_brand_area .main_brand .brand_box .brand_products > li .info_box .pd_sponsor {
	display: block;
	width: 288px;
	height: 16px;
	margin-top: 5px;
	font-size: 14px;
	font-weight: 300;
	color: #777777;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

#main_brand_area .main_brand .brand_box .brand_products > li .info_box .pd_price {
	display: block;
	margin-top: 10px;
}

#main_brand_area .main_brand .brand_box .brand_products > li .info_box .pd_price .dc_rate {
	margin-right: 20px;
	font-size: 18px;
	font-weight: 600;
	color: #DF7829;
}

#main_brand_area .main_brand .brand_box .brand_products > li .info_box .pd_price .tot_price {
	font-size: 22px;
	font-weight: 500;
}

@media screen and (max-width: 500px) {
	#main_brand_area {
		padding: 18vw 0;
		background: none;
		overflow: hidden;
	}
	
	#main_brand_area .main_title {
		font-size: 5vw;
		margin-bottom: 8vw;
	}
	
	#main_brand_area .main_brand {
		width: calc(100% + 5vw);
		padding-bottom: 5vw;
	}
	
	#main_brand_area .main_brand .brand_box {
		width: 78vw;
		margin-right: 6vw;
		border-radius: 2vw;
		box-shadow: 0.3vw 0.3vw 1vw #00000029;
	}
	
	#main_brand_area .main_brand .brand_box .brand_title {
		height: 48.5vw;
	}
	
	#main_brand_area .main_brand .brand_box .brand_title.FC { background-image: url('../images/m_list_img01.png'); }
	#main_brand_area .main_brand .brand_box .brand_title.IN { background-image: url('../images/m_list_img02.png'); }
	#main_brand_area .main_brand .brand_box .brand_title.CP { background-image: url('../images/m_list_img03.png'); }
	
	#main_brand_area .main_brand .brand_box .brand_title > span {
		left: 3vw;
		bottom: 3vw;
		padding-right: 5vw;
		font-size: 5vw;
	}
	
	#main_brand_area .main_brand .brand_box .brand_title > span::after {
		bottom: 1.5vw;
		width: 4vw;
		height: 4vw;
	}
	
	#main_brand_area .main_brand .brand_box .brand_products {
		padding-top: 3vw;
		min-height: 83vw;
	}

	#main_brand_area .main_brand .brand_box .brand_products > li.no_data {
		display: block;
		height: 70vw;
	}

	#main_brand_area .main_brand .brand_box .brand_products > li {
		margin-bottom: 3vw;
		padding: 0 5vw;
	}
	
	#main_brand_area .main_brand .brand_box .brand_products > li .thumb_box {
		flex-basis: 25vw;
	}
	
	#main_brand_area .main_brand .brand_box .brand_products > li .thumb_box .thumb {
		width: 21vw;
		height: 21vw;
		border-radius: 1vw;
	}
	
	/* #main_brand_area .main_brand .brand_box .brand_products > li .thumb_box .thumb .like_btn {} */
	
	#main_brand_area .main_brand .brand_box .brand_products > li .info_box {}
	
	#main_brand_area .main_brand .brand_box .brand_products > li .info_box .pd_brand {
		font-size: 3vw;
	}
	
	#main_brand_area .main_brand .brand_box .brand_products > li .info_box .pd_name {
		margin-top: 0.7vw;
		font-size: 3.2vw;
	}
	
	#main_brand_area .main_brand .brand_box .brand_products > li .info_box .pd_sponsor {
		width: 43vw;
		height: 3.3vw;
		margin-top: 1vw;
		font-size: 2.8vw;
	}
	
	#main_brand_area .main_brand .brand_box .brand_products > li .info_box .pd_price {
		margin-top: 2.5vw;
	}
	
	#main_brand_area .main_brand .brand_box .brand_products > li .info_box .pd_price .dc_rate {
		margin-right: 5vw;
		font-size: 3.6vw;
	}
	
	#main_brand_area .main_brand .brand_box .brand_products > li .info_box .pd_price .tot_price {
		font-size: 3.6vw;
	}	
}


/* 중간배너 */
#main_sbanner_area {
	position: relative;
}

#main_sbanner_area .main_sbanner {}

#main_sbanner_area .main_sbanner .swiper-wrapper {}

#main_sbanner_area .main_sbanner .swiper-wrapper .sbanner {
	height: 204px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	position: relative;
	overflow: hidden;
}

#main_sbanner_area .main_sbanner .swiper-wrapper .sbanner img {
	display: none;
}

#main_sbanner_area .swiper-pagination2 {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	text-align: center;
	z-index: 1;
}

#main_sbanner_area .swiper-pagination2 .swiper-pagination-bullet {
	border: 1px solid #000;
	background: #fff;
	opacity: 1;
}

#main_sbanner_area .swiper-pagination2 .swiper-pagination-bullet-active {
	border: 1px solid #fff;
	background: #000;
}

@media screen and (max-width: 500px) {
	#main_sbanner_area .main_sbanner .swiper-wrapper .sbanner {
		height: 24vw;
	}

	#main_sbanner_area .main_sbanner .swiper-wrapper .sbanner img {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	#main_sbanner_area .swiper-pagination2 .swiper-pagination-bullet {
		width: 2vw;
		height: 2vw;
		margin: 0 0.5vw;
	}
	
	#main_sbanner_area .swiper-pagination2 .swiper-pagination-bullet-active {
		border: 1px solid #fff;
		background: #000;
	}
}


/* 에디토리얼 */
#main_editorial_area {
	padding: 130px 0 290px;
}

#main_editorial_area .main_editorial {}

#main_editorial_area .main_editorial .swiper-wrapper {
	transition-timing-function: linear !important;
}

#main_editorial_area .main_editorial .swiper-wrapper .swiper-slide {
	width: 470px;
}

#main_editorial_area .main_editorial .swiper-wrapper .swiper-slide .img {
	width: 100%;
	height: 647px;
	border-radius: 20px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

#main_editorial_area .main_editorial .swiper-wrapper .swiper-slide .brand {
	display: block;
	margin-top: 33px;
	font-size: 18px;
}

#main_editorial_area .main_editorial .swiper-wrapper .swiper-slide .title {
	display: block;
	margin-top: 15px;
	font-size: 20px;
	font-weight: 600;
}

@media screen and (max-width: 500px) {
	#main_editorial_area {
		padding: 18vw 0 35vw;
	}
	
	#main_editorial_area .main_editorial .swiper-wrapper .swiper-slide {
		width: 48vw;
		padding: 0 2vw;
	}
	
	#main_editorial_area .main_editorial .swiper-wrapper .swiper-slide .img {
		height: 66.7vw;
		border-radius: 2vw;
	}
	
	#main_editorial_area .main_editorial .swiper-wrapper .swiper-slide .brand {
		margin-top: 3vw;
		font-size: 3.2vw;
	}
	
	#main_editorial_area .main_editorial .swiper-wrapper .swiper-slide .title {
		margin-top: 3vw;
		font-size: 3.6vw;
	}
}


/******************************************
	상품 리스트
*******************************************/
.pd_list_area {
	position: relative;
	margin-top: 50px;
}

.pd_list_area .sector {
	display: flex;
	align-items: stretch;
	gap: 15px;
}
/* 좌측 필터 영역 */
.pd_list_area .pd_filter_box {
	flex: 0 0 320px;
	min-width: 250px;
	max-width: 410px;
	padding: 0 20px;
	background: #fff;
	z-index: 999;
	box-sizing: border-box;
	border-right: 1px solid #eeeeee;
}

.pd_list_area .pd_filter_box .title {
	display: inline-block;
	margin-top: 28px;
	font-size: 24px;
}

.pd_list_area .pd_filter_box .pd_filter_list {
	margin-top: 30px;
}

.pd_list_area .pd_filter_box .pd_filter_list > li {
}

.pd_list_area .pd_filter_box .pd_filter_list > li .subject_box {
	position: relative;
	padding: 20px 10px;
	border-bottom: 1px solid #eeeeee;
	cursor: pointer;
}

.pd_list_area .pd_filter_box .pd_filter_list > li .subject_box::after {
	content: '';
	position: absolute;
	top: 50%;
	right: 10px;
	width: 16px;
	height: 16px;
	background-image: url('../images/m_arrow_filterbox_down.png');
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	transform: translateY(-50%) scaleY(1);
	transition: transform 0.3s ease-in-out;
}

.pd_list_area .pd_filter_box .pd_filter_list > li .subject_box.active::after {
	transform: translateY(-50%) scaleY(-1);
}

.pd_list_area .pd_filter_box .pd_filter_list > li .subject_box .subject {
	display: block;
	margin-bottom: 3px;
	font-size: 18px;
}

.pd_list_area .pd_filter_box .pd_filter_list > li .subject_box .notice {
	font-size: 14px;
	font-weight: 300;
	color: #ACACAC;
}

.pd_list_area .pd_filter_box .pd_filter_list > li .filter_box {
	display: block;
	max-height: 0;
	overflow: hidden;
	padding: 0 10px;
	border-bottom: 0;
	transition: max-height 0.4s ease-in-out, padding 0.4s ease-in-out;
}

.pd_list_area .pd_filter_box .pd_filter_list > li .filter_box.open {
	padding: 20px 10px 5px;
	border-bottom: 1px solid #eeeeee;
}

.pd_list_area .pd_filter_box .pd_filter_list > li .filter_box .all_del {
	display: block;
	margin-bottom: 20px;
	background: none;
	font-size: 16px;
	font-weight: 300;
}

.pd_list_area .pd_filter_box .pd_filter_list > li .filter_box .filter {
	display: block;
	font-size: 18px;
	margin-bottom: 15px;
}

.pd_list_area .pd_filter_box .pd_filter_list > li .filter_box .filter > input {}

.filter_open {
	display: none;
}

/* 우측 상품 리스트 영역 */
.pd_list_area .pd_list_box {
	flex: 1;
	width: auto;
	min-width: 0;
}

.pd_list_banner {
	height: 124px;
	border-radius: 20px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.pd_list_banner.gl { background-image: url('../images/sub_glass_banner.png'); }
.pd_list_banner.sg { background-image: url('../images/sub_sg_banner.png'); }
.pd_list_banner.ac { background-image: url('../images/sub_ac_banner.png'); }

.pd_list_area .pd_list_box .pd_list_top_filter {
	display: flex;
	margin-top: 100px;
	justify-content: space-between;
}

.pd_list_area .pd_list_box .pd_list_top_filter .left {}

.pd_list_area .pd_list_box .pd_list_top_filter .left .filter {
	float: left;
	font-size: 18px;
	margin-right: 30px;
}

.pd_list_area .pd_list_box .pd_list_top_filter .left .filter .del_filter {
}

.pd_list_area .pd_list_box .pd_list_top_filter .left .filter .del_filter > img {
	position: relative;
	top: -1px;
	width: 20px;
	margin-left: 10px;
}

.pd_list_area .pd_list_box .pd_list_top_filter .right {
	padding-top: 3px;
}

.pd_list_area .pd_list_box .pd_list_top_filter .right .custom_select_box {
	position: relative;
	user-select: none;
}

.pd_list_area .pd_list_box .pd_list_top_filter .right .selected_label {
	position: relative;
	display: block;
	width: 100%;
	padding: 0 35px 0 10px;
	background: none;
	border: none;
	font-size: 18px;
	text-align: right;
	cursor: pointer;
	font-weight: 400;
}

.pd_list_area .pd_list_box .pd_list_top_filter .right .selected_label::after {
	content: '';
	position: absolute;
	top: 50%;
	right: 5px;
	width: 14px;
	height: 14px;
	background: url('../images/m_arrow_filterbox_down.png') no-repeat center / contain;
	transform: translateY(-50%) scaleY(1);
	transition: transform 0.3s ease;
}

.pd_list_area .pd_list_box .pd_list_top_filter .right .custom_select_box.active .selected_label::after {
	transform: translateY(-50%) scaleY(-1);
}

.pd_list_area .pd_list_box .pd_list_top_filter .right .options_list {
	display: none; /* 기본 숨김 */
	position: absolute;
	top: 100%;
	right: -20px;
	width: 160px;
	margin-top: 5px;
	padding: 10px 0;
	background: #fff;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); /* 이미지의 그림자 효과 */
	border-radius: 4px;
	z-index: 1000;
}

.pd_list_area .pd_list_box .pd_list_top_filter .right .custom_select_box.active .options_list {
	display: block;
}

.pd_list_area .pd_list_box .pd_list_top_filter .right .option_item {
	padding: 5px 15px;
	font-size: 18px;
	color: #333;
	text-align: center;
	cursor: pointer;
	transition: background 0.2s;
}

.pd_list_area .pd_list_box .pd_list_top_filter .right .option_item:hover {
	background-color: #f8f8f8;
	color: #000;
}

.pd_list_area .pd_list_box .pd_list {
	position: relative;
	margin-top: 20px;
	padding-top: 30px;
	border-top: 1px solid #000;
}

.pd_list_area .pd_list_box .pd_list > li {
	float: left;
	width: 290px;
	margin-right: 21px;
}

.pd_list_area .pd_list_box .pd_list > li:nth-child(4n + 4) {
	margin-right: 0;
}

.pd_list_area .pd_list_box .pd_list > li .thumb {
	width: 290px;
	height: 290px;
	background-size: cover;
}

@media screen and (max-width: 500px) {
	.pd_list_area {
		margin-top: 0;
	}
	
	.pd_list_area .sector {
		gap: 0;
	}
	
	/* 좌측 필터 영역 */
	.pd_list_area .pd_filter_box {
		position: fixed;
		top: 0;
		left: -100%;
		width: 80% !important;
		height: 100%;
		padding: 0 2vw;
		z-index: 99999;
		transition: left 0.4s ease-in-out;
	}
	
	.pd_list_area .filter_bg {
		position: fixed;
		top: 0;
		left: -100%;
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,0.7);
		z-index: 9999;
		transition: left 0s, opacity 0.4s ease-in-out;
		opacity: 0;
	}
	
	.pd_list_area .pd_filter_box.show {
		left: 0;
	}
	
	.pd_list_area .filter_bg.show {
		left: 0;
		opacity: 1;
	}
	
	.pd_list_area .filter_open {
		display: block;
		position: fixed;
		top: 31vw;
		left: 0;
		padding: 3.7vw 1.8vw;
		background: #000;
		border-radius: 0 1vw 1vw 0;
		font-size: 2.8vw;
		line-height: 1.15;
		color: #fff;
		z-index: 99999;
	}
	
	.pd_list_area .filter_close {
		position: absolute;
		top: 4vw;
		right: 4vw;
		width: 3.3vw;
		height: 3.3vw;
	}
	
	.pd_list_area .pd_filter_box .title {
		margin-top: 15vw;
		font-size: 4vw;
	}
	
	.pd_list_area .pd_filter_box .pd_filter_list {
		height: 85vh;
		margin-top: 8vw;
		overflow-y: auto;
	}
	
	.pd_list_area .pd_filter_box .pd_filter_list::-webkit-scrollbar {
		display: none;
	}
	
	.pd_list_area .pd_filter_box .pd_filter_list > li .subject_box {
		padding: 2vw 1vw;
	}
	
	.pd_list_area .pd_filter_box .pd_filter_list > li .subject_box::after {
		right: 1vw;
		width: 2vw;
		height: 2vw;
	}
	
	.pd_list_area .pd_filter_box .pd_filter_list > li .subject_box .subject {
		margin-bottom: 0;
		font-size: 3vw;
	}
	
	.pd_list_area .pd_filter_box .pd_filter_list > li .subject_box .notice {
		font-size: 2.8vw;
	}
	
	.pd_list_area .pd_filter_box .pd_filter_list > li .filter_box {
		padding: 0 1vw;
		border-bottom: 0;
	}
	
	.pd_list_area .pd_filter_box .pd_filter_list > li .filter_box.open {
		padding: 2vw 1vw 0.5vw;
	}
	
	.pd_list_area .pd_filter_box .pd_filter_list > li .filter_box .all_del {
		margin-bottom: 2vw;
		font-size: 2.8vw;
	}
	
	.pd_list_area .pd_filter_box .pd_filter_list > li .filter_box .filter {
		font-size: 3vw;
		margin-bottom: 1.5vw;
	}
	
	.pd_list_area .pd_filter_box .pd_filter_list > li .filter_box .filter > input {
		position: relative;
		top: 0.7vw;
	}
	
	/* 우측 상품 리스트 영역 */
	.pd_list_area .pd_list_box {
		width: 100%;
	}
	
	.pd_list_banner {
		height: 22.5vw;
		border-radius: 0;
	}
	
	.pd_list_banner.gl { background-image: url('../images/m_sub_glass_banner.png'); }
	.pd_list_banner.sg { background-image: url('../images/m_sub_sg_banner.png'); }
	.pd_list_banner.ac { background-image: url('../images/m_sub_ac_banner.png'); }
	
	.pd_list_area .pd_list_box .pd_list_top_filter {
		margin-top: 14vw;
	}
	
	.pd_list_area .pd_list_box .pd_list_top_filter .left .filter {
		font-size: 2.8vw;
		margin-right: 2vw;
	}
	
	.pd_list_area .pd_list_box .pd_list_top_filter .left .filter .del_filter > img {
		top: 0.3vw;
		width: 3vw;
		margin-left: 1vw;
	}
	
	.pd_list_area .pd_list_box .pd_list_top_filter .right {
		padding-top: 1.5vw;
	}
	
	.pd_list_area .pd_list_box .pd_list_top_filter .right .selected_label {
		padding: 0 5vw 0 1vw;
		font-size: 2.8vw;
	}
	
	.pd_list_area .pd_list_box .pd_list_top_filter .right .selected_label::after {
		right: 0.5vw;
		width: 2vw;
		height: 2vw;
	}
	
	.pd_list_area .pd_list_box .pd_list_top_filter .right .options_list {
		right: 0;
		width: 20vw;
		margin-top: 1vw;
		padding: 1vw 0;
		box-shadow: 0 0.4vw 1.5vw rgba(0, 0, 0, 0.1);
		border-radius: 0.4vw;
	}
	
	.pd_list_area .pd_list_box .pd_list_top_filter .right .option_item {
		padding: 0.5vw 1.5vw;
		font-size: 2.8vw;
	}
	
	.pd_list_area .pd_list_box .pd_list {
		margin-top: 2vw;
		padding-top: 2vw;
	}
	
	.pd_list_area .pd_list_box .pd_list > li {
		width: 46.5vw;
		margin-right: 3vw;
	}
	
	.pd_list_area .pd_list_box .pd_list > li .thumb {
		width: 46.5vw;
		height: 46.5vw;
	}
	
	.pd_list_area .pd_list_box .pd_list > li:nth-child(2n + 2),
	.pd_list_area .pd_list_box .pd_list > li:nth-child(4n + 4) {
		margin-right: 0;
	}
}


/******************************************
	상품 상세
*******************************************/
.pd_view_area {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	position: relative;
	margin-top: 50px;
}

/* 공통 타이틀 */
.pd_title {
	padding-bottom: 15px;
	border-bottom: 2px solid #000;
}
.pd_title span {
	font-size: 24px;
	font-weight: 500;
}
.pd_title .btn_box {
	float: right;
	padding-top: 5px;
}
.pd_title .btn_box label {
	display: inline-block;
	font-size: 16px;
	margin-right: 80px;
}
.pd_title .btn_box label input {}
.pd_title .btn_box button {
	font-size: 16px;
	color: #777777;
	margin-left: 15px;
}
.pd_title .btn_box button.on {
	font-weight: 500;
	color: #000;
}

@media screen and (max-width: 500px) {
	.pd_view_area {
		display: flex;
		flex-direction: column;
		margin-top: 2vw;
		padding-bottom: 35vw;
	}
	
	.pd_view_area .mob_pd_thumb_box { order: 1; }
	.pd_view_area .pd_info_area { order: 2; }
	.pd_view_area .pd_tabmenu_box { order: 3; }
	.pd_view_area .pd_detail_box { order: 4; }
	.pd_view_area .pd_relation_box { order: 5; }
	.pd_view_area .pd_review_box { order: 6; }
	.pd_view_area .pd_inquiry_box { order: 7; }
	.pd_view_area .pd_notification_box { order: 8; }
	
	/* 공통 타이틀 */
	.pd_title {
		padding-bottom: 2vw;
	}
	.pd_title span {
		font-size: 3.2vw;
	}
	.pd_title .btn_box {
		padding-top: 0.5vw;
	}
	.pd_title .btn_box label {
		display: none;
		font-size: 2.8vw;
		margin-right: 2vw;
	}
	.pd_title .btn_box button {
		font-size: 3vw;
		margin-left: 2vw;
	}
}

/* 좌측 상품 상세 설명 영역 */
.pd_view_area .pd_detail_area {
	width: calc(100% - 480px);
	padding-bottom: 150px;
}

.pd_view_area .pd_detail_area .pd_thumb_box {
	display: flex;
}
.pd_view_area .pd_detail_area .pd_thumb_box .pd_thumb_list {
	width: 113px;
}
.pd_view_area .pd_detail_area .pd_thumb_box .pd_thumb_list li {
	width: 113px;
	height: 113px;
	margin-bottom: 5px;
	border-radius: 10px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.pd_view_area .pd_detail_area .pd_thumb_box .pd_thumb {
	position: relative;
	width: 942px;
	height: 942px;
	margin-left: 20px;
	border-radius: 20px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.pd_view_area .pd_detail_area .pd_thumb_box .pd_thumb .view_thumb {
	position: absolute;
	right: 20px;
	bottom: 20px;
}
.pd_view_area .pd_detail_area .pd_thumb_box .pd_thumb .view_thumb img {
	width: 65px;
}

.pd_view_area .mob_pd_thumb_box {
	display: none;
}

.pd_view_area .pd_detail_area .pd_tabmenu_box {
	display: flex;
	margin-top: 90px;
	margin-bottom: 30px;
}
.pd_view_area .pd_detail_area .pd_tabmenu_box .tab {
	flex: 1;
	padding-bottom: 15px;
	font-size: 18px;
	color: #777777;
}
.pd_view_area .pd_detail_area .pd_tabmenu_box .tab.active {
	font-weight: 600;
	border-bottom: 2px solid #000;
	color: #000;
}

.pd_view_area .pd_detail_area .pd_detail_box {}
.pd_view_area .pd_detail_area .pd_detail_box img {
	max-width: 100%;
}

@media screen and (max-width: 500px) {
	.pd_view_area .pd_detail_area {
		display: contents;
		width: 100%;
		padding-bottom: 0;
	}
	
	.pd_view_area .pd_detail_area .pd_thumb_box {
		display: none;
	}
	
	.pd_view_area .mob_pd_thumb_box {
		display: block;
		width: 100%;
	}
	
	.pd_view_area .mob_pd_thumb_box .mob_pd_thumb_list > li {
		position: relative;
		height: 96vw;
		border-radius: 2vw;
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
	}
	
	.pd_view_area .mob_pd_thumb_box .mob_pd_thumb_list > li .view_thumb {
		position: absolute;
		right: 2vw;
		bottom: 2.5vw;
		width: 6.5vw;
		z-index: 1;
	}
	
	.pd_view_area .mob_pd_thumb_box .swiper-pagination {
		display: flex;
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
	}
	
	.pd_view_area .mob_pd_thumb_box .swiper-pagination .swiper-pagination-bullet {
		flex: 1;
		border-radius: 0;
		margin: 0;
		height: 2px;
		transition: .2s;
	}
	
	.pd_view_area .mob_pd_thumb_box .swiper-pagination .swiper-pagination-bullet-active {
		background: #000;
	}
	
	.pd_view_area .pd_detail_area .pd_tabmenu_box {
		width: 100%;
		margin-top: 10vw;
		margin-bottom: 3vw;
	}
	.pd_view_area .pd_detail_area .pd_tabmenu_box .tab {
		padding-bottom: 1.5vw;
		font-size: 3.2vw;
	}
	.pd_view_area .pd_detail_area .pd_tabmenu_box .tab.active {
		border-bottom: 1px solid #000;
	}
}

/* 관련 상품 영역 */
.pd_view_area .pd_detail_area .pd_relation_box {}
.pd_view_area .pd_detail_area .pd_relation_box .pd_list {
	display: flex;
	width: 100%;
	overflow-x: auto;
	flex-wrap: nowrap;
	margin-top: 30px;
}
.pd_view_area .pd_detail_area .pd_relation_box .pd_list::-webkit-scrollbar {
	display: none;
}
.pd_view_area .pd_detail_area .pd_relation_box .pd_list li {
	width: 310px;
	flex-shrink: 0;
	margin-right: 25px;
}
.pd_view_area .pd_detail_area .pd_relation_box .pd_list li .info {
	padding-bottom: 50px;
}

@media screen and (max-width: 500px) {
	.pd_view_area .pd_detail_area .pd_relation_box {
		width: 100%;
	}
	.pd_view_area .pd_detail_area .pd_relation_box .pd_list {
		margin-top: 3vw;
	}
	.pd_view_area .pd_detail_area .pd_relation_box .pd_list li {
		width: 46.5vw;
		margin-right: 3vw;
	}
	.pd_view_area .pd_detail_area .pd_relation_box .pd_list li .info {
		padding-bottom: 5vw;
	}
}

/* 리뷰 영역 */
.pd_view_area .pd_detail_area .pd_review_box {}
.pd_view_area .pd_detail_area .pd_review_box .pd_review_overview {
	display: flex;
	padding: 40px 0;
	border-bottom: 1px solid #EEEEEE;
	align-items: center;
}
.pd_view_area .pd_detail_area .pd_review_box .pd_review_overview .left {
	width: 415px;
	padding: 0 30px;
	border-right: 1px solid #EEEEEE;
	text-align: center;
}
.pd_view_area .pd_detail_area .pd_review_box .pd_review_overview .left .score {
	display: block;
	font-size: 36px;
	font-weight: 500;
}
.pd_view_area .pd_detail_area .pd_review_box .pd_review_overview .left .comment {
	display: block;
	margin: 15px 0;
	font-size: 18px;
}
.pd_view_area .pd_detail_area .pd_review_box .pd_review_overview .left .comment b {}
.pd_view_area .pd_detail_area .pd_review_box .pd_review_overview .left button {
	width: 100%;
	height: 56px;
	background: #000;
	border-radius: 10px;
	font-size: 18px;
	font-weight: 500;
	color: #fff;
}
.pd_view_area .pd_detail_area .pd_review_box .pd_review_overview .right {
	width: calc(100% - 415px);
	padding: 0 30px;
}
.pd_view_area .pd_detail_area .pd_review_box .pd_review_overview .right .score_graph {}
.pd_view_area .pd_detail_area .pd_review_box .pd_review_overview .right .score_graph li {
	display: flex;
	align-items: center;
	margin-bottom: 10px;
}
.pd_view_area .pd_detail_area .pd_review_box .pd_review_overview .right .score_graph li span {
	font-size: 18px;
}
.pd_view_area .pd_detail_area .pd_review_box .pd_review_overview .right .score_graph li span:first-child {
	display: inline-block;
	width: 83px;
	margin-right: 18px;
}
.pd_view_area .pd_detail_area .pd_review_box .pd_review_overview .right .score_graph li .graph {
	position: relative;
	width: 430px;
	height: 15px;
	margin-right: 18px;
	border-radius: 9px;
	background: #EEEEEE;
	overflow: hidden;
}
.pd_view_area .pd_detail_area .pd_review_box .pd_review_overview .right .score_graph li .graph > div {
	display: block;
	height: 100%;
	background: #000;
}

.pd_view_area .pd_detail_area .pd_review_box .pd_review_list {
	padding: 70px 0;
	border-bottom: 1px solid #EEEEEE;
	display: flex;
	width: 100%;
	overflow-x: auto;
	flex-wrap: nowrap;
}
.pd_view_area .pd_detail_area .pd_review_box .pd_review_list::-webkit-scrollbar {
	display: none;
}
.pd_view_area .pd_detail_area .pd_review_box .pd_review_list li {
	margin-right: 20px;
}
.pd_view_area .pd_detail_area .pd_review_box .pd_review_list li .thumb {
	width: 206px;
	height: 206px;
	border-radius: 20px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.pd_view_area .pd_detail_area .pd_review_box .pd_review_list li .score {
	margin: 15px 0;
	font-size: 24px;
}
.pd_view_area .pd_detail_area .pd_review_box .pd_review_list li .txt {
	margin-bottom: 15px;
	font-size: 16px;
	font-weight: 300;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}
.pd_view_area .pd_detail_area .pd_review_box .pd_review_list li .u_id {
	font-size: 14px;
	font-weight: 300;
}

.pd_view_area .pd_detail_area .pd_review_box .pd_review_list2 {}
.pd_view_area .pd_detail_area .pd_review_box .pd_review_list2 li {
	display: flex;
	border-bottom: 1px solid #EEEEEE;
	align-items: center;
}
.pd_view_area .pd_detail_area .pd_review_box .pd_review_list2 li .detail {
	width: calc(100% - 200px);
	padding: 25px 10px;
	border-right: 1px solid #EEEEEE;
}
.pd_view_area .pd_detail_area .pd_review_box .pd_review_list2 li .detail .score {
	margin-bottom: 10px;
	font-size: 24px;
	font-weight: 500;
}
.pd_view_area .pd_detail_area .pd_review_box .pd_review_list2 li .detail .txt {
	font-size: 18px;
	font-weight: 300;
}
.pd_view_area .pd_detail_area .pd_review_box .pd_review_list2 li .detail button {
	margin-top: 10px;
	font-size: 18px;
	font-weight: 300;
	color: #808080;
}
.pd_view_area .pd_detail_area .pd_review_box .pd_review_list2 li .detail button img {
	position: relative;
	top: -2px;
	margin-left: 10px;
	transform: rotate(90deg);
	width: 10px;
}
.pd_view_area .pd_detail_area .pd_review_box .pd_review_list2 li .detail .imgs {
	margin-top: 25px;
}
.pd_view_area .pd_detail_area .pd_review_box .pd_review_list2 li .detail .imgs .img {
	display: inline-block;
	width: 210px;
	height: 210px;
	margin-right: 10px;
	border-radius: 20px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.pd_view_area .pd_detail_area .pd_review_box .pd_review_list2 li .detail .evaluation {
	margin-top: 30px;
}
.pd_view_area .pd_detail_area .pd_review_box .pd_review_list2 li .detail .evaluation label {
	margin-right: 15px;
	font-size: 16px;
	font-weight: 300;
	color: #777777;
}
.pd_view_area .pd_detail_area .pd_review_box .pd_review_list2 li .detail .evaluation label input {}
.pd_view_area .pd_detail_area .pd_review_box .pd_review_list2 li .w_info {
	width: 200px;
	font-size: 16px;
	text-align: center;
}
.pd_view_area .pd_detail_area .pd_review_box .pd_review_list2 li .w_info .u_id {
	display: block;
	margin-bottom: 10px;
	font-weight: 500;
}
.pd_view_area .pd_detail_area .pd_review_box .pd_review_list2 li .w_info .date {
	font-weight: 300;
	color: #777777;
}

.pd_view_area .pd_detail_area .pd_review_box .paging {
	margin-top: 100px;
}

@media screen and (max-width: 500px) {
	.pd_view_area .pd_detail_area .pd_review_box {
		width: 100%;
	}
	
	.pd_view_area .pd_detail_area .pd_review_box .pd_title + .mob {
		text-align: right;
	}
	
	.pd_view_area .pd_detail_area .pd_review_box .pd_title + .mob > label {
		font-size: 2.8vw;
	}
	
	.pd_view_area .pd_detail_area .pd_review_box .pd_title + .mob > label > input {
		position: relative;
		top: 0.8vw;
	}
	
	.pd_view_area .pd_detail_area .pd_review_box .pd_review_overview {
		padding: 7.5vw 0 4vw;
		flex-direction: column;
	}
	
	.pd_view_area .pd_detail_area .pd_review_box .pd_review_overview .right { order: 1; }
	.pd_view_area .pd_detail_area .pd_review_box .pd_review_overview .left { order: 2; }
	
	.pd_view_area .pd_detail_area .pd_review_box .pd_review_overview .left {
		width: 100%;
		padding: 0;
		padding-top: 3vw;
		border-right: 0;
	}
	.pd_view_area .pd_detail_area .pd_review_box .pd_review_overview .left .score {
		font-size: 4.4vw;
	}
	.pd_view_area .pd_detail_area .pd_review_box .pd_review_overview .left .comment {
		margin: 4vw 0 2vw;
		font-size: 2.8vw;
	}
	.pd_view_area .pd_detail_area .pd_review_box .pd_review_overview .left button {
		width: 50vw;
		height: 8vw;
		border-radius: 1vw;
		font-size: 3.6vw;
	}
	.pd_view_area .pd_detail_area .pd_review_box .pd_review_overview .right {
		width: 100%;
		padding: 0;
	}
	.pd_view_area .pd_detail_area .pd_review_box .pd_review_overview .right .score_graph li {
		margin-bottom: 1vw;
	}
	.pd_view_area .pd_detail_area .pd_review_box .pd_review_overview .right .score_graph li span {
		font-size: 3vw;
	}
	.pd_view_area .pd_detail_area .pd_review_box .pd_review_overview .right .score_graph li span:first-child {
		width: 15%;
		margin-right: 5%;
	}
	.pd_view_area .pd_detail_area .pd_review_box .pd_review_overview .right .score_graph li .graph {
		width: 65%;
		height: 3vw;
		margin-right: 5%;
		border-radius: 1.5vw;
	}
	
	.pd_view_area .pd_detail_area .pd_review_box .pd_review_list {
		padding: 5vw 0;
	}
	.pd_view_area .pd_detail_area .pd_review_box .pd_review_list li {
		margin-right: 2vw;
	}
	.pd_view_area .pd_detail_area .pd_review_box .pd_review_list li .thumb {
		width: 21vw;
		height: 21vw;
		border-radius: 2vw;
	}
	.pd_view_area .pd_detail_area .pd_review_box .pd_review_list li .score {
		margin: 1vw 0 0.5vw;
		font-size: 3vw;
	}
	.pd_view_area .pd_detail_area .pd_review_box .pd_review_list li .txt {
		margin-bottom: 1vw;
		font-size: 2.8vw;
	}
	.pd_view_area .pd_detail_area .pd_review_box .pd_review_list li .u_id {
		font-size: 2.4vw;
	}
	
	/* 리뷰 리스트 모바일 대응 */
	.pd_view_area .pd_detail_area .pd_review_box .pd_review_list2 li {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		padding: 5vw 0; /* PC의 detail에 있던 패딩을 li로 옮겨옵니다 */
	}
	
	/* detail 박스를 허물고 자식 요소들을 li의 직접적인 flex 아이템으로 만듭니다 */
	.pd_view_area .pd_detail_area .pd_review_box .pd_review_list2 li .detail {
		display: contents;
	}
	
	/* flex order를 이용해 시각적 노출 순서를 재배치합니다 */
	.pd_view_area .pd_detail_area .pd_review_box .pd_review_list2 li .detail .score { 
		order: 1; 
		margin-bottom: 0; 
		font-size: 2.5vw;
	}
	
	/* 우측에 있던 작성자 정보를 별점 바로 아래(순서 2번)로 끌어옵니다 */
	.pd_view_area .pd_detail_area .pd_review_box .pd_review_list2 li .w_info { 
		order: 2; 
		width: 100%; 
		text-align: left; 
		margin-bottom: 4vw; 
	}
	
	.pd_view_area .pd_detail_area .pd_review_box .pd_review_list2 li .detail .txt { 
		order: 3; 
		font-size: 3vw; 
		line-height: 1.5;
	}
	
	.pd_view_area .pd_detail_area .pd_review_box .pd_review_list2 li .detail button { 
		order: 4; 
		margin-top: 2vw; 
		font-size: 2.8vw; 
	}
	
	.pd_view_area .pd_detail_area .pd_review_box .pd_review_list2 li .detail .imgs { 
		order: 5; 
		width: 100%; 
		margin-top: 4vw; 
		display: flex; 
		gap: 2vw; 
		overflow-x: auto; 
	}
	
	.pd_view_area .pd_detail_area .pd_review_box .pd_review_list2 li .detail .evaluation { 
		order: 6; 
		margin-top: 5vw; 
		width: 100%;
	}
	
	/* w_info 내부 디자인 변경 (아이디 | 날짜 형태) */
	.pd_view_area .pd_detail_area .pd_review_box .pd_review_list2 li .w_info .u_id {
		display: inline-block;
		margin-bottom: 0;
		font-size: 2.4vw;
		font-weight: 500;
		color: #000;
	}
	
	/* 가상 요소를 사용해 파이프(|) 구분자를 넣어줍니다 */
	.pd_view_area .pd_detail_area .pd_review_box .pd_review_list2 li .w_info .u_id::after {
		content: '|';
		margin: 0 2vw;
		color: #E0E0E0;
		font-weight: 300;
	}
	
	.pd_view_area .pd_detail_area .pd_review_box .pd_review_list2 li .w_info .date {
		display: inline-block;
		font-size: 2.4vw;
		color: #999;
	}
	
	/* 리뷰 첨부 이미지 크기 및 가로 스크롤 대응 */
	.pd_view_area .pd_detail_area .pd_review_box .pd_review_list2 li .detail .imgs::-webkit-scrollbar {
		display: none;
	}
	.pd_view_area .pd_detail_area .pd_review_box .pd_review_list2 li .detail .imgs .img {
		width: 21vw;
		height: 21vw;
		margin-right: 0;
		flex-shrink: 0;
		border-radius: 2vw;
	}
	
	/* 더보기 버튼 화살표 위치 보정 */
	.pd_view_area .pd_detail_area .pd_review_box .pd_review_list2 li .detail button img {
		width: 1.8vw;
		margin-left: 1.5vw;
		margin-top: 1vw;
	}
	
	/* 하단 체크박스 영역 폰트 보정 */
	.pd_view_area .pd_detail_area .pd_review_box .pd_review_list2 li .detail .evaluation label {
		font-size: 2.8vw;
		margin-right: 3vw;
	}
	
	.pd_view_area .pd_detail_area .pd_review_box .pd_review_list2 li .detail .evaluation label > input {
		position: relative;
		top: 0.7vw;
	}
	
	.pd_view_area .pd_detail_area .pd_review_box .paging {
		margin-top: 20vw;
	}
}

.pd_view_area .pd_detail_area .pd_inquiry_box {}
.pd_view_area .pd_detail_area .pd_inquiry_box .pd_inquiry_btn {
	width: 100%;
	height: 60px;
	border: 1.5px solid #000;
	border-radius: 10px;
	font-size: 18px;
	font-weight: 500;
	color: #000;
}

.pd_view_area .pd_detail_area .pd_notification_box {
	margin-top: 100px;
	margin-bottom: 200px;
}
.pd_view_area .pd_detail_area .pd_notification_box .pd_notification {
	border-top: 1px solid #000;
}

.pd_view_area .pd_detail_area .pd_notification_box .pd_notification dt {
	position: relative;
	padding: 30px 20px;
	border-bottom: 1px solid #000;
	font-size: 24px;
	font-weight: 500;
	cursor: pointer;
}

.pd_view_area .pd_detail_area .pd_notification_box .pd_notification dt::after {
	content: '';
	position: absolute;
	top: 50%;
	right: 20px;
	width: 22px;
	height: 22px;
	background: url('../images/m_arrow_dropdown.png') no-repeat center / contain;
	transform: translateY(-50%) scaleY(1);
	transition: transform 0.3s ease;
}

.pd_view_area .pd_detail_area .pd_notification_box .pd_notification dt.active {
	border-bottom: 1px solid #EEEEEE;
}

.pd_view_area .pd_detail_area .pd_notification_box .pd_notification dt.active::after {
	transform: translateY(-50%) scaleY(-1);
}

.pd_view_area .pd_detail_area .pd_notification_box .pd_notification dd {
	display: none;
	padding: 20px;
	border-bottom: 1px solid #000;
	font-size: 18px;
	color: #808080;
}

@media screen and (max-width: 500px) {
	.pd_view_area .pd_detail_area .pd_inquiry_box {
		width: 100%;
	}
	
	.pd_view_area .pd_detail_area .pd_inquiry_box .pd_inquiry_btn {
		height: 11vw;
		border: 1px solid #000;
		border-radius: 1vw;
		font-size: 3.6vw;
	}
	
	.pd_view_area .pd_detail_area .pd_notification_box {
		width: 100%;
		margin-top: 15vw;
		margin-bottom: 20vw;
	}
	
	.pd_view_area .pd_detail_area .pd_notification_box .pd_notification dt {
		padding: 3vw 2vw;
		font-size: 3.2vw;
	}
	
	.pd_view_area .pd_detail_area .pd_notification_box .pd_notification dt::after {
		right: 2vw;
		width: 2vw;
		height: 2vw;
	}
	
	.pd_view_area .pd_detail_area .pd_notification_box .pd_notification dd {
		padding: 2vw;
		font-size: 3vw;
	}
}

/* 우측 상품 구매 정보 영역 */
.pd_view_area .pd_info_area {
	width: 430px;
	margin-left: 50px;
	position: sticky;
	top: 20px;
	padding-bottom: 200px;
}

.pd_view_area .pd_info_area .brand_cate {
	display: block;
	padding-bottom: 20px;
	border-bottom: 1px solid #EEEEEE;
	font-size: 16px;
	color: #666;
}

.pd_view_area .pd_info_area .collection_name {
	padding: 20px 0;
	border-bottom: 1px solid #EEEEEE;
}
.pd_view_area .pd_info_area .collection_name .collection {
	display: block;
	font-size: 16px;
	color: #888;
	margin-bottom: 5px;
}
.pd_view_area .pd_info_area .collection_name .name {
	display: block;
	font-size: 24px;
	font-weight: 500;
	color: #000;
}

.pd_view_area .pd_info_area .colors {
	padding: 20px 0;
	border-bottom: 1px solid #EEEEEE;
}
.pd_view_area .pd_info_area .colors span {
	display: block;
	font-size: 16px;
	font-weight: 500;
	margin-bottom: 15px;
}
.pd_view_area .pd_info_area .colors ul {
	display: flex;
	flex-wrap: wrap;
	gap: 12px; /* 원 사이의 간격 */
}
.pd_view_area .pd_info_area .colors ul li {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	cursor: pointer;
}
.pd_view_area .pd_info_area .colors ul li.active {
	box-shadow: 0 0 0 2px #fff, 0 0 0 3px #000;
}

.pd_view_area .pd_info_area .info_fold {
	border-bottom: 1px solid #EEEEEE;
}
.pd_view_area .pd_info_area .info_fold .info_subject {
	display: block;
	position: relative;
	padding: 25px 0;
	font-size: 16px;
	font-weight: 500;
	cursor: pointer;
}

/* 아코디언 화살표 가상 요소 */
.pd_view_area .pd_info_area .info_fold .info_subject::after {
	content: '';
	position: absolute;
	top: 50%;
	right: 0;
	width: 16px;
	height: 16px;
	background: url('../images/m_arrow_dropup.png') no-repeat center / contain;
	transform: translateY(-50%) scaleY(1); /* 기본 화살표 아래 방향 */
	transition: transform 0.3s ease;
}

/* 아코디언 열림 상태일 때 화살표 상하 반전 */
.pd_view_area .pd_info_area .info_fold .info_subject.active::after {
	transform: translateY(-50%) scaleY(-1); 
}

/* 아코디언 내용 영역 */
.pd_view_area .pd_info_area .info_fold .info_txt {
	display: none; /* 제이쿼리로 제어하기 위해 기본 숨김 */
	padding-bottom: 25px;
	font-size: 16px;
	line-height: 1.6;
	color: #333;
}
.pd_view_area .pd_info_area .info_fold .info_txt .noti {
	display: block;
	margin-top: 15px;
	font-size: 14px;
	color: #888;
}

/* 가격 및 태그 정보 */
.pd_view_area .pd_info_area .price_box {
	padding: 30px 0;
	border-bottom: 1px solid #EEEEEE;
	text-align: right;
}
.pd_view_area .pd_info_area .price_box .ori {
	display: block;
	font-size: 18px;
	color: #ccc;
	text-decoration: line-through;
	margin-bottom: 5px;
}
.pd_view_area .pd_info_area .price_box .now {
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
.pd_view_area .pd_info_area .price_box .now .rate {
	font-size: 24px;
	font-weight: 600;
	color: #D2691E; /* 디자인 시안의 오렌지 브라운 색상 */
	margin-right: 10px;
}
.pd_view_area .pd_info_area .price_box .now .now_price {
	font-size: 28px;
	font-weight: 500;
}
.pd_view_area .pd_info_area .price_box .tags {
	margin-top: 15px;
}
.pd_view_area .pd_info_area .price_box .tags span {
	display: inline-block;
	padding: 4px 10px;
	margin-left: 5px;
	background: #000;
	color: #fff;
	font-size: 14px;
	border-radius: 5px;
}

/* 수량 조절 및 총 금액 */
.pd_view_area .pd_info_area .total_box {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 30px 0;
	border-bottom: 1px solid #EEEEEE;
}
.pd_view_area .pd_info_area .total_box .qty_control_box {
	display: flex;
	width: 120px;
	height: 40px;
	border: 1px solid #ddd;
}
.pd_view_area .pd_info_area .total_box .qty_control_box button {
	width: 35px;
	background: #fff;
	border: none;
	font-size: 18px;
	cursor: pointer;
}
.pd_view_area .pd_info_area .total_box .qty_control_box .qty_input {
	flex: 1;
	width: 100%;
	text-align: center;
	border: none;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	font-size: 16px;
}
/* input number 타입의 기본 화살표 제거 */
.pd_view_area .pd_info_area .total_box .qty_control_box .qty_input::-webkit-inner-spin-button,
.pd_view_area .pd_info_area .total_box .qty_control_box .qty_input::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}
.pd_view_area .pd_info_area .total_box .tot_price {
	font-size: 28px;
	font-weight: 500;
}

/* 구매 버튼 영역 */
.pd_view_area .pd_info_area .button_box {
	margin-top: 30px;
}
.pd_view_area .pd_info_area .button_box .flex {
	display: flex;
	gap: 10px;
	margin-bottom: 10px;
}
.pd_view_area .pd_info_area .button_box .flex .heart {
	width: 70px;
	height: 60px;
	background: #fff;
	border: 1px solid #000;
	cursor: pointer;
}
.pd_view_area .pd_info_area .button_box .flex .heart > img {
	width: 38px;
}
.pd_view_area .pd_info_area .button_box .flex .cart {
	flex: 1;
	height: 60px;
	background: #fff;
	border: 1px solid #000;
	font-size: 24px;
	font-weight: 500;
	cursor: pointer;
}
.pd_view_area .pd_info_area .button_box .order {
	width: 100%;
	height: 60px;
	background: #000;
	color: #fff;
	font-size: 24px;
	font-weight: 500;
	border: none;
	cursor: pointer;
}
.pd_view_area .pd_info_area .button_box .flex .cart:disabled,
.pd_view_area .pd_info_area .button_box .order:disabled {
	background: #ccc;
	border-color: #ccc;
	color: #666;
	cursor: not-allowed;
}

@media screen and (max-width: 500px) {
	.pd_view_area .pd_info_area {
		width: 100%;
		margin-top: 3vw;
		margin-left: 0;
		position: relative;
		top: 0;
		padding-bottom: 0;
		box-sizing: border-box;
	}
	
	.pd_view_area .pd_info_area .brand_cate {
		padding-bottom: 0;
		border-bottom: 0;
		font-size: 2.8vw;
	}
	
	.pd_view_area .pd_info_area .collection_name {
		padding: 4vw 0;
		border-bottom: 0;
	}
	.pd_view_area .pd_info_area .collection_name .collection {
		font-size: 2.8vw;
		margin-bottom: 1vw;
	}
	.pd_view_area .pd_info_area .collection_name .name {
		font-size: 3.2vw;
	}
	
	.pd_view_area .pd_info_area .colors {
		padding: 3vw 0;
	}
	.pd_view_area .pd_info_area .colors span {
		display: block;
		font-size: 3vw;
		margin-bottom: 4vw;
	}
	.pd_view_area .pd_info_area .colors ul {
		width: 80%;
		gap: 1.5vw;
	}
	.pd_view_area .pd_info_area .colors ul li {
		width: 6vw;
		height: 6vw;
	}
	.pd_view_area .pd_info_area .colors ul li.active {
		box-shadow: 0 0 0 1px #fff, 0 0 0 2px #000;
	}
	
	.pd_view_area .pd_info_area .info_fold .info_subject {
		padding: 4vw 0;
		font-size: 3vw;
	}
	
	/* 아코디언 화살표 가상 요소 */
	.pd_view_area .pd_info_area .info_fold .info_subject::after {
		right: 2vw;
		width: 3vw;
		height: 3vw;
	}
	
	/* 아코디언 열림 상태일 때 화살표 상하 반전 */
	.pd_view_area .pd_info_area .info_fold .info_subject.active::after {
		transform: translateY(-50%) scaleY(-1); 
	}
	
	/* 아코디언 내용 영역 */
	.pd_view_area .pd_info_area .info_fold .info_txt {
		padding-bottom: 4vw;
		font-size: 2.4vw;
	}
	.pd_view_area .pd_info_area .info_fold .info_txt .noti {
		margin-top: 2vw;
		font-size: 2.4vw;
	}
	
	/* 가격 및 태그 정보 */
	.pd_view_area .pd_info_area .price_box {
		padding: 0;
		padding-bottom: 3vw;
		text-align: left;
	}
	.pd_view_area .pd_info_area .price_box .ori {
		font-size: 3vw;
		margin-bottom: 1vw;
	}
	.pd_view_area .pd_info_area .price_box .now {
		justify-content: flex-start;
	}
	.pd_view_area .pd_info_area .price_box .now .rate {
		font-size: 3.6vw;
		margin-right: 3vw;
	}
	.pd_view_area .pd_info_area .price_box .now .now_price {
		font-size: 3.6vw;
	}
	.pd_view_area .pd_info_area .price_box .tags {
		margin-top: 2vw;
	}
	.pd_view_area .pd_info_area .price_box .tags span {
		padding: 0.6vw 1vw;
		margin-left: 0;
		margin-right: 3px;
		font-size: 2.8vw;
		border-radius: 0.5vw;
	}
	
	.mobile_bottom_bar {
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		background: #fff;
		z-index: 999;
		box-shadow: 0 -2px 15px rgba(0, 0, 0, 0.1);
		padding: 0; 
		box-sizing: border-box;
		border-radius: 0;
		transition: border-radius 0.2s ease; /* 둥근 모서리 애니메이션 */
		overflow: hidden; 
	}
	
	.mobile_bottom_bar.open {
		border-radius: 3vw 3vw 0 0;
	}
	
	/* 수량 조절 및 총 금액 */
	.pd_view_area .pd_info_area .total_box {
		display: none; 
		padding: 5vw; 
		border-bottom: none;
		justify-content: space-between;
		align-items: center;
	}
	
	.pd_view_area .pd_info_area .total_box .qty_control_box {
		height: 10vw; /* 인풋 박스 높이 모바일 보정 */
	}
	
	.pd_view_area .pd_info_area .total_box .qty_control_box .qty_input {
		font-size: 3.6vw;
	}
	
	.pd_view_area .pd_info_area .total_box .tot_price {
		font-size: 4vw;
		font-weight: 600;
	}
	
	.pd_view_area .pd_info_area .button_box {
		display: flex;
		width: 100%;
		margin-top: 0;
	}
	
	.pd_view_area .pd_info_area .button_box .flex {
		display: flex;
		width: auto;
		margin-bottom: 0;
		gap: 0; /* PC 버전에 적용된 gap 속성을 초기화합니다 */
	}
	
	.pd_view_area .pd_info_area .button_box .flex .heart {
		width: 10vw;
		height: 10vw;
		border: 1px solid #000;
		border-left: 1px solid #000;
		border-right: none; /* 장바구니 버튼과 겹치는 테두리 제거 */
	}
	
	.pd_view_area .pd_info_area .button_box .flex .heart > img {
		width: 5vw;
	}
	
	.pd_view_area .pd_info_area .button_box .flex .cart {
		width: 45vw;
		height: 10vw;
		border: 1px solid #000;
		border-right: none;
		font-size: 4vw;
	}
	
	/* 구매하기 버튼 (우측 50%) */
	.pd_view_area .pd_info_area .button_box .order {
		width: 45vw;
		height: 10vw;
		border: 1px solid #000;
		border-right: none;
		background: #000;
		color: #fff;
		font-size: 4vw;
	}

	/* 상품 상세 페이지에서는 하단 메뉴바 대신 구매 바 표시 */
	.product_view #ft_menu_area { display: none; }
}


/* 썸네일 레이어 팝업 */
#thumb_layer {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.9);
	z-index: 9999;
	/* display: flex; */
	align-items: center;
	justify-content: center;
}

/* 상단 바 (1/9 및 X 버튼) */
.thumb_top_bar {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	padding: 17px 32px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	z-index: 10;
}

.swiper_fraction {
	color: #fff;
	font-size: 14px;
	width: auto !important;
}

/* 닫기 버튼 (X) */
.thumb_close {
	position: relative;
	width: 15px;
	height: 15px;
	background: none;
	border: none;
	cursor: pointer;
}

.thumb_close .toggle {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	height: 2px;
	background-color: #fff;
}

.thumb_close .toggle:nth-child(1) { transform: rotate(45deg); }
.thumb_close .toggle:nth-child(2) { transform: rotate(-45deg); }

/* 슬라이더 크기 및 배경 */
.thumb_slide {
	width: 90vh;
	height: 90vh;
	border-radius: 20px;
}

.thumb_slide .slide {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

/* 네비게이션 화살표 커스텀 */
.swiper_btn_prev, .swiper_btn_next {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 50px;
	height: 50px;
	cursor: pointer;
	z-index: 10;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

.swiper_btn_prev {
	left: 170px;
	background-image: url('../images/ico_img_pre_wt.png');
}

.swiper_btn_next {
	right: 170px;
	background-image: url('../images/ico_img_next_wt.png');
}

@media screen and (max-width: 500px) {
	.thumb_top_bar {
		padding: 7vw 5vw;
	}
	
	.swiper_fraction {
		font-size: 3vw;
	}
	
	.thumb_close {
		width: 3.5vw;
		height: 3.5vw;
	}
	
	.thumb_slide {
		width: 92vw;
		height: 92vw;
		border-radius: 2vw;
	}
	
	.swiper_btn_prev, .swiper_btn_next {
		display: none;
	}
}

/******************************************
	로그인, 회원가입 영역 css
*******************************************/
.auth_area {
	margin-top: 100px;
	text-align: center;
}

.auth_area .auth_title {
	font-size: 32px;
	font-weight: 500;
}

.auth_area .auth_subtitle {
	font-size: 16px;
}

.auth_area .auth_box {
	width: 700px;
	margin: 0 auto;
	text-align: left;
}

.auth_area .auth_box .item {
	position: relative;
	margin-top: 70px;
}

.auth_area .auth_box .item.flex {
	display: flex;
	height: 30px;
	align-items: center;
}

.auth_label,
.auth_label2 {
	font-size: 16px;
	color: #808080;
}

.auth_label {
	display: block;
	margin-bottom: 10px;
}

.auth_label.required > span {
	position: relative;
}

.auth_label.required > span::after {
	position: absolute;
	display: block;
	top: -10px;
	right: -10px;
	content: "*";
	color: #DF7829;
}

.auth_label2 {
	margin-right: 120px;
}

.auth_input_box {
	height: 30px;
}

.auth_input {
	width: 100%;
	height: 50px;
	border: 0;
	border-bottom: 1px solid #000;
	font-size: 20px;
}

.auth_file {
	font-size: 20px;
}

.auth_links {
	width: 700px;
	margin: 0 auto;
	margin-top: 30px;
	text-align: right;
}

.auth_links > a {
	margin-left: 10px;
	font-size: 18px;
	color: #ACACAC;
}

.auth_links > a:not(:first-child)::before {
	position: relative;
	top: 2px;
	display: inline-block;
	margin-right: 12px;
	width: 1px;
	height: 18px;
	background: #acacac;
	content: "";
}

.auth_btns {
	margin-top: 100px;
}

.auth_btn {
	display: block;
	width: 700px;
	height: 53px;
	margin: 0 auto;
	margin-bottom: 15px;
	border: 1px solid #000;
	border-radius: 10px;
	font-size: 18px;
	font-weight: 500;
}

.auth_btn.solid_btn {
	background: #000;
	color: #fff;
}

.auth_btn.naver {
	color: #fff;
	background: #2DB400;
	border-color: #2DB400;
}

.auth_btn.kakao {
	background: #FEE500;
	border-color: #FEE500;
}

.auth_btn.last {
	margin-top: 50px;
}

.auth_btn > img {
	width: 30px;
	margin-right: 10px;
}

.auth_btn > span {}

.guest_lookup_banner {
	margin-top: 32px;
	padding-top: 28px;
	border-top: 1px solid #eee;
	text-align: center;
}
.guest_lookup_banner > p {
	font-size: 14px;
	color: #888;
	margin: 0 0 12px;
}
.btn_guest_lookup {
	display: inline-block;
	padding: 12px 32px;
	border: 1px solid #555;
	border-radius: 4px;
	font-size: 14px;
	color: #333;
	text-decoration: none;
}
.btn_guest_lookup:hover {
	background: #f5f5f5;
}

.auth_sbtn {
	position: absolute;
	top: 25px;
	right: 0;
	width: 150px;
	height: 48px;
	border: 1px solid #000;
	border-radius: 10px;
	font-size: 18px;
	font-weight: 500;
}


/* 유입경로 섹션 전용 스타일 */
.auth_inflow_section .inflow_select_container {
	position: relative;
	width: 100%;
}

.auth_inflow_section .inflow_selected_viewer {
	position: relative;
	display: block;
	width: 100%;
	height: 50px;
	padding: 0 40px 0 0;
	background: #fff;
	border: none;
	border-bottom: 1px solid #000;
	font-size: 20px;
	text-align: left;
	cursor: pointer;
	border-radius: 0;
	outline: none;
}

.auth_inflow_section .inflow_selected_viewer::after {
	content: '';
	position: absolute;
	top: 50%;
	right: 0;
	width: 20px;
	height: 20px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") no-repeat center / contain;
	transform: translateY(-50%);
	transition: transform 0.3s ease;
}

.auth_inflow_section .inflow_select_container.is_active .inflow_selected_viewer::after {
	transform: translateY(-50%) scaleY(-1);
}

.auth_inflow_section .inflow_options_group {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	margin: 0;
	padding: 0;
	background: #fff;
	border: 1px solid #eee;
	box-shadow: 0px 3px 10px #00000029;
	border-radius: 0;
	z-index: 100;
	list-style: none;
}

.auth_inflow_section .inflow_select_container.is_active .inflow_options_group {
	display: block;
	padding: 10px 0;
}

.auth_inflow_section .inflow_option_node {
	padding: 5px 10px;
	font-size: 18px;
	color: #333;
	cursor: pointer;
	transition: background 0.2s;
}

.auth_inflow_section .inflow_option_node:hover {
	background-color: #f8f8f8;
}


.auth_agrees {
	width: 700px;
	margin: 0 auto;
	margin-top: 100px;
}

.auth_agrees .agree {
	padding: 25px 0;
	border-bottom: 1px solid #000;
	font-size: 18px;
	text-align: left;
}

.auth_agrees .agree .txt {}

.auth_agrees .agree .txt .agree_view_link {
	font-size: 13px;
	font-weight: normal;
	color: #999;
	text-decoration: underline;
	margin-left: 6px;
}

.auth_agrees .agree .check {
	float: right;
	margin-right: 0;
}

.auth_agrees .agree .txt2 {}

.auth_agrees .agree .sub_agree {
	margin-top: 15px;
}

@media screen and (max-width: 500px) {
	.auth_area {
		margin-top: 15vw;
	}
	
	.auth_area .auth_title {
		font-size: 4vw;
	}
	
	.auth_area .auth_subtitle {
		font-size: 3vw;
	}
	
	.auth_area .auth_box {
		width: 100%;
	}
	
	.auth_area .auth_box .item {
		margin-top: 7vw;
	}
	
	.auth_label,
	.auth_label2 {
		font-size: 3vw;
	}
	
	.auth_label {
		margin-bottom: 1vw;
	}
	
	.auth_label.required > span::after {
		top: -1.5vw;
		right: -1.5vw;
	}
	
	.auth_label2 {
		margin-right: 10vw;
	}
	
	.auth_label3 {
		display: block;
		margin-bottom: 1vw;
	}
	
	.auth_label3 > input {
		position: relative;
		top: 0.8vw;
	}
	
	.auth_input_box {
		height: 4.2vw;
	}
	
	.auth_input {
		height: 10vw;
		font-size: 3vw;
	}
	
	.auth_file {
		font-size: 3vw;
	}
	
	.auth_links {
		width: 100%;
		margin-top: 3vw;
	}
	
	.auth_links > a {
		margin-left: 1vw;
		font-size: 2.8vw;
	}
	
	.auth_links > a:not(:first-child)::before {
		top: 0;
		margin-right: 2vw;
		height: 1.8vw;
	}
	
	.auth_btns {
		margin-top: 20vw;
	}
	
	.auth_btn {
		width: 100%;
		height: 10vw;
		margin-bottom: 2.5vw;
		border-radius: 1vw;
		font-size: 3.6vw;
	}
	
	.auth_btn.last {
		margin-top: 10vw;
	}
	
	.auth_btn > img {
		width: 5vw;
		margin-right: 2vw;
	}
	
	.auth_sbtn {
		top: 6.5vw;
		width: 21vw;
		height: 7.5vw;
		border-radius: 1vw;
		font-size: 3vw;
	}
	
	
	.auth_inflow_section .inflow_selected_viewer {
		height: 10vw;
		padding: 0 4vw 0 0;
		font-size: 3.6vw;
	}
	
	.auth_inflow_section .inflow_selected_viewer::after {
		width: 3vw;
		height: 3vw;
	}
	
	.auth_inflow_section .inflow_options_group {
		box-shadow: 0px 0.3vw 1vw #00000029;
	}
	
	.auth_inflow_section .inflow_select_container.is_active .inflow_options_group {
		padding: 2vw 0;
	}
	
	.auth_inflow_section .inflow_option_node {
		padding: 0.5vw 2vw;
		font-size: 3.6vw;
	}
	
	
	.auth_agrees {
		width: 100%;
		margin-top: 20vw;
	}
	
	.auth_agrees .agree {
		padding: 5vw 0;
		font-size: 3.6vw;
	}
	
	.auth_agrees .agree .sub_agree {
		margin-top: 2vw;
	}
}

/******************************************
	서브 페이지
*******************************************/
/* 공통 */
.sub_title {
	margin: 80px 0;
	font-size: 55px;
	font-weight: 600;
}

.sub_title2 {
	margin: 80px 0;
	font-size: 50px;
	font-weight: 600;
}

.sub_title3 {
	font-size: 50px;
	font-weight: 600;
	line-height: 1.15;
}

.sub_title4 {
	display: inline-block;
	margin-bottom: 100px;
	font-size: 38px;
	font-weight: 500;
}

@media screen and (max-width: 500px) {
	.sub_title {
		margin: 15vw 0 10vw;
		font-size: 7vw;
		line-height: 1.15;
		text-align: center;
	}
	
	.sub_title2, .sub_title3 {
		display: none;
	}
	
	.sub_title4 {
		margin-top: 14vw;
		margin-bottom: 2.5vw;
		font-size: 4.4vw;
	}
	
	.ended_withdraw {
		display: block;
		font-size: 5vw;
	}
}


/* ABOUT WORLDTREND */
.about_box {
	display: flex;
	margin-bottom: 150px;
	gap: 50px;
}

.about_box .img {
	height: 586px;
	flex-shrink: 0;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.about_box .img.vision { width: 777px; background-image: url('../images/awt_img01.png'); }
.about_box .img.mission { width: 727px; background-image: url('../images/awt_img02.png'); }
.about_box .img.philo { width: 777px; background-image: url('../images/awt_img03.png'); }

.about_box .txt {}

.about_box .txt .gubun {
	display: block;
	margin-bottom: 15px;
	font-size: 40px;
	line-height: 1;
}

.about_box .txt .title {
	font-size: 50px;
	font-weight: 600;
	line-height: 1.25;
}

.about_box .txt .content {
	margin-top: 120px;
	font-size: 30px;
	line-height: 1.65;
}

@media screen and (max-width: 500px) {
	.about_box {
		display: block;
		margin-bottom: 20vw;
		gap: 0;
	}
	
	.about_box .img {
		height: 70vw;
		margin-bottom: 3vw;
	}
	
	.about_box .img.vision { width: 100%; background-image: url('../images/m_awt_img01.png'); }
	.about_box .img.mission { width: 100%; background-image: url('../images/m_awt_img02.png'); }
	.about_box .img.philo { width: 100%; background-image: url('../images/m_awt_img03.png'); }
	
	.about_box .txt .gubun {
		margin-bottom: 1.5vw;
		font-size: 4vw;
	}
	
	.about_box .txt .title {
		font-size: 5vw;
	}
	
	.about_box .txt .content {
		margin-top: 6vw;
		font-size: 3vw;
	}
}




/* 프로모션 */
.promotion_top {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.promotion_top .left > span {
	font-size: 18px;
}

.promotion_list {
	margin-top: 30px;
}

.promotion_list > li {
	float: left;
	width: calc(33.33% - 16.66px);
	margin-right: 25px;
	margin-bottom: 130px;
	border: 1px solid #F1F2F4;
	border-radius: 20px;
	overflow: hidden;
}

.promotion_list > li:nth-child(3n + 3) {
	margin-right: 0;
}

.promotion_list > li .thumb {
	position: relative;
	height: 400px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.promotion_list > li .thumb .promo_badge {
	position: absolute;
	top: 15px;
	left: 15px;
	padding: 6px 16px;
	border-radius: 30px;
	font-size: 14px;
	font-weight: 600;
	color: #fff;
}

.promotion_list > li .thumb .promo_badge.dday {
	background: var(--main-color);
}

.promotion_list > li .thumb .promo_badge.ended {
	background: #000;
}

.promotion_list > li .info {
	padding: 20px;
}

.promotion_list > li .info .title {
	display: block;
	font-size: 24px;
	font-weight: 500;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.promotion_list > li .info .content {
	display: -webkit-box;
	margin: 15px 0;
	font-size: 18px;
	line-height: 1.15;
	color: #444444;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all;
}

.promotion_list > li .info .date {
	font-size: 14px;
	color: #777777;
}

.promotion_list > li .info .keywords {
	margin-top: 15px;
}

.promotion_list > li .info .keywords > span {
	display: inline-block;
	float: left;
	margin-right: 5px;
	padding: 5px 20px;
	border-radius: 35px;
	background: #000;
	font-size: 18px;
	color: #fff;
}

.promotion_top .right .custom_select_box {
	position: relative;
	user-select: none;
}

.promotion_top .right .selected_label {
	position: relative;
	display: block;
	width: 100%;
	padding: 0 35px 0 10px;
	background: none;
	border: none;
	font-size: 18px;
	text-align: right;
	cursor: pointer;
	font-weight: 400;
}

.promotion_top .right .selected_label::after {
	content: '';
	position: absolute;
	top: 50%;
	right: 5px;
	width: 14px;
	height: 14px;
	background: url('../images/m_arrow_filterbox_down.png') no-repeat center / contain;
	transform: translateY(-50%) scaleY(1);
	transition: transform 0.3s ease;
}

.promotion_top .right .custom_select_box.active .selected_label::after {
	transform: translateY(-50%) scaleY(-1);
}

.promotion_top .right .options_list {
	display: none;
	position: absolute;
	top: 100%;
	right: -20px;
	width: 160px;
	margin-top: 5px;
	padding: 10px 0;
	background: #fff;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
	border-radius: 4px;
	z-index: 1000;
}

.promotion_top .right .custom_select_box.active .options_list {
	display: block;
}

.promotion_top .right .option_item {
	padding: 5px 15px;
	font-size: 18px;
	color: #333;
	text-align: center;
	cursor: pointer;
	transition: background 0.2s;
}

.promotion_top .right .option_item:hover {
	background-color: #f8f8f8;
	color: #000;
}

/* PC/모바일 배너 표시 제어 */
.pc_only { display: block; }
.mob_only { display: none; }

@media screen and (max-width: 500px) {
	.pc_only { display: none; }
	.mob_only { display: block; }

	.promotion_top .right .selected_label {
		padding: 0 5vw 0 1vw;
		font-size: 2.8vw;
	}

	.promotion_top .right .selected_label::after {
		right: 0.5vw;
		width: 2vw;
		height: 2vw;
	}

	.promotion_top .right .options_list {
		right: 0;
		width: 20vw;
	}

	.promotion_top .right .option_item {
		padding: 0.5vw 1.5vw;
		font-size: 2.8vw;
	}
}

@media screen and (max-width: 500px) {
	.promotion_top {
		margin-top: 15vw;
	}
	
	.promotion_top .left > span {
		font-size: 2.8vw;
	}
	
	.promotion_list {
		margin-top: 3vw;
	}
	
	.promotion_list > li {
		width: 100%;
		margin-right: 0;
		margin-bottom: 10vw;
		border-radius: 2vw;
	}
	
	.promotion_list > li .thumb {
		height: 77vw;
	}

	.promotion_list > li .thumb .promo_badge {
		top: 3vw;
		left: 3vw;
		padding: 1.2vw 3.5vw;
		border-radius: 6vw;
		font-size: 2.8vw;
	}
	
	.promotion_list > li .info {
		padding: 3vw;
	}
	
	.promotion_list > li .info .title {
		font-size: 3.6vw;
	}
	
	.promotion_list > li .info .content {
		margin: 2vw 0;
		font-size: 3vw;
	}
	
	.promotion_list > li .info .date {
		font-size: 2.8vw;
	}
	
	.promotion_list > li .info .keywords {
		margin-top: 2.5vw;
	}
	
	.promotion_list > li .info .keywords > span {
		margin-right: 1.5vw;
		padding: 1vw 4vw;
		border-radius: 7vw;
		font-size: 3.2vw;
	}
}


/******************************************
	게시판 CSS
*******************************************/
.board_title {
	margin-top: 80px;
	font-size: 38px;
	font-weight: 500;
}

.board_date {
	font-size: 22px;
	color: #777777;
}

@media screen and (max-width: 500px) {
	.board_title {
		margin-top: 15vw;
		font-size: 3.6vw;
	}
	
	.board_date {
		font-size: 2.8vw;
	}
}


/* 프로모션 */
.promotion_img {
	height: 1060px;
	margin-top: 30px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.promotion_view_list {
	margin-top: 200px;
}

.promotion_view_list > li {
	float: left;
	width: calc(25% - 21px);
	margin-right: 28px;
}

.promotion_view_list > li:nth-child(4n + 4) {
	margin-right: 0;
}

.promotion_view_list > li .thumb {
	width: 367px;
	height: 367px;
}

@media screen and (max-width: 500px) {
	.promotion_img {
		height: 119vw;
		margin-top: 7.5vw;
	}
	
	.promotion_view_list {
		margin-top: 20vw;
	}
	
	.promotion_view_list > li {
		width: calc(50% - 1.5vw);
		margin-right: 3vw;
	}
	
	.promotion_view_list > li:nth-child(even) {
		margin-right: 0;
	}
	
	.promotion_view_list > li .thumb {
		width: 46vw;
		height: 46vw;
	}
}


/* 룩북 */
.lookbook_top {}

.lookbook_top .brand_btn {
	float: left;
	margin-right: 10px;
	padding: 10px 20px;
	border-radius: 25px;
	border: 1px solid #ACACAC;
	font-size: 20px;
}

.lookbook_top .brand_btn.on {
	border-color: #000;
	background: #000;
	color: #fff;
}

.lookbook_list {
	margin-top: 80px;
}

.lookbook_list > li {
	float: left;
	width: calc(33.33% - 14px);
	margin-right: 21px;
	margin-bottom: 140px;
}

.lookbook_list > li:nth-child(3n + 3) {
	margin-right: 0;
}

.lookbook_list > li .thumb {
	height: 694px;
	border-radius: 20px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.lookbook_list > li .info {
	margin-top: 20px;
}

.lookbook_list > li .info .brand {
	font-size: 18px;
	color: #444444;
}

.lookbook_list > li .info .title {
	display: block;
	font-size: 24px;
	font-weight: 600;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

@media screen and (max-width: 500px) {
	.lookbook_top .brand_btn {
		margin-top: 15vw;
		margin-right: 2.5vw;
		margin-bottom: 1vw;
		padding: 1.5vw 3vw;
		border-radius: 10vw;
		font-size: 3.2vw;
	}
	
	.lookbook_list {
		margin-top: 12vw;
	}
	
	.lookbook_list > li {
		position: relative;
		width: 100%;
		margin-right: 0;
		margin-bottom: 2vw;
	}
	
	.lookbook_list > li .thumb {
		height: 132.4vw;
		border-radius: 2vw;
	}
	
	.lookbook_list > li .info {
		position: absolute;
		bottom: 13vw;
		left: 0;
		width: calc(100% - 4vw);
		margin: 0 2vw;
		margin-top: 0;
	}
	
	.lookbook_list > li .info .brand {
		font-size: 3vw;
		color: #fff;
	}
	
	.lookbook_list > li .info .title {
		font-size: 5vw;
		color: #fff;
	}
}


.lookbook_slide_container {
	position: relative;
	width: 100%;
	margin: 0 auto;
	margin-top: 150px;
}

.lookbook_slide {
	position: relative;
	width: 1200px;
	height: 900px;
}

.slide {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.btn_prev, .btn_next {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 50px;
	height: 50px;
	border: none;
	background-repeat: no-repeat;
	background-position: center;
	cursor: pointer;
	text-indent: -9999px;
	z-index: 10;
}

.btn_prev {
	left: 0;
	background-image: url('../images/ico_img_pre.png');
}

.btn_next {
	right: 0;
	background-image: url('../images/ico_img_next.png');
}

@media screen and (max-width: 500px) {
	.lookbook_slide_container {
		position: relative;
		margin-top: 11vw;
		padding-bottom: 7vw;
	}
	
	.lookbook_slide {
		width: 100%;
		height: 75vw;
	}
	
	.btn_prev, .btn_next, 
	.swiper_btn_prev, .swiper_btn_next {
		display: none !important;
	}
	
	.swiper_fraction {
		position: absolute;
		bottom: 0;
		left: 50%;
		transform: translateX(-50%);
		font-size: 3vw;
		color: #333;
		z-index: 10;
		text-align: center;
	}
}


/* 에디토리얼 */
.editorial_list {
	margin-top: 80px;
}

.editorial_list > li {
	float: left;
	width: calc(33.33% - 14px);
	margin-right: 21px;
	margin-bottom: 140px;
}

.editorial_list > li:nth-child(3n + 3) {
	margin-right: 0;
}

.editorial_list > li .thumb {
	height: 694px;
	border-radius: 20px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.editorial_list > li .info {
	margin-top: 20px;
}

.editorial_list > li .info > span {
	display: block;
}

.editorial_list > li .info .gubun {
	font-size: 14px;
	font-weight: 500;
}

.editorial_list > li .info .title {
	font-size: 24px;
	font-weight: 500;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.editorial_list > li .info .content {
	font-size: 18px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #444444;
}

.editorial_list > li .info .date {
	margin-top: 20px;
	font-size: 14px;
	color: #777777;
}

@media screen and (max-width: 500px) {
	.editorial_list {
		margin-top: 12vw;
	}
	
	.editorial_list > li {
		position: relative;
		width: 100%;
		margin-right: 0;
		margin-bottom: 2vw;
	}
	
	.editorial_list > li .thumb {
		height: 132.3vw;
		border-radius: 2vw;
	}
	
	.editorial_list > li .info {
		position: absolute;
		bottom: 4vw;
		left: 0;
		width: calc(100% - 4vw);
		margin: 0 2vw;
		margin-top: 0;
	}
	
	.editorial_list > li .info > span {
		color: #fff !important;
	}
	
	.editorial_list > li .info .gubun {
		font-size: 2.8vw;
	}
	
	.editorial_list > li .info .title {
		font-size: 5vw;
	}
	
	.editorial_list > li .info .content {
		font-size: 3.6vw;
	}
	
	.editorial_list > li .info .date {
		margin-top: 2vw;
		font-size: 2.8vw;
	}
}

.editorial_content {
	margin: 120px 0 180px;
}

.editorial_pd_list .pd_list {
	display: flex;
	width: 100%;
	overflow-x: auto;
	flex-wrap: nowrap;
	margin-top: 30px;
}

.editorial_pd_list .pd_list::-webkit-scrollbar {
	display: none;
}

.editorial_pd_list .pd_list li {
	width: 310px;
	flex-shrink: 0;
	margin-right: 25px;
}

.editorial_pd_list .pd_list li .info {
	padding-bottom: 50px;
}

@media screen and (max-width: 500px) {
	.editorial_content {
		margin: 12vw 0 20vw;
	}
	
	.editorial_pd_list {
		width: 100%;
	}
	
	.editorial_pd_list .pd_list {
		margin-top: 3vw;
	}
	
	.editorial_pd_list .pd_list li {
		width: 46.5vw;
		margin-right: 3vw;
	}
	
	.editorial_pd_list .pd_list li .info {
		padding-bottom: 5vw;
	}
}

/******************************************
	마이 페이지
*******************************************/
/* 공통 */
.mypage_area {
	display: flex;
	margin-top: 80px;
	gap: 70px;
}

.mypage_area .menu_box {
	width: 170px;
	flex-shrink: 0;
}

.mypage_area .menu_box .box {
	padding-bottom: 15px;
	margin-bottom: 40px;
	border-bottom: 2px solid #000;
}

.mypage_area .menu_box .box:last-child {
	border: 0;
}

.mypage_area .menu_box .box.no_border {
	margin-bottom: 20px;
	border: 0;
}

.mypage_area .menu_box .menu_logout {
	padding-top: 20px;
	border-top: 1px solid #EEEEEE;
}

.mypage_area .menu_box .menu_logout a {
	font-size: 16px;
	color: #ACACAC;
}

.mypage_area .menu_box .menu_logout a:hover {
	color: #000;
}

.mypage_area .menu_box .box .title {
	font-size: 24px;
	font-weight: 500;
}

.mypage_area .menu_box .box .menu {
	margin-top: 30px;
}

.mypage_area .menu_box .box .menu > li {
	margin-bottom: 25px;
}
	
.mypage_area .menu_box .box .menu > li > a {
	font-size: 16px;
	color: #ACACAC;
}

.mypage_area .menu_box .box .menu > li.on > a {
	color: #000;
}

.mypage_area .content_box {
	flex: 1;
}

@media screen and (max-width: 500px) {
	.mypage_area {
		display: block;
		margin-top: 12vw;
	}
	
	.mypage_area .menu_box {
		display: none;
	}
}


/* 대시보드 */
.mypage_area .content_box .dashboard_intro {
	width: 100%;
	margin-top: 50px;
	padding: 45px 40px;
	border-radius: 15px;
	box-sizing: border-box;
	background: #F1F2F4;
	font-size: 24px;
}

.mypage_area .content_box .dashboard_intro b {
	font-size: 28px;
	font-weight: 500;
}

.mypage_area .content_box .dashboard_intro.has_logout {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
}

.mypage_area .content_box .dashboard_logout_btn {
	flex-shrink: 0;
	margin-left: 20px;
	color: #ACACAC;
	font-size: 16px;
	white-space: nowrap;
	text-decoration: none;
}

.mypage_area .content_box .dashboard_logout_btn:hover {
	color: #000;
}

.mypage_area .content_box .dashboard_status {
	display: flex;
	margin-top: 50px;
}

.mypage_area .content_box .dashboard_status .box {
	flex: 1;
	height: 110px;
	border-right: 1px solid #EEEEEE;
	font-size: 18px;
	text-align: center;
}

.mypage_area .content_box .dashboard_status .box:last-child {
	border: 0;
}

.mypage_area .content_box .dashboard_status .box .title {
	display: block;
	margin: 10px auto 15px;
}

.mypage_area .content_box .dashboard_status .box .state {}

.mypage_area .content_box .dashboard_status .box .state .num {
	font-size: 28px;
	font-weight: 500;
}

.mypage_area .content_box .order_box {
	margin-top: 120px;
}

.mypage_area .content_box .recent_box {
	margin-top: 120px;
}

.mypage_area .content_box .recent_box .pd_list {
	margin-top: 40px;
}

.mypage_area .content_box .recent_box .pd_list > li {
	float: left;
	width: calc(25% - 18.75px);
	margin-right: 25px;
}

.mypage_area .content_box .recent_box .pd_list > li:last-child {
	margin-right: 0;
}

@media screen and (max-width: 500px) {
	.mypage_area .content_box .dashboard_intro {
		margin-top: 0;
		padding: 5vw 3vw;
		border-radius: 1.5vw;
		font-size: 4vw;
	}
	
	.mypage_area .content_box .dashboard_intro b {
		font-size: 4.4vw;
	}

	.mypage_area .content_box .dashboard_logout_btn {
		margin-left: 2vw;
		font-size: 3.4vw;
	}

	.mypage_area .content_box .dashboard_status {
		margin-top: 0;
		height: 17vw;
		align-items: center;
	}
	
	.mypage_area .content_box .dashboard_status .box {
		height: 9vw;
		font-size: 3vw;
	}
	
	.mypage_area .content_box .dashboard_status .box .title {
		display: block;
		margin: 0 auto 1vw;
	}
	
	.mypage_area .content_box .dashboard_status .box .state .num {
		font-size: 3.6vw;
	}
	
	.mypage_area .content_box .order_box {
		margin-top: 14vw;
	}
	
	.mypage_area .content_box .order_box .dashboard_status {
		border-bottom: 1px solid #eee;
	}
	
	.mypage_area .content_box .recent_box {
		margin-top: 14vw;
	}
	
	.mypage_area .content_box .recent_box .pd_list {
		margin-top: 2vw;
	}
	
	.mypage_area .content_box .recent_box .pd_list > li {
		width: 44.5vw;
		margin-right: 3.5vw;
	}
	
	.menu_box2 {
		margin-bottom: 14vw;
	}
	
	.menu_box2 > ul > li {
		padding: 4vw 0;
		border-bottom: 1px solid #EEEEEE;
		font-size: 3vw;
		background: url('../images/m_arrow_list_more.png') no-repeat center right / 2vw;
	}
}

/* 주문배송내역 */
.history_filter {
	margin-top: 40px;
	text-align: right;
}

.history_filter button {
	width: 120px;
	height: 40px;
	margin-right: 5px;
	font-size: 18px;
	border-radius: 20px;
	border: 1px solid #ACACAC;
}

.history_filter button.on {
	background: #000;
	border-color: #000;
	color: #fff;
}

.history_range {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 10px;
	margin-top: 20px;
	padding: 18px 20px;
	background: #fafafa;
	border: 1px solid #e5e5e5;
	border-radius: 10px;
}

.history_range input[type="date"] {
	height: 40px;
	padding: 0 14px;
	border: 1px solid #ccc;
	border-radius: 8px;
	background: #fff;
	font-size: 16px;
	color: #333;
	font-family: inherit;
}

.history_range .range_sep {
	font-size: 16px;
	color: #888;
}

.history_range .range_apply {
	height: 40px;
	padding: 0 24px;
	border: 1px solid #000;
	border-radius: 8px;
	background: #000;
	color: #fff;
	font-size: 15px;
	cursor: pointer;
}

.history_range .range_apply:hover {
	background: #333;
}

.od_no_data {
	margin: 100px 0;
	text-align: center;
	color: #888;
	font-size: 18px;
}

.history_loading {
	text-align: center;
	padding: 30px 0;
	color: #888;
}

/* 교환/반품 사유 모달 */
.od_reason_modal {
	position: fixed;
	top: 0; left: 0; right: 0; bottom: 0;
	z-index: 1000;
}
.od_reason_modal .od_reason_dim {
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
	background: rgba(0,0,0,0.5);
}
.od_reason_modal .od_reason_box {
	position: absolute;
	top: 50%; left: 50%;
	transform: translate(-50%, -50%);
	width: 90%;
	max-width: 480px;
	padding: 30px;
	background: #fff;
	border-radius: 12px;
	box-sizing: border-box;
}
.od_reason_modal .od_reason_title {
	font-size: 22px;
	font-weight: 700;
	margin: 0 0 8px;
}
.od_reason_modal .od_reason_desc {
	margin: 0 0 16px;
	font-size: 14px;
	color: #666;
}
.od_reason_modal .od_reason_text {
	width: 100%;
	height: 140px;
	padding: 12px;
	border: 1px solid #ccc;
	border-radius: 8px;
	font-size: 15px;
	font-family: inherit;
	resize: vertical;
	box-sizing: border-box;
}
.od_reason_modal .od_reason_btns {
	display: flex;
	gap: 8px;
	margin-top: 18px;
	justify-content: flex-end;
}
.od_reason_modal .od_reason_btns button {
	height: 44px;
	padding: 0 24px;
	border-radius: 8px;
	font-size: 15px;
	cursor: pointer;
}
.od_reason_modal .od_reason_cancel {
	border: 1px solid #ccc;
	background: #fff;
	color: #333;
}
.od_reason_modal .od_reason_submit {
	border: 1px solid #000;
	background: #000;
	color: #fff;
}

/* 거래명세서 / 신용카드 전표 팝업 */
#doc_popup {
	position: fixed;
	top: 0; left: 0; right: 0; bottom: 0;
	z-index: 2000;
	display: flex;
	align-items: center;
	justify-content: center;
}
#doc_popup .doc_popup_dim {
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
	background: rgba(0,0,0,0.55);
}
#doc_popup .doc_popup_box {
	position: relative;
	width: 90%;
	max-width: 780px;
	max-height: 88vh;
	background: #fff;
	border-radius: 10px;
	overflow: hidden;
	display: flex;
	flex-direction: column;
}
#doc_popup .doc_popup_close {
	position: absolute;
	top: 14px; right: 16px;
	width: 32px; height: 32px;
	background: none;
	border: none;
	cursor: pointer;
	padding: 0;
	z-index: 1;
}
#doc_popup .doc_popup_close span {
	display: block;
	width: 22px; height: 2px;
	background: #333;
	position: absolute;
	top: 50%; left: 50%;
	transform-origin: center;
}
#doc_popup .doc_popup_close span:first-child {
	transform: translate(-50%, -50%) rotate(45deg);
}
#doc_popup .doc_popup_close span:last-child {
	transform: translate(-50%, -50%) rotate(-45deg);
}
#doc_popup .doc_popup_content {
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	flex: 1;
}

/* 거래명세서 */
.doc_receipt_wrap {
	padding: 40px 36px;
	font-size: 13px;
	color: #222;
	line-height: 1.6;
}
.doc_receipt_wrap .doc_head {
	text-align: center;
	margin-bottom: 28px;
	padding-bottom: 20px;
	border-bottom: 2px solid #222;
}
.doc_receipt_wrap .doc_head .doc_shop_label {
	display: block;
	font-size: 11px;
	letter-spacing: 3px;
	color: #888;
	margin-bottom: 8px;
}
.doc_receipt_wrap .doc_head .doc_title {
	font-size: 24px;
	font-weight: 700;
	letter-spacing: 8px;
	margin: 0 0 6px;
}
.doc_receipt_wrap .doc_head .doc_subtitle {
	font-size: 12px;
	color: #999;
	margin: 0;
}
.doc_receipt_wrap .doc_info_grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 14px;
	margin-bottom: 22px;
}
.doc_receipt_wrap .doc_info_section {
	border: 1px solid #e0e0e0;
	border-radius: 6px;
	overflow: hidden;
}
.doc_receipt_wrap .doc_info_section .doc_section_label {
	background: #f7f7f7;
	padding: 8px 14px;
	font-weight: 700;
	font-size: 11px;
	letter-spacing: 0.5px;
	color: #555;
	border-bottom: 1px solid #e0e0e0;
	margin: 0;
}
.doc_receipt_wrap .doc_info_section .doc_info_tbl {
	width: 100%;
	border-collapse: collapse;
}
.doc_receipt_wrap .doc_info_section .doc_info_tbl th,
.doc_receipt_wrap .doc_info_section .doc_info_tbl td {
	padding: 6px 14px;
	font-size: 12px;
	vertical-align: top;
}
.doc_receipt_wrap .doc_info_section .doc_info_tbl th {
	width: 88px;
	color: #777;
	font-weight: 600;
	white-space: nowrap;
}
.doc_receipt_wrap .doc_items_tbl {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 0;
}
.doc_receipt_wrap .doc_items_tbl th,
.doc_receipt_wrap .doc_items_tbl td {
	border: 1px solid #e0e0e0;
	padding: 9px 10px;
	font-size: 12px;
	text-align: center;
}
.doc_receipt_wrap .doc_items_tbl thead th {
	background: #f7f7f7;
	font-weight: 700;
	color: #444;
}
.doc_receipt_wrap .doc_items_tbl tbody td:first-child {
	text-align: left;
}
.doc_receipt_wrap .doc_totals_area {
	display: flex;
	justify-content: flex-end;
	align-items: flex-start;
	gap: 14px;
	margin: 16px 0 20px;
}
.doc_receipt_wrap .doc_subtotals_tbl {
	border-collapse: collapse;
	min-width: 260px;
}
.doc_receipt_wrap .doc_subtotals_tbl th,
.doc_receipt_wrap .doc_subtotals_tbl td {
	border: 1px solid #e0e0e0;
	padding: 7px 14px;
	font-size: 12px;
}
.doc_receipt_wrap .doc_subtotals_tbl th {
	background: #f7f7f7;
	font-weight: 600;
	color: #555;
	text-align: left;
	white-space: nowrap;
}
.doc_receipt_wrap .doc_subtotals_tbl td {
	text-align: right;
	min-width: 100px;
}
.doc_receipt_wrap .doc_coupon_row th,
.doc_receipt_wrap .doc_coupon_row td {
	color: #d0021b;
}
.doc_receipt_wrap .doc_grand_total {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background: #1a1a1a;
	color: #fff;
	border-radius: 8px;
	padding: 18px 26px;
	text-align: center;
	min-width: 150px;
	gap: 6px;
}
.doc_receipt_wrap .doc_grand_total span {
	font-size: 11px;
	letter-spacing: 0.5px;
	opacity: 0.7;
}
.doc_receipt_wrap .doc_grand_total strong {
	font-size: 20px;
	font-weight: 700;
	white-space: nowrap;
}
.doc_receipt_wrap .doc_pay_section {
	margin-bottom: 20px;
	border: 1px solid #e0e0e0;
	border-radius: 6px;
	overflow: hidden;
}
.doc_receipt_wrap .doc_pay_section .doc_section_label {
	background: #f7f7f7;
	padding: 8px 14px;
	font-weight: 700;
	font-size: 11px;
	letter-spacing: 0.5px;
	color: #555;
	border-bottom: 1px solid #e0e0e0;
	margin: 0;
}
.doc_receipt_wrap .doc_pay_tbl {
	width: 100%;
	border-collapse: collapse;
}
.doc_receipt_wrap .doc_pay_tbl th,
.doc_receipt_wrap .doc_pay_tbl td {
	padding: 7px 14px;
	font-size: 12px;
}
.doc_receipt_wrap .doc_pay_tbl th {
	width: 110px;
	color: #777;
	font-weight: 600;
}
.doc_receipt_wrap .doc_legal_note {
	font-size: 11px;
	color: #aaa;
	text-align: center;
	margin: 0 0 6px;
}
.doc_receipt_wrap .doc_thanks {
	font-size: 13px;
	color: #666;
	text-align: center;
	margin: 0;
}

/* 신용카드 전표 */
.card_receipt_wrap {
	padding: 40px 36px;
	font-size: 13px;
	color: #222;
	line-height: 1.6;
}
.card_receipt_wrap .card_receipt_shop {
	text-align: center;
	font-size: 11px;
	letter-spacing: 3px;
	color: #888;
	margin: 0 0 6px;
}
.card_receipt_wrap .card_receipt_title {
	display: block;
	text-align: center;
	font-size: 22px;
	font-weight: 700;
	letter-spacing: 5px;
	margin: 0 0 5px;
}
.card_receipt_wrap .card_receipt_sub {
	text-align: center;
	font-size: 12px;
	color: #999;
	margin: 0 0 24px;
}
.card_receipt_wrap .card_approve_box {
	border: 2px solid #222;
	border-radius: 8px;
	padding: 18px 24px;
	margin-bottom: 24px;
	text-align: center;
}
.card_receipt_wrap .card_approve_box .card_approve_label {
	font-size: 12px;
	color: #777;
	margin: 0 0 5px;
}
.card_receipt_wrap .card_approve_box .card_approve_no {
	display: block;
	font-size: 26px;
	font-weight: 700;
	color: #111;
	letter-spacing: 2px;
}
.card_receipt_wrap .card_receipt_tbl {
	width: 100%;
	border-collapse: collapse;
}
.card_receipt_wrap .card_receipt_tbl th,
.card_receipt_wrap .card_receipt_tbl td {
	border: 1px solid #e0e0e0;
	padding: 8px 14px;
	font-size: 12px;
}
.card_receipt_wrap .card_receipt_tbl th {
	background: #f7f7f7;
	font-weight: 600;
	color: #555;
	width: 32%;
	text-align: left;
	white-space: nowrap;
}
.card_receipt_wrap .card_receipt_tbl .card_amount_label {
	font-weight: 700;
	color: #222;
}
.card_receipt_wrap .card_receipt_tbl .card_receipt_amount {
	font-weight: 700;
	font-size: 15px;
}
.card_receipt_wrap .card_receipt_divider {
	height: 1px;
	background: #e8e8e8;
	margin: 18px 0;
}
.card_receipt_wrap .card_receipt_footer {
	font-size: 12px;
	color: #aaa;
	text-align: center;
	margin-top: 20px;
	line-height: 1.8;
}

@media (max-width: 600px) {
	#doc_popup .doc_popup_box {
		width: 96%;
		max-height: 92vh;
	}
	.doc_receipt_wrap,
	.card_receipt_wrap {
		padding: 22px 16px;
	}
	.doc_receipt_wrap .doc_info_grid {
		grid-template-columns: 1fr;
		gap: 12px;
	}
	.doc_receipt_wrap .doc_items_tbl th,
	.doc_receipt_wrap .doc_items_tbl td {
		padding: 7px 6px;
		font-size: 11px;
	}
	.doc_receipt_wrap .doc_totals_area {
		flex-direction: column;
		align-items: stretch;
	}
	.doc_receipt_wrap .doc_subtotals_tbl {
		min-width: 0;
		width: 100%;
	}
	.doc_receipt_wrap .doc_grand_total {
		flex-direction: row;
		justify-content: space-between;
		padding: 14px 18px;
		gap: 0;
		border-radius: 6px;
	}
	.doc_receipt_wrap .doc_grand_total strong {
		font-size: 18px;
	}
	.card_receipt_wrap .card_receipt_title {
		font-size: 18px;
		letter-spacing: 3px;
	}
	.card_receipt_wrap .card_approve_box .card_approve_no {
		font-size: 22px;
	}
}

@media (max-width: 600px) {
	.history_range {
		flex-wrap: wrap;
		justify-content: flex-start;
	}
	.history_range input[type="date"] {
		flex: 1;
		min-width: 0;
		font-size: 14px;
	}
	.history_range .range_apply {
		width: 100%;
		margin-top: 6px;
	}
}

.mypage_area .content_box .history_list {
	margin-top: 110px;
}

.mypage_area .content_box .history_list > li {
	margin-bottom: 140px;
}

.mypage_area .content_box .history_list > li .summary {}

.mypage_area .content_box .history_list > li .summary .od_ssn {
	display: inline-block;
	font-size: 28px;
}

.mypage_area .content_box .history_list > li .summary .od_ssn .date {}

.mypage_area .content_box .history_list > li .summary .od_ssn .ssn {
	display: inline-block;
	position: relative;
	margin-left: 15px;
	padding-left: 20px;
	color: #acacac;
}

.mypage_area .content_box .history_list > li .summary .od_ssn .ssn::before {
	display: inline-block;
	position: absolute;
	top: 7px;
	left: 0;
	width: 1px;
	height: 28px;
	background: #acacac;
	content: "";
}

.mypage_area .content_box .history_list > li .summary .detail_btn {
	float: right;
	position: relative;
	padding-left: 25px;
	font-size: 18px;
	color: #666666;
}

.mypage_area .content_box .history_list > li .summary .detail_btn::before,
.mypage_area .content_box .history_list > li .summary .detail_btn::after {
	position: absolute;
	top: 9px;
	left: 0;
	height: 1px;
	width: 15px;
	background: #666666;
	content: "";
}

.mypage_area .content_box .history_list > li .summary .detail_btn::after {
	transform: rotate(90deg);
	transition: .2s;
}

.mypage_area .content_box .history_list > li .summary .detail_btn.on::after {
	transform: rotate(0deg);
}

.mypage_area .content_box .history_list > li table.info {
	width: 100%;
	margin-top: 25px;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}

.mypage_area .content_box .history_list > li table.info thead {
	border-bottom: 1px solid #EEEEEE;
}

.mypage_area .content_box .history_list > li table.info thead tr {}

.mypage_area .content_box .history_list > li table.info thead tr th {
	padding: 15px 0;
	font-size: 16px;
	font-weight: 500;
}

.mypage_area .content_box .history_list > li table.info tbody tr td {
	padding: 60px 0;
	font-size: 20px;
	text-align: center;
}

.mypage_area .content_box .history_list > li table.info tbody tr td > a {
	text-decoration: underline;
}

.mypage_area .content_box .history_list > li table.info tbody tr td .main_info {
	display: flex;
	gap: 20px;
	align-items: center;
	justify-content: flex-start;
}

.mypage_area .content_box .history_list > li table.info tbody tr td .main_info .thumb {
	width: 100px;
	height: 100px;
	border-radius: 10px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	flex-shrink: 0;
}

.mypage_area .content_box .history_list > li table.info tbody tr td .main_info .txt {
	text-align: left;
}

.mypage_area .content_box .history_list > li table.info tbody tr td .main_info .txt .brand {
	font-size: 16px;
}

.mypage_area .content_box .history_list > li table.info tbody tr td .main_info .txt .pd_name {
	display: block;
	font-size: 18px;
}

.mypage_area .content_box .history_list > li .history_btns {
	display: flex;
	margin-top: 25px;
	justify-content: space-between;
}

.mypage_area .content_box .history_list > li .history_btns button {
	padding: 15px 45px;
	border-radius: 10px;
	border: 1px solid #000;
	font-size: 18px;
}

.mypage_area .content_box .history_list > li .history_btns .left button {
	margin-right: 5px;
}

.mypage_area .content_box .history_list > li .history_btns .right button {
	margin-left: 5px;
}

.history_detail_box {
	display: none;
}

.mypage_area .content_box .history_list > li .history_detail_box .history_detail {
	display: table;
	width: 100%;
	margin-top: 100px;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}

.mypage_area .content_box .history_list > li .history_detail_box .history_detail.mob {
	display: none;
}

.mypage_area .content_box .history_list > li .history_detail_box .history_detail thead {}

.mypage_area .content_box .history_list > li .history_detail_box .history_detail thead tr {}

.mypage_area .content_box .history_list > li .history_detail_box .history_detail th,
.mypage_area .content_box .history_list > li .history_detail_box .history_detail td {
	padding: 30px 0;
	border-bottom: 1px solid #EEEEEE;
	text-align: center;
}

.mypage_area .content_box .history_list > li .history_detail_box .history_detail thead tr th {
	font-size: 16px;
}

.mypage_area .content_box .history_list > li .history_detail_box .history_detail tbody {}

.mypage_area .content_box .history_list > li .history_detail_box .history_detail tbody tr {}

.mypage_area .content_box .history_list > li .history_detail_box .history_detail tbody tr td {
	font-size: 18px;
}

.mypage_area .content_box .history_list > li .history_detail_box .history_detail tbody tr:last-child td {
	border-bottom: 1px solid #000;
}

@media screen and (max-width: 500px) {
	.history_filter {
		margin-top: 3vw;
		text-align: left;
	}
	
	.history_filter button {
		width: 21vw;
		height: 7vw;
		margin-right: 0.5vw;
		font-size: 3.2vw;
		border-radius: 10vw;
	}
	
	.mypage_area .content_box .history_list {
		margin-top: 14vw;
	}
	
	.mypage_area .content_box .history_list > li {
		margin-bottom: 13vw;
	}
	
	.mypage_area .content_box .history_list > li .summary .od_ssn {
		font-size: 3.2vw;
	}
	
	.mypage_area .content_box .history_list > li .summary .od_ssn .ssn {
		margin-left: 1.5vw;
		padding-left: 2vw;
	}
	
	.mypage_area .content_box .history_list > li .summary .od_ssn .ssn::before {
		top: 0.9vw;
		height: 3.2vw;
	}
	
	.mypage_area .content_box .history_list > li .summary .detail_btn {
		top: 1.5vw;
		padding-left: 3.3vw;
		font-size: 3vw;
		color: #666666;
	}
	
	.mypage_area .content_box .history_list > li .summary .detail_btn::before,
	.mypage_area .content_box .history_list > li .summary .detail_btn::after {
		top: 1.5vw;
		width: 2.3vw;
	}
	
	.mypage_area .content_box .history_list > li table.info {
		margin-top: 2vw;
	}
	
	.mypage_area .content_box .history_list > li table.info .table_pc {
		display: none !important;
	}
	
	.mypage_area .content_box .history_list > li table.info tbody tr td {
		padding: 5vw 0 2.5vw;
		font-size: 3.6vw;
	}
	
	.mypage_area .content_box .history_list > li table.info tbody tr td .main_info {
		gap: 3vw;
		justify-content: left;
	}
	
	.mypage_area .content_box .history_list > li table.info tbody tr td .main_info .thumb {
		width: 21vw;
		height: 21vw;
		border-radius: 1vw;
	}
	
	.mypage_area .content_box .history_list > li table.info tbody tr td .main_info .txt .brand {
		font-size: 3vw;
	}
	
	.mypage_area .content_box .history_list > li table.info tbody tr td .main_info .txt .pd_name {
		font-size: 3.2vw;
	}
	
	.mypage_area .content_box .history_list > li table.info tbody tr td .main_info .txt .unit {
		font-size: 2.8vw;
		color: #777777;
	}
	
	.mypage_area .content_box .history_list > li table.info tbody tr td .main_info .txt .price_state {
		display: block;
		margin-top: 2vw;
	}
	
	.mypage_area .content_box .history_list > li table.info tbody tr td .main_info .txt .price_state .price {
		font-size: 3.2vw;
	}
	
	.mypage_area .content_box .history_list > li table.info tbody tr td .main_info .txt .price_state .state {
		font-size: 2.8vw;
		color: #777777;
	}
	
	.mypage_area .content_box .history_list > li table.info tbody tr td .main_info .txt .delivery {
		font-size: 3vw;
	}
	
	.mypage_area .content_box .history_list > li table.info tbody tr td .main_info .txt .delivery > a {
		text-decoration: underline;
	}
	
	.mypage_area .content_box .history_list > li .history_btns {
		display: block;
		margin-top: 2.5vw;
	}
	
	.mypage_area .content_box .history_list > li .history_btns button {
		padding: 2vw 7vw;
		border-radius: 1vw;
		font-size: 3vw;
	}
	
	.mypage_area .content_box .history_list > li .history_btns button.bbtn {
		width: calc(50% - 1.2vw);
		margin-bottom: 1.5vw;
	}
	
	.mypage_area .content_box .history_list > li .history_btns button.sbtn {
		width: calc(33.33% - 1.5vw);
	}
	
	.mypage_area .content_box .history_list > li .history_btns .left button {
		margin-right: 1vw;
	}
	
	.mypage_area .content_box .history_list > li .history_btns .right button {
		margin-left: 1vw;
	}
	
	.mypage_area .content_box .history_list > li .history_btns button.bbtn:last-child,
	.mypage_area .content_box .history_list > li .history_btns button.sbtn:first-child {
		margin: 0;
	}
	
	.mypage_area .content_box .history_list > li .history_detail_box .history_detail {
		margin-top: 2vw;
	}
	
	.mypage_area .content_box .history_list > li .history_detail_box .history_detail.pc {
		display: none;
	}
	
	.mypage_area .content_box .history_list > li .history_detail_box .history_title {
		display: inline-block;
		margin-top: 10vw;
		font-size: 3.2vw;
	}
	
	.mypage_area .content_box .history_list > li .history_detail_box .history_detail.mob {
		display: table;
	}
	
	.mypage_area .content_box .history_list > li .history_detail_box .history_detail.mob > li {
		padding: 4vw 2vw;
		border-bottom: 1px solid #eee;
	}
	
	.mypage_area .content_box .history_list > li .history_detail_box .history_detail.mob .brand {
		font-size: 3vw;
	}
	
	.mypage_area .content_box .history_list > li .history_detail_box .history_detail.mob .pd_name {
		font-size: 3.2vw;
	}
	
	.mypage_area .content_box .history_list > li .history_detail_box .history_detail.mob .unit {
		font-size: 2.8vw;
		color: #777777;
	}
	
	.mypage_area .content_box .history_list > li .history_detail_box .history_detail.mob .price_state {
		display: block;
		margin-top: 2vw;
	}
	
	.mypage_area .content_box .history_list > li .history_detail_box .history_detail.mob .price_state .price {
		font-size: 3.2vw;
	}
	
	.mypage_area .content_box .history_list > li .history_detail_box .history_detail.mob .price_state .state {
		font-size: 2.8vw;
		color: #777777;
	}
}


/* 교환반품내역 */
.return_exchange_box {
	margin-bottom: 80px;
}

.return_exchange_box:last-child {
	margin-bottom: 0;
}

.return_exchange_box .title {
	display: block;
	width: 100%;
	font-size: 24px;
	font-weight: 500;
	padding-bottom: 10px;
	border-bottom: 2px solid #000;
}

.return_exchange_box .return_exchange_state {
	display: flex;
	margin: 0 20px;
	margin-top: 30px;
	padding-bottom: 30px;
	border-bottom: 1px solid #EEEEEE;
}

.return_exchange_box .return_exchange_state > li {
	width: 100px;
	text-align: center;
}

.return_exchange_box .return_exchange_state > li.arrow {
	width: 66px;
	background: url('../images/m_ico_step_arrow.png') no-repeat center center / 8px;
}

.return_exchange_box.exchange_box .return_exchange_state > li.arrow {
	width: 150px;
}

.return_exchange_box .return_exchange_state > li .ico {
	width: 100px;
	height: 100px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

.return_exchange_box .return_exchange_state > li .ico.exchange01 { background-image: url('../images/m_ico_process_apply.png'); }
.return_exchange_box .return_exchange_state > li .ico.exchange02 { background-image: url('../images/ico_process_received.png'); }
.return_exchange_box .return_exchange_state > li .ico.exchange03 { background-image: url('../images/m_ico_process_collecting.png'); }
.return_exchange_box .return_exchange_state > li .ico.exchange04 { background-image: url('../images/m_ico_process_collect_complete.png'); }
.return_exchange_box .return_exchange_state > li .ico.exchange05 { background-image: url('../images/m_ico_process_complete.png'); }
.return_exchange_box .return_exchange_state > li .ico.exchange06 { background-image: url('../images/m_ico_process_collecting.png'); }
.return_exchange_box .return_exchange_state > li .ico.exchange07 { background-image: url('../images/m_ico_process_complete.png'); }

.return_exchange_box .return_exchange_state > li .ico.on.exchange01 { background-image: url('../images/m_ico_process_apply_bk.png'); }
.return_exchange_box .return_exchange_state > li .ico.on.exchange02 { background-image: url('../images/ico_process_received_bk.png'); }
.return_exchange_box .return_exchange_state > li .ico.on.exchange03 { background-image: url('../images/m_ico_process_collecting_bk.png'); }
.return_exchange_box .return_exchange_state > li .ico.on.exchange04 { background-image: url('../images/m_ico_process_collect_complete_bk.png'); }
.return_exchange_box .return_exchange_state > li .ico.on.exchange05 { background-image: url('../images/m_ico_process_complete_bk.png'); }
.return_exchange_box .return_exchange_state > li .ico.on.exchange06 { background-image: url('../images/m_ico_process_collecting_bk.png'); }
.return_exchange_box .return_exchange_state > li .ico.on.exchange07 { background-image: url('../images/m_ico_process_complete_bk.png'); }

.return_exchange_box .return_exchange_state > li .state_name {
	display: inline-block;
	margin-top: 20px;
	font-size: 18px;
}

.return_exchange_box .return_exchange_reason {
	padding: 30px 20px;
	border-bottom: 1px solid #eeeeee;
	font-size: 18px;
	color: #ACACAC;
}

.return_exchange_box .track_btn {
	display: block;
	width: 180px;
	margin: 20px auto 0;
	padding: 14px 0;
	border-radius: 8px;
	border: 1px solid #000;
	background: #000;
	color: #fff;
	font-size: 16px;
	text-align: center;
}


@media screen and (max-width: 500px) {
	.return_exchange_box {
		margin-bottom: 8vw;
	}
	
	.return_exchange_box:last-child {
		margin-bottom: 0;
	}
	
	.return_exchange_box.exchange_box .return_exchange_state {
		margin: 0 9vw;
		margin-top: 3vw;
	}
	
	.return_exchange_box .title {
		font-size: 3.2vw;
		padding-bottom: 1vw;
		border-bottom: 1px solid #000;
	}
	
	.return_exchange_box .return_exchange_state {
		flex-wrap: wrap;
		margin: 0 2vw;
		margin-top: 3vw;
		padding-bottom: 0;
	}
	
	.return_exchange_box .return_exchange_state > li {
		width: 10.5vw;
		margin-bottom: 3vw;
	}
	
	.return_exchange_box .return_exchange_state > li.arrow {
		width: 14vw;
		background-size: 1.7vw;
	}
	
	.return_exchange_box.exchange_box .return_exchange_state > li.arrow {
		width: 20vw;
	}
	
	.return_exchange_box .return_exchange_state > li .ico {
		width: 10.5vw;
		height: 10.5vw;
	}
	
	.return_exchange_box .return_exchange_state > li .state_name {
		margin-top: 1.5vw;
		font-size: 3vw;
		line-height: 1.15;
	}
	
	.return_exchange_box .return_exchange_reason {
		padding: 5vw 2vw;
		font-size: 3vw;
	}

	.return_exchange_box .track_btn {
		width: 40vw;
		margin-top: 3vw;
		padding: 3vw 0;
		border-radius: 1.5vw;
		font-size: 3.2vw;
	}
}


/* 장바구니 */
.cart_area {
	display: flex;
	margin-top: 80px;
	gap: 50px;
}

.cart_area .cart_detail_box {
	width: 800px;
	flex-shrink: 0;
}

.cart_area .cart_detail_box .box {
	margin-bottom: 40px;
}

.cart_area .cart_detail_box .box > .brand {
	position: relative;
	padding: 20px 50px 20px 20px;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	font-size: 24px;
}

.cart_area .cart_detail_box .box > .brand::after {
	content: '';
	position: absolute;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
	width: 15px;
	height: 15px;
	background: url('../images/m_arrow_faq_down.png') no-repeat center / contain;
	transition: transform 0.2s;
}

.cart_area .cart_detail_box .box > .brand.collapsed::after {
	transform: translateY(-50%) scaleY(-1);
}

.cart_area .cart_detail_box .box .cart_list {
	margin-top: 25px;
	border-top: 1px solid #eeeeee;
}

.cart_area .cart_detail_box .box .cart_list > li {
	border-bottom: 1px solid #EEEEEE;
}

.cart_area .cart_detail_box .box .cart_list > li .info {
	display: flex;
	height: 190px;
	padding: 0 20px;
	align-items: center;
}

.cart_area .cart_detail_box .box .cart_list > li .info .chk_box {
	width: 60px;
}

.cart_area .cart_detail_box .box .cart_list > li .info .chk_box > input[type="checkbox"] {}

.cart_area .cart_detail_box .box .cart_list > li .info .thumb_box {
	width: 130px;
}

.cart_area .cart_detail_box .box .cart_list > li .info .thumb_box .img {
	width: 80px;
	height: 80px;
	border-radius: 10px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.cart_area .cart_detail_box .box .cart_list > li .info .info_box {
	width: 390px;
}

.cart_area .cart_detail_box .box .cart_list > li .info .info_box .brand {
	font-size: 16px;
}

.cart_area .cart_detail_box .box .cart_list > li .info .info_box .pd_name {
	display: block;
	font-size: 18px;
	font-weight: 500;
}

.cart_area .cart_detail_box .box .cart_list > li .info .info_box .unit_box {
	margin-top: 30px;
}

.cart_area .cart_detail_box .box .cart_list > li .info .info_box .unit_box .unit_tit {
	font-size: 18px;
}

.cart_area .cart_detail_box .box .cart_list > li .info .info_box .unit_box .unit_item {
	margin-left: 50px;
}

.cart_area .cart_detail_box .box .cart_list > li .info .info_box .unit_box .unit_item button {
	width: 16px;
	height: 16px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

.cart_area .cart_detail_box .box .cart_list > li .info .info_box .unit_box .unit_item button.minus {
	background-image: url('../images/m_icon_minus.png');
}

.cart_area .cart_detail_box .box .cart_list > li .info .info_box .unit_box .unit_item button.plus {
	background-image: url('../images/m_icon_plus.png');
}

.cart_area .cart_detail_box .box .cart_list > li .info .info_box .unit_box .unit_item input[type="text"] {
	width: 40px;
	height: 30px;
	border: 0;
	text-align: center;
}

.cart_area .cart_detail_box .box .cart_list > li .info .info_box .unit_box a {
	margin-left: 18px;
	font-size: 18px;
	color: #ACACAC;
	text-decoration: underline;
}

.cart_area .cart_detail_box .box .cart_list > li .info .price_box {
	width: calc(100% - 580px);
	text-align: right;
}

.cart_area .cart_detail_box .box .cart_list > li .info .price_box .price {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}

.cart_area .cart_detail_box .box .cart_list > li .info .price_box .price .rate {
	font-size: 18px;
	font-weight: 600;
	color: #DF7829;
}

.cart_area .cart_detail_box .box .cart_list > li .info .price_box .price .tot_price {
	margin-left: 0;
	font-size: 22px;
	font-weight: 600;
}

.cart_area .cart_detail_box .box .cart_list > li .info .price_box .price_ord_btn {
	margin-top: 15px;
	padding: 15px 30px;
	border: 1px solid #000;
	border-radius: 10px;
	font-size: 18px;
}

.cart_area .cart_detail_box .box .cart_list > li .result_box {
	padding: 15px 0;
	border-top: 1px solid #eeeeee;
	font-size: 18px;
	text-align: center;
}

.cart_area .cart_price_box {}

.cart_area .cart_price_box .title {
	width: 440px;
	padding: 24px 30px;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	font-size: 18px;
}

.cart_area .cart_price_box .detail {
	padding: 25px 30px;
}

.cart_area .cart_price_box .detail > li {
	display: flex;
	justify-content: space-between;
	margin-bottom: 10px;
}

.cart_area .cart_price_box .detail > li.first {
	margin-bottom: 20px;
}

.cart_area .cart_price_box .detail > li > span {
	font-size: 18px;
}

.cart_area .cart_price_box .detail > li.first > span {
	font-size: 22px;
	font-weight: 600;
}

.cart_area .cart_price_box .detail > li > span:first-child {}

.cart_area .cart_price_box .btns {
	display: flex;
	margin-top: 40px;
}

.cart_area .cart_price_box .btns > button {
	flex: 1;
	padding: 15px 0;
	border: 1px solid #000;
	font-size: 18px;
}

.cart_area .cart_price_box .btns > button.line {}

.cart_area .cart_price_box .btns > button.solid {
	background: #000;
	color: #fff;
}

@media screen and (max-width: 500px) {
	.cart_area {
		display: block;
		margin-top: 14vw;
	}
	
	.cart_area .cart_detail_box {
		width: 100%;
	}
	
	.cart_area .cart_detail_box .box {
		margin-bottom: 5vw;
	}
	
	.cart_area .cart_detail_box .box > .brand {
		padding: 4vw 4vw 4vw 0;
		font-size: 3vw;
	}

	.cart_area .cart_detail_box .box > .brand::after {
		right: 0;
		width: 2vw;
		height: 2vw;
	}
	
	.cart_area .cart_detail_box .box .cart_list {
		margin-top: 2vw;
	}
	
	.cart_area .cart_detail_box .box .cart_list > li .info {
		height: 29vw;
		padding: 0 2vw;
	}
	
	.cart_area .cart_detail_box .box .cart_list > li .info .chk_box {
		width: 6vw;
	}
	
	.cart_area .cart_detail_box .box .cart_list > li .info .thumb_box {
		width: 24vw;
	}
	
	.cart_area .cart_detail_box .box .cart_list > li .info .thumb_box .img {
		width: 21vw;
		height: 21vw;
		border-radius: 1vw;
	}
	
	.cart_area .cart_detail_box .box .cart_list > li .info .info_box {
		width: 30vw;
	}
	
	.cart_area .cart_detail_box .box .cart_list > li .info .info_box .brand {
		font-size: 3vw;
	}
	
	.cart_area .cart_detail_box .box .cart_list > li .info .info_box .pd_name {
		font-size: 3.2vw;
	}
	
	.cart_area .cart_detail_box .box .cart_list > li .info .info_box .unit_box {
		margin-top: 6vw;
	}
	
	.cart_area .cart_detail_box .box .cart_list > li .info .info_box .unit_box .unit_tit {
		display: none;
	}
	
	.cart_area .cart_detail_box .box .cart_list > li .info .info_box .unit_box .unit_item {
		margin-left: 0;
	}
	
	.cart_area .cart_detail_box .box .cart_list > li .info .info_box .unit_box .unit_item button {
		width: 3vw;
		height: 3vw;
	}
	
	.cart_area .cart_detail_box .box .cart_list > li .info .info_box .unit_box .unit_item input[type="text"] {
		width: 10vw;
		height: 4vw;
	}
	
	.cart_area .cart_detail_box .box .cart_list > li .info .info_box .unit_box a {
		margin-left: 2.5vw;
		font-size: 2.8vw;
		color: #ACACAC;
	}
	
	.cart_area .cart_detail_box .box .cart_list > li .info .price_box {
		width: calc(100% - 60vw);
	}
	
	.cart_area .cart_detail_box .box .cart_list > li .info .price_box .price .rate {
		font-size: 3.6vw;
	}
	
	.cart_area .cart_detail_box .box .cart_list > li .info .price_box .price .tot_price {
		margin-left: 1.5vw;
		font-size: 3.6vw;
	}
	
	.cart_area .cart_detail_box .box .cart_list > li .info .price_box .price_ord_btn {
		margin-top: 1.5vw;
		padding: 1.5vw 4vw;
		border-radius: 1vw;
		font-size: 3vw;
	}
	
	.cart_area .cart_detail_box .box .cart_list > li .result_box {
		padding: 4vw 0;
		font-size: 3vw;
	}
	
	.cart_area .cart_price_box .title {
		width: 100%;
		padding: 2vw 0;
		font-size: 3.2vw;
		border-top: 0;
	}
	
	.cart_area .cart_price_box .detail {
		padding: 4vw 0;
		border-bottom: 1px solid #000;
	}
	
	.cart_area .cart_price_box .detail > li {
		margin-bottom: 2vw;
	}
	
	.cart_area .cart_price_box .detail > li.first {
		margin-bottom: 4vw;
	}
	
	.cart_area .cart_price_box .detail > li > span {
		font-size: 3vw;
	}
	
	.cart_area .cart_price_box .detail > li.first > span {
		font-size: 3.6vw;
	}
	
	.cart_area .cart_price_box .btns {
		margin-top: 2.5vw;
	}
	
	.cart_area .cart_price_box .btns > button {
		padding: 3vw 0;
		font-size: 3.6vw;
	}
}


/* 관심상품 */
.interest_list {
	margin-top: 15px;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}

.interest_list > li {
	display: flex;
	position: relative;
	padding: 25px 20px;
	align-items: center;
	border-bottom: 1px solid #eeeeee;
}

.interest_list > li .chk_box {
	width: 60px;
}

.interest_list > li .chk_box > input[type="checkbox"] {}

.interest_list > li .thumb_box {
	width: 130px;
}

.interest_list > li .thumb_box .img {
	width: 80px;
	height: 80px;
	border-radius: 10px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.interest_list > li .info_box {}

.interest_list > li .info_box .brnad {
	font-size: 16px;
}

.interest_list > li .info_box .pd_name {
	display: block;
	font-size: 18px;
	font-weight: 500;
}

.interest_list > li .info_box .price {
	margin-top: 25px;
}

.interest_list > li .info_box .price .rate {
	font-size: 18px;
	font-weight: 600;
	color: #DF7829;
}

.interest_list > li .info_box .price .tot_price {
	margin-left: 23px;
	font-size: 22px;
	font-weight: 600;
}

.interest_list > li .interest_del {
	position: absolute;
	top: 25px;
	right: 20px;
	width: 20px;
}

.interest_list > li .interest_del > img {
	width: 100%;
}

.interest_list > li .interest_btns {
	position: absolute;
	bottom: 25px;
	right: 20px;
}

.interest_list > li .interest_btns > button {
	margin-left: 10px;
	padding: 15px 40px;
	border: 1px solid #000;
	border-radius: 10px;
	font-size: 18px;
}

@media screen and (max-width: 500px) {
	.interest_list {
		margin-top: 2vw;
	}
	
	.interest_list > li {
		align-items: flex-start;
		padding: 4vw 2vw 15vw;
	}
	
	.interest_list > li .chk_box {
		width: 6vw;
	}
	
	
	.interest_list > li .thumb_box {
		width: 24vw;
	}
	
	.interest_list > li .thumb_box .img {
		width: 20vw;
		height: 20vw;
		border-radius: 1vw;
	}
	
	.interest_list > li .info_box .brnad {
		font-size: 3vw;
	}
	
	.interest_list > li .info_box .pd_name {
		font-size: 3.2vw;
	}
	
	.interest_list > li .info_box .price {
		margin-top: 2vw;
	}
	
	.interest_list > li .info_box .price .rate {
		font-size: 3.6vw;
	}
	
	.interest_list > li .info_box .price .tot_price {
		margin-left: 5vw;
		font-size: 3.6vw;
	}
	
	.interest_list > li .interest_del {
		top: 4vw;
		right: 2vw;
		width: 3.5vw;
	}
	
	.interest_list > li .interest_btns {
		bottom: 4vw;
		right: 2vw;
	}
	
	.interest_list > li .interest_btns > button {
		margin-left: 1vw;
		padding: 1.5vw 4vw;
		border-radius: 1vw;
		font-size: 3vw;
	}
}


/* 최근 본 상품 */
.recently_date {
	margin-top: 80px;
	font-size: 18px;
}

@media screen and (max-width: 500px) {
	.recently_date {
		margin-top: 13vw;
		font-size: 3.2vw;
	}
}


/* 거래 종료 */
.ended_intro {
	margin-top: 50px;
	font-size: 28px;
	line-height: 1.45;
}

.ended_box {
	margin-top: 135px;
}

.ended_box .ended_title {
	padding: 25px 20px;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	background: url(../images/m_arrow_faq_down.png) no-repeat center right 20px / 15px;
	font-size: 24px;
}

.ended_box .ended_subtitle {
	display: block;
	margin-top: 70px;
	padding-bottom: 10px;
	border-bottom: 1px solid #000;
	font-size: 24px;
}

.ended_box .ended_content {}

.ended_box .ended_content .ended_notice_box {
}

.ended_box .ended_content .ended_notice_box .ended_notice {
	margin-top: 15px;
	padding: 30px;
	padding-top: 0;
	border: 1px solid #eeeeee;
	border-radius: 10px;
}

.ended_box .ended_content .ended_notice_box .ended_notice dt {
	margin-top: 30px;
	font-size: 20px;
	font-weight: 500;
}

.ended_box .ended_content .ended_notice_box .ended_notice dd {
	margin-top: 10px;
	font-size: 18px;
}

.ended_box .ended_content .ended_notice_box .agree_box {
	margin-top: 30px;
	text-align: right;
}

.ended_box .ended_content .ended_notice_box .agree_box > label {
	font-size: 18px;
}

.ended_box .ended_content .ended_notice_box .agree_box > label > input {}

.ended_box .ended_content .ended_reason_box {}

.ended_box .ended_content .ended_reason_box .ended_reason {
	margin-top: 15px;
	padding: 30px;
	border: 1px solid #eeeeee;
}

.ended_box .ended_content .ended_reason_box .ended_reason > ul {
	border-bottom: 1px solid #eeeeee;
}

.ended_box .ended_content .ended_reason_box .ended_reason > ul > li {
	margin-bottom: 20px;
	font-size: 18px;
}

.ended_box .ended_content .ended_reason_box .ended_reason > ul > li > label {}

.ended_box .ended_content .ended_reason_box .ended_reason > ul > li > label > input {}

.ended_box .ended_content .ended_reason_box .ended_reason .reason_detail {
	padding-top: 20px;
}

.ended_box .ended_content .ended_reason_box .ended_reason .reason_detail > textarea {
	width: 100%;
	height: 130px;
	padding: 10px;
	border: 1px solid #eee;
}

.ended_box .ended_content .ended_btn {
	display: block;
	margin: 0 auto;
	margin-top: 60px;
	padding: 17px 110px;
	border-radius: 10px;
	font-size: 18px;
	background: #000;
	color: #fff;
}

.ended_box .ended_content .ended_btns {
	margin-top: 60px;
	text-align: center;
}

.ended_box .ended_content .ended_btns > button {
	margin: 0 5px;
	padding: 17px 110px;
	border-radius: 10px;
	border: 1px solid #000;
	font-size: 18px;
}

.ended_box .ended_content .ended_btns > button.solid {
	background: #000;
	color: #fff;
}

@media screen and (max-width: 500px) {
	.ended_intro {
		margin-top: 2vw;
		font-size: 2.8vw;
	}
	
	.ended_box {
		margin-top: 18vw;
	}
	
	.ended_box .ended_title {
		padding: 4vw 0;
		background: url(../images/m_arrow_faq_down.png) no-repeat center right 0 / 1.5vw;
		font-size: 3.2vw;
	}
	
	.ended_box .ended_subtitle {
		margin-top: 6.5vw;
		padding-bottom: 1.5vw;
		font-size: 3.2vw;
	}
	
	.ended_box .ended_content .ended_notice_box .ended_notice {
		margin-top: 2vw;
		padding: 3vw 2vw;
		padding-top: 0;
		border-radius: 1vw;
	}
	
	.ended_box .ended_content .ended_notice_box .ended_notice dt {
		margin-top: 10vw;
		margin-bottom: 3vw;
		font-size: 3vw;
		font-weight: 500;
	}
	
	.ended_box .ended_content .ended_notice_box .ended_notice dd {
		margin-top: 1vw;
		font-size: 3vw;
	}
	
	.ended_box .ended_content .ended_notice_box .agree_box {
		margin-top: 3vw;
	}
	
	.ended_box .ended_content .ended_notice_box .agree_box > label {
		font-size: 3.2vw;
	}
	
	.ended_box .ended_content .ended_reason_box .ended_reason {
		margin-top: 2vw;
		padding: 3vw 2vw;
	}
	
	.ended_box .ended_content .ended_reason_box .ended_reason > ul > li {
		margin-bottom: 2vw;
		font-size: 3vw;
	}
	
	.ended_box .ended_content .ended_reason_box .ended_reason .reason_detail {
		padding-top: 2vw;
	}
	
	.ended_box .ended_content .ended_reason_box .ended_reason .reason_detail > textarea {
		height: 21vw;
		padding: 1vw;
	}
	
	.ended_box .ended_content .ended_btn {
		margin-top: 18vw;
		padding: 3.5vw 25vw;
		border-radius: 1vw;
		font-size: 3.6vw;
	}
	
	.ended_box .ended_content .ended_btns {
		margin-top: 18vw;
	}
	
	.ended_box .ended_content .ended_btns > button {
		width: 100%;
		margin: 0;
		margin-bottom: 1vw;
		padding: 3.5vw 0;
		border-radius: 1vw;
		font-size: 3.6vw;
	}
}


/* 쿠폰내역 */
.coupon_box {
	margin-top: 110px;
}

.coupon_box .coupon_title {
	display: inline-block;
	margin-bottom: 10px;
	font-size: 24px;
}

.coupon_box .coupon_list {
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}

.coupon_box .coupon_list th,
.coupon_box .coupon_list td {}

.coupon_box .coupon_list th {
	padding: 15px 0;
	border-bottom: 1px solid #ACACAC;
	font-size: 18px;
}

.coupon_box .coupon_list td {
	padding: 20px 0;
	border-bottom: 1px solid #000;
	font-size: 18px;
	text-align: center;
}

.coupon_box .coupon_list .coupon_pc {}

.coupon_box .coupon_list .coupon_mob {
	display: none;
}

@media screen and (max-width: 500px) {
	.coupon_box {
		margin-top: 14vw;
	}
	
	.coupon_box .coupon_title {
		margin-bottom: 1vw;
		font-size: 3.2vw;
	}
	
	.coupon_box .coupon_list th {
		padding: 2vw 0;
		font-size: 3.2vw;
	}
	
	.coupon_box .coupon_list td {
		padding: 3vw 0 0;
		font-size: 3vw;
		text-align: center;
		border: 0;
	}
	
	.coupon_box .coupon_list .coupon_pc {
		display: none;
	}
	
	.coupon_box .coupon_list .coupon_mob {
		display: table-row;
	}
	
	.coupon_box .coupon_list .coupon_mob .coupon_mob_condition {
		padding-bottom: 4vw;
		border-bottom: 1px solid #000;
	}
	
	.coupon_box .coupon_list .coupon_mob .coupon_mob_condition.last {
		border: 0;
	}
	
	.coupon_box .coupon_list .coupon_mob .coupon_mob_condition > p {
		background: #F5F5F5;
		border-radius: 1vw;
		padding: 2vw 3vw;
		font-size: 2.4vw;
		text-align: right;
	}
}


/* 나의문의 */
.inquiry_top {
	margin-top: 100px;
	text-align: right;
}

.inquiry_top > button {
	margin-bottom: 20px;
	padding: 15px 80px;
	border-radius: 10px;
	border: 1px solid #000;
	font-size: 18px;
}

@media screen and (max-width: 500px) {
	.inquiry_top {
		margin-top: 9vw;
	}
	
	.inquiry_top > button {
		margin-bottom: 3vw;
		padding: 2vw 5.5vw;
		border-radius: 1vw;
		font-size: 3vw;
	}
}


/* 나의문의 - 작성하기 */
.inquiry_write {
	margin-top: 80px;
}

.inquiry_product_list {
	border-top: 1px solid #000;
}

.inquiry_product_list th,
.inquiry_product_list td {
	padding: 15px 0;
	border-bottom: 1px solid #000;
	font-size: 16px;
}

.inquiry_product_list th {
	font-weight: 500;
}

.inquiry_product_list td {
	text-align: center;
}

.inquiry_product_list td .od_ssn {
	margin-left: 20px;
	font-size: 18px;
	text-align: left;
}

.inquiry_product_list td .od_ssn .date {}

.inquiry_product_list td .od_ssn .ssn {
	display: inline-block;
	position: relative;
	margin-left: 15px;
	padding-left: 20px;
	color: #acacac;
}

.inquiry_product_list td .od_ssn .ssn::before {
	display: inline-block;
	position: absolute;
	top: 4px;
	left: 0;
	width: 1px;
	height: 18px;
	background: #acacac;
	content: "";
}

.inquiry_product_list td .main_info {
	display: flex;
	margin-top: 5px;
	margin-left: 20px;
	gap: 20px;
	align-items: center;
}

.inquiry_product_list td .main_info .thumb {
	width: 100px;
	height: 100px;
	border-radius: 10px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.inquiry_product_list td .main_info .txt {}

.inquiry_product_list td .main_info .txt .brand {
	display: block;
	font-size: 16px;
}

.inquiry_product_list td .main_info .txt .pd_name {
	font-size: 18px;
	font-weight: 500;
}

.inquiry_product_list td .main_info .txt .price_state {}

.inquiry_product_list td .main_info .txt .price_state .price {}

.inquiry_product_list .table_pc {}

.inquiry_product_del {
	width: 20px;
}

.inquiry_textarea {
	width: 100%;
	min-height: 300px;
	padding: 14px 16px;
	border: 1px solid #ddd;
	border-radius: 4px;
	font-size: 15px;
	line-height: 1.6;
	color: #333;
	resize: vertical;
	box-sizing: border-box;
	font-family: inherit;
}

.inquiry_textarea::placeholder {
	color: #aaa;
}

.inquiry_textarea:focus {
	outline: none;
	border-color: #888;
}

@media screen and (max-width: 500px) {
	.inquiry_write {
		margin-top: 14vw;
	}
	
	.inquiry_product_list th,
	.inquiry_product_list td {
		padding: 2vw 0;
		font-size: 3vw;
		border: 0;
	}
	
	.inquiry_product_list td .od_ssn {
		margin-left: 0;
		font-size: 3.2vw;
	}
	
	.inquiry_product_list td .od_ssn .ssn {
		margin-left: 1.5vw;
		padding-left: 2vw;
	}
	
	.inquiry_product_list td .od_ssn .ssn::before {
		top: 1vw;
		height: 2.5vw;
	}
	
	.inquiry_product_list td .main_info {
		margin-top: 1vw;
		margin-left: 0;
		gap: 3vw;
	}
	
	.inquiry_product_list td .main_info .thumb {
		width: 21vw;
		height: 21vw;
		border-radius: 1vw;
	}
	
	.inquiry_product_list td .main_info .txt {
		text-align: left;
	}
	
	.inquiry_product_list td .main_info .txt .brand {
		font-size: 3vw;
	}
	
	.inquiry_product_list td .main_info .txt .pd_name {
		font-size: 3.2vw;
	}
	
	.inquiry_product_list td .main_info .txt .price_state {}
	
	.inquiry_product_list td .main_info .txt .price_state .price {}
	
	.inquiry_product_list .table_pc {
		display: none;
	}
	
	.inquiry_product_del {
		width: 3vw;
	}
}


/* 나의 문의 레이어 팝업 css */
.inquiry_popup_tabs {
	margin-top: 30px;
}

.inquiry_popup_tabs > button {
	padding: 10px 45px;
	margin-right: 5px;
	border-radius: 20px;
	font-size: 18px;
	border: 1px solid #000;
}

.inquiry_popup_tabs > button.on {
	background: #000;
	color: #fff;
}

.inquiry_popup_notice {
	display: block;
	margin-top: 35px;
	font-size: 18px;
	color: #808080;
}

.inquiry_order_history {
	margin-top: 60px;
}

.inquiry_order_history > li {
	margin-top: 60px;
}

.inquiry_order_history > li .od_ssn_date {
	font-size: 24px;
	font-weight: 500;
}
.inquiry_order_history > li .od_ssn_date input[type="checkbox"] {}
.inquiry_order_history > li .od_ssn_date .date {}
.inquiry_order_history > li .od_ssn_date .ssn {
	color: #ACACAC;
}

.inquiry_order_history > li .pd_list {
	margin-top: 20px;
	border-top: 1px solid #000;
	font-size: 16px;
}

.inquiry_order_history > li .pd_list .table_pc {}
.inquiry_order_history > li .pd_list .table_pc th {
	padding: 18px 0;
	border-bottom: 1px solid #ACACAC;
}

.inquiry_order_history > li .pd_list tbody {}
.inquiry_order_history > li .pd_list tbody tr {}
.inquiry_order_history > li .pd_list tbody tr td {
	padding: 25px 0;
	border-bottom: 1px solid #ACACAC;
	text-align: center;
}

.inquiry_order_history > li .pd_list tbody tr td .pd_info {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 20px;
}
.inquiry_order_history > li .pd_list tbody tr td .pd_info .thumb {
	width: 100px;
	height: 100px;
	border-radius: 10px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.inquiry_order_history > li .pd_list tbody tr td .pd_info .pd_txt {}
.inquiry_order_history > li .pd_list tbody tr td .pd_info .pd_txt .brand {}
.inquiry_order_history > li .pd_list tbody tr td .pd_info .pd_txt .pd_name {
	display: block;
}

.inquiry_order_history > li .pd_list tbody tr td .pd_info .pd_txt .order_unit.mob {}
.inquiry_order_history > li .pd_list tbody tr td .pd_info .pd_txt .order_price.mob {}
.inquiry_order_history > li .pd_list tbody tr td .state.mob {}

.inquiry_order_history > li .pd_list tbody tr td.table_pc {}

@media screen and (max-width: 500px) {
	.inquiry_popup_tabs {
		margin-top: 2.5vw;
	}
	
	.inquiry_popup_tabs > button {
		padding: 1.5vw 7vw;
		margin-right: 1vw;
		border-radius: 10vw;
		font-size: 3.2vw;
	}
	
	.inquiry_popup_notice {
		margin-top: 2.5vw;
		font-size: 3vw;
	}
	
	.inquiry_order_history {
		margin-top: 12vw;
	}
	
	.inquiry_order_history > li {
		margin-top: 7vw;
	}
	
	.inquiry_order_history > li .od_ssn_date {
		font-size: 3.2vw;
	}
	
	.inquiry_order_history > li .pd_list {
		margin-top: 5vw;
		font-size: 3vw;
	}
	
	.inquiry_order_history > li .pd_list .table_pc {
		display: none;
	}
	
	.inquiry_order_history > li .pd_list tbody tr td {
		padding: 5vw 0;
	}
	
	.inquiry_order_history > li .pd_list tbody tr td .pd_info {
		gap: 3vw;
		justify-content: left;
	}
	.inquiry_order_history > li .pd_list tbody tr td .pd_info .thumb {
		width: 21vw;
		height: 21vw;
		border-radius: 1vw;
	}
	.inquiry_order_history > li .pd_list tbody tr td .pd_info .pd_txt {
		text-align: left;
	}
	.inquiry_order_history > li .pd_list tbody tr td .pd_info .pd_txt .pd_name {
		display: block;
		font-size: 3.2vw;
		font-weight: 500;
	}
	
	.inquiry_order_history > li .pd_list tbody tr td .pd_info .pd_txt .order_unit.mob {
		font-size: 2.8vw;
		color: #777777;
	}
	.inquiry_order_history > li .pd_list tbody tr td .state.mob {
		margin-top: 4vw;
		padding-top: 4vw;
		border-top: 1px solid #eeeeee;
		font-size: 3vw;
		text-align: left;
	}
}


/* 나의 문의 - 상품 검색 */
.inquiry_popup_search {
	position: relative;
	margin-top: 35px;
	margin-bottom: 70px;
}
.inquiry_popup_search input[type="text"] {
	width: 100%;
	height: 40px;
	border: 1px solid #ddd;
}
.inquiry_popup_search button[type="submit"] {
	position: absolute;
	top: 8px;
	right: 15px;
	width: 25px;
}
.inquiry_popup_search button[type="submit"] img {
	width: 100%;
}

.inquiry_pd_tot {
	font-size: 18px;
	font-weight: 500;
}

.inquiry_pd_list {
	margin-top: 15px;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}
.inquiry_pd_list > li {
	display: flex;
	position: relative;
	padding: 50px 30px;
	align-items: center;
	border-bottom: 1px solid #eeeeee;
	gap: 40px;
}

.inquiry_pd_list > li .chk_box {}
.inquiry_pd_list > li .chk_box input[type="checkbox"] {}

.inquiry_pd_list > li .pd_info {
	display: flex;
	align-items: center;
	gap: 40px;
}
.inquiry_pd_list > li .pd_info .thumb {
	width: 80px;
	height: 80px;
	border-radius: 10px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.inquiry_pd_list > li .pd_info .txt {}
.inquiry_pd_list > li .pd_info .txt .brnad {
	font-size: 16px;
}
.inquiry_pd_list > li .pd_info .txt .pd_name {
	display: block;
	font-size: 18px;
	font-weight: 500;
}

.inquiry_pd_list > li .pd_info .txt .price.mob {}
.inquiry_pd_list > li .pd_info .txt .price.mob .rate {}
.inquiry_pd_list > li .pd_info .txt .price.mob .tot_price {}

.inquiry_pd_list > li .pd_info > .price {
	display: flex;
	position: absolute;
	top: 50%;
	right: 30px;
	transform: translateY(-50%);
	gap: 25px;
	align-items: center;
}
.inquiry_pd_list > li .pd_info > .price .rate {
	font-size: 18px;
	font-weight: 600;
	color: #DF7829;
}
.inquiry_pd_list > li .pd_info > .price .tot_price {
	font-size: 22px;
	font-weight: 600;
}

@media screen and (max-width: 500px) {
	.inquiry_popup_search {
		margin-top: 2.5vw;
		margin-bottom: 8vw;
	}
	.inquiry_popup_search input[type="text"] {
		height: 10vw;
		font-size: 3.2vw;
	}
	.inquiry_popup_search button[type="submit"] {
		top: 2vw;
		right: 2vw;
		width: 6vw;
	}
	
	.inquiry_pd_tot {
		font-size: 3.2vw;
	}
	
	.inquiry_pd_list {
		margin-top: 2vw;
	}
	.inquiry_pd_list > li {
		padding: 4vw 2vw;
		gap: 2vw;
	}
	
	.inquiry_pd_list > li .pd_info {
		gap: 3vw;
	}
	.inquiry_pd_list > li .pd_info .thumb {
		width: 21vw;
		height: 21vw;
		border-radius: 1vw;
	}
	
	.inquiry_pd_list > li .pd_info .txt .brnad {
		font-size: 3vw;
	}
	.inquiry_pd_list > li .pd_info .txt .pd_name {
		font-size: 3.2vw;
	}
	
	.inquiry_pd_list > li .pd_info .txt .price.mob {
		display: flex;
		margin-top: 5vw;
		gap: 6vw;
	}
	.inquiry_pd_list > li .pd_info .txt .price.mob .rate {
		font-size: 3.6vw;
		font-weight: 600;
		color: #DF7829;
	}
	.inquiry_pd_list > li .pd_info .txt .price.mob .tot_price {
		font-size: 3.6vw;
		font-weight: 500;
	}
	
	.inquiry_pd_list > li .pd_info > .price {
		display: none;
	}
}


/* 나의 리뷰 - 리스트 */
.review_list {
	margin-top: 80px;
	border-top: 1px solid #000;
}
.review_list > li {
	padding: 15px 0;
	border-bottom: 1px solid #000;
}
.review_list > li .info_box {
	display: flex;
	padding: 0 20px;
	gap: 15px;
	align-items: center;
}
.review_list > li .info_box .thumb {
	width: 75px;
	height: 75px;
	border-radius: 10px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.review_list > li .info_box .txt {}
.review_list > li .info_box .txt .brand {
	display: block;
	font-size: 16px;
}
.review_list > li .info_box .txt .pd_name {
	display: block;
	font-size: 18px;
	font-weight: 500;
}
.review_list > li .info_box .txt .date {
	display: block;
	font-size: 16px;
	color: #808080;
}
.review_list > li .btn_box {
	margin-top: 15px;
	padding: 0 20px;
	padding-top: 15px;
	border-top: 1px solid #eeeeee;
	text-align: right;
}
.review_list > li .btn_box button {
	padding: 15px 45px;
	border-radius: 10px;
	border: 1px solid #000;
	font-size: 18px;
}

@media screen and (max-width: 500px) {
	.review_list {
		margin-top: 10vw;
	}
	.review_list > li {
		padding: 3vw 0;
	}
	.review_list > li .info_box {
		padding: 0 3vw;
		gap: 1.5vw;
	}
	.review_list > li .info_box .thumb {
		width: 12.5vw;
		height: 12.5vw;
		border-radius: 1vw;
	}
	.review_list > li .info_box .txt .brand {
		font-size: 3vw;
	}
	.review_list > li .info_box .txt .pd_name {
		font-size: 3.2vw;
	}
	.review_list > li .info_box .txt .date {
		font-size: 2.8vw;
	}
	.review_list > li .btn_box {
		margin-top: 3vw;
		padding: 0 3vw;
		padding-top: 3vw;
	}
	.review_list > li .btn_box button {
		padding: 1.5vw 4.5vw;
		border-radius: 1vw;
		font-size: 3vw;
	}
}


/* 나의리뷰 글쓰기 */
.review_write {}

.review_write .info_box {
	display: flex;
	gap: 15px;
}

.review_write .info_box .thumb {
	width: 90px;
	height: 90px;
	border-radius: 10px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.review_write .info_box .txt {}

.review_write .info_box .txt .brand {
	font-size: 18px;
}

.review_write .info_box .txt .pd_name {
	display: block;
	font-size: 24px;
	font-weight: 500;
}

.review_write .info_box .txt .date {
	font-size: 18px;
	color: #808080;
}

.review_write .review_score {}

.review_write .review_score .star {
	display: inline-block;
	width: 40px;
	height: 40px;
	background: url('../images/m_icon_review_star_blank.png') no-repeat center center / contain;
}

.review_write .review_score .star.on {
	background-image: url('../images/m_icon_review_star_full.png');
}

@media screen and (max-width: 500px) {
	.review_write .info_box {
		gap: 1.5vw;
	}
	
	.review_write .info_box .thumb {
		width: 12.5vw;
		height: 12.5vw;
		border-radius: 1vw;
	}
	
	.review_write .info_box .txt {}
	
	.review_write .info_box .txt .brand {
		font-size: 3vw;
	}
	
	.review_write .info_box .txt .pd_name {
		font-size: 3.2vw;
	}
	
	.review_write .info_box .txt .date {
		font-size: 2.8vw;
	}
	
	.review_write .review_score .star {
		width: 6vw;
		height: 6vw;
	}
}


/* 나의리뷰 상세보기 */
.review_view {
	margin-top: 100px;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}
.review_view .info_box {
	padding: 20px;
	border-bottom: 1px solid #eeeeee;
}
.review_view .info_box {
	display: flex;
	gap: 15px;
	align-items: center;
}

.review_view .info_box .thumb {
	width: 75px;
	height: 75px;
	border-radius: 10px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.review_view .info_box .txt {}

.review_view .info_box .txt .brand {
	font-size: 16px;
}

.review_view .info_box .txt .pd_name {
	display: block;
	font-size: 18px;
	font-weight: 500;
}

.review_view .info_box .txt .date {
	font-size: 16px;
	color: #808080;
}
.review_view .content_box {
	position: relative;
	padding: 20px;
}
.review_view .content_box .review_score .star {
	display: inline-block;
	width: 18px;
	height: 18px;
	background: url('../images/m_icon_review_star_blank.png') no-repeat center center / contain;
}

.review_view .content_box .review_score .star.on {
	background-image: url('../images/m_icon_review_star_full.png');
}
.review_view .content_box .review_content {
	margin-top: 20px;
	margin-bottom: 20px;
	padding-bottom: 20px;
	font-size: 18px;
	line-height: 1.15;
}
.review_view .content_box .review_date {
	margin-bottom: 15px;
	font-size: 16px;
	color: #808080;
}
.review_view .content_box .review_btns {
	position: absolute;
	bottom: 20px;
	right: 20px;
}
.review_view .content_box .review_btns button {
	width: 150px;
	height: 50px;
	border: 1px solid #000;
	border-radius: 10px;
	font-size: 18px;
}

@media screen and (max-width: 500px) {
	.review_view {
		margin-top: 12vw;
	}
	.review_view .info_box {
		padding: 3vw 2vw;
	}
	.review_view .info_box {
		gap: 1.5vw;
	}
	
	.review_view .info_box .thumb {
		width: 12.5vw;
		height: 12.5vw;
		border-radius: 1vw;
	}
	
	.review_view .info_box .txt .brand {
		font-size: 3vw;
	}
	
	.review_view .info_box .txt .pd_name {
		font-size: 3.2vw;
	}
	
	.review_view .info_box .txt .date {
		font-size: 2.8vw;
	}
	.review_view .content_box {
		padding: 2vw 3vw;
	}
	.review_view .content_box .review_score .star {
		width: 4vw;
		height: 4vw;
	}
	
	.review_view .content_box .review_content {
		margin-top: 3vw;
		margin-bottom: 3vw;
		padding-bottom: 3vw;
		font-size: 3vw;
		line-height: 1.5;
	}
	.review_view .content_box .review_date {
		margin-top: 10vw;
		margin-bottom: 1.5vw;
		font-size: 2.8vw;
	}
	.review_view .content_box .review_btns {
		bottom: 3vw;
		right: 2vw;
	}
	.review_view .content_box .review_btns button {
		width: 20vw;
		height: 7vw;
		border-radius: 1vw;
		font-size: 3vw;
	}
}


/* 나의리뷰 — 주문 그룹 */
.review_order_group {
	margin-top: 40px;
	border-top: 1px solid #000;
}
.review_order_group + .review_order_group {
	margin-top: 50px;
}
.review_order_group .od_ssn_date {
	padding: 20px 0;
	font-size: 24px;
	font-weight: 500;
}
.review_order_group .od_ssn_date .ssn {
	color: #ACACAC;
}
.review_order_group .review_list {
	margin-top: 0;
	border-top: 1px solid #ACACAC;
}

/* 나의리뷰 — 작성완료 배지 */
.review_done_badge {
	display: inline-block;
	margin-right: 10px;
	padding: 5px 14px;
	border: 1px solid #ACACAC;
	border-radius: 20px;
	font-size: 14px;
	color: #ACACAC;
	vertical-align: middle;
}

/* 나의리뷰 상세보기 — review_detail */
.review_view .review_detail {
	position: relative;
	padding: 20px;
}
.review_view .review_detail .review_score .star {
	display: inline-block;
	width: 18px;
	height: 18px;
	background: url('../images/m_icon_review_star_blank.png') no-repeat center center / contain;
}
.review_view .review_detail .review_score .star.on {
	background-image: url('../images/m_icon_review_star_full.png');
}
.review_view .review_detail .review_content {
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 18px;
	line-height: 1.5;
}
.review_view .review_detail .review_imgs {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-bottom: 20px;
}
.review_view .review_detail .review_imgs img {
	width: 120px;
	height: 120px;
	object-fit: cover;
	border-radius: 8px;
	cursor: pointer;
}
.review_view .review_detail .review_date {
	margin-bottom: 15px;
	padding-top: 15px;
	border-top: 1px solid #eeeeee;
	font-size: 16px;
	color: #808080;
}
.review_view .review_detail .review_btns {
	display: flex;
	justify-content: flex-end;
	gap: 10px;
	margin-top: 20px;
}
.review_view .review_detail .review_btns button {
	width: 100px;
	height: 44px;
	border: 1px solid #000;
	border-radius: 8px;
	font-size: 16px;
	cursor: pointer;
	background: #fff;
	color: #000;
}
.review_view .review_detail .review_btns .btn_del {
	background: #000;
	color: #fff;
}
.review_del_box .od_reason_title,
.review_del_box .od_reason_desc {
	text-align: center;
}
.review_del_box .od_reason_desc {
	color: #333;
	font-size: 16px;
}
.review_del_box .od_reason_btns {
	justify-content: center;
}

/* 빈 목록 */
.no_data {
	padding: 80px 0;
	text-align: center;
	font-size: 18px;
	color: #ACACAC;
}

@media screen and (max-width: 500px) {
	.review_order_group + .review_order_group {
		margin-top: 8vw;
	}
	.review_order_group .od_ssn_date {
		padding: 3vw 0;
		font-size: 3.8vw;
	}
	.review_done_badge {
		margin-right: 2vw;
		padding: 1vw 2.5vw;
		font-size: 2.8vw;
	}
	.review_view .review_detail {
		padding: 2vw 3vw;
	}
	.review_view .review_detail .review_score .star {
		width: 4vw;
		height: 4vw;
	}
	.review_view .review_detail .review_content {
		margin-top: 3vw;
		margin-bottom: 3vw;
		font-size: 3vw;
	}
	.review_view .review_detail .review_imgs img {
		width: 18vw;
		height: 18vw;
		border-radius: 1.5vw;
	}
	.review_view .review_detail .review_date {
		margin-bottom: 1.5vw;
		padding-top: 2vw;
		font-size: 2.8vw;
	}
	.review_view .review_detail .review_btns {
		gap: 2vw;
		margin-top: 3vw;
	}
	.review_view .review_detail .review_btns button {
		width: 18vw;
		height: 8vw;
		border-radius: 1.5vw;
		font-size: 3vw;
	}
	.no_data {
		padding: 12vw 0;
		font-size: 3.5vw;
	}
}



/* 커뮤니티 - 메인 */
.notice_box {
	margin-top: 100px;
}

.notice_box .pd_title {
	border-bottom: 0;
}

.faq_box {
	margin-top: 100px;
}

.faq_box .pd_title {
	border-bottom: 0;
}

.faq_box .community_faq_list {
	border-top: 1px solid #000;
}

.faq_box .community_faq_list li {
}

.faq_box .community_faq_list li .title {
	display: block;
	width: 100%;
	padding: 30px 60px 30px 20px;
	border-bottom: 1px solid #000;
	box-sizing: border-box;
	font-size: 24px;
	position: relative;
}

.faq_box .community_faq_list li .title::after {
	content: '';
	position: absolute;
	right: 20px;
	top: 50%;
	transform: translateY(-50%) scaleY(-1);
	width: 25px;
	height: 25px;
	background: url('../images/arrow_faq_up.png') no-repeat center / contain;
	transition: transform 0.3s ease;
}

.faq_box .community_faq_list li.open .title::after {
	transform: translateY(-50%);
}

.faq_box .community_faq_list li.faq_empty {
	padding: 40px 20px;
	text-align: center;
	color: #999;
	font-size: 14px;
	border-bottom: 1px solid #000;
}

.faq_box .community_faq_list li .content {
	display: none;
	padding: 50px 40px;
	border-bottom: 1px solid #000;
	font-size: 20px;
}

/* 공지사항 상세 */
.notice_view_meta {
	margin-top: 20px;
	display: flex;
	align-items: center;
	gap: 6px;
	font-size: 15px;
	color: #999;
}

.notice_view_meta .meta_sep {
	color: #ccc;
}

.notice_view_divider {
	margin-top: 30px;
	border: 0;
	border-top: 2px solid #000;
}

.notice_view_content {
	margin: 60px 0;
	font-size: 16px;
	line-height: 1.9;
}

/* 첨부파일 */
.notice_view_files {
	margin-bottom: 50px;
	padding: 24px 30px;
	background: #f8f8f8;
	border-radius: 8px;
	display: flex;
	align-items: flex-start;
	gap: 24px;
}

.notice_view_files > strong {
	font-size: 13px;
	font-weight: 700;
	color: #555;
	white-space: nowrap;
	padding-top: 5px;
	letter-spacing: 0.03em;
	text-transform: uppercase;
}

.notice_view_files ul {
	display: flex;
	flex-direction: column;
	gap: 10px;
	flex: 1;
}

.notice_view_files ul li a {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	padding: 7px 14px;
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 5px;
	font-size: 13px;
	color: #333;
	transition: border-color 0.15s, color 0.15s, background 0.15s;
}

.notice_view_files ul li a::before {
	content: '';
	display: inline-block;
	width: 14px;
	height: 14px;
	background: url('../images/arrow_filter_down.png') no-repeat center / contain;
	opacity: 0.55;
	flex-shrink: 0;
}

.notice_view_files ul li a:hover {
	border-color: #000;
	color: #000;
	background: #fff;
}

.notice_view_files ul li a:hover::before {
	opacity: 1;
}

/* 이전글/다음글 */
.notice_view_nav {
	border-top: 2px solid #000;
	margin-bottom: 10px;
}

.notice_view_nav .nav_row {
	display: flex;
	align-items: center;
	padding: 0;
	border-bottom: 1px solid #e8e8e8;
	cursor: pointer;
	transition: background 0.12s;
	text-decoration: none;
}

.notice_view_nav .nav_row:hover {
	background: #f5f5f5;
}

.notice_view_nav .nav_row .nav_label {
	flex-shrink: 0;
	width: 110px;
	padding: 20px 20px 20px 22px;
	font-size: 13px;
	font-weight: 600;
	color: #fff;
	background: #222;
	letter-spacing: 0.03em;
}

.notice_view_nav .nav_row .nav_title {
	flex: 1;
	padding: 20px 50px 20px 28px;
	font-size: 15px;
	color: #333;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	position: relative;
}

.notice_view_nav .nav_row .nav_title::after {
	content: '›';
	position: absolute;
	right: 22px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 20px;
	color: #bbb;
	transition: color 0.12s, right 0.12s;
}

.notice_view_nav .nav_row:hover .nav_title::after {
	color: #555;
	right: 18px;
}

.notice_view_nav .nav_row:hover .nav_title {
	color: #000;
}

@media screen and (max-width: 500px) {
	.notice_view_meta {
		font-size: 3vw;
		margin-top: 3vw;
		gap: 1.5vw;
	}

	.notice_view_divider {
		margin-top: 4vw;
	}

	.notice_view_content {
		margin: 7vw 0 8vw;
		font-size: 3.4vw;
	}

	.notice_view_files {
		flex-direction: column;
		gap: 2vw;
		padding: 4vw;
		margin-bottom: 7vw;
	}

	.notice_view_files > strong {
		font-size: 2.8vw;
		padding-top: 0;
	}

	.notice_view_files ul li a {
		font-size: 3vw;
		padding: 1.5vw 3vw;
	}

	.notice_view_files ul li a::before {
		width: 3vw;
		height: 3vw;
	}

	.notice_view_nav .nav_row .nav_label {
		width: 20vw;
		padding: 4vw 3vw;
		font-size: 2.8vw;
	}

	.notice_view_nav .nav_row .nav_title {
		padding: 4vw 8vw 4vw 4vw;
		font-size: 3vw;
	}

	.notice_view_nav .nav_row .nav_title::after {
		right: 3vw;
		font-size: 4vw;
	}
}

@media screen and (max-width: 500px) {
	.notice_box {
		margin-top: 10vw;
		margin-bottom: 10vw;
	}

	.notice_box .default_list tbody tr td {
		text-align: left;
	}

	.notice_box .default_list tbody tr td .date.mob {
		color: #808080;
	}

	.faq_box {
		margin-top: 10vw;
		margin-bottom: 10vw;
	}
	
	.faq_box .community_faq_list li .title {
		padding: 4vw 6vw 4vw 2vw;
		font-size: 3vw;
	}

	.faq_box .community_faq_list li .title::after {
		right: 2vw;
		width: 2.5vw;
		height: 2.5vw;
	}
	
	.faq_box .community_faq_list li .content {
		padding: 5vw 4vw;
		font-size: 3vw;
		line-height: 1.45;
	}
}


/* b2b몰 이용가이드 */
.guide_txt {
	margin-top: 20px;
	font-size: 18px;
}

.guide_txt2 {
	margin-top: 100px;
	font-size: 24px;
}

@media screen and (max-width: 500px) {
	.guide_txt {
		margin-top: 2vw;
		font-size: 3vw;
	}
	
	.guide_txt2 {
		margin-top: 10vw;
		font-size: 3.6vw;
	}
}


/* 커뮤니티 faq 리스트 */
.community_faq_tabs {
	padding-top: 30px;
	margin-bottom: 100px;
	border-top: 1px solid #000;
}

.community_faq_tabs > button {
	width: 120px;
	height: 40px;
	margin: 0 5px;
	border: 1px solid #000;
	border-radius: 25px;
	font-size: 18px;
}

.community_faq_tabs > button.on {
	background: #000;
	color: #fff;
}

@media screen and (max-width: 500px) {
	.community_faq_tabs {
		padding-top: 3vw;
		margin-bottom: 12vw;
	}
	
	.community_faq_tabs > button {
		width: 21vw;
		height: 7vw;
		margin: 0 0.5vw;
		margin-bottom: 1vw;
		border-radius: 10vw;
		font-size: 3.2vw;
	}
}


/* 커뮤니티 상담센터 */
.contact_box {
	margin-top: 140px;
}

.contact_box button {
	display: block;
	width: 700px;
	height: 55px;
	margin: 0 auto;
	border-radius: 10px;
	box-sizing: border-box;
}

.contact_box button.inquiry {
	margin-bottom: 20px;
	border: 1px solid #000;
}

.contact_box button.kakao {
	background: #FEE500;
}

.contact_box button > img {}

.contact_box button > span {
	margin-left: 10px;
	font-size: 18px;
	font-weight: 500;
}

@media screen and (max-width: 500px) {
	.contact_box {
		margin-top: 20vw;
	}
	
	.contact_box button {
		width: 100%;
		height: 11vw;
		border-radius: 1vw;
	}
	
	.contact_box button.inquiry {
		margin-bottom: 2.5vw;
	}
	
	.contact_box button > img {
		width: 5vw;
	}
	
	.contact_box button > span {
		margin-left: 2vw;
		font-size: 3.6vw;
	}
}


/* 오프라인샵 */
.shop_box {}

.shop_box .top_box {
	margin-top: 100px;
}

.shop_box .top_box .tot {
	font-size: 18px;
}

.shop_box .top_box .right {
	float: right;
}

.shop_box .top_box .right .custom_select_box {
	position: relative;
	user-select: none;
}

.shop_box .top_box .right .selected_label {
	position: relative;
	display: block;
	width: 100%;
	padding: 0 35px 0 10px;
	background: none;
	border: none;
	font-size: 18px;
	text-align: right;
	cursor: pointer;
	font-weight: 400;
}

.shop_box .top_box .right .selected_label::after {
	content: '';
	position: absolute;
	top: 50%;
	right: 5px;
	width: 14px;
	height: 14px;
	background: url('../images/m_arrow_filterbox_down.png') no-repeat center / contain;
	transform: translateY(-50%) scaleY(1);
	transition: transform 0.3s ease;
}

.shop_box .top_box .right .custom_select_box.active .selected_label::after {
	transform: translateY(-50%) scaleY(-1);
}

.shop_box .top_box .right .options_list {
	display: none; /* 기본 숨김 */
	position: absolute;
	top: 100%;
	right: -20px;
	width: 160px;
	margin-top: 5px;
	padding: 10px 0;
	background: #fff;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); /* 이미지의 그림자 효과 */
	border-radius: 4px;
	z-index: 1000;
}

.shop_box .top_box .right .custom_select_box.active .options_list {
	display: block;
}

.shop_box .top_box .right .option_item {
	padding: 5px 15px;
	font-size: 18px;
	color: #333;
	text-align: center;
	cursor: pointer;
	transition: background 0.2s;
}

.shop_box .top_box .right .option_item:hover {
	background-color: #f8f8f8;
	color: #000;
}

.shop_list {
	margin-top: 20px;
}

@media screen and (max-width: 500px) {
	.shop_box .top_box {
		margin-top: 12vw;
	}
	
	.shop_box .top_box .tot {
		font-size: 2.8vw;
	}
	
	.shop_box .top_box .right .selected_label {
		padding: 0 5vw 0 1vw;
		font-size: 2.8vw;
	}
	
	.shop_box .top_box .right .selected_label::after {
		right: 0.5vw;
		width: 2vw;
		height: 2vw;
	}
	
	.shop_box .top_box .right .options_list {
		right: 0;
		width: 20vw;
		margin-top: 1vw;
		padding: 1vw 0;
		box-shadow: 0 0.4vw 1.5vw rgba(0, 0, 0, 0.1);
		border-radius: 0.4vw;
	}
	
	.shop_box .top_box .right .option_item {
		padding: 0.5vw 1.5vw;
		font-size: 2.8vw;
	}
	
	.shop_list {
		margin-top: 2vw;
	}
	
	.shop_list td {
		text-align: left;
		border-bottom: 1px solid #eeeeee;
	}
	
	.shop_list .shop_name {
		font-size: 3.2vw;
		font-weight: 500;
	}
	
	.shop_list .shop_addr {
		font-size: 3vw;
	}
	
	.shop_list .shop_tel {
		margin-bottom: 7.5vw;
		font-size: 3vw;
	}
	
	.shop_list .shop_info {
		font-size: 2.8vw;
		color: #808080;
	}
}


/* 오프라인샵 상세정보 */
.shop_detail {
	display: flex;
	width: 1100px;
	margin: 0 auto;
	gap: 60px;
}

.shop_detail .img {
	width: 450px;
	height: 450px;
	flex-shrink: 0;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	align-items: center;
}

.shop_detail .shop_table {
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}

.shop_detail .shop_table th,
.shop_detail .shop_table td {
	font-size: 18px;
	border-bottom: 1px solid #eeeeee;
}

.shop_detail .shop_table th {}

.shop_detail .shop_table tr:last-child th,
.shop_detail .shop_table tr:last-child td {
	border-bottom-color: #000;
}

@media screen and (max-width: 500px) {
	.shop_detail {
		display: block;
		width: 100%;
	}
	
	.shop_detail .img {
		width: 68.5vw;
		height: 68.5vw;
		margin: 0 auto 6vw;
	}
	
	.shop_detail .shop_table {
		border-top: 1px solid #000;
		border-bottom: 1px solid #000;
	}
	
	.shop_detail .shop_table th,
	.shop_detail .shop_table td {
		padding: 3vw 0;
		font-size: 3vw;
	}
}


/* 셀러브리티 */
.celebrity_list {
	margin-top: 80px;
}

.celebrity_list > li {
	float: left;
	width: calc(25% - 22.5px);
	height: 727px;
	margin-right: 30px;
}

.celebrity_list > li .img {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.celebrity_list > li:nth-child(4n + 4) {
	margin-right: 0;
}

.celebrity_list > li:nth-child(4n + 1) .img {
	height: 505px;
}

.celebrity_list > li:nth-child(4n + 2) .img {
	height: 583px;
}

.celebrity_list > li:nth-child(4n + 3) .img {
	height: 437px;
}

.celebrity_list > li:nth-child(4n + 4) .img {
	height: 583px;
}

.celebrity_list > li .name {
	display: block;
	margin-top: 20px;
	font-size: 24px;
	font-weight: 600;
}

.celebrity_list > li .brand {
	display: inline-block;
	margin-top: 10px;
	font-size: 16px;
}

.celebrity_list > li .pd_name {
	display: block;
	font-size: 18px;
}

@media screen and (max-width: 500px) {
	.celebrity_list {
		margin-top: 14vw;
	}
	
	.celebrity_list > li {
		width: calc(50% - 1vw);
		height: auto;
		margin-right: 2vw;
		margin-bottom: 6vw;
	}
	
	.celebrity_list > li:nth-child(2n + 2) {
		margin-right: 0;
	}
	
	.celebrity_list > li:nth-child(4n + 1) .img {
		height: 58.3vw;
	}
	
	.celebrity_list > li:nth-child(4n + 2) .img {
		height: 58.3vw;
	}
	
	.celebrity_list > li:nth-child(4n + 3) .img {
		height: 58.3vw;
	}
	
	.celebrity_list > li:nth-child(4n + 4) .img {
		height: 58.3vw;
	}
	
	.celebrity_list > li .name {
		margin-top: 2vw;
		font-size: 3.6vw;
	}
	
	.celebrity_list > li .brand {
		margin-top: 2vw;
		font-size: 2.4vw;
	}
	
	.celebrity_list > li .pd_name {
		font-size: 2.8vw;
	}
}


.celebrity_content {
	margin: 120px 0;
}

.celebrity_box {
	margin-top: 120px;
}

@media screen and (max-width: 500px) {
	.celebrity_content {
		margin: 12vw 0 24vw;
	}
	
	.celebrity_box {
		margin-top: 12vw;
	}
}


/* 베스트 50 */
.best_tabs {
	margin-top: 50px;
}

.best_tabs button {
	margin-right: 25px;
	padding-bottom: 5px;
	font-size: 18px;
}

.best_tabs button.on {
	border-bottom: 1px solid #000;
}

.best_list {
	margin-top: 30px;
}

.best_list > li {
	position: relative;
	float: left;
	width: calc(25% - 22.5px);
	margin-right: 30px;
}

.best_list > li:nth-child(4n + 4) {
	margin-right: 0;
}

.best_list > li .num_tag {
	position: absolute;
	top: 0;
	left: 0;
	width: 50px;
	line-height: 50px;
	background: #000;
	border-radius: 20px 0 0 0;
	z-index: 9;
	font-size: 20px;
	font-weight: 500;
	text-align: center;
	color: #fff;
}

.best_list > li .thumb {
	width: 367px;
	height: 367px;
}

@media screen and (max-width: 500px) {
	.best_tabs {
		margin-top: 5vw;
	}
	
	.best_tabs button {
		margin-right: 3vw;
		padding-bottom: 1vw;
		font-size: 3vw;
	}
	
	.best_list {
		margin-top: 10vw;
	}
	
	.best_list > li {
		width: calc(50% - 1.5vw);
		margin-right: 3vw;
	}
	
	.best_list > li:nth-child(2n + 2) {
		margin-right: 0;
	}
	
	.best_list > li .num_tag {
		width: 7.5vw;
		line-height: 7.5vw;
		border-radius: 2vw 0 0 0;
		font-size: 3.6vw;
	}
	
	.best_list > li .thumb {
		width: 46vw;
		height: 46vw;
	}
}


/* 브랜드샵 */
#brand_hd {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 343px;
	padding-top: 68px;
	min-width: 1600px;
	z-index: 9999;
	background: transparent;
	transition: background 0.3s ease, color 0.3s ease;
}

#brand_hd.hd_white {
	background: rgba(255, 255, 255, 0.7) !important; /* 투명도 0.7 */
	backdrop-filter: blur(10px); /* 블러 강도 */
	-webkit-backdrop-filter: blur(10px); /* 사파리 대응 */
	border-bottom: 1px solid rgba(255, 255, 255, 0.3); /* 경계선 추가 (선택) */
}

#brand_hd .wt_logo {
	width: 235px;
	height: 46px;
}

#brand_hd.hd_white .wt_logo {
	filter: brightness(0);
}

#brand_hd .brand_logo {
	height: 148px;
}

#brand_hd.hd_white .brand_logo {
	filter: brightness(0);
}
#brand_hd .brand_gnb {
	display: flex;
	margin-top: 30px;
	justify-content: space-between;
}
#brand_hd .brand_gnb .gnb {
	padding-bottom: 25px;
}
#brand_hd .brand_gnb .gnb > li {
	float: left;
}
#brand_hd .brand_gnb .gnb.left > li {
	margin-right: 50px;
}
#brand_hd .brand_gnb .gnb.right > li {
	margin-left: 50px;
}
#brand_hd .brand_gnb .gnb > li > a {
	font-size: 20px;
	color: #fff;
}

#brand_hd.hd_white .brand_gnb .gnb li a {
	color: #000 !important;
}

/* FC */
#brand_hd.FC .wt_logo {
	background: url('../images/brandshop_h_logo_wt.png') no-repeat center / contain;
}
#brand_hd.FC .brand_logo {
	background: url('../images/brandshop_logo_fc_bk.png') no-repeat center bottom / 432px;
}

/* IN */
#brand_hd.IN .wt_logo {
	background: url('../images/brandshop_h_logo_wt.png') no-repeat center / contain;
}
#brand_hd.IN .brand_logo {
	background: url('../images/brandshop_logo_ir.png') no-repeat center bottom / 440px;
	filter: brightness(0) invert(1);
}
#brand_hd.hd_white.IN .brand_logo {
	filter: brightness(0);
}

/* CP */
#brand_hd.CP .wt_logo {
	background: url('../images/brandshop_h_logo_bk.png') no-repeat center / contain;
}
#brand_hd.CP .brand_logo {
	background: url('../images/brandshop_logo_cp_bk.png') no-repeat center bottom / 275px;
}
#brand_hd.CP .brand_gnb .gnb > li > a {
	color: #000;
}

#brand_hd .brand_mob_hd {
	display: none;
}

/* 브랜드샵 서브페이지(안경테/선글라스/상세/에디토리얼/룩북/오프라인샵) - 브랜드 헤더를 fixed 대신 relative로 표시 (브랜드 메인에서만 fixed) */
body.brand_sub_hd #brand_hd {
	position: relative;
}

body.brand_sub_hd #brand_hd .mob_brand_logo {
	display: none;
}

.brand_banner {
	position: relative;
	width: 100%;
}

.brand_banner .brand_swiper {
	width: 100%;
}

.brand_banner .swiper-slide {
	position: relative;
	height: 1074px;
	overflow: hidden;
}

.brand_banner .swiper-slide img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	display: block;
}

.brand_banner .swiper-slide .mob {
	display: none;
}

.brand_banner .swiper-button-prev,
.brand_banner .swiper-button-next {
	width: 80px;
	height: 80px;
}

.brand_banner .swiper-button-prev::after,
.brand_banner .swiper-button-next::after {
	display: none;
}

.brand_banner .swiper-button-prev {
	left: calc((100% - 1920px) / 2 + 15px);
	background: url('../images/arrow_left.png') no-repeat center / contain;
}

.brand_banner .swiper-button-next {
	right: calc((100% - 1920px) / 2 + 15px);
	background: url('../images/arrow_right.png') no-repeat center / contain;
}

@media screen and (max-width: 1000px) {
	#brand_hd {
		height: auto;
		padding-top: 0;
		min-width: 0;
	}

	#brand_hd .sector {
		display: none;
	}

	#brand_hd .brand_mob_hd {
		display: block;
		position: relative;
	}

	#brand_hd .brand_mob_hd .mob_top_bar {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 3vw 2vw;
		background: #000;
	}
	
	#brand_hd.hd_white .brand_mob_hd .mob_top_bar {
		background: rgba(0, 0, 0, 0.3) !important;
		backdrop-filter: blur(0.5vw);
		-webkit-backdrop-filter: blur(0.5vw);
		border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	}

	#brand_hd .brand_mob_hd .mob_wt_logo {
		width: 36vw;
		height: 8.3vw;
		background: url('../images/brandshop_h_logo_wt.png') no-repeat left center / contain;
	}
	
	#brand_hd.hd_white .brand_mob_hd .mob_wt_logo {
		filter: brightness(0);
	}

	#brand_hd .brand_mob_hd .mob_icon_box {
		display: flex;
		align-items: center;
		gap: 4vw;
	}

	#brand_hd .brand_mob_hd .mob_icon_box button {
		background: none;
		border: none;
		padding: 0;
		cursor: pointer;
	}
	
	#brand_hd.hd_white .brand_mob_hd .mob_icon_box button img {
		filter: brightness(0);
	}

	#brand_hd .brand_mob_hd .mob_brand_ico {
		width: 5vw;
		height: 5vw;
		object-fit: contain;
	}

	#brand_hd .brand_mob_hd .mob_cart_ico {
		width: 5vw;
		height: 5vw;
		object-fit: contain;
	}

	#brand_hd .brand_mob_hd .mob_gnb_bar {
		background: #000;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
	}
	
	#brand_hd.hd_white .brand_mob_hd .mob_gnb_bar {
		background: rgba(0, 0, 0, 0.3) !important;
		backdrop-filter: blur(0.5vw);
		-webkit-backdrop-filter: blur(0.5vw);
		border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	}

	#brand_hd .brand_mob_hd .mob_gnb_bar::-webkit-scrollbar {
		display: none;
	}

	#brand_hd .brand_mob_hd .mob_gnb {
		display: flex;
		white-space: nowrap;
		padding: 0 4vw;
	}

	#brand_hd .brand_mob_hd .mob_gnb > li {
		flex-shrink: 0;
	}

	#brand_hd .brand_mob_hd .mob_gnb > li > a {
		display: block;
		padding: 3vw 3vw;
		font-size: 3vw;
		color: #fff;
	}
	
	#brand_hd.hd_white .brand_mob_hd .mob_gnb li a {
		color: #000 !important;
	}
	
	#brand_hd .mob_brand_logo {
		position: absolute;
		top: 35vw;
		left: 50%;
		z-index: 999;
		transform: translateX(-50%);
		background-repeat: no-repeat;
		background-position: center top;
		background-size: contain;
	}
	
	/* 프랭크커스텀 */
	#brand_hd.FC .mob_brand_logo {
		width: 54vw;
		height: 18.5vw;
		background-image: url('../images/m_brandshop_logo_fc.png');
	}
	
	/* 아이로닉아이코닉 */
	#brand_hd.IN .mob_brand_logo {
		width: 54.8vw;
		height: 48vw;
		background-image: url('../images/m_brandshop_logo_ir.png');
		filter: brightness(0) invert(1);
	}
	
	/* 크리스핀 */
	#brand_hd.CP .brand_mob_hd .mob_top_bar {
		background: #fff;
	}
	
	#brand_hd.CP .brand_mob_hd .mob_wt_logo {
		filter: brightness(0);
	}
	
	#brand_hd.CP .brand_mob_hd .mob_icon_box button:last-child {
		filter: brightness(0);
	}
	
	#brand_hd.CP .brand_mob_hd .mob_gnb_bar {
		background: #fff;
	}
	
	#brand_hd.CP .brand_mob_hd .mob_gnb > li > a {
		color: #000;
	}
	
	#brand_hd.CP .mob_brand_logo {
		width: 30.1vw;
		height: 5.7vw;
		background-image: url('../images/m_brandshop_logo_cp_bk.png');
	}

	.brand_banner .swiper-slide {
		height: 191.4vw;
	}
	
	.brand_banner .swiper-slide .pc {
		display: none;
	}
	
	.brand_banner .swiper-slide .mob {
		display: block;
	}

	.brand_banner .swiper-button-prev,
	.brand_banner .swiper-button-next {
		width: 8vw;
		height: 8vw;
	}

	.brand_banner .swiper-button-prev {
		left: 2vw;
	}

	.brand_banner .swiper-button-next {
		right: 2vw;
	}
}


/* 브랜드샵 - 안경테, 선글라스 */
.brand_pd_area {
	height: 1080px;
}

.brand_pd_area.glasses {
	background-repeat: no-repeat;
	background-position: center;
	background-size: 105%;
}

.brand_pd_area.glasses.FC {
	background-image: url('../images/brandshop_fc_bg02.png');
}

.brand_pd_area.glasses.IN {
	background-image: url('../images/brandshop_ir_bg02.png');
}

.brand_pd_area.glasses.CP {
	background-image: url('../images/brandshop_cp_bg02.png');
}

.brand_pd_area .brand_pd_box {
	width: 1360px;
	margin: 0 auto;
	padding-top: 200px;
}

.brand_pd_area .brand_pd_box .title {
	font-size: 36px;
	font-weight: 600;
	text-indent: 50px;
}

.brand_pd_area.glasses .brand_pd_box .title {
	color: #fff;
}

.brand_pd_area .brand_pd_box .brand_pd_inner {
	margin-top: 50px;
	padding: 40px 40px 20px;
	background: #F1F2F4;
}

.brand_pd_area .brand_pd_box .product_box {}

.brand_pd_area .brand_pd_box .product_box .swiper-pagination3 {
	display: flex;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
}

.brand_pd_area .brand_pd_box .product_box .swiper-pagination3 .swiper-pagination-bullet {
	flex: 1;
	border-radius: 0;
	margin: 0;
	height: 2px;
	transition: .2s;
}

.brand_pd_area .brand_pd_box .product_box .swiper-pagination3 .swiper-pagination-bullet-active {
	background: #000;
}

.brand_pd_area .brand_pd_box .product_box .pd_list {
}

.brand_pd_area .brand_pd_box .product_box .pd_list > li {}

.brand_pd_area .brand_pd_box .product_box .pd_list > li .thumb {}

.brand_pd_area .brand_pd_box .product_box .pd_list > li .info {
	padding-bottom: 30px;
}

@media (max-width: 1000px) {
	.brand_pd_area {
		height: auto;
		background: none !important;
	}
	
	.brand_pd_area .brand_pd_box {
		width: 100%;
		padding-top: 18vw;
	}
	
	.brand_pd_area .brand_pd_box .title {
		font-size: 5vw;
		text-indent: 2%;
		color: #000 !important;
	}
	
	.brand_pd_area .brand_pd_box .brand_pd_inner {
		margin-top: 3vw;
		padding: 10vw 4vw;
		overflow: hidden;
	}
	
	.brand_pd_area .brand_pd_box .product_box {
		display: block !important;
	}
	
	.brand_pd_area .brand_pd_box .pd_list {
		display: grid !important;
		grid-template-columns: 1fr 1fr;
		gap: 12px;
		transform: none !important;
		width: 100% !important;
		flex-wrap: wrap;
	}
	
	.brand_pd_area .brand_pd_box .pd_list .swiper-slide:nth-child(n+5) {
		display: none !important;
	}
	
	.brand_pd_area .main_banner_pagination {
		display: none;
	}
	
	.brand_pd_area .brand_pd_box .product_box .pd_list > li {
		width: 44.3vw;
	}
	
	.brand_pd_area .brand_pd_box .product_box .pd_list > li .thumb {
		width: 44.3vw;
		height: 44.3vw;
	}
	
	.brand_pd_area .brand_pd_box .product_box .pd_list > li .info {
		padding-bottom: 10vw;
	}
	
	.brand_pd_area .brand_pd_box .more_btn {
		text-align: center;
	}
	
	.brand_pd_area .brand_pd_box .more_btn > button {
		width: 73vw;
		height: 10vw;
		margin: 0 auto;
		border: 1px solid #000;
		border-radius: 2vw;
		background: #fff;
		font-size: 3.6vw;
	}
	
}


/* 브랜드 - 유튜브, 인스타그램 */
.brand_sns_area {
	display: flex;
	height: 1080px;
	justify-content: center;
	align-items: center;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 105%;
}

.brand_sns_area.FC {
	background-image: url('../images/brandshop_fc_bg03.png');
}

.brand_sns_area.IN {
	background-image: url('../images/brandshop_ir_bg03.png');
}

.brand_sns_area.CP {
	background-image: url('../images/brandshop_cp_bg03.png');
}

.brand_sns_area .brand_sns {
	width: 580px;
}

.brand_sns_area .brand_sns > li {
	padding: 40px 0;
	border-bottom: 1px solid #fff;
	text-align: center;
}

.brand_sns_area .brand_sns > li:last-child {
	border: 0;
}

.brand_sns_area .brand_sns > li > button,
.brand_sns_area .brand_sns > li > a {
	font-size: 24px;
	color: #fff;
	text-decoration: none;
	display: block;
}

.brand_sns_area .brand_sns > li > button > img,
.brand_sns_area .brand_sns > li > a > img {
	position: relative;
	top: -2px;
	margin-left: 5px;
}

@media (max-width: 1000px) {
	.brand_sns_area {
		margin-top: 18vw;
		height: 108vw;
		background-size: 105%;
	}
	
	.brand_sns_area.FC {
		background-image: url('../images/m_brandshop_fc_bg03.png');
	}
	
	.brand_sns_area.IN {
		background-image: url('../images/m_brandshop_ir_bg03.png');
	}
	
	.brand_sns_area.CP {
		background-image: url('../images/m_brandshop_cp_bg03.png');
	}
	
	.brand_sns_area .brand_sns {
		width: 58vw;
	}
	
	.brand_sns_area .brand_sns > li {
		padding: 4vw 0;
	}
	
	.brand_sns_area .brand_sns > li > button,
	.brand_sns_area .brand_sns > li > a {
		font-size: 3vw;
	}

	.brand_sns_area .brand_sns > li > button > img,
	.brand_sns_area .brand_sns > li > a > img {
		top: -0.5vw;
		width: 3.5vw;
		margin-left: 0.5vw;
	}
}


/* =====================================================
   데이터 없음 공통 빈 상태 스타일
   ===================================================== */

/* 신상품 - 빈 상태 */
#main_new_area .new_box .product_box .product > li.no_product {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 430px;
	width: 100%;
	color: #999;
	font-size: 14px;
}

#main_new_area .new_box .product_box .product > li.no_product p {
	margin: 0;
}

/* 셀럽들이 사랑한 아이웨어 - 빈 상태 */
#main_loved_area .main_loved_box .product_box .product_list > li.no_product {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	min-height: 440px;
	color: #999;
	font-size: 14px;
}

#main_loved_area .main_loved_box .product_box .product_list > li.no_product p {
	margin: 0;
}

/* 기획전 - 빈 상태 (슬라이드 없을 때) */
#main_brand_area .main_brand .swiper-wrapper:not(:has(.brand_box)) {
	min-height: 500px;
	display: flex;
	align-items: center;
	justify-content: center;
}

#main_brand_area .main_brand .swiper-wrapper:not(:has(.brand_box))::after {
	content: '등록된 기획전이 없습니다.';
	color: #999;
	font-size: 14px;
}

@media (max-width: 1000px) {
	#main_new_area .new_box .product_box .product > li.no_product {
		min-height: 55vw;
		font-size: 3.5vw;
	}

	#main_loved_area .main_loved_box .product_box .product_list > li.no_product {
		min-height: 70vw;
		font-size: 3.5vw;
	}

	#main_brand_area .main_brand .swiper-wrapper:not(:has(.brand_box)) {
		min-height: 80vw;
	}

	#main_brand_area .main_brand .swiper-wrapper:not(:has(.brand_box))::after {
		font-size: 3.5vw;
	}
}


/******************************************
	상품 리스트 검색 영역
*******************************************/
.list_search_area {
	text-align: center;
}

.list_search_area .result_txt {
	font-size: 24px;
	line-height: 1.5;
	color: #808080;
}

.list_search_area .result_txt > b {
	font-size: 28px;
	font-weight: 500;
	color: #000;
}

.list_search_area .input_box {
	display: block;
	width: 700px;
	margin: 0 auto;
	margin-top: 60px;
}

@media screen and (max-width: 500px) {
	.list_search_area {
		margin-top: 5vw;
	}

	.list_search_area .result_txt {
		font-size: 3.6vw;
	}

	.list_search_area .result_txt > b {
		font-size: 4.4vw;
	}

	.list_search_area .input_box {
		width: 95%;
		margin-top: 12vw;
	}
}

/* 성별 라디오 그룹 */
.gender_radio_group {
	display: flex;
	align-items: center;
	padding: 6px 0;
}

.gender_radio_group .default_label {
	margin-right: 40px;
}

.gender_radio_group .default_label input[type="radio"]:checked::after {
	background-color: #767676;
}

@media screen and (max-width: 500px) {
	.gender_radio_group .default_label {
		margin-right: 10vw;
	}
}

/* ── 비회원 주문 조회 상세 (guest_view.php) ── */
.guest_view_area {
	max-width: 700px;
	margin: 80px auto 120px;
}

.guest_view_area h1.sub_title3 {
	font-size: 32px;
	font-weight: 500;
	margin-bottom: 40px;
}

.order_num_bar {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 18px 0;
	border-top: 2px solid #000;
	border-bottom: 1px solid #ddd;
	font-size: 15px;
	margin-bottom: 40px;
}

.order_num_bar strong {
	font-weight: 600;
}

.od_state_badge {
	display: inline-block;
	padding: 4px 12px;
	background: #000;
	color: #fff;
	font-size: 12px;
	border-radius: 20px;
}

.guest_view_area .section {
	margin-bottom: 40px;
}

.guest_view_area .section_title {
	font-size: 15px;
	font-weight: 600;
	padding-bottom: 12px;
	border-bottom: 1px solid #000;
	margin-bottom: 0;
}

.order_info_tbl {
	width: 100%;
	border-collapse: collapse;
	font-size: 14px;
}

.order_info_tbl th,
.order_info_tbl td {
	padding: 12px 8px;
	border-bottom: 1px solid #eee;
	text-align: left;
	vertical-align: top;
}

.order_info_tbl thead th {
	color: #808080;
	font-weight: 500;
	border-bottom: 1px solid #ddd;
}

.order_info_tbl.detail th {
	width: 120px;
	color: #808080;
	font-weight: 400;
	white-space: nowrap;
}

.guest_action_area {
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
	margin-top: 48px;
}

.btn_action {
	flex: 1;
	min-width: 120px;
	height: 48px;
	border-radius: 4px;
	font-size: 14px;
	cursor: pointer;
}

.btn_action.line {
	background: #fff;
	border: 1px solid #333;
	color: #333;
}

.btn_action.solid {
	background: #000;
	border: 1px solid #000;
	color: #fff;
}

.guest_view_area .info_msg {
	margin-top: 20px;
	font-size: 13px;
	color: #888;
}

@media screen and (max-width: 500px) {
	.guest_view_area {
		margin: 40px 0 80px;
	}
	.order_info_tbl.detail th {
		width: 80px;
	}
	.btn_action {
		flex: none;
		width: 100%;
	}
}