/* ?��?��리스?�� */
.product_list_wrap {}
.shop_filter_sort {
	border-bottom: 1px solid #d7d7d7;
	padding: 10px 0;
	display: flex;
	justify-content: space-between;
}
.shop_filter_sort div {}
.shop_filter_sort div button {
	border: 1px solid #ccc;
	font-size: 13px;
	background-color: #fff;
	border-radius: 30px;
	padding: 5px 15px;
}
.shop_filter_sort div input + label {
	font-size: 13px;
	margin-right: 10px;
}
.shop_filter_sort div input:checked + label {
	font-weight: 800;
}
.list_sort_btn {
	font-size: 13px;
	color: #6c6c6c;
	display: flex;
	align-items: center;
	gap: 5px;
}
.shop_filter_wrap {
	padding: 15px 0;
	border-bottom: 1px solid #d7d7d7;
}
.shop_filter_wrap h6 {
	font-size: 14px;
	font-weight: 400;
	margin-bottom: 10px;
}
.shop_filter_wrap div {
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
}
.shop_filter_wrap div button {
	border: 1px solid #ccc;
	font-size: 13px;
	background-color: #fff;
	border-radius: 30px;
	padding: 5px 15px;
}
.shop_filter_wrap div button.on {
	background-color: #779561;
	color: #fff;
}
.category_filter div input + label {
	border: 1px solid #ccc;
	font-size: 13px;
	background-color: #fff;
	border-radius: 30px;
	padding: 5px 15px;
}
.category_filter div input:checked + label {
	background-color: #779561;
	color: #fff;
}
.shop_product_list {
	padding: 15px 0;
}
.shop_product_list .mbp_desc h2 {
	font-size: 14px;
	font-weight: 400;
	height: 34px;
	margin-bottom: 0;
}
.load_more_btn {
	color: #7f7f7f;
	font-size: 13px;
	border: 1px solid #7f7f7f;
	border-radius: 10px;
	padding: 5px;
	display: block;
	margin: 30px auto;
	max-width: 185px;
	width: 100%;
	margin-top: 30px;
}
.sort_pop {
	position: fixed;
	width: 100%;
	max-width: 600px;
	background-color: #fff;
	bottom: -200px;
	left: 50%;
	transform: translateX(-50%);
	padding: 10px;
	z-index: 10;
	border-radius: 10px 10px 0 0;
	transition: 0.3s;
}
.sort_pop.active {
	bottom: 0;
}
.sort_pop em {
	display: block;
	width: 38px;
	height: 3px;
	border-radius: 15px;
	background-color: #acacac;
	margin: auto;
	margin-bottom: 10px;
}
.sort_pop ul {}
.sort_pop ul li {
	display: flex;
	justify-content: space-between;
	align-items: center;
	/* padding: 10px; */
	border-radius: 5px;
}
.sort_pop ul li.on {
	background-color: #f6f6f6;
}
.sort_pop ul li span {
	font-size: 13px;
	color: #acacac;
}
.sort_pop ul li.on span {
	color: #000;
}
.sort_pop ul li img {
	display: none;
}
.sort_pop ul li.on img {
	/* display: block; */
}
.sort_pop ul li p {
	display: flex;
	justify-content: space-between;
	width: 100%;
	align-items: center;
}
.sort_pop ul li p input:checked + label  + img {
	display: inline-block;
}
.sort_pop ul li p label {
	font-size: 13px;
	color: #acacac;
	width: 100%;
	padding: 10px;
}
.top_go_home {
	position: absolute;
	top: 17px;
	right: 15px;
}

/* ?��?��?��?�� */
.product_detail_wrap {}
.pd_big_img {
	border: 1px solid #ebebeb;
	padding: 10px;
}
.pd_big_img img {
	max-width: 100%;
}
.pd_img_list {
	display: flex;
	gap: 5px;
	overflow-x: scroll;
	margin: 15px 0;
}
.pd_img_list div {
	min-width: 400px;
}
.pd_img_list img {
	max-width: 80px;
}
.pd_desc {
	background-color: #f6f6f6;
	border-radius: 5px;
	padding: 10px;
}
.pd_desc span {
	font-size: 13px;
	color: #acacac;
}
.pd_desc h1 {
	font-size: 22px;
	font-weight: 500;
	padding-top: 10px;
}
.pd_desc > ul {
	border-top: 1px solid #ccc;
	padding: 15px 0;
	margin-top: 15px;
}
.pd_desc > ul > li {
	display: flex;
	justify-content: space-between;
	padding-bottom: 20px;
	position: relative;
}
.point_question_pop {
	position: absolute;
	top: 100%;
	right: 0;
	max-width: 245px;
	width: 100%;
	border-radius: 10px;
	border: 1px solid #ccc;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 20%);
	padding: 10px;
	background-color: #fff;
	z-index: 3;
	display: none;
}
.point_question_pop.cart {
	top: auto;
	bottom: 100%;
}
.point_question_pop.active {
	display: block;
}
.point_question_pop h6 {
	font-size: 15px;
	font-weight: 400;
	text-align: center;
	border-bottom: 1px solid #ccc;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.point_question_pop ul {}
.point_question_pop ul li {
	display: flex;
	justify-content: space-between;
	font-size: 12px;
	padding-bottom: 10px;
}
.point_question_pop ul li:last-child {
	padding-bottom: 0;
}
.point_question_pop_close {
	position: absolute;
	top: 10px;
	right: 10px;
}
.point_question_pop_close img {
	width: 14px;
}
.purpler_pop {
	position: absolute;
	top: 100%;
	right: 0;
	max-width: 245px;
	width: 100%;
	border-radius: 10px;
	border: 1px solid #ccc;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 20%);
	padding: 15px;
	background-color: #fff;
	z-index: 3;
	font-size: 13px;
	line-height: 1.5em;
	display: none;
}
.purpler_pop.active {
	display: block;
}
.purpler_pop_close {
	position: absolute;
	top: 10px;
	right: 10px;
}
.purpler_pop_close img {
	width: 14px;
}
.pd_desc ul li.little_pad {
	padding-bottom: 0;
}
.pd_desc ul li:last-child {
	padding-bottom: 0;
}
.pd_desc ul li span {
	font-size: 14px;
	color: #6c6c6c;
}
.pd_desc ul li > div b {
	color: crimson;
}
.pd_desc ul li > div em {
	font-size: 15px;
	margin: 3px;
}
.pd_desc ul li > div del {
	color: #bbb;
	font-size: 14px;
}
.pd_desc ul li small {
	color: #555;
}
.pd_desc ul li em {
	font-size: 14px;
}
.pd_desc ul li em img {
	vertical-align: middle;
}
.pd_desc ul p {
	padding-bottom: 20px;
}
.pd_desc ul p img {
	vertical-align: middle;
}
.pd_desc ul p span {
	font-size: 12px;
	color: #acacac;
	text-decoration: underline;
	margin: 3px;
}
.pd_desc ul p em {
	font-size: 12px;
	font-weight: 600;
	color: #acacac;
}
.pd_desc ul p em img {
	margin: 0 5px;
}
.count_box {
	display: flex;
	align-items: center;
	width: 80px;
}
.count_box input {
	text-align: center;
	width: 100%;
	padding: 0;
	border: none;
	background-color: transparent;
}
.count_box button img {
	display: block;
	min-width: 20px;
}
.count_box_02 {
	border: 1px solid #555;
	border-radius: 5px;
}
.count_box_02 input {
	font-size: 13px;
}
.count_box_02 button {}
.pd_review_wrap {
	margin: 25px 0;
}
.review_sum {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.review_sum p {
	font-size: 15px;
	font-weight: 500;
}
.review_sum p img {}
.review_sum > a {
	font-size: 13px;
	color: #acacac;
}
.review_percent {
	background-color: #f6f6f6;
	border-radius: 10px;
	padding: 15px;
	margin: 10px 0;
}
.review_percent p {
	font-size: 13px;
}
.review_percent p img {
	margin-right: 5px;
}
.review_percent p span {
	color: #7c65ab;
}
.review_links {
	position: relative;
}
.review_links a {
	display: block;
	border-radius: 5px;
	overflow: hidden;
}
.review_links a img {
	display: block;
	max-width: 100%;
}
.swiper-button-prev-pd-review {
	left: -10px !important;
}
.swiper-button-next-pd-review {
	right: -10px !important;
}
.swiper-button-prev-pd-review,
.swiper-button-next-pd-review {
	opacity: 1 !important;
	z-index: 5;
}
.swiper-button-prev-pd-review:after {
	content: url(/img/shop/review_swiper_left.png);
	opacity: 1;
}
.swiper-button-next-pd-review:after {
	content: url(/img/shop/review_swiper_right.png);
	opacity: 1;
}
.product_bottom_wrap {}
.pd_tab_btns {
	border-bottom: 1px solid #d7d7d7;
	display: flex;
	justify-content: space-around;
}
.pd_tab_btns button {
	font-size: 14px;
	color: #acacac;
	padding: 10px;
	border-bottom: 2px solid transparent;
}
.pd_tab_btns button.on {
	color: #000;
	border-color: #000;
}
.pd_content_wrap {}
.pd_content {
	display: none;
}
.pd_content.active {
	display: block;
}
.pd_detail_img_wrapper {
	position: relative;
	max-height: 500px;
	transition: 0.4s ease;
	overflow: hidden;
}
.pd_detail_img_wrapper.expanded {
	max-height: 100%;
}
.img_gradient_overlay {
	position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 80px;
  background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
  transition: opacity 0.3s;
  pointer-events: none;
}
.pd_detail_img_wrapper.expanded .img_gradient_overlay {
	opacity: 0;
}
.pd_view_more {
	display: block;
	width: 95%;
	margin: auto;
	border: 1px solid #898989;
	border-radius: 10px;
	padding: 8px;
	background-color: #fff;
	font-size: 13px;
}
.review_summary {
	padding: 15px 0;
	border-bottom: 1px solid #ccc;
}
.review_top {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 5px;
}
.review_top b {
	font-size: 16px;
}
.review_top span {
	font-size: 13px;
	color: #acacac;
}
.review_summary > p {
	text-align: center;
	font-size: 13px;
	color: #777;
	margin-top: 5px;
}
.review_summary > a {
	font-size: 13px;
	font-weight: 500;
	color: #fff;
	background-color: #000;
	padding: 8px 20px;
	border-radius: 30px;
	display: block;
	text-align: center;
	margin: auto;
	margin-top: 10px;
	max-width: fit-content;
}
.star-rating {
  position: relative;
  display: inline-block;
  font-size: 22px; /* �? ?���? */
  line-height: 1;
}
.star-rating-back,
.star-rating-front {
  color: #ccc; /* ?��?�� �? (�? �?) */
}
.star-rating-front {
  color: #000; /* �???? �? (채워�? �?) */
  position: absolute;
  top: 0;
  left: 0;
  white-space: nowrap;
  overflow: hidden;
  pointer-events: none;
}

.review_photo_wrap {
	padding: 15px 0;
}
.review_photo_wrap h6 {
	font-size: 14px;
	font-weight: 400;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-bottom: 10px;
}
.review_photo_wrap h6 a {
	color: #acacac;
	font-size: 13px;
}
.review_photo_wrap h6 a img {
	margin-left: 5px;
}
.review_photo {}
.review_photo_item {
	position: relative;
	display: block;
	border-radius: 10px;
	overflow: hidden;
}
.review_photo_item img {
	display: block;
	max-width: 100%;
}
.review_photo_desc {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	color: #fff;
	padding: 10px;
	z-index: 2;
}
.rpd_star {
	font-size: 13px;
}
.review_photo_desc p {
	font-size: 12px;
	margin: 3px 0;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	height: 27px;
}
.review_photo_desc span {
	font-size: 12px;
	color: #ccc;
}
.review_desc_gradient_overlay {
	position: absolute;
	width: 100%;
	height: 50%;
	background: linear-gradient(to bottom, transparent, #000);
	bottom: 0;
	left: 0;
	z-index: 1;
}
.review_list_wrap {}
.review_filter {
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: 1px solid #ccc;
	padding-bottom: 10px;
}
.review_filter div {
	display: flex;
	gap: 5px;
}
.review_filter div button {
	font-size: 13px;
	color: #555;
}
.review_filter div em {
	font-size: 12px;
	color: #555;
}
.review_filter > button {
	font-size: 13px;
	color: #555;
}
.review_filter > button img {
	margin-right: 5px;
	vertical-align: middle;
}
.review_list {}
.review_list ul {}
.review_item {
	padding: 10px 0;
	border-bottom: 1px solid #ccc;
}
.review_item h6 {
	font-size: 12px;
	font-weight: 400;
}
.review_item h6 small {
	color: #acacac;
	margin-left: 10px;
	font-size: 12px;
}
.ri_star {
	margin: 5px 0;
}
.review_item > p {
	font-size: 13px;
	color: #555;
	line-height: 1.5em;
}
.ri_photo {
	display: flex;
	gap: 5px;
	flex-wrap: wrap;
	margin: 10px 0;
}
.ri_photo img {
	width: 100px;
	height: 100px;
	border-radius: 5px;
	overflow: hidden;
}
.ri_slides {
	margin-bottom: 10px;
	position: relative;
}
.swiper-slide-ri-slides img {
	max-width: 100%;
	border-radius: 10px;
	display: block;
}
.swiper-pagination-ri-slides {
	width: 45px;
	background-color: #d9d9d9;
	border-radius: 30px;
	font-size: 12px;
	padding: 5px;
	left: 50%;
	bottom: 15px;
	transform: translateX(-50%);
}
.ri_bottom {
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 13px;
	color: #acacac;
}
.ri_bottom img {
	vertical-align: middle;
}
.ri_bottom button {
	font-size: 13px;
	color: #acacac;
}
.product_fix_btns {
	position: fixed;
	width: 100%;
	bottom: -70px;
	left: 50%;
	max-width: 600px;
	transform: translateX(-50%);
	background-color: #fff;
	z-index: 9;
	display: flex;
	padding: 15px;
	gap: 5px;
	transition: 0.3s;
	box-shadow: 0 -5px 8px rgba(0, 0, 0, 20%);
	border-radius: 10px 10px 0 0;
}
.product_fix_btns.show {
	bottom: 0;
}
.product_fix_btns button {
	font-size: 14px;
	font-weight: 400;
	border-radius: 30px;
	padding: 8px;
	width: 50%;
}
.product_fix_btns button:first-child {
	background-color: #fff;
	border: 1px solid #000;
	color: #000;
}
.after_btns {
	position: fixed;
	width: 100%;
	bottom: -220px;
	left: 50%;
	max-width: 600px;
	transform: translateX(-50%);
	background-color: #fff;
	z-index: 10;
	padding: 10px;
	gap: 5px;
	transition: 0.3s;
	box-shadow: 0 -5px 8px rgba(0, 0, 0, 20%);
	border-radius: 10px 10px 0 0;
}
.after_btns.show {
	bottom: 0;
}
.btn_in_result {
	background-color: #f6f6f6;
	border-radius: 5px;
	padding: 10px;
}
.btn_in_result h6 {
	font-size: 13px;
	font-weight: 400;
	margin-bottom: 10px;
}
.btn_in_result > div {
	display: flex;
	justify-content: space-between;
	margin-bottom: 10px;
}
.btn_in_result > div > span {
	font-size: 14px;
}
.btn_in_result > div > em {
	font-size: 14px;
}
.btn_in_result > div strong {
	font-size: 14px;
}
.btn_in_result > div strong em {
	font-weight: 400;
}
.btn_in_result > div:nth-last-of-type {
	margin-bottom: 0;
}
.after_bottom_btns {
	display: flex;
	gap: 5px;
	margin-top: 10px;
}
.after_bottom_btns a {
	font-size: 14px;
	font-weight: 400;
	border-radius: 30px;
	padding: 8px;
	width: 50%;
	text-align: center;
}
.after_bottom_btns a:first-child {
	background-color: #fff;
	border: 1px solid #000;
	color: #000;
}

/* 리뷰 ?��?�� */
.review_write_wrap {}
.review_pro {
	display: flex;
	align-items: center;
	padding: 15px;
	gap: 10px;
	background-color: #fff;
}
.rp_img {
	width: 80px;
	min-width: 80px;
	height: 80px;
	border: 1px solid #d0d0d0;
	background-color: #fff;
}
.rp_desc {}
.rp_desc h2 {
	font-size: 14px;
	margin-bottom: 10px;
}
.rp_desc span {
	font-size: 14px;
	color: #898989;
	margin-right: 5px;
}
.rp_desc b {
	font-size: 14px;
	font-weight: 500;
}
.review_write {}
.review_bottom_group {
	display: none;
}
.review_write_top {
	padding: 20px;
	text-align: center;
}
.review_write_top h3 {
	font-size: 16px;
	margin-bottom: 10px;
}
.review_stars {}
.review_stars span {
	font-size: 30px;
	font-weight: 300;
}
.review_write_text {}
.review_write_text textarea {
	border-radius: 0;
	min-height: 150px;
}
.review_write_text em {
	font-size: 12px;
	color: #acacac;
}
.review_write_images {
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
	margin: 10px 0;
}
.review_write_images > img {
	width: 100px;
	height: 100px;
	border-radius: 5px;
}
.review_image_upload_btn {
	width: 100px;
	min-width: 100px;
	height: 100px;
	border-radius: 5px;
	background-color: #d8e1d1;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 7px;
}
.review_image_upload_btn em {
	font-size: 12px;
	color: #779561;
}
.write_com_btn {
	margin-top: 20px;
	padding: 12px;
	font-size: 14px;
}
.review_agree_box {}
.review_agree_chk {}
.review_agree_chk label {
	display: flex;
	gap: 5px;
	font-size: 14px;
	margin-bottom: 10px;
	color: #555;
}
.review_agree_box input[type=checkbox] + label em {
	background-color: #bbb;
}
.review_agree_box input[type=checkbox]:checked + label em {
	background-color: #779561;
}
.review_agree_desc {}
.review_agree_desc li {
	font-size: 13px;
	color: #acacac;
	position: relative;
	padding-left: 10px;
	padding-bottom: 10px;
	/* line-height: 1.5em; */
}
.review_agree_desc li:before {
	content: '';
	position: absolute;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background-color: #555;
	top: 5px;
	left: 0;
}
.review_agree_desc li:last-child {
	padding-bottom: 0;
}

/* ?��바구?�� */
.cart_wrap {}
.cart_top {
	padding: 20px 0;
}
.cart_top p {
	font-size: 13px;
	color: #333;
}
.cart_top p b {}
.del_pro {
	display: flex;
	align-items: center;
	gap: 10px;
}
.gauge {
	width: calc(100% - 90px);
	border-radius: 30px;
	height: 8px;
	position: relative;
}
.gauge div {
	position: absolute;
	height: 100%;
	border-radius: 30px;
}
.gauge_gray {
	background-color: #d9d9d9;
	width: 100%;
}
.gauge_green {
	background-color: #779561;
	animation: gaugeAni 0.7s both ease-in-out;
}
@keyframes gaugeAni {
	0% {
		max-width: 0;
	}
	100% {
		max-width: 100%;
	}
}
.del_condition {
	display: flex;
	align-items: center;
	gap: 5px;
}
.del_condition img {}
.del_condition span {
	font-size: 12px;
	color: #333;
	text-align: center;
}
.cart_select_line {
	border-top: 1px solid #acacac;
	border-bottom: 1px solid #acacac;
	padding: 10px 15px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.cart_select_line label {
	font-size: 13px;
	color: #555;
	display: flex;
	align-items: center;
	gap: 5px;
}
.cart_select_line > button {
	border: 1px solid #555;
	border-radius: 30px;
	padding: 3px 10px;
	font-size: 12px;
}
.cart_item_wrap {
	margin-bottom: 20px;
}
.cart_item {
	display: flex;
	gap: 5px;
	padding: 15px 0;
	border-bottom: 1px solid #ebebeb;
}
.ci_chk {
	min-width: 20px;
}
.ci_right {
	width: 100%;
}
.cir_top {
	display: flex;
	align-items: center;
	gap: 10px;
	position: relative;
}
.ci_remove_btn {
	position: absolute;
	top: 0;
	right: 0;
}
.cart_pro_img {
	width: 80px;
	min-width: 80px;
	height: 80px;
	border-radius: 5px;
	overflow: hidden;
}
.cart_pro_desc {
	width: 100%;
}
.cart_pro_desc h5 {
	font-size: 15px;
	font-weight: 500;
	color: #555;
	margin-bottom: 5px;
	width: 90%;
}
.cart_pro_desc span {
	font-size: 13px;
	font-weight: 500;
	color: #555;
}
.cir_bottom {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 10px;
}
.cir_bottom strong {
	font-size: 15px;
	color: #555;
}
.gray_line.none {
	margin-top: 0;
}
.cart_result_wrap {
	padding: 20px 0;
}
.cart_result_wrap ul {}
.cart_result_wrap > ul li {
	display: flex;
	justify-content: space-between;
	font-size: 14px;
	font-weight: 500;
	padding: 10px;
}
.cart_result_wrap > ul li:last-child {
	background-color: #d9d9d9;
	border-radius: 5px;
}
.cart_result_wrap > ul li span {
	color: #6c6c6c;
}
.cart_result_wrap > ul li em {}
.cart_result_point {
	background-color: #f2f2f2;
	border-radius: 5px;
	padding: 10px;
	margin-top: 10px;
}
.cart_result_point > div {
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 14px;
	padding: 5px 0;
	position: relative;
}
.cart_result_point > div:last-child {
	margin-bottom: 0;
}
.cart_result_point > div em {
	font-weight: 600;
}
.cart_result_point > div p {
	color: #7f7f7f;
}
.cart_result_point > div p span {
	text-decoration: underline;
}
.cart_fix_btns {
	position: fixed;
	bottom: 0;
	width: 100%;
	max-width: 600px;
	left: 50%;
	transform: translateX(-50%);
	background-color: #fff;
	display: flex;
	gap: 5px;
	padding: 15px;
	border-top: 1px solid #acacac;
}
.cart_fix_btns button {
	width: 50%;
	border: 1px solid #000;
	border-radius: 60px;
	padding: 10px;
	font-size: 14px;
}

/* 주문 결제 */
.sub_title_in {
	font-size: 16px;
	font-weight: 500;
	color: #555;
	padding: 10px 15px;
	background-color: #fff;
}
.order_wrap {
	/* background-color: #fff; */
}
.orer_item_wrap {
	margin-bottom: 10px;
	padding-bottom: 20px;
	border-top: 1px solid #d7d7d7;
}
.cir_bottom > span {
	font-size: 13px;
	color: #7f7f7f;
}
.cir_bottom > span b {
	color: #000;
}
.order_gift {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 10px;
}
.order_gift span {
	font-size: 13px;
	color: #7f7f7f;
}
.order_gift select {
	max-width: 105px;
	font-size: 13px;
	border-color: #acacac;
}
.order_info {
	padding: 20px 0;
	margin-bottom: 10px;
}
.order_info h2 {
	font-size: 16px;
	font-weight: 500;
	margin-bottom: 10px;
}
.order_row {
	display: flex;
	padding-bottom: 10px;
}
.order_row:last-child {
	padding-bottom: 0;
}
.order_row span {
	font-size: 13px;
	color: #7f7f7f;
	min-width: 100px;
}
.order_row p {
	font-size: 13px;
	font-weight: 500;
}
.order_address {}
.oa_title {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.oa_title span {
	font-size: 14px;
	font-weight: 600;
}
.current_add {
	font-size: 12px;
	font-weight: 500;
	color: #acacac;
	background-color: #f2f2f2;
	padding: 3px 10px;
	margin-left: 5px;
}
.oa_title button {
	font-size: 12px;
	font-weight: 500;
	border-radius: 30px;
	padding: 5px 12px;
	background-color: #d9d9d9;
}
.oa_desc {
	font-size: 14px;
}
.oa_desc p {
	margin: 10px 0;
	margin-top: 15px;
}
.oa_desc span {}
.oa_message {
	margin-top: 15px;
}
.oa_message h5 {
	font-size: 14px;
	font-weight: 400;
	margin-bottom: 5px;
}
.oa_message textarea {
	min-height: 110px;
}
.order_coupon_wrap {}
.order_coupon_title {
	border: 1px solid #d7d7d7;
	background-color: #fff;
	border-radius: 5px;
	padding: 10px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 5px;
}
.oct_left {
	display: flex;
	align-items: center;
	gap: 5px;
}
.oct_left span {
	font-size: 14px;
	font-weight: 500;
}
.oct_left em {
	font-size: 11px;
	background-color: lightpink;
	display: inline-block;
	border-radius: 5px;
	padding: 2px 4px;
	color: crimson;
}
.oct_right {}
.order_coupon_list_box {
	padding: 10px 0;
	display: none;
}
.available_coupon_title {
	font-size: 14px;
	font-weight: 500;
	color: #555;
	margin-bottom: 5px;
}
.order_coupon_list {}
.order_coupon_card {
	display: flex;
	align-items: center;
	gap: 10px;
	border-radius: 10px;
	padding: 15px 10px;
	box-shadow: 0 0 5px rgba(0, 0, 0, 20%);
	margin-bottom: 5px;
}
.order_coupon_card:last-child {
	margin-bottom: 0;
}
.order_coupon_card_right {}
.order_coupon_card_right h3 {
	font-size: 18px;
	font-weight: 500;
}
.order_coupon_card_right p {
	font-size: 14px;
	color: #555;
	margin: 5px 0;
}
.order_coupon_card_right span {
	font-size: 14px;
	color: #555;
}
.order_coupon_card_right small {
	font-size: 12px;
	display: block;
	color: #555;
	margin-top: 10px;
}
.order_coupon_card_right strong {
	font-size: 12px;
	font-weight: 400;
	color: crimson;
}
.order_coupon_card_right strong em {
	color: #555;
}

.coupon_discount_price {
	font-size: 14px;
	color: crimson;
}
.oct_right button {
	padding: 0 5px;
}
.order_point_wrap {
	display: flex;
	gap: 3px;
}
.opw_left {
	position: relative;
	/* border: 1px solid #d7d7d7;
	background-color: #fff;
	border-radius: 5px;
	padding: 10px; */
	/* display: flex;
	justify-content: space-between;
	align-items: center; */
	/* width: calc(100% - 77px); */
	width: calc(100% - 117px);
}
.opw_left input {
	text-align: right;
}
.opw_left span {
	position: absolute;
	top: 10px;
	left: 10px;
	font-size: 14px;
	font-weight: 500;
}
.opw_left em {
	font-size: 14px;
}
.my_order_point_all {
	border: 1px solid #d7d7d7;
	background-color: #fff;
	border-radius: 5px;
	padding: 10px;
	font-size: 14px;
	min-width: 113px;
}
.my_point_box {
	text-align: right;
	margin: 5px 0;
}
.my_point_box span {
	font-size: 13px;
}
.my_point_box b {
	font-weight: 400;
	font-size: 13px;
	color: #888;
	margin: 3px;
}
.my_point_box em {
	font-size: 13px;
	color: #888;
}

.order_point {}
.order_point div {
	/* position: relative;
	margin-bottom: 5px; */
}
.order_point div input {
	/* text-align: right;
	padding-right: 30px; */
}
.order_point div button {
	/* position: absolute;
	top: 11px;
	right: 5px; */
}
.order_point > button {
	padding: 10px 15px;
	font-size: 13px;
	border-radius: 5px;
	width: 100%;
}
.order_point > button:nth-of-type(1) {
	background-color: #d8e1d1;
	color: #779561;
}
.order_point > button:nth-of-type(2) {
	background-color: #ebebeb;
}
.order_price {
	padding: 10px 0;
	margin-bottom: 10px;
}
.order_price ul {}
.order_price ul li {
	display: flex;
	justify-content: space-between;
	font-size: 14px;
	padding: 10px;
}
.order_price ul li:last-child {
	background-color: #d9d9d9;
	border-radius: 5px;
}
.order_price ul li span {
	color: #6c6c6c;
}
.order_price ul li em {}
.order_pay {
	padding: 10px 0;
	margin-bottom: 10px;
}
.op_top {
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: 1px solid #d7d7d7;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.op_top span {
	font-size: 14px;
	font-weight: 500;
	color: #898989;
}
.op_top strong {
	font-size: 16px;
	color: #19420b;
}
.op_row {
	padding-bottom: 15px;
}
.op_row:last-child {
	padding-bottom: 0;
}
.op_row span {
	font-size: 14px;
	font-weight: 500;
	display: block;
	margin-bottom: 5px;
}
.op_row span b {
	color: #f66a75;
}
.op_row span.pay_kind_pick_title {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 10px;
}
.op_row span.pay_kind_pick_title em {
	display: flex;
	align-items: center;
	gap: 5px;
	color: #898989;
	font-size: 13px;
}
.oprow_right {}
.oprow_right input {
	padding: 15px;
}
.order_pay_kind {
	display: flex;
	gap: 5px;
}
.order_pay_kind label {
	font-size: 12px;
	font-weight: 500;
	color: #7f7f7f;
	border: 1px solid #7f7f7f;
	border-radius: 5px;
	background-color: #fff;
	padding: 8px;
	width: 25%;
	text-align: center;
	transition: 0.3s;
}
.order_pay_kind input:checked + label {
	background-color: #779561;
	border-color: #779561;
	color: #Fff;
}
.oprow_right .notice_input_pop {
	top: auto;
	bottom: 100%;
}
.order_btns {
	padding: 10px 0;
}
.order_btns p {
	margin-bottom: 10px;
}
.order_btns label {
	font-size: 13px;
	color: #333;
	display: flex;
	align-items: center;
	gap: 5px;
}
.order_btns button {
	font-size: 14px;
	padding: 10px;
}
.address_change_pop2 {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	max-width: 600px;
	width: 90%;
	background-color: #fff;
	border-radius: 10px;
	padding: 10px;
	z-index: 10;
	display: none;
}
.address_change_pop2.active {
	display: block;
}
.address_change_pop2 h3 {
	font-size: 15px;
	font-weight: 600;
	text-align: center;
	margin-bottom: 10px;
}
.order_acp_content {
	background-color: #f6f6f6;
	border-radius: 10px;
	padding: 10px;
}
.acp_item {
	display: flex;
	gap: 5px;
	margin-bottom: 10px;
}
.acp_item:last-child {
	margin-bottom: 0;
}
.my_delivery_manage .acp_item {
	border-bottom: 1px solid #bbb;
	padding-bottom: 10px;
}
.acp_chk {
	min-width: 20px;
}
.acp_desc {
	width: 100%;
}
.acp_desc h5 {
	font-size: 14px;
	display: flex;
	justify-content: space-between;
}
.mp_del_head_btns button {
	margin: 0 5px;
}
.acp_btn {
	font-size: 12px;
	color: #909090;
}
.acp_desc p {
	font-size: 13px;
	margin: 10px 0;
	margin-top: 7px;
}
.acp_desc span {
	font-size: 13px;
}
.address_change_pop2_close {
	position: absolute;
	top: -14px;
	right: -14px;
}
.address_change_pop2_close img {
	width: 30px;
}
.open_address_change_pop {
	font-size: 14px;
	padding: 10px;
	margin-top: 15px;
}

/* 주문?���? */
.order_complete_wrap {}
.order_com_top {
	padding: 15px;
	background-color: #fff;
	margin-bottom: 10px;
}
.order_comment {
	text-align: center;
}
.order_comment p {
	font-size: 16px;
	line-height: 1.5em;
	margin: 15px 0;
}
.order_com_list {
	border-top: 1px solid #acacac;
}
.order_com_item {
	display: flex;
	gap: 10px;
	border-bottom: 1px solid #ebebeb;
	padding: 10px 0;
}
.order_com_item_img {
	width: 80px;
	min-width: 80px;
	height: 80px;
	border-radius: 5px;
	overflow: hidden;
}
.order_com_item_desc {
	padding-top: 7px;
}
.order_com_item_desc h5 {
	font-size: 15px;
	color: #555;
	font-weight: 500;
}
.order_com_item_desc p {
	font-size: 14px;
	color: #555;
	margin: 5px 0;
}
.order_com_item_desc p span {
	font-size: 13px;
	color: #acacac;
	margin-left: 5px;
}
.order_com_item_desc em {
	font-size: 14px;
	color: #acacac;
}
.order_com_item_desc small {
	font-size: 14px;
	color: #555;
	font-weight: 500;
	margin-left: 5px;
}
.order_com_btns {
	display: flex;
	gap: 5px;
	background-color: #fff;
	padding: 15px;
	padding-top: 20px;
}
.order_com_btns a {
	width: 50%;
	font-size: 14px;
	padding: 10px;
}
.order_com_btns a:first-child {
	border-radius: 30px;
	border: 1px solid #898989;
	color: #898989;
	text-align: center;
}

.order_title {
	font-size: 18px;
	padding: 10px;
}
.order_complete_info {}
.order_complete_info li {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 10px;
}
.order_complete_info li:last-child {
	padding-bottom: 0;
}
.order_complete_info li span {
	font-size: 14px;
	color: #6c6c6c;
	min-width: 100px;
}
.order_complete_info li b {
	font-size: 14px;
	font-weight: 400;
	text-align: right;
}

/* 주문 조회 */
.order_list_container {}
.order_search_wrap {
	display: flex;
	gap: 5px;
	margin: 15px 0;
}
.order_search_wrap button {
	font-size: 13px;
	color: #779561;
	background-color: #d8e1d1;
	border-radius: 5px;
	padding: 5px;
	min-width: 50px;
}
.order_search_box {
	display: flex;
	align-items: center;
	gap: 5px;
	width: calc(100% - 50px);
}
.order_search_box em {
	font-size: 12px;
	color: #909090;
}
.order_list_wrap {}
.order_list {}
.order_list li {
	border-top: 1px solid #000;
	padding-bottom: 20px;
}
.ol_date {
	display: flex;
	justify-content: space-between;
	padding: 10px 0;
}
.ol_date span {
	font-size: 13px;
	font-weight: 500;
}
.ol_date button {}
.ol_date button img {
	transition: 0.3s;
}
.ol_date button.active img {
	transform: rotate(-180deg);
}
.ol_item_box {
	background-color: #fff;
	border: 1px solid #d7d7d7;
	border-radius: 10px;
	overflow: hidden;
}
.ol_item_top {
	padding: 10px;
	display: flex;
	gap: 10px;
}
.ol_img {
	width: 80px;
	min-width: 80px;
	height: 80px;
	border-radius: 5px;
	overflow: hidden;
}
.ol_desc {
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 5px;
}
.ol_desc h6 {
	font-size: 15px;
	font-weight: 500;
	color: #555;
}
.ol_desc h6 span {
	color: #ed1c24;
}
.ol_desc p {
	font-size: 13px;
	font-weight: 500;
	color: #555;
}
.ol_desc b {
	font-size: 13px;
}
.ol_item_add {
	padding: 10px;
}
.d_process {
	border: 1px solid #d7d7d7;
	border-radius: 5px;
	padding: 10px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.d_process span {
	font-size: 12px;
	color: #acacac;
}
.d_process span.on {
	font-weight: 500;
	color: #000;
}
.d_process img {}
.ol_add_wrap {
	padding: 15px 5px;
	padding-bottom: 5px;
}
.ol_add_row {
	display: flex;
	padding-bottom: 15px;
}
.ol_add_row:last-child {
	padding-bottom: 0;
}
.ol_add_row span {
	font-size: 13px;
	color: #acacac;
	min-width: 52px;
}
.ol_add_row_right p {
	font-size: 13px;
}
.od_detail_inquiry {
	font-size: 12px;
	background-color: #f6f6f6;
	border: 1px solid #909090;
	border-radius: 3px;
	padding: 7px 15px;
}
.ol_buy_item {}
.ol_item_gray {
	font-size: 14px;
	font-weight: 500;
	color: #000;
	background-color: #f2f2f2;
	padding: 10px 15px;
}
.ol_pro {
	background-color: #fff;
	padding: 10px 15px;
}
.ol_pro_item {
	display: flex;
	align-items: center;
	gap: 15px;
	padding-bottom: 10px;
}
.ol_pro_item:last-child {
	padding-bottom: 0;
}
.olp_img {
	width: 50px;
	min-width: 50px;
	height: 50px;
	border-radius: 5px;
	overflow: hidden;
}
.ol_pro_item p {
	font-size: 13px;
	font-weight: 500;
}
.ol_pro_item p span {
	font-size: 13px;
	font-weight: 500;
	color: #acacac;
	margin-left: 5px;
}
.ol_pay_info_desc {
	background-color: #fff;
	padding: 15px;
}
.ol_pay_info_desc h6 {
	font-size: 14px;
	font-weight: 500;
	margin-bottom: 10px;
}
.ol_pay_row_container {
	border-bottom: 1px dashed #999;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.ol_pay_row_container:last-child {
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 0;
}
.ol_pay_row {
	font-size: 13px;
	display: flex;
	justify-content: space-between;
	padding-bottom: 10px;
}
.ol_pay_row:last-child {
	padding-bottom: 0;
}
.ol_pay_row em {
	color: #909090;
}
.ol_pay_row b {}
.ol_pay_row span {}
.ol_fold {
	display: none;
}

.cart_kind_box {
	display: flex;
	justify-content: center;
	gap: 5px;
	padding: 0 10px;
	margin-top: 10px;
}
.cart_kind_box label {
	display: inline-block;
	border: 1px solid #779561;
	border-radius: 10px;
	padding: 5px 12px;
	text-align: center;
	width: 50%;
	transition: 0.2s ease;
	font-size: 14px;
}
.cart_kind_box label img {
	width: 20px;
	vertical-align: middle;
	margin-left: 5px;
}
.cart_kind_box input:checked + label {
	background-color: #779561;
	color: #fff;
}
.cart_kind_box input:checked + label img {
	filter: brightness(0) saturate(100%) invert(100%) sepia(79%) saturate(265%) hue-rotate(276deg) brightness(111%) contrast(101%);
}

.installment_pop {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	max-width: 560px;
	width: 95%;
	z-index: 10;
	background-color: #fff;
	border-radius: 10px;
	display: none;
}
.installment_pop.active {
	display: block;
}
.installment_pop h5 {
	font-size: 16px;
	font-weight: 500;
	padding: 15px;
	border-bottom: 1px solid #d7d7d7;
}
.installment_pop_close {
	position: absolute;
	top: 15px;
	right: 15px;
}
.installment_overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 70%);
	z-index: 9;
	opacity: 0;
	visibility: hidden;
	transition: 0.3s;
}
.installment_overlay.active {
	opacity: 1;
	visibility: visible;
}
.ip_detail {
	max-height: 70vh;
	overflow-y: auto;
	padding: 15px;
}
.post_overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 70%);
	z-index: 10;
	opacity: 0;
	visibility: hidden;
	transition: 0.3s ease;
}
.post_overlay.active {
	opacity: 1;
	visibility: visible;
}