@charset "utf-8";

@import url("https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700;900&display=swap");
@import url("https://cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/nanumbarungothic.css");
@font-face {
    font-family: 'GowunBatang-Bold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/GowunBatang-Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

*, *::before, *::after {
	margin: 0;
	padding: 0;
	border: 0;
	box-sizing: border-box;
}
* {
	font-family: 'Lato', 'Nanum Barun Gothic', 'Noto Sans KR', sans-serif;
}
*::before, *::after {
	/* font-family: 'Font Awesome 6 Pro', 'Lato', 'Nanum Barun Gothic'; */
	font-family: 'Font Awesome 6 Free', 'Lato', 'Nanum Barun Gothic';
	font-weight: 900 !important; /* 추가 */
}
*:focus {
	outline: none;
}

::selection {
	color: var(--tenkitchen-dark-grey);
	background: var(--tenkitchen-label-bg);
}
::-moz-selection {
	color: var(--tenkitchen-dark-grey);
	background: var(--tenkitchen-label-bg);
}
::-webkit-selection {
	color: var(--tenkitchen-dark-grey);
	background: var(--tenkitchen-label-bg);
}

html {
	height: auto;
	min-width: 360px;
	font-size: 10px;
	overflow: auto;
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;
	-o-text-size-adjust: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: auto;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
body {
	line-height: 1;
	font-weight: 400;
	color: var(--tenkitchen-black);
	letter-spacing: -0.04rem;
	word-spacing: 0.12em;
}
header, main, footer, nav, figure, aside, article {
	display: block;
}
ul, li {
	list-style: none;
}
a {
	color: inherit;
	text-decoration: none;
}
img {
	max-width: 100%;
	transition: .5s ease-in-out;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: inherit;
}
i {
	font-weight: 400 !important;
	font-style: normal;
}



/* layout
------------------------------------------------------ */
section {
	margin: 0 auto;
	max-width: 100%;
}


/* -------- common -------- */
:root {
	--tenkitchen-red: #ff5252;
	--tenkitchen-grapefruit: #fe8a69;
	--tenkitchen-tangerine: #feb169;
	--tenkitchen-lemon: #fed869;
	--tenkitchen-ivory: #f8f7f1;
	--tenkitchen-beige: #e4e1d7;
	--tenkitchen-dark-beige: #d6d2c5;
	--tenkitchen-green: #5a9f61;
	--tenkitchen-dark-green: #3a8d45;
	--tenkitchen-black: #333;
	--tenkitchen-dark-grey: #505050;
	--tenkitchen-grey: #858585;
	--tenkitchen-light-grey: #b5b5b5;
	--tenkitchen-lightest-grey: #ddd;
	--tenkitchen-text-sub: #9b9a97;
	--tenkitchen-label-text: #75a478;
	--tenkitchen-label-bg: #f1f8e9;
	--tenkitchen-label-border: #a5d6a7;
	--tenkitchen-gradient-bar: linear-gradient(45deg, #ff1744, #ff6e40);
	--tenkitchen-gradient-opacity-bar: linear-gradient(45deg, rgb(255 23 68 / 30%), rgb(255 110 64 / 30%));

	--tenkitchen-font1: 3.4rem;
	--tenkitchen-font2: 2.4rem;
	--tenkitchen-font3: 2.1rem;
	--tenkitchen-font4: 1.8rem;
	--tenkitchen-font5: 1.6rem;
	--tenkitchen-font6: 1.45rem;
	--tenkitchen-font7: 1.225rem;
	--tenkitchen-font8: 1rem;
}

/* component */
input,
button,
textarea,
select {
	max-width: 100%;
	line-height: 1;
	font-size: 1.4rem;
	color: inherit;
	background: transparent;
	border: 0;
	letter-spacing: -0.04rem;
	vertical-align: middle;
	transition: .3s;
}
input::placeholder,
textarea::placeholder {
	color: var(--tenkitchen-light-grey);
}
input:focus,
textarea:focus,
select:focus {
	border-color: var(--tenkitchen-green);
}
select {
	padding: 0 1.2rem !important;
}
button {
	cursor: pointer;
}

/* label */
label {
	line-height: 1;
	cursor: pointer;
}

/* input : radio, checkbox */
input[type=radio],
input[type=checkbox] {
	display: none;
}
input[type=radio] + label::before,
input[type=checkbox] + label::before {
	content: "\f111";
	display: inline-block;
	clear: both;
	position: relative; left: 0.05rem; top: 0.1rem;
	margin-right: 0.5rem;
	font-size: 1.6rem;
	font-weight: 400 !important;
}
input[type=radio]:checked + label::before,
input[type=checkbox]:checked + label::before {
	content: "\f058";
	font-weight: 900;
	color: var(--tenkitchen-green);
}

/* input */
.input,
.textarea {
	display: inline-flex;
	align-items: center;
	width: 100%;
	border: 0.1rem solid var(--tenkitchen-lightest-grey);
}
.input {
	padding: 0 1.6rem;
	height: 4.8rem;
}
.textarea {
	padding: 1.2rem 1.4rem;
	line-height: 1.8;
	letter-spacing: -0.04rem;
}

/* button */
.btn {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	padding: 0 1.6rem;
	width: 100%; height: 4.8rem;
	font-weight: 700;
	cursor: pointer;
	white-space: nowrap;
}
.btn-inline {
	width: auto;
}
.btn-primary {
	color: #fff;
	background: var(--tenkitchen-green);
	transition: .3s;
}
.btn-primary:hover {
	background: var(--tenkitchen-dark-green);
}
.btn-secondary {
	color: var(--tenkitchen-green);
	background: #fff;
	border: 0.1rem solid var(--tenkitchen-green);
}
.btn-tertiary {
	color: var(--tenkitchen-dark-grey);
	background: var(--tenkitchen-beige);
}
.btn-quaternary {
	color: var(--tenkitchen-grey);
	background: var(--tenkitchen-ivory);
}
.btn-danger {
	color: #fff;
	background: var(--tenkitchen-red);
}
.btn-disabled {
	pointer-events: none;
}
.btn-mini {
	padding: 0 0.8rem;
	width: auto; height: 2.4rem;
	font-size: 1.15rem;
	font-weight: 400;
	letter-spacing: -0.04rem;
}
.btn-small {
	padding: 0 1.6rem;
	height: 3.2rem;
	font-size: 1.25rem;
}
.btn-medium {
	padding: 0 3.2rem;
	height: 4.8rem;
	font-size: 1.45rem;
}
.btn-large {
	padding: 0 4.8rem;
	height: 6rem;
	font-size: 1.6rem;
}
.button-area {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.button-area .half {
	flex: 0 0 49%;
}

/* alignment */
.txt-left {
	text-align: left !important;
}
.txt-center {
	text-align: center !important;
}
.txt-right {
	text-align: right !important;
}

/* title */
h2 {
	font-size: 2.6rem;
	font-weight: 700;
	letter-spacing: -0.16rem;
}
h3 {
	font-size: 2.4rem;
	font-weight: 700;
}
h4 {
	font-size: 1.8rem;
	font-weight: 700;
}
h5 {
	font-size: 1.5rem;
	font-weight: 700;
}
.subtitle {
	display: flex;
	align-items: center;
}

/* table */
table {
	width: 100%;
	max-width: 100%;
	border-collapse: collapse;
}
.tb {
	table-layout: fixed;
	line-height: 1.6;
	color: var(--tenkitchen-dark-grey);
	border-bottom: 0.1rem solid var(--tenkitchen-lightest-grey);
}
.tb tr {
	border-top: 0.1rem solid var(--tenkitchen-lightest-grey);
}
.tb th,
.tb td {
	font-size: 1em;
}
.tb th {
	display: none;
}
.tb col,
.tb td {
	display: block;
}
.tb td {
	padding: 0 0.4rem;
}
.tb td::before {
	content: attr(data-th) "";
	display: inline-block;
	clear: both;
	margin-right: 0.5rem;
	font-weight: 700;
	color: var(--tenkitchen-green);
}
.tb td:first-child {
	margin-top: 1.6rem;
}
.tb td:last-child {
	margin-bottom: 1.6rem;
}
.tb td br {
	display: none;
}
.tb-button {
	margin: 2.4rem 0 0;
}

/* definition list */
dl ~ dl {
	margin: 4.8rem 0 0;
}
dt {
	display: flex;
	align-items: center;
	padding: 0 0.2rem;
	height: 3.2rem;
	font-size: 1.4rem;
	font-weight: 700;
}
dt:not(:first-of-type) {
	margin-top: 1.2rem;
}
dd {
	position: relative;
}


/* -------- help class -------- */

/* asterisk */
.asterisk::after {
	content: "\2a";
	display: inline-flex;
	position: relative; left: 0.4rem; top: -0.6rem;
	font-size: 10px;
	font-weight: 400;
	color: var(--tenkitchen-grapefruit);
}

/* breadcrumb */
.breadcrumb {
	display: none;
	justify-content: flex-end;
	padding-bottom: 0.8rem;
	font-size: var(--tenkitchen-font7);
	font-weight: 400;
	color: var(--tenkitchen-text-sub);
	text-align: right;
	cursor: default;
}
.breadcrumb a::after,
.breadcrumb a::before {
	display: inline-block;
	clear: both;
	font-weight: 400;
}
.breadcrumb a::after {
	content: "\f105";
	margin: 0 0.8rem;
}
.breadcrumb a:last-child::after {
	display: none;
}
.breadcrumb a.root::before {
	content: "\f54f";
	margin-left: 0.4rem;
	font-weight: 900;
}

/* tab list */
.tab {
	display: flex;
	margin: 0 auto;
	/* width: 100%;
	max-width: 100%; */
	border-bottom: 0.1rem solid var(--tenkitchen-lightest-grey);
}
.tab li {
	position: relative;
	/* border-bottom: 0.1rem solid var(--tenkitchen-lightest-grey); */
}
.tab li a {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 6rem;
	font-size: 14px;
	color: var(--tenkitchen-light-grey);
}
.tab li.tab-on a {
	font-weight: 700;
	color: var(--tenkitchen-black);
	background: transparent;
}
.tab li.tab-on a::before {
	content: "";
	display: flex;
	clear: both;
	position: absolute; bottom: -0.1rem;
	width: 100%; height: 0.2rem;
	background: var(--tenkitchen-green);
}
.tab-con {
	margin: 2.4rem auto 0;
	color: var(--tenkitchen-dark-grey);
}

/* paging */
.paging {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 3.2rem auto 0;
}
.paging a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 3.2rem; height: 3.2rem;
	line-height: 1;
	font-size: 12px;
}
.paging a.on {
	margin: 0 0.8rem;
	font-weight: 700;
	color: #fff;
	background: var(--tenkitchen-green);
}
.paging .btn-paging {
	font-weight: 700;
	border: 0.1rem solid var(--tenkitchen-lightest-grey);
}
.paging .btn-paging::before {
	display: inline-flex;
	align-items: center;
	clear: both;
}
.paging .btn-prev {
	margin-right: 1rem;
}
.paging .btn-prev::before {
	content: "\f053";
}
.paging .btn-next {
	margin-left: 1rem;
}
.paging .btn-next::before {
	content: "\f054";
}
.paging span {
	display: none;
}
.paging span::before {
	content: "\f141";
	display: inline-flex;
	align-items: center;
	clear: both;
	margin: 0 0.4rem 0 0.8rem;
	color: var(--tenkitchen-light-grey);
}

/* top button */
.btn-top {
	display: flex;
	justify-content: center;
	align-items: center;
	position: fixed; right: -6rem; bottom: 10rem;
	width: 4rem; height: 4rem;
	background: rgb(0 0 0/70%);
	border-radius: 2rem;
	text-align: center;
	cursor: pointer;
	transition: .5s;
	z-index: 61;
}
.btn-top::before{
	content: "\f077";
	display: block;
	clear: both;
	position: relative; top: -0.1rem;
	font-size: 1rem;
	font-weight: 900;
	color: #fff;
}

/* grid-box */
.gird-box {
	display: flex;
	justify-content: center;
	align-items: center;
	background: url('../images/bg_grid.png') repeat;
	border: 1px solid #ccc;
}

/* popup */
.popup {
	position: fixed; left: 50%; top: 50%;
	max-width: 80%;
	background: #fff;
	border-radius: 0.8rem;
	box-shadow: 0 0.4rem 8rem rgb(0 0 0/20%);
	transform: translateX(-50%) translateY(-50%);
	/* transition: .3s; */
	opacity: 0;
	overflow: hidden;
	z-index: -1;
}
.popup-open {
	height: 100%;
	overflow: hidden;
}
.popup-open .popup {
	opacity: 1;
	z-index: 9999;
}
.popup .popup-msg {
	position: relative;
	line-height: 1.7;
	font-size: var(--tenkitchen-font6);
	/* border-bottom: 0.1rem solid var(--tenkitchen-lightest-grey); */
	text-align: center;
}
.popup .popup-close {
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute; top: 0; right: 0;
	width: 6rem; height: 6rem;
	font-size: var(--tenkitchen-font6);
	color: var(--tenkitchen-light-grey);
	cursor: pointer;
}
.popup .popup-close::after {
    content: "\f00d";
    display: inline-block;
    clear: both;
	font-size: 1.1em;
    font-weight: 400;
}
.popup .popup-msg h5 {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	height: 6rem;
	font-size: var(--tenkitchen-font5);
	font-weight: 700;
}
.popup .popup-msg > div {
	margin: 0 auto;
	padding: 3.2rem 3rem 3rem;
	width: 36rem;
	max-width: 100%;
}
.popup .popup-msg > .scrollbox {
	padding: 1.2rem 1.6rem 1.4rem;
	width: 48rem; height: 50vh;
	max-width: 100%;
	font-size: 1.1rem;
	color: var(--tenkitchen-grey);
	background: var(--tenkitchen-ivory);
	text-align: left;
	letter-spacing: -0.02em;
	overflow-y: scroll;
}
.popup .popup-msg > div input ~ input {
	margin-top: 0.4rem;
}
.popup dd {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.popup dd button {
	flex: 1 0 7rem;
}
.popup .input-chk {
	margin-right: 0.4rem;
	width: 70%;
}
.popup .scrollbox + .btn-area {
	border-bottom: 0;
}
.popup .btn-area {
	display: flex;
	padding: 0 !important;
	background: var(--tenkitchen-label-bg);
}
.popup a {
	display: flex;
	justify-content: center;
	align-items: center;
	flex: 1 0 50%;
	height: 6rem;
	font-size: 1.5rem;
	font-weight: 700;
	/* border: 0.1rem solid var(--tenkitchen-green); */
	text-align: center;
}
.popup .btn-ok {
	font-weight: 700;
	color: var(--tenkitchen-green);
	background: #fff;
}

/* popup2 */
.pop-overlay {
	position: fixed; left: 0; top: 0; right: 0; bottom: 0;
	width: 100%; height: 100%;
	background: rgb(0 0 0/70%);
	opacity: 0;
	z-index: -1;
	transition: .3s;
}
.pop-wrap {
	display: none;
	position: fixed; left: 50%; top: 50%;
	padding: 7% 6%;
	width: 60rem;
	max-width: 90%; max-height: 80vh;
	font-size: 1.3rem;
	background: #fff;
	border-radius: 0.8rem;
	box-shadow: 0 0.4rem 6rem rgb(0 0 0 / 20%);
	transform: translateX(-50%) translateY(-50%);
	transition: 0.3s ease-in-out;
	overflow-x: hidden;
	overflow-y: auto;
	z-index: 10000;
}
.pop-act {
	height: 100%;
	overflow: hidden;
}
.pop-act .pop-overlay,
.pop-act.pop-overlay {
	opacity: 1;
	z-index: 10000;
}

/* table */
.pop-tb {
	table-layout: fixed;
	line-height: 1.6;
	color: var(--tenkitchen-dark-grey);
	border-bottom: 0.1rem solid var(--tenkitchen-lightest-grey)
}
.pop-tb col {
	display: table-column;
}
.pop-tb th,
.pop-tb td {
	border-top: 0.1rem solid var(--tenkitchen-lightest-grey);
}
.pop-tb th {
	display: table-cell !important;
	padding: 1rem 0;
	font-size: 0.94em;
	font-weight: 700;
	background: var(--tenkitchen-ivory);
	letter-spacing: -0.04rem;
}
.pop-tb td {
	display: table-cell !important;
	padding: 1rem 1.2rem;
	font-weight: 400;
	text-align: center;
}
.pop-tb td:first-child,
.pop-tb td:last-child {
	margin: 0;
	text-align: center;
}
.pop-tb td::before {
	display: none;
}
.pop-tb td br {
	display: inline;
}

.pop-wrap dl {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	/* margin: 1.6rem 0 0; */
}
.pop-wrap dt,
.pop-wrap dd {
	margin-top: 0.8rem;
}
.pop-wrap dt {
	width: 28%;
}
/* .pop-wrap dt:not(:first-of-type) {
	margin-top: 0;
} */
.pop-wrap dd {
	width: 70%;
}
.pop-wrap dl + .button-area {
	margin: 2.4rem auto 0;
}
.pop-wrap table ~ table {
	margin-top: 1.6rem;
}
.pop-wrap table ~ table td:not(:first-child) {
	border-top: 0.1rem solid var(--tenkitchen-lightest-grey);
}
.pop-wrap .pop-title {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0 0 1.6rem;
}
.pop-wrap .pop-title h3 {
	font-size: 2.1rem;
	word-spacing: -0.04em;
}
.pop-wrap .pop-title i {
	position: relative; top: 0;
	margin: 0 0.8rem 0 0.4rem;
	font-size: 0.9em;
	font-weight: 700 !important;
	color: var(--tenkitchen-green);
}
.pop-wrap .pop-title button {
	display: inline-block;
	padding: 0.5rem 0.9rem 0.5rem 0.8rem;
	font-size: 1.2rem;
	color: var(--tenkitchen-dark-grey);
	border: 0.1rem solid var(--tenkitchen-lightest-grey);
}
.pop-wrap .pop-title button i {
	margin: 0 0.8rem 0 0;
	color: inherit;
}
.pop-wrap .bar {
	content: "";
	display: inline-block;
	clear: both;
	margin: 0 0.8rem;
	width: 0.1rem; height: 1em;
	background: var(--tenkitchen-lightest-grey);
	vertical-align: text-bottom;
}

.pop-wrap ul {
	border: 0.1rem solid var(--tenkitchen-dark-beige);
	border-width: 0.1rem 0;
}
.pop-wrap ul > li {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0.8rem 0 0.8rem 0.8rem;
	line-height: 1.4;
}
.pop-wrap ul > li:not(:first-child) {
	border-top: 0.1rem dashed var(--tenkitchen-dark-beige);
}

/* popup - addrChange */
#pop_addrChange dd:last-child {
	margin-top: 0;
	width: 100%;
	line-height: 6rem;
	font-size: 1.5rem;
	color: var(--tenkitchen-dark-grey);
	text-align: right;
}
#pop_addrChange .addr {
	width: 100%;
}

/* 2024-07-29 배송 요청사항 추가 */
#pop_addrChange .ship-req {
	width: calc(100% - 12rem) !important;
}

/* popup - shipTracking */
#pop_shipTracking .tb th {
	background: var(--tenkitchen-ivory);
}
#pop_shipTracking .tb td {
	padding-left: 1.6rem;
	padding-right: 1.6rem;
}
#pop_shipTracking .tb td:first-child {
	margin-top: 0;
}
#pop_shipTracking .tb td:last-child {
	margin-bottom: 0;
}

/* popup - ownCoupon */
#pop_ownCoupon {
	overflow-y: hidden;
}
#pop_ownCoupon ul {
	height: 24rem;
	overflow-y: auto;
}
#pop_ownCoupon dd {
	flex: 1 0 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: auto;
}
#pop_ownCoupon dd button {
	flex: 1 0 7rem;
}

/* popup - prodReview */
#pop_prodReview .pop-title {
	flex-wrap: wrap;
	margin: 0 0 0.8rem;
}
#pop_prodReview .pop-title p {
	flex: 0 0 100%;
	margin: 2rem 0.8rem 0;
	font-weight: 700;
}
#pop_prodReview .pop-title p span {
	color: var(--tenkitchen-green);
}
#pop_prodReview .pop-inner ul > li {
	justify-content: flex-start;
	gap: 1.2rem;
	padding: 1.2rem 0.8rem;
}
#pop_prodReview .pop-inner ul > li:nth-child(2) {
	padding: 0;
	background: var(--tenkitchen-ivory);
}
#pop_prodReview .pop-inner ul > li > div:first-of-type {
	flex: 0 0 7rem;
	border-radius: 16px;
	overflow: hidden;
}
#pop_prodReview .pop-inner ul > li > div:first-of-type a {
	display: block;
}
#pop_prodReview .pop-inner ul > li > div:last-of-type {

}
#pop_prodReview .pop-inner ul > li > div:last-of-type a {
	color: var(--tenkitchen-dark-grey);
}
#pop_prodReview .pop-inner ul > li textarea {
	padding: 0.8rem 1.4rem 1rem;
	width: 100%; height: 16rem;
	line-height: 1.7;
}
#pop_prodReview .pop-inner > p {
	margin: 0.8rem 0 2.4rem;
	padding: 0 0.8rem;
	line-height: 1.4;
	color: var(--tenkitchen-grey);
}
#pop_prodReview .pop-inner > p .asterisk::after {
	margin: 0 0.4rem 0 0;
}

/* 별점 */
.prod-star-rating {
	display: flex;
	align-items: center;
	margin: 0.6rem 0 0;
}
.prod-star-rating .star {
	display: inline-flex;
	appearance: none;
	padding: 1px;
}
.prod-star-rating .star::after {
	content: "\f005";
	font-size: 1.6rem;
	font-weight: 700;
	color: var(--tenkitchen-light-grey);
	letter-spacing: -0.2rem;
}
.prod-star-rating .star:checked::after,
.prod-star-rating .star:has(~ .star:checked)::after,
.view .prod-star-rating .star::after {
	content: "\f005";
	color: var(--tenkitchen-green);
}
.view .prod-star-rating .star-off::after {
   color: var(--tenkitchen-light-grey) !important;
}

/* 보여주는 용도 */
.prod-star-rating2 {
	position: relative;
	width: 121px; height: 20px;
	background: url(https://aldo814.github.io/jobcloud/html/images/user/star_bg02.png) no-repeat;
}
.prod-star-rating2 span {
	position: absolute;
	width: auto; height: 20px;
	background: url(https://aldo814.github.io/jobcloud/html/images/user/star02.png);
}

/* 파일첨부버튼 커스텀 */
#reviewFile {
	display: none;
}
#reviewFile ~ label {
	display: inline-flex;
	justify-content: flex-end;
	align-items: center;
	width: 100%; height: 3.2rem;
	color: var(--tenkitchen-dark-grey);
}
#reviewFile ~ label i {
	margin: 0 0.6rem 0 0;
}

.no-img {
	justify-content: center !important;
	min-height: 12rem;
	color: var(--tenkitchen-grey);
}
.review-img-preview {
	display: flex;
	flex-wrap: wrap;
	gap: 0.8rem
}
.review-img-preview > li {
	flex: 0 0 calc((100% - 2.4rem)/4);
	position: relative;
	max-height: 12rem;
	overflow: hidden;
}
.review-img-preview > li img {
    height: 100%;
    object-fit: cover;
}
.review-img-preview > li span {
	position: absolute; top: 0; right: 0;
	color: #fff;
	background: rgb(0 0 0 / 70%);
	cursor: pointer;
}
.review-img-preview > li span::before {
	content: "\f00d";
	display: inline-flex;
	justify-content: center;
	align-items: center;
	clear: both;
	width: 3.6rem; height: 3.6rem;
	color: #fff;
}


/* -------- mobile -------- */
header {
	display: none;
}
.header-gnb {
	display: none;
}
.header-search {
	display: none;
}

/* header */
.navbar {
	position: sticky !important; top: 0;
	z-index: 61;
}
.fixed-navbar {
	display: flex;
	justify-content: space-between;
	/* position: sticky; top: 0; */
	padding: 0 3% 0 2%;
	height: 6rem;
	background: #fff;
}
.fixed-navbar li {
	display: flex;
	align-items: center;
}
.fixed-navbar .btn-srch,
.fixed-navbar .btn-cart {
	width: 3.6rem;
}
.fixed-navbar .logo {
	display: inline-block;
	margin-left: 0.4rem;
}
.fixed-navbar .logo a {
	height: 4rem;
}
.fixed-navbar .logo a img {
	height: 3.2rem;
	width: auto;
}
.fixed-navbar .logo a > span {
	margin-left: 0.6rem;
	font-size: 1.1rem;
	font-weight: 700;
	color: #333;
	letter-spacing: -0.02em;
}

.navbar nav {
	display: none;
}

/* inb */
.inb {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	position: relative;
	width: 4.8rem; height: 4.8rem;
	line-height: 1;
	font-size: 2.1rem;
	cursor: pointer;
}

/* cart number */
.cart-num {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	position: absolute; top: 1rem; right: 0.2rem;
	width: 1.6rem; height: 1.6rem;
	font-size: 1rem;
	color: #fff;
	background: var(--tenkitchen-green);
	border: 0.2rem solid #fff;
	border-radius: 2rem;
	letter-spacing: -0.04rem;
	box-sizing: content-box;
}

/* logo */
.logo {
	display: block;
	line-height: 0;
	font-size: 1.6rem;
	font-weight: 700;
}
.logo a {
	display: inline-flex;
	align-items: center;
	height: 3rem;
}
.logo a img {
	height: 3.6rem;
	width: auto;
}
.logo a > span {
	margin-left: 0.8rem;
	font-size: 1.4rem;
	font-weight: 700;
	cursor: pointer;
	white-space: nowrap;
}

/* search */
.srch-form {
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: relative;
}
.srch-form > input {
	display: none;
	padding: 0 0 0 1.6rem;
	line-height: 6rem;
	color: var(--tenkitchen-dark-grey);
}
.srch-form > button {
	display: none;
	justify-content: center;
	align-items: center;
	width: 6rem; height: 6rem;
	font-size: 1.8rem;
	font-weight: 900;
	color: var(--tenkitchen-green);
}

/* searc-keyword */
.srch-keyword {
	display: none;
	position: absolute; left: 0; top: 0;
	width: 100%; height: 100vh;
	background: rgb(255 255 255/100%);
}
.srch-tab {
	display: flex;
}
.srch-tab li {
	flex: 0 0 50%;
}
.srch-tab li a {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0;
	height: 6rem;
	font-size: 1.5rem;
	color: var(--tenkitchen-grey);
	background: var(--tenkitchen-ivory);
	text-align: center;
	cursor: pointer;
}
.srch-tab li.srch-on a {
	font-weight: 700;
	color: var(--tenkitchen-dark-grey);
	background: transparent;
	cursor: default;
}
.srch-con > div {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	font-size: 1.5rem;
}
.srch-con > div ul {
	padding: 4% 5%;
	width: 100%; max-height: 60vh;
	line-height: 2.4;
	color: var(--tenkitchen-grey);
	overflow-y: auto;
}
.srch-con > div ul + p {
	padding: 1.4rem 1.6rem;
	border-top: 0.1rem solid var(--tenkitchen-lightest-grey);
}
.srch-con > div ul + p::after {
	content: "";
	display: block;
	clear: both;
}
.srch-con > div ul + p a {
	float: left;
	display: inline-block;
	padding: 0.8rem 1.2rem;
	font-size: 1.4rem;
	color: var(--tenkitchen-dark-grey);
	border: 0.1rem solid var(--tenkitchen-lightest-grey);
}
.srch-con > div ul + p a:last-child {
	float: right;
}
.srch-con > div ul + p a i {
	margin-right: 0.5rem;
	font-size: 0.9em;
}

/* sidebar */
.overlay {
	position: fixed; left: 0; top: 0; right: 0; bottom: 0;
	width: 100%; height: 100%;
	background: rgb(0 0 0/50%);
	opacity: 0;
	z-index: -1;
	transition: .3s;
}
.sidebar {
	display: block;
	position: fixed; left: calc(-28rem * 2); top: 0;
	width: 28rem; height: 100%;
	background: #fff;
	overflow-x: hidden;
	overflow-y: auto;
	z-index: 9999;
	transition: .5s;
}
.sidebar::-webkit-scrollbar {
	display: none;
}

/* act */
.act,
.act2 {
	width: 100%; height: 100%;
	overflow: hidden;
}
.act.overlay,
.act .overlay {
	opacity: 1;
	z-index: 9999;
}
.act .sidebar {
	left: 0;
}
.act2 .navbar {
	z-index: 9999;
}

/* aside */
aside {
	color: #fff;
	background: var(--tenkitchen-green);
}
aside h2 {
	padding: 3.2rem 8% 2.4rem;
	line-height: 1.4;
	font-size: 2.4rem;
	font-weight: 700;
}
aside h2 small {
	display: block;
	padding: 0 0.2rem;
	font-size: 1rem;
	text-transform: uppercase;
	letter-spacing: 0.1rem;
}
aside p {
	padding: 0 8.5%;
}
aside p a {
	position: relative;
	font-size: 1.6rem;
	font-weight: 500;
	color: #fff;
}
aside p a::before {
	content: "";
	display: block;
	clear: both;
	position: absolute; bottom: 0;
	width: 4.5rem; height: 0.1rem;
	background: #fff;
}

/* mobile usermenu */
.unb-mobile {
	display: flex;
	padding: 3.6rem 0 3rem;
}
.unb-mobile li {
	width: 33.33333%;
}
.unb-mobile li:not(:first-child) {
	border-left: 0.1rem solid rgb(255 255 255/25%);
}
.unb-mobile li a {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	position: relative;
	font-size: 1.2rem;
}
.unb-mobile li a i {
	margin: 0 0 1.2rem;
	font-size: 2.4rem;
	font-weight: 300 !important;
}
.unb-mobile li a .cart-num {
	top: 0.8rem; right: 2.4rem; right: 1.6rem;
	color: var(--tenkitchen-dark-grey);
	background: #fff;
	border-color: var(--tenkitchen-green);
}

/* mobile gnb */
.gnb-mobile > li {
	border-bottom: 0.1rem solid var(--tenkitchen-lightest-grey);
}
.gnb-mobile li a {
	display: flex;
	align-items: center;
	position: relative;
	padding: 0 8.5%;
	width: 100%; height: 6rem;
	font-size: 1.6rem;
}
.gnb-mobile > li > a::before {
	display: inline-flex;
	align-items: center;
	position: relative; top: 0.04rem;
	width: 2.8rem;
	font-size: 1.6rem;
	color: var(--tenkitchen-light-grey);
	transition: .3s;
}
.gnb-mobile > li:nth-child(1) > a::before { content: "\f1ad"; }
.gnb-mobile > li:nth-child(2) > a::before { content: "\f0b1"; }
.gnb-mobile > li:nth-child(3) > a::before { content: "\f2e7"; }
.gnb-mobile > li:nth-child(4) > a::before { content: "\f275"; }
.gnb-mobile > li:nth-child(5) > a::before { content: "\f590"; }
.gnb-mobile > li:nth-child(6) > a::before { content: "\f044"; }
.gnb-mobile > li > a::after {
	content: "\f107";
	display: block;
	clear: both;
	position: absolute; right: 8%;
	font-size: 1em;
	font-weight: 400;
	opacity: .3;
	transform: rotate(-90deg);
	transition: .3s;
}
.gnb-mobile > li.open > a::before {
	color: var(--tenkitchen-green);
}
.gnb-mobile > li.open > a::after {
	transform: rotate(0deg);
}
.gnb-sub-mobile {
	display: none;
	padding: 1.2rem 0;
	background: var(--tenkitchen-ivory);
}
.gnb-sub-mobile li a {
	padding: 0 5.2rem;
	height: 4rem;
	font-size: 1.4rem;
	color: var(--tenkitchen-grey);
}
.gnb-sub-mobile li.on a {
	 color: var(--tenkitchen-green);
	}
.gnb-sub-mobile li.on a::before {
	content: "";
	display: inline-block;
	clear: both;
	position: absolute; left: 3.2rem;
	width: 6px; height: 6px;
	background: var(--tenkitchen-green);
	border-radius: 10px;
}

/* mobile leftmenu */
.lnb-mobile {
	width: 100%; height: auto;
	background: var(--tenkitchen-ivory);
	white-space: nowrap;
	overflow: auto;
	z-index: 999;
}
.lnb-mobile::-webkit-scrollbar {
	display: none;
}
.lnb-mobile li {
	display: inline-flex;
	margin: 0 0 0 2rem;
}
.lnb-mobile li:first-child {
	margin-left: 2rem;
}
.lnb-mobile li:last-child {
	margin-right: 2rem;
}
.lnb-mobile li a {
	display: flex;
	align-items: center;
	position: relative;
	height: 6rem;
	font-size: 1.4rem;
	color: var(--tenkitchen-light-grey);
}
.lnb-mobile li.on a {
	font-weight: 700;
	color: var(--tenkitchen-black);
}
.lnb-mobile li.on a::before {
	content: "";
	display: block;
	clear: both;
	position: absolute; left: 50%; bottom: 0;
	width: 0.5rem; height: 0.5rem;
	background: var(--tenkitchen-green);
	border-radius: 1rem;
	transform: translateX(-50%);
}

/* fixed-bottom */
.fixed-bottom {
	position: sticky; bottom: 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 6rem;
	z-index: 60;
}
.fixed-bottom .btn-intr,
.fixed-bottom .btn-cart-chk {
	color: #fff !important;
	background: var(--tenkitchen-dark-grey);
}
.fixed-bottom .btn {
	flex-shrink: 1;
	padding: 0;
}


/* -------- main -------- */
main {
	padding: 0;
	line-height: 1.8;
	font-size: 1.45rem;
	background: var(--tenkitchen-ivory) url('../images/bg_sub.png');
	transition: .3s;
}
.bg-deep {
	background: var(--tenkitchen-beige);
}
main.main {
	padding-bottom: 6rem;
}
main.category {
	padding: 3.2rem 0 4.8rem;
}

/* main-baner */
.main-banner {
	/* height: 16rem !important; */
	/* 2022-11-09 수정 및 추가 */
	height: 24rem !important;
	border-top: 0.1rem solid var(--tenkitchen-lightest-grey);
}
.main-banner .swiper-slide {
	overflow: hidden;
}

/* swiper */
.swiper {
	width: 100%; height: 100%;
}
.swiper-slide img {
	display: block;
	width: 100%; height: 100%;
	object-fit: cover;
}
.swiper-button-next:after,
.swiper-button-prev:after {
	font-size: 2.4em;
	color: #fff;
	visibility: hidden;
}
.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
	bottom: 0.4rem;
}
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
	background: #fff;
}
.latest .swiper-button-next,
.latest .swiper-button-prev {
	display: none;
}
.latest .swiper-button-next.swiper-button-disabled,
.latest .swiper-button-prev.swiper-button-disabled {
	opacity: 0;
}

/* latest slide button */
.slider-btn {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 4rem; height: auto;
	cursor: pointer;
}
.slider-btn::after {
	font-size: 2em;
	font-weight: 400;
	color: var(--tenkitchen-black);
}
.slider-btn-prev::after {
	content: '\f104';
}
.slider-btn-next::after {
	content: '\f105';
}
.slider-btn.swiper-button-disabled {
	opacity: 0.2;
	cursor: default;
}


/* -------- latest -------- */
.latest-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 1.6rem;
	height: 4.8rem;
	line-height: 1;
}
.latest-header h3 {
	display: flex;
	justify-content: center;
	align-items: center;
	flex: 0 0 calc(100% - 8rem);
}
.latest-header h3 a {
	margin-left: 1.6rem;
	font-size: 1.4rem;
	font-weight: 400;
	color: var(--tenkitchen-text-sub);
}

/* latest : main */
.main .latest {
	margin-top: 10%;
	max-width: 90%;
}

/* product */
.prod-item {
	position: relative;
	width: auto;
	overflow: hidden;
	cursor: default;
	transition: .3s;
}
.prod-img {
	position: relative;
	overflow: hidden;
}
.prod-img img {
	display: block;
	width: 100%; height: 100%;
	object-fit: cover;
}
.prod-img input {
	display: none;
}
.prod-img input + label {
	position: absolute; top: 0; right: 0;
	display: block;
	cursor: pointer;
}
.prod-img input + label::before {
	content: "\f004" !important;
	display: flex;
	justify-content: center;
	align-items: center;
	clear: both;
	margin-right: 0;
	left: auto; top: 0; right: 0;
	width: 4.8rem; height: 4.8rem;
	font-weight: 300;
	color: #fff;
	font-size: 2rem;
	transition: .3s;
}
.prod-img input:checked + label::before {
	background: var(--tenkitchen-gradient-bar);
	background-clip: text;
	-webkit-background-clip: text;
	color: transparent;
}
.prod-dept {
	padding: 1.6rem 10%;
	line-height: 1.4;
	background: #fff;
}
.prod-name {
	width: 100%;
	font-size: 1.4rem;
	color: var(--tenkitchen-grey);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.prod-price {
	font-size: 1.6rem;
	font-weight: 900;
}
.prod-price.lowest {
	color: var(--tenkitchen-green);
}
.prod-price.lowest del {
	margin-right: 0.8rem;
	font-size: 1.2rem;
	font-weight: 400;
	font-style: italic;
	color: var(--tenkitchen-light-grey);
}
.prod-price.lowest p {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	position: absolute; left: 1.6rem; top: 0;
	padding: 0.8rem 1.6rem;
	line-height: 1;
	font-size: 1rem;
	font-weight: 700;
	color: #fff;
	background-image: var(--tenkitchen-gradient-bar);
	border-radius: 0 2rem 2rem 2rem;
}
.prod-price.lowest p::before {
	content: "\f017";
	display: inline-block;
	clear: both;
	margin-right: 0.4rem;
	font-size: 0.9em;
	font-weight: 400;
	color: #fff;
	animation-name: rush;
	animation-duration: 1.6s;
	animation-iteration-count: infinite;
}
@keyframes rush {
	0% { opacity: 1; }
	25% {  color: #ff0; opacity: 0.5; }
	50% { color: #ff0; opacity: 1; }
	75% { opacity: 0.6; }
	100% { color: #fff; opacity: 1; }
}
.won::before,
.ea::before {
	display: inline-block;
	clear: both;
	position: relative; top: -0.18rem;
	margin-left: 0.1rem;
	font-size: 0.8em;
	font-weight: 400;
}
.won::before {
	content: "원";
}
.ea::before {
	content: "개";
}

/* product stat-rating */
.view .prod-star-rating {
	margin: 1.6rem 0 0;;
	font-size: var(--tenkitchen-font2);
	font-weight: 700;
	color: var(--tenkitchen-black);
}
.view .prod-star-rating .star::after {
	margin: 0 0.4rem 0 0;
	font-size: 0.84em;
}
.view .prod-star-rating a {
	margin: 0 0 0 1.2rem;
	font-size: var(--tenkitchen-font7);
	font-weight: 400;
	color: var(--tenkitchen-label-text);
}

/* product option */
.prod-option {
	line-height: 2.15;
}
.prod-option span {
	display: inline-flex;
	align-items: center;
	margin: 0 0.4rem 0 0;
	padding: 0 1rem;
	height: 2.4rem;
	line-height: 1;
	font-size: 1.2rem;
	color: var(--tenkitchen-label-text);
	background: var(--tenkitchen-label-bg);
	border: 0.1rem solid var(--tenkitchen-label-border);
	border-radius: 2rem;
}
.prod-option span::before {
	display: inherit;
	clear: both;
	position: relative; top: 0.05ex;
	margin: 0 0.4rem 0 0;
	font-size: 0.9em;
}
.prod-option span.op-spicy::before { content: "\f816"; }
.prod-option span.op-time::before { content: "\f2f2"; }
.prod-option span.op-serving::before { content: "\e43f"; }
.prod-option span.op-level::before { content: "\f3f1"; }
.prod-option span.op-keep::before { content: "\f2dc"; }

/* product shipping message */
.prod-shipping-msg {
	font-size: inherit;
	color: var(--tenkitchen-grey);
}
.prod-shipping-msg::before {
	content: "\f48b";
	display: inline-block;
	clear: both;
	position: relative; top: 0.1rem;
	margin: 0 0.8rem 0 0;
	font-size: 1em;
	color: var(--tenkitchen-green);
}

/* product quantity */
.prod-qty input {
	width: 4.8rem;
	font-size: 1.2rem;
	font-weight: 700;
	color: var(--tenkitchen-dark-grey);
	letter-spacing: 0;
	text-align: center;
}
.prod-qty input:focus {
	outline: none;
}
.prod-qty button {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	padding: 0;
	width: 2.8rem; height: 2.8rem;
	line-height: 1;
	font-size: 1.2rem;
	color: var(--tenkitchen-dark-grey);
	border: 0.1rem solid var(--tenkitchen-light-grey);
	/* border-radius: 0.4rem; */
}
.prod-qty button::after {
	display: flex;
	align-items: center;
}
.prod-qty .qty-minus::after {
	content: "\f068";
}
.prod-qty .qty-plus::after {
	content: "\2b";
}
.prod-sale-price {
	color: var(--tenkitchen-grapefruit);
}
.prod-total-price {
	font-size: 2.4rem;
	font-weight: 900;
	color: var(--tenkitchen-black);
}

/* 리얼 포토 리뷰 */
.photo-review {
	background: transparent;
}
.photo-review-desc {
	text-align: center;
	font-size: 1.3rem;
	color: var(--tenkitchen-grey);
	margin-bottom: 2rem;
}
.photo-review .latest-header h3 i {
	color: var(--tenkitchen-grapefruit);
	margin-right: 0.4rem;
}
.photo-review-swiper .swiper-wrapper {
	align-items: stretch;
}
.photo-review-swiper .swiper-slide {
	height: auto;
}
.photo-review-item {
	border: 0.1rem solid var(--tenkitchen-lightest-grey);
	border-radius: 0.8rem;
	overflow: hidden;
	background: #fff;
	height: 100%;
	display: flex;
	flex-direction: column;
}
.photo-review-info {
	flex: 1;
	display: flex;
	flex-direction: column;
	padding: 1.2rem;
}
.photo-review-img {
	width: 100%;
	aspect-ratio: 4 / 3;
	overflow: hidden;
}
.photo-review-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.photo-review-star {
	margin-bottom: 0.6rem;
}
.photo-review-star i {
	font-size: 1.2rem;
	color: #f5a623;
}
.photo-review-star i.empty {
	color: var(--tenkitchen-lightest-grey);
}
.photo-review-text {
	font-size: 1.2rem;
	color: var(--tenkitchen-dark-grey);
	line-height: 1.5;
	min-height: 3.6rem;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	margin-bottom: 0.8rem;
}
.photo-review-product {
	font-size: 1.1rem;
	color: var(--tenkitchen-grey);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-top: auto;
}
.photo-review-date {
	margin-left: 0.6rem;
	color: var(--tenkitchen-lightest-grey);
}

/* 리뷰 상세 팝업 */
.review-modal-overlay {
	display: none;
	position: fixed;
	top: 0; left: 0; right: 0; bottom: 0;
	background: rgba(0, 0, 0, 0.6);
	z-index: 9999;
	align-items: center;
	justify-content: center;
}
.review-modal-overlay.active {
	display: flex;
}
.review-modal {
	position: relative;
	background: #fff;
	border-radius: 1.2rem;
	max-width: 72rem;
	width: 92%;
	max-height: 90vh;
	overflow: visible;
	box-shadow: 0 0.8rem 3rem rgba(0, 0, 0, 0.25);
}
.review-modal-body {
	display: flex;
	flex-direction: row;
	border-radius: 1.2rem;
	overflow: hidden;
}
.review-modal-close {
	position: absolute;
	top: 1.2rem; right: 1.2rem;
	z-index: 1;
	width: 3.2rem; height: 3.2rem;
	border: none;
	background: rgba(0, 0, 0, 0.4);
	color: #fff;
	border-radius: 50%;
	font-size: 1.6rem;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
}
.review-modal-close:hover {
	background: rgba(0, 0, 0, 0.6);
}
.review-modal-img {
	flex: 0 0 50%;
	max-width: 50%;
	aspect-ratio: 1 / 1;
	overflow: hidden;
	background: #f5f5f5;
}
.review-modal-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.review-modal-info {
	flex: 1;
	padding: 3rem 2.4rem;
	display: flex;
	flex-direction: column;
	overflow-y: auto;
}
.review-modal-star {
	margin-bottom: 1.6rem;
}
.review-modal-star i {
	font-size: 2rem;
	color: #f5a623;
}
.review-modal-star i.empty {
	color: var(--tenkitchen-lightest-grey);
}
.review-modal-date {
	font-size: 1.3rem;
	color: var(--tenkitchen-grey);
	margin-bottom: 0.6rem;
}
.review-modal-author {
	font-size: 1.4rem;
	font-weight: 600;
	color: var(--tenkitchen-black);
	margin-bottom: 2rem;
}
.review-modal-text {
	font-size: 1.4rem;
	color: var(--tenkitchen-dark-grey);
	line-height: 1.7;
	word-break: keep-all;
}
.review-modal-nav {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 2;
	width: 4rem; height: 4rem;
	border: none;
	background: rgba(0, 0, 0, 0.35);
	color: #fff;
	border-radius: 50%;
	font-size: 1.6rem;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: background 0.2s;
}
.review-modal-nav:hover {
	background: rgba(0, 0, 0, 0.6);
}
.review-modal-prev { left: -5.2rem; }
.review-modal-next { right: -5.2rem; }

/* 리뷰 상세 팝업 - 모바일 */
@media screen and (max-width: 767px) {
	.review-modal {
		width: 95%;
		max-height: 85vh;
	}
	.review-modal-body {
		flex-direction: column;
	}
	.review-modal-img {
		flex: none;
		max-width: 100%;
		aspect-ratio: 4 / 3;
	}
	.review-modal-info {
		padding: 2rem 1.6rem;
		max-height: 40vh;
		overflow-y: auto;
	}
	.review-modal-star i {
		font-size: 1.6rem;
	}
	.review-modal-date {
		font-size: 1.2rem;
	}
	.review-modal-author {
		font-size: 1.3rem;
		margin-bottom: 1.2rem;
	}
	.review-modal-text {
		font-size: 1.3rem;
	}
	.review-modal-prev { left: 0.8rem; }
	.review-modal-next { right: 0.8rem; }
	.review-modal-nav {
		width: 3.2rem; height: 3.2rem;
		font-size: 1.4rem;
		background: rgba(0, 0, 0, 0.45);
	}
}

/* 검색 팝업 */
.search-modal-overlay {
	display: none;
	position: fixed;
	top: 0; left: 0; right: 0; bottom: 0;
	background: rgba(0, 0, 0, 0.45);
	z-index: 10000;
	align-items: flex-start;
	justify-content: center;
	padding-top: 8vh;
}
.search-modal-overlay.active {
	display: flex;
}
.search-modal {
	position: relative;
	background: #fff;
	border-radius: 1.6rem;
	width: 90%;
	max-width: 64rem;
	max-height: 80vh;
	display: flex;
	flex-direction: column;
	box-shadow: 0 1.2rem 4rem rgba(0, 0, 0, 0.2);
}
.search-modal-close {
	position: absolute;
	top: 1.4rem; right: 1.4rem;
	z-index: 2;
	width: 3rem; height: 3rem;
	border: none;
	background: none;
	color: var(--tenkitchen-light-grey);
	font-size: 2rem;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
}
.search-modal-close:hover {
	color: var(--tenkitchen-black);
}
.search-modal-top {
	padding: 7.4rem 2.8rem 2rem;
}
.search-modal-input-row {
	display: flex;
	align-items: center;
	margin-bottom: 1.2rem;
	background: #f5f5f5;
	border-radius: 5rem;
	padding: 0 1.6rem;
	height: 4.8rem;
	transition: box-shadow 0.2s;
}
.search-modal-input-row:focus-within {
	box-shadow: 0 0 0 0.2rem var(--tenkitchen-grapefruit);
	background: #fff;
}
.search-modal-input-row > label {
	display: none;
}
.search-modal-input-wrap {
	flex: 1;
	display: flex;
	align-items: center;
	height: 100%;
}
.search-modal-input-wrap i.fa-magnifying-glass {
	color: var(--tenkitchen-grey);
	margin-right: 1rem;
	font-size: 1.6rem;
}
.search-modal-input-wrap input {
	flex: 1;
	border: none;
	outline: none;
	font-size: 1.5rem;
	background: transparent;
	color: var(--tenkitchen-black);
}
.search-modal-input-wrap input::placeholder {
	color: var(--tenkitchen-light-grey);
}
.search-modal-clear {
	border: none;
	background: none;
	color: var(--tenkitchen-light-grey);
	font-size: 1.5rem;
	cursor: pointer;
	padding: 0;
	margin-left: 0.4rem;
}
.search-modal-clear:hover {
	color: var(--tenkitchen-grey);
}
.search-modal-price-row {
	display: flex;
	align-items: center;
	gap: 1rem;
}
.search-modal-price-row > label {
	flex: 0 0 auto;
	font-size: 1.2rem;
	font-weight: 600;
	color: var(--tenkitchen-grey);
	white-space: nowrap;
}
.search-modal-price-wrap {
	flex: 1;
	display: flex;
	align-items: center;
	gap: 0.6rem;
}
.search-modal-price-wrap input {
	flex: 1;
	border: 0.1rem solid #e8e8e8;
	border-radius: 0.8rem;
	padding: 0 1rem;
	height: 3.6rem;
	font-size: 1.2rem;
	outline: none;
	color: var(--tenkitchen-dark-grey);
	background: #fff;
	transition: border-color 0.2s;
}
.search-modal-price-wrap input:focus {
	border-color: var(--tenkitchen-grapefruit);
}
.search-modal-price-wrap input::placeholder {
	color: var(--tenkitchen-light-grey);
}
.search-modal-price-wrap span {
	color: var(--tenkitchen-light-grey);
	font-size: 1.2rem;
}
.search-modal-body {
	flex: 1;
	overflow-y: auto;
	padding: 0 2.8rem 2rem;
	border-top: 0.1rem solid #f0f0f0;
}
.search-modal-result-info {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 1.2rem 0;
	font-size: 1.2rem;
	color: var(--tenkitchen-grey);
}
.search-modal-result-info select {
	border: 0.1rem solid #e8e8e8;
	border-radius: 0.6rem;
	padding: 0.5rem 1rem;
	font-size: 1.2rem;
	outline: none;
	color: var(--tenkitchen-dark-grey);
	background: #fff;
}
.search-modal-results {
	min-height: 8rem;
}
.search-result-item {
	display: flex;
	align-items: center;
	padding: 1.4rem 0;
	border-bottom: 0.1rem solid #f5f5f5;
	cursor: pointer;
	transition: background 0.15s;
}
.search-result-item:last-child {
	border-bottom: none;
}
.search-result-item:hover {
	background: #fafafa;
}
.search-result-img {
	flex: 0 0 8rem;
	width: 8rem; height: 8rem;
	border-radius: 1rem;
	overflow: hidden;
	margin-right: 1.4rem;
	position: relative;
	background: #f5f5f5;
}
.search-result-img img {
	width: 100%; height: 100%;
	object-fit: cover;
}
.search-result-sale {
	position: absolute;
	top: 0.4rem; left: 0.4rem;
	background: var(--tenkitchen-red);
	color: #fff;
	font-size: 1rem;
	font-weight: 700;
	padding: 0.2rem 0.5rem;
	border-radius: 0.4rem;
}
.search-result-info {
	flex: 1;
	min-width: 0;
}
.search-result-name {
	font-size: 1.4rem;
	font-weight: 600;
	color: var(--tenkitchen-black);
	margin-bottom: 0.6rem;
	line-height: 1.4;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.search-result-price {
	font-size: 1.4rem;
}
.search-result-price strong {
	color: var(--tenkitchen-red);
	font-weight: 700;
}
.search-result-price del {
	color: var(--tenkitchen-light-grey);
	font-size: 1.2rem;
	margin-left: 0.6rem;
}
.search-no-result {
	text-align: center;
	padding: 4rem 0;
	color: var(--tenkitchen-grey);
	font-size: 1.3rem;
}
.search-modal-paging {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 0.4rem;
	padding: 1.6rem 0 0.8rem;
}
.search-modal-paging a,
.search-modal-paging strong {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 3rem; height: 3rem;
	border-radius: 50%;
	font-size: 1.3rem;
	text-decoration: none;
}
.search-modal-paging a {
	color: var(--tenkitchen-grey);
}
.search-modal-paging a:hover {
	background: #f0f0f0;
}
.search-modal-paging strong {
	color: #fff;
	font-weight: 700;
	background: var(--tenkitchen-black);
}

/* 검색 팝업 - 모바일 */
@media screen and (max-width: 767px) {
	.search-modal-overlay {
		padding: 1.6rem;
		align-items: center;
	}
	.search-modal {
		width: 100%;
		max-height: 75vh;
		border-radius: 1.6rem;
	}
	.search-modal-top {
		padding: 6rem 2rem 1.4rem;
	}
	.search-modal-input-row {
		height: 4.2rem;
		padding: 0 1.4rem;
	}
	.search-modal-input-wrap i.fa-magnifying-glass {
		font-size: 1.4rem;
		margin-right: 0.8rem;
	}
	.search-modal-input-wrap input {
		font-size: 1.4rem;
	}
	.search-modal-price-row {
		flex-wrap: wrap;
		gap: 0.6rem;
	}
	.search-modal-price-row > label {
		font-size: 1.1rem;
	}
	.search-modal-price-wrap input {
		height: 3.2rem;
		font-size: 1.1rem;
	}
	.search-modal-body {
		padding: 0 2rem 1.6rem;
	}
	.search-modal-close {
		top: 1rem; right: 1rem;
		width: 2.8rem; height: 2.8rem;
		font-size: 1.8rem;
	}
	.search-result-img {
		flex: 0 0 6.4rem;
		width: 6.4rem; height: 6.4rem;
		border-radius: 0.8rem;
		margin-right: 1.2rem;
	}
	.search-result-name {
		font-size: 1.3rem;
	}
	.search-result-price {
		font-size: 1.3rem;
	}
	.search-result-item {
		padding: 1.2rem 0;
	}
}

/* latest : prod-new */
.prod-new .prod-dept {
	position: absolute; bottom: 0;
	padding: 2.4rem 8%;
	width: 100%;
	line-height: 1.3;
	color: #fff !important;
	background: linear-gradient(0deg, rgb(0 0 0/50%) 25%, transparent);
}
.prod-new .prod-name {
	font-size: 2rem;
	font-weight: 300;
	color: inherit;
}
.prod-new .prod-price {
	font-size: 2.4rem;
}

/* 게시글이 없을 때 */
.no-prod {
	padding: 6% 0 20%;
	width: 100% !important;
	font-size: 1.05em;
	color: var(--tenkitchen-light-grey);
	text-align: center;
}
.no-prod::before {
	content: "\f291";
	display: block;
	clear: both;
	margin-bottom: 1.6rem;
	font-size: 4.8rem;
	/* color: var(--tenkitchen-lightest-grey); */
}


/* -------- 리뷰 -------- */

/* 그래프 */
.star-rating-graph {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	margin: 0.8rem 0 3.2rem;
	text-align: center;
}
.star-rating-graph > div:first-of-type {
	flex: 0 0 120px;
}
.star-rating-graph .prod-star-rating {
	justify-content: center;
	margin: 0;
}
.star-rating-graph .prod-star-rating ~ p {
	font-size: var(--tenkitchen-font7);
	color: var(--tenkitchen-label-text);
}
.star-rating-graph > div:last-of-type {
	flex: 0 0 calc(100% - 140px);
}
.star-rating-graph > div:last-of-type > div {
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: var(--tenkitchen-font7);
	color: var(--tenkitchen-grey);
}
.progress-bar {
	width: calc(100% - var(--tenkitchen-font1)); height: 0.4rem;
	font-size: 0.8em;
	font-weight: 700;
	background: var(--tenkitchen-beige);
}
.progress-bar .progress {
	padding: 0;
	height: 100%;
	background: var(--tenkitchen-green);
	text-align: center;
}

/* 리스트 헤더 */
.review-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0 0 0.4rem;
}
.review-header h5 span {
	/* color: var(--tenkitchen-green); */
	text-decoration: underline;
}
.review-header ul {
	display: flex;
}
.review-header ul li {
	font-size: var(--tenkitchen-font7);
	color: var(--tenkitchen-grey);
	cursor: pointer;
}
.review-header ul li:not(:first-child)::before {
	content: "";
	display: inline-block;
	clear: both;
	margin: 0 0.6rem;
	width: 1px; height: 1em;
	background: var(--tenkitchen-light-grey);
	vertical-align: middle;
}
.review-header ul li._on {
	font-weight: 700;
	color: var(--tenkitchen-dark-grey);
}

/* 리스트 */
.review-list {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	border-bottom: 0.1rem solid var(--tenkitchen-lightest-grey);
}
.review-list li {
	padding: 1rem 0 1.6rem;
	border-top: 0.1rem solid var(--tenkitchen-lightest-grey);
}
.review-list li > a,
.review-list li .review-item {
	display: flex;
	flex-direction: column;
}
.review-con {
	flex: 1 0 calc(100% - 10rem);
	padding: 0 5% 0 0;
}
.review-name {
	margin: 0 0 0.8rem;
	font-size: 1.6rem;
	font-weight: 700;
}
.review-name span {
	margin: 0 0 0 0.8rem;
	font-size: 1.3rem;
	font-weight: 400;
	color: var(--tenkitchen-light-grey);
}
.review-name .prod-star-rating {
	display: inline-flex;
	margin: 0 0 0 0.8rem;
	font-size: var(--tenkitchen-font5);
}
.review-msg {
	line-height: 1.7;
	color: var(--tenkitchen-grey);
}
.review-img {
    display: flex;
	margin: 1.2rem 0 0;
	min-height: 9rem;
	font-size: 0;
}
.review-img-count {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 36px; height: 36px;
    font-size: 14px;
    color: #fff;
    background: rgb(0 0 0 /70%);
}
.review-img > a {
    /*display: inline-block;
    width: 100%; height: 100%;*/
    flex: 0 0 23%;
    width: 23%;
}
.review-img > a:not(:first-child) {
    margin-left: 0.4rem;
}
.review-img img {
	width: 100%; height: 100%;
	object-fit: cover;
}

/* 베스트리뷰 */
.best-review {
	margin-bottom: 4.8rem;
	padding: 6%;
}
.best-review h4 {
	margin: 0 0 0.8rem;
}
.best-review li {
	flex: 0 0 100%;
}
.best-review li a {
	flex-direction: row;
}
.best-review .review-msg {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	-webkit-line-clamp: 2;
}


/* -------- container -------- */
.container {
	display: flex;
}

/* leftmenu */
.lnb {
	display: none;
}

/* content */
.content {
	margin: -0.25rem auto 1rem;
	padding: 3rem 6% 5rem;
	width: 100%;
	background: #fff;
	overflow: hidden;
}
.content h3 {
	display: flex;
	align-items: center;
	margin-bottom: 2.4rem;
	transition: .3s;
}
.content h3::before {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	clear: both;
	margin: 0 1.2rem 0 0;
	width: 4.8rem; height: 4.8rem;
	font-size: 0.7em;
	font-weight: 400;
	color: var(--tenkitchen-green);
	background: var(--tenkitchen-label-bg);
	border-radius: 3rem;
}

/* 2024-08-08 추가 */
.content .title-subs {
	padding: 2% 0 3%;
	width: 100% !important;
	font-size: 1.05em;
	color: var(--tenkitchen-dark-grey);
	border-bottom: double var(--tenkitchen-lightest-grey);
	text-align: center;
}

.business .content {
	overflow: inherit;
}

/* subtitle icon */
.join .content h3::before { content: "\f234"; }
.terms .content h3::before,
.policy .content h3::before { content: "\f15c"; }
.overview .content > h3:first-child::before { content: "\e51a"; }
.business .content > h3::before { content: "\f0b1"; }
.location .content h3::before { content: "\f3c5"; }
.contact .content h3::before { content: "\f500"; }
.status .content h3::before,
.order-details .content h3::before { content: "\f03a"; }
.wish .content h3::before { content: "\e4fd"; }
.shipping .content h3::before { content: "\f0d1"; }
.cart .content h3::before { content: "\f290"; }
.saved-money .content h3::before { content: "\f51e"; }
.coupon .content h3::before { content: "\f3ff"; }
.oto .content h3::before { content: "\f31c"; }
.myinfo .content h3::before { content: "\f4ff"; }
.factory .content h3::before { content: "\f275"; }
.certificate .content h3::before { content: "\f56c"; }

/* subpage company background */
.overview .content .freefrom {
	position: relative; left: 50%;
	max-width: 115%;
	transform: translateX(-50%);
}


/* -------- board -------- */
.tb-view {
	padding: 0 0 2.4rem;
	line-height: 1.6;
	font-size: 1.5rem;
	border: 0.1rem solid var(--tenkitchen-lightest-grey);
	border-width: 0.1rem 0;
	letter-spacing: -0.02em;
}
.tb-view .tb-subject {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 1.5%;
	border-bottom: 0.1rem solid var(--tenkitchen-lightest-grey);
}
.tb-view .tb-subject div {
	flex: 0 0 calc(100% - 9rem);
	padding: 1.6rem 0;
	font-size: 2rem;
	font-weight: 700;
}
.tb-view .tb-subject div .cate {
	display: block;
	margin-right: 0.8rem;
	font-size: 1.3rem;
	color: var(--tenkitchen-green);
}
.tb-view .tb-subject > p {
	flex: 1 0 9rem;
	font-size: 1.3rem;
	font-weight: 700;
	color: var(--tenkitchen-light-grey);
	text-align: center;
}
.tb-view .tb-subject > p::before {
	content: "\f4a3";
	display: block;
	clear: both;
	font-size: 2.6rem;
	color: var(--tenkitchen-label-border);
}
.tb-view .tb-subject > p.eom {
	color: var(--tenkitchen-dark-grey);
}
.tb-view .tb-subject > p.eom::before {
	content: "\f4a2";
	color: var(--tenkitchen-green);
}
.tb-view .tb-subject > p span {
	display: block;
	font-size: 1rem;
	color: var(--tenkitchen-light-grey);
	letter-spacing: 0;
}
.tb-info {
	margin-top: 1rem;
	font-size: 1.3rem;
	font-weight: 400;
	color: var(--tenkitchen-grey);
	vertical-align: middle;
}
.tb-info i {
	margin-right: 0.6rem;
}
.tb-info i ~ i {
	margin-left: 1.6rem;
}
.tb-msg {
	padding: 3.2rem 1.5% 4.8rem;
	color: var(--tenkitchen-dark-grey);
}
.tb-reply {
	padding: 3% 4% 4%;
	color: var(--tenkitchen-dark-grey);
	border: 0.1rem solid var(--tenkitchen-lightest-grey);
}
.tb-reply ~ .tb-reply {
	margin-top: 0.8rem;
}
.tb-reply-write {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 2.4rem;
}
.tb-reply-write textarea {
	flex: 1 0 calc(100% - 9rem);
	padding: 2% 3.5% 3%;
	height: 8rem;
	line-height: 1.7;
	font-size: 1.3rem;
	color: var(--tenkitchen-dark-grey);
	background: #f5f5f5;
}
.tb-reply-write button {
	padding: 0;
	height: 8rem;
	font-size: 1.3rem;
}

.tb a:not(.btn) {
	display: inline-block;
	/* width: 100%; 2022-11-11 비밀글 아이콘 추가로 수정 */
	width: 80%;
	vertical-align: text-bottom;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* shpping */
.shipping td:first-child {
	display: flex;
	align-items: center;
}
.shipping .tb span {
	margin-left: 1rem;
}
.shipping td:last-child::before {
	display: none;
}
.shipping td .btn-mini ~ .btn-mini {
	margin: 0 0 0 0.5rem;
}
.shipping td:last-child {
	text-align: right;
}
.shipping.write input ~ input {
	margin-top: 0.8rem;
}
.shipping.write dl dd:last-child {
	margin-top: 1.6rem;
}

/* oto */
.oto td::before {
	display: none;
}
.oto td:first-child {
	font-size: 0.9em;
	font-weight: 700;
	color: var(--tenkitchen-green);
}
.oto td:last-child {
	margin-bottom: 0;
	text-align: right;
}
.oto td:nth-child(2) ~ td {
	display: inline-flex;
	margin-bottom: 1.6rem;
	font-size: 0.9em;
	letter-spacing: -0.04rem;
	align-items: center;
}

/* 2022-11-11 추가 : 비밀글 관련 */
.oto .tb-sec a+span::before {
	content: "\f023";
	display: inline-block;
	clear: both;
	position: relative; top: -0.3rem;
	margin: 0 0 0 2%;
	font-size: 0.9em;
	color: var(--tenkitchen-light-grey);
}

/* write */
.write .tb-write li:not(first-child) {
	margin-top: 0.8rem;
}
.write .tb-write li label {
	display: block;
	margin-bottom: 0.8rem;
}
.write .tb-button {
	display: flex;
	justify-content: space-between;
	text-align: center;
}
.write .tb-button .btn {
	width: 49%;
}

/* private */
.private {
	margin: 2.4rem 0 1.2rem;
	padding: 1.2rem 1.6rem;
	line-height: 1.6;
	font-size: 1.3rem;
	color: var(--tenkitchen-grey);
	border: 0.1rem solid var(--tenkitchen-lightest-grey);
	letter-spacing: -0.02em;
}
.private::before {
	content: "개인정보 수집 및 이용에 대한 안내";
	display: block;
	clear: both;
	margin-bottom: 0.4rem;
	/* font-size: 1.7rem; */
	font-size: 1.15em;
	font-weight: 700;
	color: var(--tenkitchen-dark-grey);
}
.private + p {
	padding: 0 0.8rem;
	font-size: 1.3rem;
	color: var(--tenkitchen-grey);
	letter-spacing: -0.02em;
	/* text-align: right; */
}

/* sample */
.sample .private::before {
	display: none;
}
.sample .private li:not(:first-child) {
	margin-top: 0.8rem;
}
.sample .private p {
	padding: 0 2.4rem;
}
.sample .private p::before {
	/* content: "\3002"; */
	content: "";
	display: inline-block;
	clear: both;
	position: relative; top: -0.3rem;
	margin-right: 0.4rem;
	width: 3px; height: 3px;
	background: var(--tenkitchen-grey);
	border-radius: 3px;
}
.sample .private + p label {
	margin-left: 1.2rem;
}
.sample .private + p span {
	font-size: 1.5rem;
	font-weight: 700;
	color: var(--tenkitchen-dark-grey);
}


/* -------- member -------- */
button#checkKey,
button#checkKey-chk {
	display: none;
	margin: 0;
}
#keyShow::before,
#keyShow-chk::before {
	content: "\f070";
	display: inline-flex;
	justify-content: center;
	align-items: center;
	clear: both;
	position: absolute; top: 50%; right: 0.8rem;
	width: 4rem; height: 4rem;
	font-size: 1.5rem;
	color: var(--tenkitchen-dark-grey);
	cursor: pointer;
	z-index: 6;
	transform: translateY(-50%);
}
#keyShow.show::before,
#keyShow-chk.show::before {
	content: "\f06e";
}

/* login */
.login .tab li {
	flex: 0 0 50%;
}
.login form {
	margin: 0 auto;
	max-width: 100%;
}
.login .id-save {
	display: flex;
	align-items: center;
	margin-top: 1rem;
	width: 100%; height: 3.2rem;
}
.login dl + button {
	margin-top: 1.6rem;
}
.login button ~ a {
	margin-top: 0.4rem;
}
.login .btn-find {
	font-size: 1.4rem;
	font-weight: 400;
	color: var(--tenkitchen-grey);
}
.login .btn-kakao {
	width: 100%; height: 4.5rem;
	background: #fee500 url('../images/btn_kakao_text.png') no-repeat 50% 0;
	border-radius: 0.6rem;
}
/* join */
.join .start,
.join .b2b,
.join .b2c {
	display: none;
}
.join #msg_b,
.join #msg_c {
	margin: 0.8rem 0 0 0.2rem;
	font-size: 0.95em;
	color: var(--tenkitchen-green);
}
.join #msg_b .imposs,
.join #msg_c .imposs {
	color: var(--tenkitchen-grapefruit);
}
.join #msg_b span::before,
.join #msg_c span::before,
.join #msg_b .imposs::before,
.join #msg_c .imposs::before {
	content: "\f00c";
	display: inline-block;
	clear: both;
	margin-right: 0.8rem;
	line-height: 1;
}
.join #msg_b .imposs::before,
.join #msg_c .imposs::before {
	content: "\f00d";
}

/* join : start */
.join .start div {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
}
.join .start a {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	height: 30vh;
	min-height: 24rem;
	color: #fff;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	transition: .3s;
	z-index: 0;
}
.join .start .btn-login-b2c {
	background-image: url('../images/b2c.png');
}
.join .start .btn-login-b2b {
	background-image: url('../images/b2b.png');
}
.join .start span {
	font-size: 2rem;
	font-weight: 300;
}
.join .start span::before {
	content: "";
	display: flex;
	clear: both;
	position: absolute; left: 0; top: 0;
	width: 100%; height: 100%;
	background: rgb(0 0 0/30%);
	z-index: -1;
}

/* join : b2b form */
.join h2 {
	margin-bottom: 1.6rem;
	line-height: 1.4;
}
.join h2 + .subs {
	margin-bottom: 3.2rem;
	line-height: 1.4;
	font-size: 1.2rem;
	color: var(--tenkitchen-grey);
	letter-spacing: -0.04rem;
}
.join h2 + .subs li {
	margin-left: 1.6rem;
}
.join h2 + .subs li:not(:first-child) {
	margin-top: 0.4rem;
}
.join h2 + .subs li::before {
	content: '\2014';
	position: absolute;
	margin-left: -1.6rem;
}
.mail-area {
	display: flex;
	align-items: center;
}
.mail-area span {
	flex: 1 0 2rem;
	font-size: 1.6rem;
	text-align: center;
}
.mail-area select {
	margin-left: 0.4rem;
}
.join p {
	margin: 2.4rem 0;
	padding: 1.2rem 1.6rem 1.6rem;
	line-height: 1.6;
	font-size: 1.4rem;
	border: 0.1rem solid var(--tenkitchen-lightest-grey);
}
.join p span {
	justify-content: flex-start;
	margin-top: 1.6rem;
	font-size: 1.4rem;
	font-weight: 500;
}
.join p span ~ span {
	margin-top: 0.4rem;
}
.join p span::before {
	content: "\e4eb";
	display: inline-flex;
	align-items: center;
	clear: both;
	margin-right: 0.5rem;
	font-size: 0.9em;
}

/* find */
.find .tab-con div {
	padding: 1.2rem 0;
	width: 100%;
	line-height: 2.4;
	font-size: 1.4rem;
	border: 0.1rem solid var(--tenkitchen-lightest-grey);
	text-align: center;
	transition: .3s;
}
.find .tab-con div label ~ label {
	margin-left: 2rem;
}
.find dl {
	margin: 2.4rem 0;
}

/* terms, policy */
.terms .content div,
.policy .content div {
	font-size: 1.2rem;
	color: var(--tenkitchen-grey);
	letter-spacing: 0;
}

/* myinfo */
.myinfo td {
	margin: 1.6rem 0;
	padding: 0 0.8rem;
	text-align: left;
}
.myinfo .tb td::before {
	margin-right: 1.6rem;
}
.myinfo .mail-area {
	margin-top: 1.2rem;
}
.myinfo .mail-area .input {
	height: 3.7rem;
}
.myinfo .content > button {
	margin: 3.2rem 0 0;
}

/* secesstion */
.secesstion .content {
	text-align: center;
}
.secesstion .content h3 {
	justify-content: center;
	margin: 0 0 2rem;
	line-height: 6rem;
}
.secesstion .content p {
	font-size: 1em;
	color: var(--tenkitchen-grey);
}
.secesstion .content p + p {
	margin-top: 4.8rem;
}
.secesstion .content p label {
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	font-weight: 700;
	color: var(--tenkitchen-black);
	vertical-align: bottom;
}
.secesstion .content p input {
	margin-top: 1.2rem;
	border-right: 0;
}
.secesstion .content p input:focus {
	border-color: var(--tenkitchen-red);
}


/* -------- product -------- */
.no-srch-result {
	color: var(--tenkitchen-dark-grey);
	letter-spacing: -0.03em;
	text-align: center;
}
.no-srch-result::before {
	content: "\f567";
	display: block;
	clear: both;
	margin: 0 0 2rem;
	line-height: 1;
	font-size: 8rem;
	font-weight: 300;
	color: var(--tenkitchen-text-sub);
	opacity: 0.35;
}
.no-srch-result a {
	margin-top: 8rem;
}

/* category */
.category h3 {
	margin-bottom: 3.2rem;
	text-align: center;
}
.category .prod-list {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	margin: auto;
	max-width: 90%;
}
.category .prod-item {
	flex: 0 0 48%;
	margin-right: 4%;
	margin-bottom: 8%;
}
.category .prod-item:nth-child(2n) {
	margin-right: 0;
}

/* view */
.view .prod-info {
	margin-bottom: 4.8rem;
	transition: .3s;
}
.view .prod-img input + label {
	display: none;
}
.view .prod-dept {
	position: relative;
	padding: 6% 6% 3%;
}
.view .prod-name {
	padding: 0 0.2rem;
	width: 80%;
	font-size: 1.6rem;
	color: var(--tenkitchen-dark-grey);
	white-space: normal;
}
.view .prod-price {
	margin: 0.4rem 0 0;
	padding: 0 0.2rem;
	font-size: 2rem;
}
.view .prod-price.lowest p {
	flex-direction: column;
	justify-content: flex-start;
	flex-wrap: wrap;
	left: auto; right: 5%;
	padding: 1.2rem 1rem 0;
	width: 5rem; height: 9rem;
	line-height: 1.2;
	font-size: 1rem;
	border-radius: 0;
	letter-spacing: 0;
	text-align: center;
	word-break: break-all;
	overflow: hidden;
}
.view .prod-price.lowest p::before {
	margin: 0 0 0.4rem;
}
.view .prod-price.lowest p::after {
	content: "";
	display: inline-block;
	clear: both;
	position: absolute; left: 0; bottom: -3.5rem;
	border-left: 5rem solid #fff;
	border-bottom: 5rem solid transparent;
	transform: rotate(45deg);
}
.view .prod-option {
	margin-top: 1.6rem;
}
.view .prod-shipping-msg {
	margin-top: 2.4rem;
	padding: 0 0.2rem;
}
.view .prod-dept > ul {
	margin: 1.6rem 0;
}
.view .prod-dept > ul li {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 0.2rem;
	height: 6rem;
	font-size: 1.4rem;
	color: var(--tenkitchen-grey);
	border-top: 0.1rem solid var(--tenkitchen-lightest-grey);
}
.view .prod-dept > ul li:last-child {
	height: 9rem;
}
.view .prod-dept > ul li *:last-child {
	text-align: right;
}
.view .prod-button:not(.fixed-bottom) {
	display: none;
}
.view .prod-button a {
	border-radius: 0;
	transition: .3s;
}
.view .prod-button a span {
	margin-left: 0.5rem;
}
.view .btn-intr,
.view .btn-cart-chk {
	flex: 1 0 30%;
	color: var(--tenkitchen-dark-grey);
	border-color: var(--tenkitchen-grey);
}
.view .btn-order {
	flex: 1 0 40%;
}
.view .tab li {
	flex: 1 0 30%;
	/* 2025-01-16 리뷰추가 */
	flex: 1 0 25%;
}
.view .tab-con {
	padding: 0 2.4rem 10%;
}

/* 2022-08-24 추가 */
#viewDetail .tab-con {
	padding-left: 0;
	padding-right: 0;
}

/* recommand */
.view ~ article {
	padding: 3.2rem 0 4rem;
}
.prod-rcmd {
	margin: 0 auto;
	max-width: 90%;
}
.prod-rcmd .latest-header h3 {
	justify-content: flex-start;
}
.prod-rcmd .prod-list {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}
.prod-rcmd .prod-item {
	flex: 0 0 48%;
	margin-right: 4%;
	margin-bottom: 8%;
}
.prod-rcmd .prod-item:nth-child(2n) {
	margin-right: 0;
}


/* -------- status -------- */
.status .content h3 div {
	flex-grow: 1;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	user-select: none;
}
.status .content h3 ol {
	display: flex;
}
.status .content h3 li {
	font-size: 1.25rem;
	color: var(--tenkitchen-light-grey);
}
.status .content h3 li ~ li::before {
	content: "\f105"; /*\2014*/
	display: inline-block;
	clear: both;
	margin: 0 0.8rem;
	font-weight: 400;
	color: var(--tenkitchen-lightest-grey);
}
.status .content h3 li span {
	display: none;
}
.status .content h3 li i {
	position: relative; top: 0.05rem;
}

/* order-progress */
.order-progress {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: -0.8rem -6rem 0;
	padding: 2.4rem 4rem 4.8rem;
	color: var(--tenkitchen-dark-grey);
	background: var(--tenkitchen-label-bg);
}
.order-progress > div {
	flex: 1 0 33%;
	text-align: center;
}
.order-progress > div:not(:first-of-type) {
	border-left: 0.1rem solid #d3ddd4;
}
#order.status .order-progress > div h5 {
	margin-bottom: 1.2rem;
	color: var(--tenkitchen-green);
}
.order-progress > div h5 + p {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 2.4rem;
	font-weight: 700;
}
.order-progress > div h5 + p::before {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	clear: both;
	margin-right: 1.2rem;
	width: 4rem; height: 4rem;
	font-size: 1.6rem;
	font-weight: 700;
	color: #fff;
	background: #fff;
	background: var(--tenkitchen-label-text);
	border-radius: 8rem;
}
.order-progress > div:nth-of-type(1) h5 + p::before {
	content: "\f0d1";
}
.order-progress > div:nth-of-type(2) h5 + p::before {
	content: "\f48b";
}
.order-progress > div:nth-of-type(3) h5 + p::before {
	content: "\f466";
}

/* order-terms */
.order-terms {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	margin: -1.6rem 0 4.8rem;
	line-height: 1;
}
.order-month {
	display: flex;
	margin: 0 0 0.8rem;
	width: 100%;
}
.order-month label {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 20%; height: 4.8rem;
	font-size: 1.34rem;
	color: var(--tenkitchen-grey);
	background: #fff;
	border: 0.1rem solid var(--tenkitchen-lightest-grey);
}
.order-month label::before {
	display: none !important;
}
.order-month input:not(:first-child) + label {
	border-left: 0;
}
.order-month input:checked + label {
	font-weight: 700;
	color: var(--tenkitchen-green);
	background: var(--tenkitchen-label-bg);
}
.order-range {
	width: 100%;
}
.order-range input,
.order-select select {
	height: 4.8rem;
	font-size: 1.34rem;
	background: #fff;
	border: 0.1rem solid var(--tenkitchen-lightest-grey);
}
.order-range input {
	 width: 50%;
	 min-width: 9rem;
	 color: var(--tenkitchen-grey);
	 letter-spacing: 0;
	 text-align: center;
}
.order-range input ~ input {
	border-left: 0;
}
.order-select {
	display: flex;
	margin-top: 0.8rem;
	width: 100%;
}
.order-select select {
	padding: 0 0 0 1.2rem;
	width: 75%;
	min-width: 12rem;
	border-right: 0;
}
.order-select button {
	/* width: 25%; */
	width: 100%;
	min-width: 6rem;
}

/* order-item */
.order-item:not(:first-of-type) {
	margin-top: 2.4rem;
}
.order-info {
	display: flex;
	/* justify-content: space-between; */
	align-items: center;
	height: 4.8rem;
	border-bottom: 0.1rem solid transparent;
	cursor: pointer;
	white-space: nowrap;
	user-select: none;
}
.order-info.order-open {
	border-bottom: 0.1rem solid var(--tenkitchen-lightest-grey);
}
.order-date {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0 2%;
	height: 4rem;
	font-size: 1.24rem;
	font-weight: 800;
	/* color: var(--tenkitchen-green); */
	letter-spacing: -0.02em;
}
.order-date::after {
	content: "\f0d8";
	display: inline-flex;
	align-items: center;
	clear: both;
	margin-left: 1.6rem;
	display: none;
}
.order-open .order-date::after {
	transform: rotate(180deg);
}
.order-status {
	/* width: 100%; */
	padding: 0 2%;
	font-weight: 700;
}
.order-status::before {
	display: inline-block;
	clear: both;
	margin: 0 0.6rem 0 0;
	font-size: 0.94em;
	font-weight: 400;
}
.order-status.rst1 {
	color: var(--tenkitchen-green);
}
.order-status.rst1::before { content: "\f772"; }
.order-status.rst2::before { content: "\f49e"; }
.order-status.rst3::before { content: "\f48b"; }
.order-status.rst4 {
	color: var(--tenkitchen-light-grey);
}
.order-status.rst4::before { content: "\f06b"; }
#order.status .prod-item {
	align-items: center;
	padding: 1.6rem;
	border: 0.1rem solid var(--tenkitchen-lightest-grey);
}
#order.status .prod-item:not(:last-child) {
	border-bottom-style: dashed;
}
#order.status .prod-dept {
	flex: 0 0 calc(100% - 16rem);
}
.status .prod-qty,
.order-details .prod-qty {
	font-size: 0.8em;
	color: var(--tenkitchen-grey);
	letter-spacing: -0.02em;
}
.status .prod-button {
	flex: 0 0 7rem;
}
.status .prod-button a {
	padding: 0;
}
.status .prod-button a ~ a {
	margin-top: 0.6rem;
}
.status .paging {
	margin-top: 8%;
}

/* 리뷰쓰기 */
#order.status .prod-item {
	flex-wrap: wrap;
}
#order.status .prod-item .prod-img {
	flex: 0 0 9rem;
	width: 9rem;
}
.prod-review {
	flex: 1 0 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 1.6rem 0 0;
	/* padding: 0.8rem 0 0; */
	width: 100%;
	background: var(--tenkitchen-ivory);
	/* border-top: 0.1rem dashed var(--tenkitchen-light-grey); */
}
.prod-review > div {
	flex: 0 0 calc(100% - 7rem);
	padding: 0 5% 0 0;
	font-size: 0.84em;
	color: var(--tenkitchen-dark-grey);
	text-align: right;
}
.prod-review > div span {
	font-weight: 700;
	color: var(--tenkitchen-dark-green);
}
.prod-review > div span::after {
	content: "\f054";
	display: inline-block;
	position: relative; top: 0.06rem;
	margin: 0 0 0 1.2rem;
	font-weight: 400;
	clear: both;
}
.prod-review > a {
	padding: 0;
}


/* -------- order-details -------- */
#order.order-details h4 > :last-child {
	float: right;
}
#order.order-details .prod-list h4 > :last-child {
	float: none;
}
#order.order-details h4 a {
	width: 10rem;
	max-width: 10rem;
}
.order-details .order-list {
	margin: 0 0 2.4rem;
	border-bottom: 0.1rem solid var(--tenkitchen-lightest-grey);
}
.order-details .order-info {
	justify-content: space-between;
	height: auto;
	cursor: default;
}
.order-details h4 .order-info {
	margin: 1.2rem 0 0;
	background: var(--tenkitchen-ivory);
}
.order-details .order-list .order-info {
	height: 4.8rem;
}
.order-details .order-date {
	/* font-size: 1.3rem; */
	height: auto;
	/* color: var(--tenkitchen-grapefruit); */
}
.order-details .order-date::after {
	display: none;
}
.order-details .order-date span {
	font-weight: 400;
}
.order-details .order-date span::before {
	content: "\e0d2";
	display: inline-block;
	clear: both;
	margin: 0 0.4rem 0 1.6rem;
}
#order.status.order-details .prod-dept {
	flex-basis: calc(100% - 8.4rem);
}
.order-details .button-area {
	flex-direction: row-reverse;
}
#order.order-details .prod-list ~ div ul {
	padding: 2rem 0;
	width: 100%;
	border: 0.1rem solid var(--tenkitchen-lightest-grey);
	border-width: 0.1rem 0;
}
#order.order-details .prod-list ~ div ul ~ ul {
	border-top: 0;
}
#order.order-details .prod-shipping h4:after {
	content: "";
	display: block;
	clear: both;
}
#order.order-details .prod-shipping li {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	padding: 0 1.6rem;
	min-height: 3.2rem;
	font-size: 1.4rem;
	color: var(--tenkitchen-grey);
}
#order.order-details .prod-settlement li:last-child {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0;
	padding: 0 1.6rem;
	height: 3.2rem;
	font-size: 1.4rem;
	font-weight: 700;
	color: var(--tenkitchen-grey);
	border: 0;
}
#order.order-details .prod-shipping li p {
	line-height: 1.4;
}
#order.order-details .prod-shipping li :last-child {
	flex: 0 0 calc(100% - 7rem);
	text-align: right;
}
#order.order-details .prod-settlement li:last-child p:first-child {
	font-size: inherit;
	font-weight: initial;
}
#order.order-details .prod-settlement li:not(:last-child) :last-child,
#order.order-details .prod-settlement li:last-child :last-child {
	font-weight: initial;
}


/* -------- shipping -------- */
.no-shipping {
	justify-content: center;
	padding: 4rem 0 !important;
}


/* -------- order -------- */
#order .prod-list ~ div {
	width: 100%;
}
#order .prod-item {
	display: flex;
	padding: 2.4rem 0.8rem;
	border-top: 0.1rem solid var(--tenkitchen-lightest-grey);
	border-bottom: 0.1rem solid var(--tenkitchen-lightest-grey);
}
#order .prod-item ~ .prod-item {
	border-top: 0;
}
#order .prod-item .btn-del {
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute; top: 0.8rem; right: 0;
	width: 4rem; height: 4rem;
	font-size: 1.4rem;
	color: var(--tenkitchen-light-grey);
}
#order .prod-item .btn-del::after {
	content: "\f00d";
	display: inline-block;
	clear: both;
	font-weight: 400;
}
#order .prod-img img {
	height: auto;
	border-radius: 1.6rem;
}
#order .del-chk + label::before {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	position: absolute; left: -0.8rem; top: 0;
	margin: 0;
	width: 4rem; height: 4rem;
	background: #fff;
	border-radius: 3rem;
	z-index: 6;
}
#order .prod-dept {
	display: flex;
	flex-direction: column;
	justify-content: center;
	flex: 1 0 calc(100% - 8.4rem);
	padding: 0 0 0 5%;
	line-height: 1.6;
	transition: .3s;
}
#order .prod-name {
	width: 80%;
}
#order .prod-price {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	font-size: 1.15em;
}
#order .prod-price.lowest p {
	left: 0.8rem; top: 2.4rem;
	width: 8.4rem; height: 8.4rem;
	border-radius: 1.6rem;
	background-image: var(--tenkitchen-gradient-opacity-bar);
	cursor: pointer;
}
#order .prod-price ol {
	flex: 1 0 100%;
	margin: 0.8rem 0 0;
	width: 100%;
}
#order .prod-settlement li {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 1.6rem;
	height: 3.2rem;
	font-size: 1.4rem;
	color: var(--tenkitchen-grey);
}
#order .prod-settlement li:not(:last-child) :last-child {
	font-weight: 700;
}
#order .prod-settlement li:last-child {
	margin: 2.4rem 0 0;
	height: 9rem;
	font-weight: 900;
	color: var(--tenkitchen-black);
	border-top: 0.1rem dashed var(--tenkitchen-light-grey);
	text-align: right;
}
#order .prod-settlement li:last-child p:first-child {
	font-size: 1.6rem;
	font-weight: 700;
}
#order .prod-settlement li .prod-total-price {
	color: var(--tenkitchen-green);
}
#order h4 {
	margin: 0 0 1.6rem;
}
#order h4::before {
	display: inline-flex;
	align-items: center;
	clear: both;
	margin: 0 0.8rem 0 0.2rem;
	font-size: 0.9em;
	color: var(--tenkitchen-green);
}
#order .prod-list h4::before { content: "\f03a"; }
#order .prod-shipping h4::before { content: "\f48b"; }
#order .prod-settlement h4::before { content: "\f555"; }
#order .prod-settle-method h4::before { content: "\f555"; }

/* cart */
.cart .comp-box {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 0.4rem;
	height: 4rem;
	font-size: 1.2rem;
}
.cart .prod-list ~ div {
	margin: 2.4rem auto 0;
}
.cart .prod-qty {
	text-align: right;
}
.cart .prod-settlement h4 {
	display: none;
}

/* order */
.order .prod-list ~ div {
	margin: 4.8rem auto 0;
}
.order .prod-qty {
	color: var(--tenkitchen-grey);
	text-align: left;
}
.order .prod-shipping .tab li {
	flex: 0 0 50%;
}
.order .prod-shipping .tab li.no-member {
	display: none;
}
.order .prod-shipping .tab-con li ~ li {
	margin-top: 1.6rem;
}
.order .prod-shipping .tab-con input ~ input {
	margin-top: 0.8rem;
}
.order .prod-shipping .tab-con .shipping-list li {
	display: flex;
	position: relative;
	padding: 1.4rem 1.6rem 1.6rem;
	color: var(--tenkitchen-grey);
	border: 0.1rem solid var(--tenkitchen-lightest-grey);
}
.order .prod-shipping .tab-con .shipping-list .choice {
	color: var(--tenkitchen-dark-grey);
	background: var(--tenkitchen-label-bg);
	border-color: var(--tenkitchen-green);
}
.order .prod-shipping .tab-con .shipping-list label {
	flex: 0 0 2.8rem;
}
.order .prod-shipping .tab-con .shipping-list div strong {
	margin-right: 0.8rem;
	font-weight: 700;
}
.order .prod-shipping .tab-con .shipping-list input[type=radio]:checked ~ div strong {
	color: var(--tenkitchen-green);
}
.order .prod-shipping .tab-con .shipping-list .prod-option {
	position: absolute; right: 1.6rem;
	line-height: inherit;
}
.order .prod-shipping .tab-con .shipping-list .prod-option span {
	/* visibility: hidden; */
	margin: 0;
}
.order .prod-shipping .tab-con .shipping-list input[type=radio] + label::before {
	top: 0.5rem;
	margin: 0;
}
.order .prod-shipping .tab-con .shipping-list input[type=radio]:checked ~ .prod-option span {
	visibility: visible;
}
.order .prod-shipping .tab-con .shipping-list li.no-addr {
	justify-content: center;
	align-items: center;
	height: 12rem;

}
.order .prod-shipping .tab-con .shipping-list + dl {
	margin-top: 1.2rem;
}
.input-post {
	padding: 0;
	margin: 0 0.5rem 0 0;
	width: 8rem;
	text-align: center;
}

/* order : 주소검색 */
#addrForm ~ input {
	margin-top: 0.8rem;
}
#addrForm {
	display: none;
	position: relative;
	margin: 0.5rem 0 0;
	width: 100%; height: 34rem !important;
	border: 0.1rem solid var(--tenkitchen-lightest-grey);
}
#addrForm .btn-close-addr-form {
	position: absolute; top: -4rem; right: -0.1rem;
	width: 4rem; height: 4rem;
	background: #fff;
	border: 0.1rem solid var(--tenkitchen-lightest-grey);
	border-radius: 0;
	cursor: pointer;
}
#addrForm .btn-close-addr-form::before {
	content: "\f00d";
	display: inline-block;
	clear: both;
	font-size: 1.4rem;
}

/* order : 결제정보 */
.order .prod-settlement ul {
	padding: 2rem 0 0;
	border-top: 0.1rem solid var(--tenkitchen-lightest-grey);
}

/* order : 약관동의 */
.order .prod-caution {
	margin: 0 !important;
	padding: 2.4rem 0.6rem 3rem;
	line-height: 1.7;
	font-size: 1.25rem;
	color: var(--tenkitchen-dark-grey);
	border-top: 0.1rem dashed var(--tenkitchen-light-grey);

	/* 기획상 이 부분이 없음
	display: none; */
}
.order .prod-caution p {
	padding: 0 0 0 2rem;
	letter-spacing: -0.02em;
	text-indent: -1rem;
}
.order .prod-caution p ~ p {
	margin-top: 0.8rem;
}
.order .prod-caution label::before {
	left: -0.2rem; top: 0.2rem;
	margin-right: 0.5rem;
}
.order .prod-caution p span {
	margin-left: 0.4rem;
	font-size: 0.94em;
	color: var(--tenkitchen-green);
	text-indent: 0;
}
.order .prod-settle-method div {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0 0 2.4rem;
}
.order .prod-settle-method input + label {
	flex: 1 0 33.33333%;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	padding: 0 1.6rem;
	height: 6rem;
	line-height: 1.5;
	font-size: 1.3rem;
	border: 0.1rem solid var(--tenkitchen-lightest-grey);
	word-break: keep-all;
	text-align: center;
}
.order .prod-settle-method input + label::before {
	display: none;
}
.order .prod-settle-method input:not(:first-child) + label {
	border-left: 0;
}
.order .prod-settle-method input:checked + label {
	font-weight: 700;
	color: var(--tenkitchen-green);
	background: var(--tenkitchen-label-bg);
	border: 0.1rem solid var(--tenkitchen-green) !important;
}
.order .prod-settle-method input:not(:first-child):checked + label {
	position: relative; left: -0.1rem;
	padding-left: 1.7rem;
}

/* 2024-07-29 추가 네이버페이&카카오페이 */
.order .prod-settle-method div ~ div {
	flex-wrap: wrap;
	margin-top: -1.6rem;
}
.order .prod-settle-method div ~ div ul {
	flex: 1 0 100%;
	display: none;
	padding: 1.2rem 0.8rem 0;
	line-height: 1.7;
	font-size: 1.08rem;
	color: var(--tenkitchen-grey);
	background: #fff;
	letter-spacing: -0.02em;
	z-index: 1;
}
.order .prod-settle-method div ~ div input[type=radio]:first-child:checked ~ ul {
	display: block;
}
.order .prod-settle-method div ~ div ul li:not(:first-child) {
	margin-top: 0.8rem;
}
.order .prod-settle-method div ~ div ul li:before {
	content: "";
	display: inline-block;
	clear: both;
	position: relative;
	top: -0.35rem;
	margin: 0 0.6rem 0 0;
	width: 3px;
	height: 3px;
	background: var(--tenkitchen-lightest-grey);
	border-radius: 1rem;
}
.order .prod-settle-method div ~ div .logo-naverpay {
	width: auto; height: 2.84rem;
}
.order .prod-settle-method div ~ div .logo-kakaopay {
	width: auto; height: 2.9rem;
}

/* finish */
.finish .prod-msg {
	padding: 2.4rem 0 3.2rem;
}
.finish .prod-msg p {
	position: relative;
	margin-left: 11rem;
	line-height: 1.6;
	font-size: 1.8rem;
	font-weight: 700;
}
.finish .prod-msg p::before {
	content: "\f543";
	display: inline-flex;
	justify-content: center;
	align-items: center;
	clear: both;
	position: absolute; left: -11rem; top: 50%;
	margin: 0 auto 2.4rem;
	width: 9rem; height: 9rem;
	font-size: 3.2rem;
	color: var(--tenkitchen-green);
	background: var(--tenkitchen-label-bg);
	border-radius: 6rem;
	transform: translateY(-50%);
}
.finish .prod-msg p + dl {
	margin: 4.8rem auto 0;
	width: 94%;
}
.prod-msg p + dl dt:not(:first-of-type) {
	margin-top: 2.4rem;
}
.finish .prod-msg p + dl dt {
	flex: 0 0 10rem;
	height: 4rem;
	font-size: 1.6rem;
	border-bottom: 0.1rem solid var(--tenkitchen-lightest-grey);
}
.finish .prod-msg p + dl dt + dd {
	flex: 0 0 calc(100% - 10rem);
	margin-top: 0.8rem;
	padding: 0 0.2rem;
	color: var(--tenkitchen-grey);
	letter-spacing: -0.02em;
}
.finish .prod-msg .button-area {
	margin: 4.8rem 0 0;
}
.finish .prod-msg .button-area a {
	padding: 0;
}
.finish .order-form {
	padding: 4% 6% 10%;
	background: linear-gradient(360deg, black -60%, transparent 4%);
	border: 0.1rem solid var(--tenkitchen-lightest-grey);
	user-select: none;
}
#order.finish .prod-item {
	margin-bottom: 2.4rem;
	padding: 0;
	border-top: 0;
	border-bottom: 0;
}
#order.finish .prod-img {
	flex: 1 0 6rem;
}
#order.finish .prod-img img {
	border-radius: 6rem;
}
#order.finish .prod-dept {
	flex: 1 0 calc(100% - 6rem);
	width: calc(100% - 6rem);
	background: transparent;
}
#order.finish .prod-name {
	width: 80%;
	font-size: 1.5rem;
}
#order.finish .prod-price {
	font-size: 1.3rem;
	color: var(--tenkitchen-light-grey);
}
.finish .prod-qty {
	font-size: 1.2rem;
	color: var(--tenkitchen-light-grey);
}
.finish .order-form li {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.finish .order-form > ul > li {
	padding: 1.6rem 0.6rem 0;
	border-top: 0.1rem solid var(--tenkitchen-lightest-grey);
}
.finish .order-form > ul > li:not(:first-child) {
	margin: 1.6rem 0 0;
}
.finish .order-form > ul > li > p {
	font-weight: 700;
	color: var(--tenkitchen-green);
}
.finish .order-form li ul,
.finish .order-form li div {
	flex: 0 0 100%;
	margin-top: 1.2rem;
	line-height: 1.6;
	font-size: 1.25rem;
	color: var(--tenkitchen-light-grey);
	letter-spacing: -0.02em;
}
.finish .prod-sale-price {
	color: inherit;
}
.finish .order-form li a {
	display: inline-flex;
	position: relative;
	margin: 1.2rem 0 0;
	font-size: 0.975em;
	color: var(--tenkitchen-grey);
}
.finish .order-form li a::after {
	content: "";
	display: block;
	clear: both;
	position: absolute; bottom: 0;
	width: 100%; height: 0.1rem;
	background: var(--tenkitchen-grey);
}

/* wish */
.wish .prod-list {
	display: flex;
	flex-wrap: wrap;
}
.wish .prod-item {
	margin-right: 4%;
	margin-bottom: 8%;
	width: 48%;
}
.wish .prod-item:nth-child(2n) {
	margin-right: 0;
}
.wish .prod-dept {
	border: 0.1rem solid var(--tenkitchen-lightest-grey);
	border-width: 0 0.1rem 0.1rem;
}
.wish .prod-qty {
	display: flex;
	justify-content: space-between;
	margin: 1.6rem -0.4rem 0;
}
.wish .prod-qty .btn-small {
	padding: 0;
}
.wish .prod-qty :first-child {
	flex: 1 0 67%;
}
.wish .prod-qty :last-child {
	flex: 1 0 30%;
}
.wish .prod-qty a ~ a {
	margin-left: 3%;
}


/* -------- tenkitchen -------- */
article {
	margin: -6% 0 0;
	padding: 2.4rem 0 0;
	line-height: 1.6;
}
article div img {
	display: block;
	position: relative;
	margin: auto;
}
article blockquote {
	/* padding: 1.6rem 8%;
	line-height: 1.5;
	font-size: 1.54rem;
	font-weight: 800;
	color: #fff;
	background: var(--tenkitchen-green);
	text-align: center; */
	/* padding: 1.2rem 0; */
	padding: 6% 0;
	font-size: 1.6rem;
	font-weight: 700;
	color: var(--tenkitchen-green);
	border: 0.1rem solid var(--tenkitchen-label-border);
	border-width: 0.2rem 0;
	letter-spacing: -0.02em;
	text-align: center;
}
article blockquote::before {
	content: "\f0e7";
	display: inline-block;
	clear: both;
	margin: 0 1.6rem 0 0;
	color: var(--tenkitchen-grapefruit);
}
article blockquote:not(:first-of-type) {
	/* margin: 6rem 0 0; */
	margin: 16% 0 0;
}
article blockquote br,
article h4 br {
	display: inline-block;
}
article h4 {
	/* margin: 4.8rem 0 0; */
	/* margin: 10% 0 0; */
	font-size: 2.6rem;
	font-weight: 700;
	color: var(--tenkitchen-black);
	text-align: center;
}
article h4 + blockquote {
	margin-top: 8%;
}
article .icon-box + h4 {
	margin: 0;
}
article .icon-box + h4:before {
	content: "";
	display: block;
	clear: both;
	margin: 12% 0;
	border-top: 0.08rem dashed var(--tenkitchen-light-grey);
}
article h4 + p {
	/* margin: 2.4rem 0 0; */
	margin: 4% 0 0;
	padding: 0 5%;
	line-height: 1.8;
	font-size: 1.4rem;
	letter-spacing: -0.04em;
	text-align: center;
	word-break: keep-all;
}
article .icon-box {
	margin: 8% 0 0;
}
article .icon-box img {
	display: block;
	margin: 0 auto 8%;
	width: 40%;
}
article ._rounded li {
	flex: 0 0 calc((100% - 1.6rem)/2);
}
article ul {
	display: flex;
	justify-content: space-between;
	gap: 1.6rem 0.8rem;
	flex-wrap: wrap;
	/* margin: 2.4rem 0 0; */
	/* padding: 0 1.5%; */
}
article ul ~ ul {
	margin-top: 3.2rem !important;
}
article li p {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	height: 3.2rem;
	font-size: 1.25rem;
	color: var(--tenkitchen-grey);
}
article li p span {
	margin: 0 0 0 4%;
}
article li .icon {
	width: 1.6rem; height: auto;
}
article .five {
	border: 0;
}
article ._third li {
	flex: 0 0 calc((100% - 3.2rem)/3);
}
article .five li {
	flex: 1 0 20% !important;
}
article .list {
	flex-direction: column;
}
article .list li {
	display: inline-flex;
	align-items: center;
	position: relative;
	margin-left: 2rem;
	margin: 0 8%;
	padding: 0 1%;
	height: 4rem;
	font-size: 1.5rem;
	border-bottom: 0.1rem solid var(--tenkitchen-label-border);
	border-color: var(--tenkitchen-lightest-grey);
	letter-spacing: -0.04em;
}
article .list li::before {
	content: "\f00c";
	display: inline-block;
	clear: both;
	position: absolute; left: -2rem; top: 50%;
	font-size: 1.1em;
	color: var(--tenkitchen-green);
	transform: translateY(-50%);
}
article .list p {
	flex: 1 0 100%;
	width: 100%; height: auto;
}
article .img-type li {
	flex: 1 0 calc((100% - 1.6rem)/3);
	color: var(--tenkitchen-grey);
	text-align: center;
}
article .img-type li:nth-child(n+4) {
	margin-top: 1.6rem;
}
article .process {
	/* flex-direction: column; */
	justify-content: space-between;
	/* border: 0.1rem solid var(--tenkitchen-lightest-grey); */
}
article .process li {
	flex: 0 0 30%;
	position: relative;
	text-align: center;
}
article .process li ~ li::before {
	content: "\f061";
	/* display: block;
	clear: both;
	position: static;
	margin: 1.2rem 0;
	font-size: 2rem;
	font-weight: 700;
	color: var(--tenkitchen-grapefruit);
	color: var(--tenkitchen-black);
	transform: rotate(90deg); */
	display: inline-flex;
	justify-content: center;
    align-items: center;
	position: absolute; left: -12.5%; top: 50%;
	margin: 0;
	width: 3.2rem; height: 3.2rem;
	font-size: 1.4rem;
	font-weight: 700;
	color: var(--tenkitchen-black);
	background: rgb(255 255 255/100%);
	border-radius: 6rem;
	transform: translateX(-50%) translateY(-90%);
}
article .process li img {
	display: block;
}
article .process li img + p {
	line-height: 1;
	height: 4rem;
	box-shadow: 0 0 2.4rem rgb(0 0 0 / 8%);
	/* letter-spacing: 0; */
}
article .process li img.icon-img + p {
	box-shadow: none;
}
article .definition li {
	flex: 1 0 100%;
}
article .definition li p {
	display: block;
	padding: 0 1.5%;
	width: 100%; height: auto;
	-ms-word-break: keep-all;
	word-break: keep-all;
}
article .img-type ~ dl {
	margin-top: 6% !important;
}
article dt {
	position: relative;
	margin-left: 2rem;
	padding: 0 1%;
	font-size: 1.6rem;
	font-weight: 700;
}
article dt::before {
	content: "\f00c";
	display: inline-block;
	clear: both;
	position: absolute; left: -2rem; top: 50%;
	font-size: 1.1em;
	color: var(--tenkitchen-green);
	transform: translateY(-50%);
}
article dd {
	color: var(--tenkitchen-grey);
}
article h5 {
	/* margin: 4.8rem 0 0.8rem; */
	margin: 16% 0 4%;
	padding: 0 1.5%;
	font-size: 1.9rem;
	font-weight: 700;
	color: var(--tenkitchen-black);
	letter-spacing: -0.02em;
	/*
	position: relative;
	padding: 0 1.5% 0 3.4rem;
	*/
}
article h5::before {
	content: "\f0eb";
	display: inline-block;
	clear: both;
	margin-right: 0.8rem;
	color: var(--tenkitchen-green);
	/* position: absolute; left: 1.5%; top: 0.1rem; */
}
article h5:first-of-type {
	margin-top: 10%;
}
article h5 i {
	position: relative; top: 0.1rem;
	margin: 0 0.8rem 0 0;
	font-size: 0.9em;
	font-weight: 700 !important;
	color: var(--tenkitchen-green);
}
article h5 span {
	display: block;
	margin: 0.8rem 0 0;
	font-size: 1.5rem;
	font-weight: 400;
	color: var(--tenkitchen-dark-grey);
}
article h5.hashtag {
	margin: 12% 0 4%;
}
article h5.hashtag ~ h5.hashtag {
	margin-top: 2.4rem;
	margin: 8% 0 4%;
}
article h5.hashtag::before {
	display: none;
}
article h5.hashtag span {
	display: inline-flex;
	align-items: center;
	position: relative; top: -0.1rem;
	margin:  0 0 0 1.2rem;
	color: var(--tenkitchen-grey);
	vertical-align: middle;
}
article h5.hashtag span ~ span {
	margin-left: 0.8rem;
}
article h5.hashtag span::before {
	content: "\23";
	display: inline-block;
	clear: both;
	position: relative; top: 0.1rem;
	margin-right: 0.2rem;
	font-size: 0.84em;
	font-weight: 400;
}
article h5 + h5 {
	margin: 4% 0 !important;
}
article h5 + p {
	display: inline-flex;
	margin: 0 0 4%;
	padding: 0.4rem 1.5%;
	font-size: 1.15rem;
	color: var(--tenkitchen-label-text);
	background: var(--tenkitchen-label-bg);
	letter-spacing: 0;
	/* white-space: nowrap; */
	-ms-word-break: keep-all;
	word-break: keep-all;
}
article h5 + p em {
	display: block;
	font-weight: 700;
	font-style: normal;
}
article h5 + p em::after {
	content: "-";
	display: inline-block;
	clear: both;
	margin: 0 0.4rem;
	font-weight: 400;
}
article h6 {
	padding: 0 1.5%;
	/* font-family: 'GowunBatang-Bold', serif; */
	font-size: 1.9rem;
	font-weight: 700;
	/* color: var(--tenkitchen-black); */
	color: var(--tenkitchen-green);
	letter-spacing: -0.06em;
}
article h6 + p {
	margin: 0.4rem 0 0;
	height: auto !important;
}
article figure {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	/* margin: 4.8rem -0.5rem 0; */
	margin: 10% -0.5rem 0;
	/* padding: 0 1.5%; */
}
article figure img {
	display: block;
	margin: 0.5rem;
	width: calc(50% - 1rem);
	object-fit: contain;
}
article h5 + figure {
	margin-top: 0.8rem;
}
article q {
	display: inline-block;
	margin: 2.4rem auto 0;
	padding: 0 1.5%;
	background: var(--tenkitchen-label-bg);
}
article .btn {
	/* margin: 3.2rem 0 0; */
	margin: 12% auto 0;
}

/* company */
.overview article ul {
	display: flex;
	flex-wrap: wrap;
}
.overview article li {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	flex: 1 0 100%;
	width: 100%;
}
.overview article li:nth-child(even) {
	/* flex-direction: row-reverse; */
}
.overview article li:not(:first-child) {
	margin-top: 6%;
}
.overview article li:first-child {
	padding-top: 12%;
	border-top: 1px solid #ddd;
}
.overview article li img {
	width: 100%;
}
.overview article li h5 {
	margin: 6% 0 0;
	width: 100%;
}
.overview article h5 span {
	margin: 2.4rem 0;
}
.overview article .company_footer {
	margin: 16% -8% -12%;
	padding: 10% 9% 12%;
	line-height: 1.6;
	font-size: 1.6rem;
	color: var(--tenkitchen-ivory);
	background: url('../images/company_3.png') no-repeat;
}
.overview article li br {
	display: none;
}
.overview article .gather {
	display: flex;
	gap: 0;
	margin-bottom: 12%;
}
.overview article .gather li {
	flex: 1 0 100%;
	position: relative;
	margin: 0 !important;
	padding: 0 !important;
	width: 100%;
	border: 0;
}
.overview article .gather li img {
	flex: 1 0 100% !important;
	width: 100% !important;
}
.overview article .gather li:first-child {
	flex: 1 0 100%;
	justify-content: center;
	width: 100%;
	text-align: center;
}
.overview article .gather li:first-child img {
	flex: 0 0 12rem !important;
	margin-bottom: 12%;
	width: 12rem !important;
}
.overview article .gather li div {
	position: absolute; bottom: 0; right: 0;
	padding: 0 5%;
	width: calc(100% - 2.4rem);
	color: #fff;
	background: var(--tenkitchen-green);
}
.overview article .gather li div h5,
.overview article .gather li div p {
	color: #fff;
}
.overview article .gather li div h5 {
	margin: 3% 0 0;
}
.overview article .gather li div h5::before {
	display: none;
}
.overview article .gather li div p {
	height: auto;
	font-size: 1.2rem;
	background: none;
	opacity: 0.7;
}
@media screen and (min-width: 480px) {
	.overview article .gather li {
		flex: 0 0 50%;
		width: 50%;
	}
	.overview article .gather li:first-child img {
		flex: 0 0 16rem !important;
		width: 16rem !important;
	}
}

/* business */
.business .tab {
	position: sticky; top: 5.6rem;
	/* margin: 0 -6rem;
	padding: 0 6rem; */
	margin: 0 calc(-6% - 0.3rem);
	padding: 0 6%;
	background: #fff;
	z-index: 61;
}
.business .tab li {
	flex: 1 0 30%;
}

.business .gird-box {
	padding: 4rem;
}
.business .gird-box img {
	max-height: 20rem;
}

.business .hqDelivery ul {
	display: flex;
	flex-wrap: wrap;
	gap: 3.2rem 1.6rem;
}
.business .hqDelivery li {
	/* flex: 0 0 100%; */
}
.business .hqDelivery li img {
	width: 100%; height: auto;
}

.business .launching p {
	height: auto;
}

.business .banner-sign {
	display: flex;
	gap: 16px 8px;
	flex-wrap: wrap;
}
.business .banner-sign img {
	width: 58vw; height: auto;
}
.business .banner-sign img:nth-child(3n-2) {
	width: 26vw;
}

/* tenOrder */
.tenOrder h4 {
	margin: 8% 0;
}
.ten-order-pos {
	border: 0.8rem solid var(--tenkitchen-label-bg);
}

.business5_2 {
	display: flex;
	justify-content: space-between;
	gap: 0.8rem;
	flex-wrap: wrap;
}
.business5_2 div {
	flex: 1 0 calc(50% - 0.4rem);
	/* flex: 1 0 100%; */
	/* padding: 2.4rem 0; */
	width: calc(50% - 0.4rem);
	/* width: 100%; */
	/* border: 0.2rem solid var(--tenkitchen-green); */
	/* border: 1px solid var(--tenkitchen-label-border); */
	text-align: center;
}
.business5_2 div img {
}
.business5_2 div p {
	position: relative;
	padding: 1.2rem 0 1.6rem;
	/* width: 50%; */
	color: var(--tenkitchen-grey);
	box-shadow: 0 0 2.4rem rgb(0 0 0 / 8%);
}
.business5_2 div p::after {
	content: "";
	display: block;
	clear: both;
	position: absolute; right: -7rem;
	width: 10rem; height: 60%;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: contain;
	z-index: 99;
}
.business5_2 div p._up::after {
	 bottom: 0;
	background-image: url('../images/icon_arrow_inc.png');
}
.business5_2 div p._down::after {
	top: 0;
	background-image: url('../images/icon_arrow_dec.png');
}
.business5_2 div em {
	display: block;
	margin: 0.4rem 0 0;
	font-size: 1.6rem;
	font-weight: 700;
	font-style: normal;
	color: var(--tenkitchen-black);
	color: var(--tenkitchen-green);
}

.business5_3 {
	display: flex;
	flex-wrap: wrap;
}
.business5_3 li {
	flex: 1 0 100%;
	padding: 2.4rem;
	width: 100%;
	font-size: 2.1rem;
	font-weight: 700;
	color: var(--tenkitchen-black);
	background-color: var(--tenkitchen-label-bg);
	background-repeat: no-repeat;
	background-position: right top;
	letter-spacing: -0.04em;
}
.business5_3 li:nth-child(1) {
	background-image: url('../images/business5_3-1.png');
}
.business5_3 li:nth-child(2) {
	background-image: url('../images/business5_3-2.png');
}
.business5_3 li:nth-child(3) {
	background-image: url('../images/business5_3-3.png');
}
.business5_3 li:nth-child(4) {
	background-image: url('../images/business5_3-4.png');
}
.business5_3 li span {
	display: block;
	margin: 2.4rem 0 0;
	font-size: 1.2rem;
	font-weight: 400;
	color: var(--tenkitchen-label-text);
	-ms-word-break: keep-all;
	word-break: keep-all;
}

.tenOrder .tab-list {
	gap: 0;
	border-bottom: 0.1rem solid var(--tenkitchen-light-grey);
}
.tenOrder .tab-list li {
	flex: 1 0 20%;
	position: relative;
	width: 20%;
	text-align: center;
}
.tenOrder .tab-list li a {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 6rem;
	font-size: 14px;
	/* color: var(--tenkitchen-light-grey); */
}
.tenOrder .tab-list li.tab-on a {
	font-weight: 700;
	color: var(--tenkitchen-black);
	background: transparent;
}
.tenOrder .tab-list li.tab-on a::before {
	content: "";
	display: flex;
	clear: both;
	position: absolute; bottom: -0.1rem;
	width: 100%; height: 0.2rem;
	background: var(--tenkitchen-green);
}
.tenOrder .tab-con-b5 {
	margin: 0 !important;
	padding: 4rem 0;
	border-bottom: 1px solid var(--tenkitchen-light-grey);
}
.tenOrder .tab-con-b5 li p {
	margin: 0 0 3.2rem;
	height: auto;
	color: revert;
}

.faq {
	gap: 0;
	border-bottom: 1px solid #ccc;
}
.faq li {
	flex: 1 0 100%;
	cursor: pointer;
}
.faq li > div {
	position: relative;
	padding: 1.6rem 0.8rem;
	width: 100%;
	line-height: 1.4;
	font-size: 1.5rem;
	font-weight: 700;
	border-top: 1px solid #ccc;
}
.faq li > div::before {
	content: "Q";
	display: inline-block;
	clear: both;
	margin-right: 0.8rem;
	color: var(--tenkitchen-green);
}
.faq li > div::after {
	content: "\f107";
	display: inline-block;
	clear: both;
	position: absolute; right: 1.2rem ; top: 50%;
	color: var(--tenkitchen-light-grey);
	transform: translateY(-50%);
}
.faq li > div.faq-open::after {
	transform: translateY(-50%) rotate(180deg);
}
.faq li > p {
	/* display: none; */
	display: block;
	padding: 1.2rem 1.6rem;
	height: auto;
	background: var(--tenkitchen-ivory);
}


/* -------- factory -------- */

/* factory */
.factory .content ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 3.2rem 1.6rem;
}
.factory .content li {
	flex: 0 0 calc((100% - 3.2rem)/2);
	text-align: center;
}
.factory .content li div {
	/* padding-top: calc(240/300 * 100%);
	height: 0;
	background: var(--tenkitchen-ivory);
	text-indent: -10000px; */
}
.factory .content li figcaption {
	margin-top: 1.2rem;
}

/* certificate */
.certificate .content ul {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	gap: 3.2rem 2.4rem;
}
.certificate .content li {
	flex: 0 0 calc((100% - 2.4rem)/2);
	text-align: center;
}
.certificate .content li p {
	flex-direction: column;
	margin: 0.8rem 0 0;
	height: auto;
	font-weight: 700;
	color: var(--tenkitchen-black);
}
.certificate .content li p span {
	/* display: inline-flex;
	align-items: center;
	padding: 0 1rem;
	height: 2.4rem;
	line-height: 1;
	font-size: 1.2rem;
	color: var(--tenkitchen-label-text);
	background: var(--tenkitchen-label-bg);
	border: 0.1rem solid var(--tenkitchen-label-border);
	border-radius: 2rem; */
	display: inline-flex;
	align-items: center;
	margin: 0.4rem 0 0;
	padding: 0.4rem 0.8rem;
	line-height: 1;
	font-size: 1.2rem;
	font-weight: 400;
	color: var(--tenkitchen-light-grey);
}


/* -------- footer -------- */
footer {
	position: relative;
	padding: 0 0 5rem;
	line-height: 1.6;
	font-size: 1.2rem;
	color: var(--tenkitchen-light-grey);
	letter-spacing: -0.04rem;
}
footer section {
	max-width: 88%;
}

/* company */
.company .fnb {
	display: flex;
	flex-wrap: wrap;
	margin: 2.4rem 0;
}
.company .fnb li {
	margin-right: 2.4vw;
}
.company .fnb a {
	display: flex;
	align-items: center;
	height: 3.2rem;
	font-size: 1.3rem;
	color: var(--tenkitchen-grey);
	transition: .3s;
}
.company .fnb a:hover {
	color: var(--tenkitchen-dark-grey);
}
.company p:last-child {
	margin-top: 2.4rem;
}
.company span {
	display: block;
}

/* mark */
.mark {
	position: absolute; right: 6%; bottom: 5rem;
}
.mark img {
	width: 7rem; height: auto;
}


/* -------- 2022-11-29 추가 -------- */
.view .prod-name {
	font-weight: 700;
}
.view .prod-price {
	display: inline-flex;
	color: var(--tenkitchen-green);
}
.view .prod-dept > ul {
	margin: 2rem 0;
}
.view .prod-dept > ul li:not(.addl-prod-title) {
	flex-wrap: wrap;
	margin: -2.4rem 0 0;
	padding: 1.4rem;
	/* height: 4rem; */
	line-height: 1.5;
	font-size: 0.84em;
	border-width: 0 !important;
	letter-spacing: -0.02em;
	-ms-word-break: keep-all;
	word-break: keep-all;
}
.addl-prod-title {
	color: var(--tenkitchen-dark-grey) !important;
}
.addl-prod-title div {
	display: flex;
	align-items: center;
	line-height: 3ex;
}
.addl-prod-title div p {
	margin: 0 0 0 2rem;
}
.addl-prod-title i {
	position: relative; top: 0.2rem;
	margin: 0 0.8rem 0 0;
	font-size: 1.6rem;
	color: var(--tenkitchen-green);
}
.addl-prod-inner div::before {
	content: "";
	display: inline-block;
	clear: both;
	margin: 0 0.6rem 0 0.4rem;
	width: 3px; height: 3px;
	background: var(--tenkitchen-light-grey);
	border-radius: 1rem;
}
.addl-prod-inner div h5 {
	font-size: 1.45rem;
}
.prod-shipping-msg:last-child {
	margin-top: 2.4rem !important;
}
.prod-shipping-msg .amn-hgh,
.prod-shipping-msg .amn-hgh + .won {
	color: var(--tenkitchen-green);
}
.spcl-mmoff::before {
	content: "\f521";
}
.rcmnd-cnsmr::before {
	content: "\f788";
}
.prod-shipping-msg {
	margin-top: 0.8rem !important;
}
.mrgn-amnt::before {
	content: "\25";
}
.ck-remind::before {
	content: "\f0a1";
}
.view .prod-option {
	margin-top: 2rem;
}
.view .prod-total-price {
	font-size: 2.1rem;
}
/* .view .prod-total-price small { */
.prod-total-price small {
	margin: 0 0 0 0.4rem;
	font-size: 0.6em;
	font-weight: 400;
	color: var(--tenkitchen-light-grey);
}

/* 2024-01-30 무료샘플신청 */
.prod-sample {
	margin: 3% 0 0;
}

/* 2022-12-05 추가 */
#order .prod-item {
	min-width: calc(360px - 12%);
}
#order .prod-dept {
	flex-direction: column;
	justify-content: space-between;
}
#order .prod-dept>div:first-of-type {
}
#order .prod-price hr {
	margin: 1.2rem 0;
	height: 0.1rem;
	background: var(--tenkitchen-lightest-grey);
}
#order .prod-price ol>li {
	font-size: 1.2rem;
	font-weight: 400;
	color: var(--tenkitchen-grey);
	letter-spacing: -0.01em;
	-ms-word-break: keep-all;
	word-break: keep-all;
}
#order .prod-price ol>li::before {
	content: "";
	display: inline-block;
	clear: both;
	position: relative; top: -0.35rem;
	margin: 0 0.6rem 0 0;
	width: 3px; height: 3px;
	background: var(--tenkitchen-light-grey);
	border-radius: 1rem;
}
#order .prod-price-detail {
	font-size: 1.2rem;
	width: 100%;
}
#order .prod-price-detail ol {
	margin: 1.6rem 0;
	padding: 1.2rem 1.6rem;
	background: var(--tenkitchen-label-bg);
}
#order .prod-price-detail li {
	display: flex;
	justify-content: space-between;
	align-items: center;
	color: var(--tenkitchen-grey);
}
#order .prod-price-detail li:last-child {
	margin: 1.2rem 0 0;
	font-size: 1.4rem;
	font-weight: 700;
	color: var(--tenkitchen-black);
}
.order .prod-qty {
	/* text-align: right; */
}
#order .prod-name .btn-del,
#order .prod-item .btn-del {
	position: static;
	display: inline-flex;
	width: 2.8rem; height: 2.8rem;
	color: #fff;
	background: var(--tenkitchen-light-grey);
	vertical-align: middle;
}
#order .prod-name .btn-del {
	margin-left: 1.6rem;
}
#order .prod-price-detail .btn-del {
	margin-left: 0.4rem;
}

/* 2024-12-09 추가: 쿠폰 */
.coupon .tb .col-1 {
	width: auto;
}
.coupon .tb .col-2 {
	width: 24%;
}
.coupon .tb .col-3 {
	width: 14%;
}
.coupon .tb .col-4 {
	width: 16%;
}
.no-coupon {
	justify-content: center !important;
	padding: 10% 0 10% !important;
	width: 100% !important;
	font-size: 1.05em;
	color: var(--tenkitchen-light-grey);
	text-align: center;
}

/* 주문정보 - 보유쿠폰 */
.own-coupon {
	margin-top: 0.8rem;
	margin-bottom: 0.8rem;
}
.own-coupon a {
	flex-direction: column;
	/* height: auto; */
}

/* 주문정보 - 적립금 */
.saved-money-use {
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: relative;
}
.saved-money-use input {
	flex: 0 0 calc(100% - 12rem);
	padding: 0 2% 0 4rem;
	width: calc(100% - 12rem); height: 100%;
	font-size: 0.938em;
	border-right: 0;
	text-align: right;
}
.saved-money-use label {
	position: absolute; left: 2.8rem; top: 50%;
	line-height: 1;
	font-size: 0.84em;
	font-weight: 500 !important;
	color: var(--tenkitchen-light-grey);
	transform: translateY(-50%);
}
.saved-money-use input:focus ~ label {
	color: var(--tenkitchen-green);
}


/* -------- 적립금 -------- */
.saved-money .list-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: -1.6rem 0 0;
}
.saved-money .tab {
	flex: 0 0 18rem;
	margin: 0;
	width: 18rem;
}
.saved-money .tab li {
	flex: 0 0 33.6%;
}
.saved-money .tab + p {
	flex: 0 0 calc(100% - 18rem);
	padding: 0.4rem 0.4rem 0 0;
	width: calc(100% - 18rem);
	font-size: 1.8rem;
	font-weight: 700;
	color: var(--tenkitchen-green);
	text-align: right;
	user-select: none;
}
.saved-money .tab + p::before {
	content: "\f51e";
	display: inline-block;
	margin: 0 0.8rem 0 0;
	font-size: 0.75em;
	color: var(--tenkitchen-label-border);
	clear: both;
}

/* 적립금 리스트 */
.saved-money .list {
	margin: 0;
}
.saved-money .list li {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 1.6rem;
	color: var(--tenkitchen-dark-grey);
	white-space: nowrap;
}
.saved-money .list li:not(first-child) {
	/* border-bottom: 0.1rem solid var(--tenkitchen-lightest-grey); */
}
.saved-money .list li:nth-child(even) {
	background: var(--tenkitchen-ivory);
}
.saved-money .list li > div {
	width: 84%;
	overflow: hidden;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.saved-money .list li > div span {
	display: block;
	margin: 0 0 0.2rem;
	line-height: 1;
	font-size: 1rem;
	color: var(--tenkitchen-grey);
}


/* -------- media -------- */
@media screen and (min-width: 768px) {

	/* layout
	------------------------------------------------------ */
	section {
		width: 120rem;
		max-width: 94%;
	}

	/* component */
	input, button, textarea, select {
		font-size: 1.5rem;
	}

	/* table */
	.tb col {
		display: table-column;
	}
	.tb th {
		display: table-cell !important;
		line-height: 4rem;
		font-size: 0.87em;
		font-weight: 700;
		border-top: 0.1rem solid var(--tenkitchen-lightest-grey);
		letter-spacing: -0.04rem;
	}
	.tb td {
		display: table-cell !important;
		padding: 1.6rem 0;
		font-weight: 400;
		text-align: center;
	}
	.tb td:first-child,
	.tb td:last-child {
		margin: 0;
		text-align: center;
	}
	.tb td::before {
		display: none;
	}
	.tb td br {
		display: inline;
	}
	.tb-button {
		text-align: right;
	}
	.tb-button .btn {
		padding: 0 4.8rem;
		width: auto;
	}

	/* definition list */
	dt {
		height: 4rem;
		font-size: 1.5rem;
	}


	/* -------- help class -------- */

	/* tab list */
	.tab li a {
		font-size: 1.5rem;
	}

	/* popup */
	.popup-open {
		overflow-y: scroll;
	}

	/* popup2 */
	.pop-wrap {
		padding: 3.6rem 3.2rem;
	}
	.pop-tb td {
		padding-left: 1.6rem;
		padding-right: 1.6rem;
	}

	/* popup - addrChange */
	#pop_shipTracking table ~ table {
		margin-top: 2.4rem;
	}
	#pop_addrChange dt {
		width: 10rem;
	}
	#pop_addrChange dd,
	#pop_addrChange .addr {
		width: calc(100% - 12rem);
	}

	/* popup - shipTracking */

	/* popup - prodReview */
	#pop_prodReview .pop-inner ul > li > div:first-of-type {
	}



	/* -------- mobile -------- */
	.fixed-navbar,
	.sidebar,
	.overlay,
	.srch-form-mobile {
		display: none;
	}
	.srch-form-mobile .srch-keyword {
		display: none !important;
	}
	.act,
	.act2 {
		width: auto; height: auto;
		overflow: auto;
	}
	.fixed-bottom {
		display: none;
	}

	/* leftmenu */
	.lnb-mobile {
		text-align: center;
	}
	.lnb-mobile li {
		margin-left: 4.8vw;
	}
	.lnb-mobile li a {
		height: 8rem;
	}


	/* -------- header -------- */
	header {
		display: block;
		height: auto;
		position: sticky;
		top: 0;
		z-index: 9999;
		background: #fff;
	}

	/* usermenu */
	.unb {
		overflow: visible;
	}
	.unb > section {
		display: flex;
		justify-content: flex-end;
		align-items: center;
		height: 5rem;
		text-align: right;
	}
	.unb a {
		margin-left: 1.6vw;
		font-size: 1.2rem;
	}
	.unb .btn-join {
		position: relative;
	}
	.unb .join-point {
		position: absolute;
		top: 100%;
		left: 50%;
		transform: translateX(-50%);
		margin-top: 4px;
		padding: 3px 10px;
		font-size: 1.1rem;
		font-weight: 700;
		color: #fff;
		background: #f08c00;
		border-radius: 4px;
		white-space: nowrap;
		line-height: 1.6;
	}
	.unb .join-point::before {
		content: '';
		position: absolute;
		top: -5px;
		left: 50%;
		transform: translateX(-50%);
		border-left: 5px solid transparent;
		border-right: 5px solid transparent;
		border-bottom: 5px solid #f08c00;
	}
	.unb .cart-num {
		position: static;
		margin: 0 0 0 0.4rem;
		border: 0;
	}

	/* logo + 메인 메뉴 */
	.header-inner {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 1vw;
		margin-top: 10px;
		border-bottom: 0.1rem solid var(--tenkitchen-lightest-grey);
	}
	.header-inner .logo {
		padding: 0;
		border-bottom: none;
		text-align: left;
		flex-shrink: 0;
		position: relative;
		top: 0px;
	}
	.logo a {
		height: 5rem;
		line-height: 6rem;
	}
	.header-inner .logo a img {
		height: 5.4rem;
		width: auto;
		position: relative;
		top: -5px;
	}
	.logo a > span {
		margin-left: 1.2rem;
		font-size: 1.2em;
		position: relative;
		top: -2px;
	}

	/* 헤더 GNB 메뉴 */
	.header-gnb {
		display: flex;
		align-items: center;
	}
	.header-gnb > ul {
		display: flex;
	}
	.header-gnb > ul > li {
		position: relative;
	}
	.header-gnb > ul > li > a {
		display: flex;
		align-items: center;
		padding: 0 1.5vw;
		height: 5rem;
		font-size: 1.5rem;
		font-weight: 600;
		white-space: nowrap;
		transition: .3s;
	}
	.header-gnb > ul > li > a:hover {
		color: var(--tenkitchen-green);
	}

	/* 사업소개 카테고리 스타일 */
	.header-cate > a {
		justify-content: space-between;
		padding: 0 2vw !important;
		width: 16vw;
		max-width: 17rem;
		color: #fff !important;
		background: var(--tenkitchen-green);
	}
	.header-cate > a:hover {
		color: #fff !important;
	}
	.header-cate > a > i {
		margin-left: 0.8rem;
		transition: .4s;
	}
	.header-cate:hover > a > i:last-child {
		transform: rotate(225deg);
	}

	/* 서브메뉴 드롭다운 */
	.header-gnb-sub {
		display: none;
		position: absolute;
		top: 5rem;
		left: 0;
		padding: 0.8rem 0;
		min-width: 18rem;
		background: #fff;
		border: 0.1rem solid var(--tenkitchen-lightest-grey);
		z-index: 100;
	}
	.header-gnb > ul > li:hover .header-gnb-sub {
		display: block;
	}
	.header-cate:hover .header-gnb-sub {
		border-top: 0;
	}
	.header-gnb > ul > li:not(.header-cate):hover .header-gnb-sub {
		border-top: 0.1rem solid var(--tenkitchen-lightest-grey);
	}
	.header-gnb-sub li a {
		display: flex;
		align-items: center;
		padding: 0 2rem;
		height: 3.8rem;
		font-size: 1.4rem;
		color: var(--tenkitchen-grey);
		white-space: nowrap;
	}
	.header-gnb-sub li a:hover {
		color: var(--tenkitchen-dark-grey);
		background: var(--tenkitchen-ivory);
	}

	/* 헤더 검색창 */
	.header-search {
		display: flex;
		align-items: center;
		margin-left: 0.8vw;
		border: 0.1rem solid var(--tenkitchen-lightest-grey);
		border-radius: 2.4rem;
		overflow: hidden;
		height: 3.2rem;
	}
	.header-search input[type="search"] {
		border: none;
		outline: none;
		padding: 0 1rem;
		height: 100%;
		width: 9.5rem;
		font-size: 1.3rem;
		background: transparent;
	}
	.header-search input[type="search"]::placeholder {
		color: var(--tenkitchen-grey);
	}
	.header-search button {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 3.6rem;
		height: 100%;
		background: transparent;
		cursor: pointer;
		color: var(--tenkitchen-grey);
		font-size: 1.4rem;
	}
	.header-search button:hover {
		color: var(--tenkitchen-green);
	}

	/* navbar */
	.navbar {
		display: none;
	}
	.navbar > section {
		display: none;
	}
	.navbar nav {
		display: block;
	}

	/* gnb */
	.gnb {
		display: flex;
	}
	.gnb > li {
		position: relative;
	}
	.gnb > li.cate + li {
		margin-left: 1.2vw;
	}
	.gnb > li > a {
		display: flex;
		align-items: center;
		padding: 0 1.2vw;
		height: 6rem;
		font-size: 1.7rem;
		font-weight: 700;
		transition: .3s;
	}
	.gnb > li.cate > a {
		justify-content: space-between;
		padding: 0 2.5vw;
		width: 18vw;
		max-width: 18rem;
		color: #fff;
		background: var(--tenkitchen-green);
	}
	.gnb > li.cate > a > i {
		transition: .4s;
	}
	.gnb > li.cate:hover > a > i:last-child {
		transform: rotate(225deg);
	}

	/* gnb-sub */
	.gnb-sub {
		display: none;
		position: absolute; top: 6rem;
		padding: 0.8rem 0;
		width: 100%;
		min-width: 18rem;
		background: #fff;
		border: 0.1rem solid var(--tenkitchen-lightest-grey);
		border-top: 0;
		z-index: -1;
	}
	.gnb li:hover .gnb-sub {
		display: block;
	}
	.gnb li:not(.cate):hover .gnb-sub {
		border-top: 0.1rem solid var(--tenkitchen-lightest-grey);
	}
	.gnb-sub a {
		display: flex;
		align-items: center;
		padding: 0 2.4vw;
		padding: 0 3rem;
		height: 4rem;
		font-size: 1.4rem;
		color: var(--tenkitchen-grey);
	}
	.gnb-sub a:hover {
		color: var(--tenkitchen-dark-grey);
		background: var(--tenkitchen-ivory);
	}
	.gnb-sub li.on a {
		color: var(--tenkitchen-green);
	}
	.gnb-sub li.on a::before {
		content: "";
		display: inline-block;
		clear: both;
		position: absolute; left: 16px;
		width: 6px; height: 6px;
		background: var(--tenkitchen-green);
		border-radius: 10px;
	}

	/* search */
	.srch-form > input {
		display: inline-block;
	}
	.srch-form > button {
		display: flex;
	}

	/* searc-keyword */
	.srch-keyword {
		position: absolute; top: 6rem; right: 0;
		width: 100%; height: auto;
		background: #fff;
		box-shadow: 0 0.4rem 1.6rem rgb(0 0 0 / 5%);
		z-index: 61;
	}
	.srch-tab li a {
		padding: 1.6rem 0;
		height: auto;
		font-size: 1.4rem;
		color: #fff;
		background: var(--tenkitchen-green);
	}
	.srch-tab li.srch-on a {
		background: #fff;
	}
	.srch-con > div {
		font-size: 1.4rem;
	}
	.srch-con > div ul {
		max-height: 24vh;
		line-height: 2;
	}
	.srch-con > div ul + p a {
		padding: 0.5rem 0.9rem 0.5rem 0.8rem;
		font-size: 1.2rem;
	}


	/* -------- main -------- */
	main {
		font-size: 1.5rem;
	}
	main.main {
		padding-bottom: 10rem;
	}
	main.category {
		padding: 6rem 0 8rem;
	}
	main.view {
		padding-top: 5rem;
	}

	/* 리얼 포토 리뷰 - PC */
	.photo-review-desc {
		font-size: 1.4rem;
	}
	.photo-review-star i {
		font-size: 1.4rem;
	}
	.photo-review-text {
		font-size: 1.3rem;
		min-height: 3.9rem;
	}
	.photo-review-product {
		font-size: 1.2rem;
	}

	/* main banner */
	.main-banner {
		/* height: 24rem !important; */
		/* 2022-11-09 수정 */
		height: 36rem !important;
	}
	.main-banner img {
		transform: scale(1.2);
	}
	.swiper-button-next:after,
	.swiper-button-prev:after {
		visibility: visible;
	}
	.swiper-button-prev,
	.swiper-rtl .swiper-button-next {
		left: 50%; right: auto;
		margin-left: -47%;
	}
	.swiper-button-next,
	.swiper-rtl .swiper-button-prev {
		left: auto; right: 50%;
		margin-right: -47%;
	}


	/* -------- latest -------- */
	.latest-header h3 {
		font-size: 2.8rem;
	}

	/* latest : main */
	.main .latest {
		margin-top: 8%;
		max-width: 94%;
	}

	/* product */
	.prod-total-price {
		font-size: 2.6rem;
	}

	/* product quantity */
	.prod-qty input {
		font-size: 1.4rem;
	}


	/* -------- 리뷰 -------- */
	/* 그래프 */
	.star-rating-graph {
		margin: 4rem 0 4.8rem;
	}
	.star-rating-graph > div:first-of-type {
		flex: 0 0 300px;
	}
	.star-rating-graph > div:last-of-type {
		flex: 0 0 calc(100% - 300px);
		padding: 0 6% 0 0;
	}

	/* 리스트 헤더 */
	.review-header {
		margin: 0 0 0.8rem;
	}
	.review-header ul li {
		/* font-size: var(--tenkitchen-font6); */
	}
	.review-header ul li:not(:first-child)::before {
		margin: 0 0.8rem;
	}

	/* 리스트 */
	.review-list {
		gap: 1.2rem;
		border: 0;
	}
	.review-list li {
		padding: 2rem 3rem 2.4rem;
		background: #fff;
		border: 0;
	}
	.review-list li > a,
	.review-list li .review-item {
		flex-direction: row;
		align-items: center;
	}
	.review-con {
	}
	.review-msg {
		line-height: 1.5;
	}
	.review-img {
		flex: 0 0 10rem;
		position: relative;
		margin: 0;
		min-height: 10rem;
	}
	.review-img > a {
		position: absolute;
		margin-left: 0 !important;
		width: 10rem;
		height: 100%;
	}
	.review-img > a:last-child::after {
		content: "3";
	}
	.review-img img {
        width: 100%; height: 100%;
        object-fit: cover;
	}

	/* 베스트리뷰 */
	.best-review {
		margin-bottom: 8rem;
		padding: 0;
	}
	.best-review .review-list {
		flex-direction: row;
		justify-content: space-between;
	}
	.best-review .review-list li {
		background: #fff;
	}
	.best-review li {
		flex: 0 0 calc((100% - 1.2rem)/2);
	}


	/* -------- container -------- */
	.container {
		justify-content: space-between;
		width: 110rem;
		max-width: 90%;
	}

	/* content */
	.content {
		margin-bottom: 5rem;
		padding: 5rem 6% 7rem;
		min-height: 48rem;
		background: #fff;
	}
	.content h3 {
		margin-bottom: 3.2rem;
	}
	.content h3::before {
		margin-right: 1.6rem;
	}


	/* -------- board -------- */
	.tb-subject {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.tb-view .tb-subject div {
		padding: 2.4rem 0;
	}
	.tb-info {
		margin-top: 1.6rem;
	}
	.tb-reply {
		padding: 1.6rem 2.4rem 1.8rem;
	}
	.tb-reply-write textarea {
		flex: 1 0 calc(100% - 12rem);
		padding: 1.1rem 1.6rem 1.2rem;
		height: 12rem;
		font-size: 1.4rem;
	}
	.tb-reply-write button {
		height: 12rem;
		font-size: inherit;
	}

	/* shipping */
	.shipping .tb .col-1 {
		width: 15%;
	}
	.shipping .tb .col-2 {
		width: auto;
	}
	.shipping .tb .col-3 {
		width: 17%;
	}
	.shipping .tb .col-4 {
		width: 17%;
	}
	.shipping .tb td:nth-child(2) {
		padding-right: 1rem;
	}
	.shipping .tb span {
		margin: 0;
	}

	/* oto */
	.oto .tb .col-1 {
		width: 14%;
	}
	.oto .tb .col-2 {
		width: auto;
		text-align: left;
	}
	.oto .tb .col-3 {
		width: 12%;
	}
	.oto .tb .col-4 {
		width: 12%;
	}
	.oto .tb .col-5 {
		width: 12%;
	}
	.oto td:first-child {
		font-weight: inherit;
		color: inherit;
	}

	/* write */
	.write .tb-write li label {
		margin-bottom: 0;
	}
	.write .tb-write .tb-subject label:first-child {
		flex: 0 0 14.2rem;
	}
	.write .tb-write .tb-subject label:last-child {
		flex: 0 0 calc(100% - 15rem);
	}
	.write .tb-button {
		justify-content: flex-end;
	}
	.write .tb-button .btn {
		width: auto;
	}
	.write .tb-button .btn ~ .btn {
		margin-left: 0.8rem;
	}


	/* -------- member -------- */
	#member .tab li a {
		align-items: flex-start;
		height: 4.8rem;
	}

	/* login */
	.login .tab-con {
		margin-top: 3.2rem;
	}
	.login form {
		position: relative;
		width: 32rem;
	}

	/* join : start */
	.join .start div {
		flex-direction: row;
		height: auto;
	}
	.join .start a {
		flex: 0 0 50%;
		height: 48rem;
	}

	/* join : b2b form */
	.join h2 {
		margin-bottom: 2.4rem;
	}
	.join h2 + .subs {
		font-size: 1.3rem;
	}

	/* find */
	.find form {
		width: 56rem;
	}

	/* myinfo */
	.myinfo .col-1 {
		width: 16rem;
	}
	.myinfo .col-2 {
		width: auto;
	}
	.myinfo th {
		display: table-cell !important;
		padding: 0 0 0 1.6rem;
		line-height: 6rem;
		font-weight: 700;
		color: var(--tenkitchen-green);
		text-align: left;
	}
	.myinfo td {
		text-align: left !important;
	}
	.myinfo .mail-area {
		margin-top: 0;
	}
	.myinfo .content > button {
		margin: 4.8rem 0 0;
		padding: 0 4.8rem;
		width: auto;
	}


	/* -------- product -------- */
	.no-srch-result::before {
		margin-bottom: 4rem;
		font-size: 12rem;
	}

	/* category */
	.category h3 {
		margin-bottom: 4.8rem;
		font-size: 2.8rem;
	}
	.category .prod-item {
		flex: 0 0 31%;
		margin-right: 3.5%;
	}
	.category .prod-item:nth-child(2n) {
		margin-right: 3.5%;
	}
	.category .prod-item:nth-child(3n) {
		margin-right: 0;
	}

	/* view */
	.view .prod-info {
		margin-bottom: 6rem;
		overflow: hidden;
	}
	.view .prod-item {
		display: flex;
	}
	.view .prod-dept {
		display: flex;
		flex-direction: column;
		justify-content: center;
		flex-wrap: wrap;
		flex: 0 0 48%;
		padding: 5%;
	}
	.view .prod-button:not(.fixed-bottom) {
		display: flex;
		justify-content: space-between;
		align-items: center;
		height: 6rem;
	}
	.view .prod-button a {
		padding: 0;
		border-right: 0;
	}
	.view .prod-button a span {
		display: none;
	}

	/* recommand */
	.view ~ article {
		padding: 4.8rem 0 8rem;
	}
	.prod-rcmd {
		max-width: 94%;
	}
	.prod-rcmd .prod-item {
		flex: 0 0 23.5%;
		margin-right: 2%;
		margin-bottom: 0;
	}
	.prod-rcmd .prod-item:nth-child(2n) {
		margin-right: 2%;
	}
	.prod-rcmd .prod-item:nth-child(4n) {
		margin-right: 0;
	}


	/* -------- status -------- */
	.status .content h3 li {
		font-size: 1.34rem;
	}
	.status .content h3 li ~ li::before {
		margin: 0 1.2rem;
	}
	.status .content h3 li span {
		display: inline-block;
	}
	.status .content h3 li i {
		margin-right: 0.6rem;
	}

	/* order-terms */
	.order-terms,
	.order-range {
		flex-direction: row;
	}
	.order-terms {
		/* justify-content: flex-start; */
		flex-wrap: wrap;
	}
	.order-month,
	.order-range,
	.order-select,
	.order-select select,
	.order-select button {
		width: auto;
	}
	.order-month {
		margin-bottom: 0;
	}
	.order-month label {
		width: 6rem;
	}
	.order-range {
		flex-grow: 0.8;
		width: 21rem;
	}
	/* .order-range input {
		border-left: 0;
	} */
	.order-select {
		justify-content: flex-end;
		margin-top: 0;
	}

	/* order-item */
	.order-date {
		padding: 0 2.4rem;
	}
	#order.status .prod-item {
		padding: 2.4rem;
	}
	#order.status .prod-dept {
		flex: 0 0 calc(100% - 24rem);
	}
	.status .prod-button {
		flex: 0 0 10rem;
		margin: 0 0 0 4rem;
	}


	/* 리뷰쓰기 */
	#order.status .prod-item .prod-img {
		flex: 0 0 10rem;
		width: 10rem;
	}
	.prod-review > div {
		flex: 0 0 calc(100% - 10rem);
		padding-right: 2.4rem;
	}


	/* -------- order-details -------- */
	#order.order-details .prod-list h4 > :last-child {
		float: right;
	}
	.order-details h4 .order-info {
		margin: 0;
	}
	.order-details .order-list {
		margin: 0 0 3.2rem;
	}
	.order-details .prod-list {
		width: 100%;
	}
	#order.order-details .prod-dept,
	#order.status.order-details .prod-dept {
		flex-basis: calc(100% - 12rem);
	}


	/* -------- order -------- */
	#order .prod-item .btn-del {
		font-size: 1.4rem;
	}
	#order .prod-dept {
		flex: 0 0 calc(100% - 12rem);
	}
	#order .del-chk + label::before {
		top: 0.8rem;
	}
	#order .prod-price.lowest p {
		width: 12rem; height: 12rem;
	}
	#order .prod-settlement li {
		font-size: 1.5rem;
	}
	#order .prod-settlement li:last-child p:first-child {
		font-size: 1.8rem;
	}

	/* cart */
	#order.cart .prod-settlement li:last-child {
		justify-content: flex-end;
		height: 10rem;
	}
	#order.cart .prod-settlement li:last-child .prod-total-price {
		margin-left: 2.4rem;
	}

	/* order */
	.order .prod-shipping .tab li a {
		align-items: flex-start;
		height: 4.8rem;
	}
	.order .prod-shipping .tab-con .shipping-list li {
		font-size: 1.5rem;
	}

	/* wish */
	.wish .prod-item {
		margin-right: 5%;
		width: 30%;
	}
	.wish .prod-item:nth-child(2n) {
		margin-right: 5%;
	}
	.wish .prod-item:nth-child(3n) {
		margin-right: 0;
	}


	/* -------- tenkitchen -------- */
	article {
		padding: 4.8rem 0 0;
	}
	blockquote br {
		display: none;
	}
	article blockquote {
		/* padding: 2.4rem 0; */
		line-height: 1.8;
		font-size: 2.2rem;
		font-weight: 300;
	}
	article blockquote::before {
		display: none;
	}
	article figure {
		/* margin-top: 6rem; */
	}
	/* article figure.three img {
		width: calc(33.3% - 1rem);
	}
	article figure.four img {
		width: calc(25% - 1rem);
	}
	article figure.five img {
		width: calc(20% - 1rem);
	} */
	article h4 br {
		/* display: none; */
	}
	article h4 {
		/* margin-top: 6rem; */
		font-size: 3.1rem;
	}
	article h4:last-of-type {
		/* margin-top: 9rem; */
	}
	article h4 + p {
		/* margin-top: 3.2rem; */
		font-size: 1.6rem;
	}
	article .icon-box {
		display: flex;
		justify-content: space-between;
		align-items: center;
		/* padding: 4.8rem 0; */
		/* margin: 8% 0 0; */
	}
	article .icon-box img {
		margin: 0 10% 0 12%;
		width: 20%;
	}
	article .icon-box  ul {
		width: 56%;
		width: 100%;
	}
	article ._rounded {
		flex-wrap: nowrap;
	}
	article ._rounded li {
		flex: revert;
	}
	article ul {
		/* margin-top: 3.2rem; */
	}
	article li p {
		height: 4.8rem;
		font-size: 1.6rem;
	}
	article li .icon {
		width: 2.2rem;
	}
	article .list {
		margin-top: 0;
	}
	article .list li {
		height: 4.8rem;
		font-size: 1.7rem;
	}
	article .list li::before {
		left: -3.2rem;
	}
	article .img-type li {
		font-size: 1.6rem;
	}
	article .img-type li:nth-child(3n-1) {
		/* margin: 0 2.4rem; */
	}
	article .img-type li:nth-child(n+4) {
		margin-top: 3.2rem;
	}
	article .process {
		flex-direction: row;
	}
	article .process li ~ li::before {
		/* display: inline-block;
		position: absolute; left: -12.25%; top: 50%;
		margin: 0;
		transform: translateY(-50%); */
		width: 4.8rem; height: 4.8rem;
		font-size: 1.8rem;
	}
	article .process li img + p {
		height: 6rem;
	}

	article .definition li p {
	}

	article h5 {
		/* margin: 8rem 0 1.2rem; */
		font-size: 2.1rem;
	}
	article blockquote + h5 {
		margin-top: 12%;
	}
	article h5 span {
		margin: 1.2rem 0;
		font-size: 1.6rem;
	}
	article h5.hashtag span {
		margin-left: 2.4rem;
		font-size: 0.75em;
		letter-spacing: -0.04em;
	}
	article h5.hashtag span ~ span {
		margin-left: 1.6rem;
	}

	article h6 {
		font-size: 2.1rem;
	}
	article h6 + p {
		margin: 0.8rem 0 1.6rem;
	}

	article .btn {
		display: flex;
		/* margin: 6rem auto 0; */
		width: 48rem;
	}

	/* company */
	.overview article li {
		flex-wrap: revert;
		gap: 0 4rem;
	}
	.overview article li:nth-child(even) {
		flex-direction: row-reverse;
	}
	.overview article li:not(:first-child) {
		margin-top: 12%;
	}
	.overview article li:first-child {
		padding-top: 16%;
	}
	.overview article li img {
		flex: 0 0 50%;
		width: 50%;
	}
	.overview article li h5 {
		margin: 0;
		width: 320px;
	}
	.overview article .company_footer {
		margin-top: 20%;
	}
	.overview article li br {
		display: block;
	}

	.overview article .gather li:first-child img {
		flex: 0 0 20rem !important;
		width: 20rem !important;
	}

	/* business */
	.business .tab {
		margin: 0 -7%;
		padding: 0;
	}
	.business .gird-box {
		height: 30rem;
	}

	.business .hqDelivery li {
		/* flex: 0 0 calc((100% - 3.2rem)/3); */
	}

	.business .banner-sign img {
		width: 53vw;
	}
	.business .banner-sign img:nth-child(3n-2) {
		width: 23vw;
	}

	/* tenOrder */
	.business5_2 {
		gap: 1.6rem;
	}
	.business5_2 div {
		flex: 1 0 calc(50% - 0.8rem);
		flex-direction: column;
		/* padding: 3.6rem 0; */
		width: calc(50% - 0.8rem);
	}
	.business5_2 div img {
		width: auto;
	}
	.business5_2 div p {
		padding: 2.4rem 0 3.2rem;
		width: 100%;
		font-size: 1.6rem;
	}
	.business5_2 div p::after {
		right: -2.4rem;
		height: 8rem;
	}
	.business5_2 div em {
		font-size: 2.1rem;
	}

	.business5_3 li {
		flex: 0 0 calc(50% - 0.8rem);
		padding: 4.8rem 4rem;
		width: calc(50% - 0.8rem);
		font-size: 2.4rem;
	}

	.faq li > div {
		font-size: 1.6rem;
	}
	.faq li > p {
		padding: 1.6rem;
		font-size: 1.5rem;
	}


	/* -------- factory -------- */

	/* factory */
	.factory .content ul {
		gap: 4.8rem 1.6rem;
	}
	.factory .content li {
		flex: 0 0 calc((100% - 3.2rem)/3);
		text-align: center;
	}

	/* certificate */
	.certificate .content ul {
		gap: 4.8rem 2.4rem;
	}
	.certificate .content li {
		/* flex: 0 0 calc((100% - 4.8rem)/4); */
		flex: 0 0 calc((100% - 4.8rem)/3);
		text-align: center;
	}


	/* -------- footer -------- */
	footer {
		font-size: 1.25rem;
	}
	footer section {
		display: flex;
		justify-content: space-between;
	}

	/* company */
	.company .fnb {
		margin: 1.6rem 0;
	}
	.company .fnb a {
		height: 4.8rem;
		font-size: 1.4rem;
	}
	.company span {
		display: inline-block;
		margin-left: 1vw;
	}
	.company span:first-child {
		margin-left: 0;
	}

	/* mark */
	.mark {
		position: static;
		margin-top: 7rem;
	}
	.mark img {
		width: 9rem;
	}

	/* 2022-12-05 추가 */
	#order .prod-dept {
		flex-direction: row;
	}
	#order .prod-dept>div:first-of-type {
		width: 55%;
	}
	#order .prod-price hr {
		margin: 1.6rem 0;
	}
	#order .prod-price-detail {
		width: 30%;
	}
	#order .prod-price-detail ol {
		margin: 0;
		padding: 0;
		background: transparent;
	}
	#order .prod-price-detail li:last-child {
		margin-bottom: 2rem;
	}

	/* 주문정보 - 적립금 */
	.saved-money-use input {
		flex: 0 0 calc(100% - 8rem);
		padding: 0 0.4rem 0 4rem;
		width: calc(100% - 8rem);
	}


	/* -------- 적립금 -------- */
	.saved-money .tab {
		flex: 0 0 40rem;
		margin: 0;
		width: 40rem;
	}
	.saved-money .tab + p {
		flex: 0 0 calc(100% - 40rem);
		width: calc(100% - 40rem);
		font-size: 2rem;
	}

	/* 적립금 리스트 */
	.saved-money .list {
		margin: 0.4rem 0 0;
	}
	.saved-money .list li {
		padding: 1.6rem 2.4rem;
	}
	.saved-money .list li > div span {
		display: inline-block;
		margin: 0 4rem 0 0;
		font-size: unset;
		line-height: auto;
	}

}
@media screen and (min-width: 1024px) {

	/* popup2 */
	.pop-wrap {
		padding: 4rem 4rem 4.2rem;
		font-size: 1.5rem;
	}
	.pop-act {
		width: calc(100% - 1.7rem); height: 100%;
		overflow: hidden;
	}

	/* moneyBack */
	#pop_moneyBack {
		width: 40rem;
	}

	/* -------- mobile -------- */
	.lnb-mobile  {
		display: none;
	}


	/* -------- main -------- */
	main.main {
		padding-bottom: 14rem;
	}
	main.category {
		padding: 8rem 0 10rem;
	}

	/* main banner */
	.main-banner {
		height: 72rem !important;
	}
	.main-banner img {
		transform: none;
	}


	/* -------- header -------- */

	/* gnb */
	.gnb > li.cate > a {
		padding: 0 3rem;
	}


	/* -------- latest -------- */
	.main .latest {
		margin-top: 10rem;
	}
	.latest-header {
		margin-bottom: 3.2rem;
	}
	.latest-header h3 {
		font-size: 3.2rem;
	}

	/* product */
	.prod-item:hover .prod-img img {
		transform: scale(1.05);
	}
	.view .prod-item:hover .prod-img img,
	#order .prod-item:hover .prod-img img {
		transform: none;
	}
	.prod-dept {
		padding: 1.8rem 2.4rem;
		line-height: 1.6;
	}
	.prod-name {
		font-size: 1.6rem;
	}
	.prod-price {
		font-size: 1.8rem;
	}
	.prod-price.lowest del {
		font-size: 1.4rem;
	}


	/* -------- container -------- */

	/* leftmenu */
	.lnb {
		display: block;
		width: 18vw;
		max-width: 20rem;
	}
	.lnb ul {
		position: sticky; top: 8rem;
		margin-top: 10rem;
	}
	.lnb li a {
		display: inline-flex;
		align-items: center;
		width: auto; height: 4.8rem;
		font-size: 1.6rem;
		color: var(--tenkitchen-grey);
		border-bottom: 0.1rem solid transparent;
		transition: .3s;
	}
	.lnb li a:hover,
	.lnb li.on a {
		color: var(--tenkitchen-green);
		padding: 0 1.6rem 0 0.4rem;
		border-bottom-color: var(--tenkitchen-green);
	}
	.lnb li.on a {
		font-weight: 700;
	}

	/* content */
	.content {
		margin: 7rem 0 10rem;
		padding: 5rem 6rem 8rem;
		max-width: calc(100% - 20rem);
	}
	.content h3 {
		margin-bottom: 4.8rem;
	}
	.order .content {
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		flex-wrap: wrap;
	}


	/* -------- product -------- */

	/* category */
	.category h3 {
		font-size: 3.2rem;
	}
	.category .prod-item {
		flex: 0 0 23.5%;
		margin-right: 2%;
		/* margin-bottom: 2.5%; */
	}
	.category .prod-item:nth-child(2n) {
		margin-right: 2%;
	}
	.category .prod-item:nth-child(3n) {
		margin-right: 2%;
	}
	.category .prod-item:nth-child(4n) {
		margin-right: 0;
	}

	/* view */
	.view .prod-info {
		margin-bottom: 8rem;
	}
	.view .prod-button a span {
		display: inline-block;
	}
	.view .tab-con {
		padding-bottom: 10rem;
	}


	/* -------- status -------- */

	/* order-progress */
	.order-progress {
		padding: 4rem 0 6rem;
	}
	#order.status .order-progress > div h5 {
		margin-bottom: 1.6rem;
		font-size: 1.85rem;
	}
	.order-progress > div h5 + p {
		font-size: 3.2rem;
	}
	.order-progress > div h5 + p::before {
		margin-right: 1.6rem;
		width: 6rem; height: 6rem;
		font-size: 2rem;
	}


	/* -------- order-details -------- */
	/* #order.order-details .prod-list ~ .prod-shipping {
		flex-basis: 50%;
	}
	#order.order-details .prod-list ~ .prod-shipping + div {
		flex-basis: 42%;
	} */
	.order-details .order-list {
		border-bottom: 0;
	}
	#order.order-details .prod-dept {
	}
	#order.order-details .prod-shipping h4 {
		flex-basis: 100%;
	}
	#order.order.order-details .prod-settlement li:last-child p:first-child {
		display: inherit;
	}
	#order.order.order-details .prod-settlement li:last-child {
		justify-content: space-between;
		padding: 0 8%;
	}


	/* -------- order -------- */
	#order .prod-dept {
		flex: 0 0 calc(100% - 14rem);
	}
	#order .prod-price.lowest p {
		width: 14rem; height: 14rem;
	}

	/* cart */
	.cart .prod-settlement + .prod-button {
		text-align: right;
	}
	.cart .prod-settlement + .prod-button a {
		width: 40%;
	}

	/* order */
	.order .prod-list ~ div {
		margin: 6rem 0 0;
	}
	#order.order .prod-qty {
		flex-basis: 5rem;
	}
	#order .prod-list ~ .prod-shipping {
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		flex-wrap: wrap;
		flex: 0 0 56%;
	}
	#order .prod-list ~ .prod-shipping + div {
		flex: 0 0 36%;
	}
	.order .prod-shipping {
		position: relative;
	}
	.order .prod-shipping h4 {
		flex: 0 0 12rem;
	}
	.order .prod-shipping .tab {
		flex: 0 0 calc(100% - 14rem);
		margin: 0;
	}
	.order .prod-shipping .tab li.no-member {
		visibility: hidden;
		display: inline-block;
	}
	.order .prod-shipping .tab::before {
		content: "";
		display: block;
		clear: both;
		position: absolute; left: 0; top: 0.5rem;
		width: 100%; height: 4.5rem;
		border-bottom: 0.1rem solid var(--tenkitchen-dark-beige);
	}
	.order .prod-shipping .tab li a {
		align-items: center;
		height: 4.9rem;
	}
	.order .prod-shipping .tab-con {
		flex: 0 0 100%;
		padding-left: 0;
		padding-right: 0;
		height: 100%;
	}
	.order .prod-shipping .tab-con dl {
		display: block;
	}
	.order .prod-shipping .tab-con dt {
		display: flex;
		align-items: center;
	}
	#order.order .prod-settlement ul {
		margin: 0;
	}
	#order.order .prod-settlement li {
		padding: 0 8%;
	}
	#order.order .prod-settlement li:last-child {
		justify-content: flex-end;
	}
	#order.order .prod-settlement li:last-child p:first-child {
		display: none;
	}

	/* finish */
	.finish .content {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.finish .content h3 {
		flex: 1 0 100%;
	}
	.finish .prod-msg {
		flex: 0 0 60%;
		padding: 4rem 4.8rem 3.2rem 2.4rem;
	}
	.finish .prod-msg p + dl {
		margin-top: 6rem;
	}
	.finish .prod-msg p + dl dt:not(:first-of-type) {
		margin-top: 3.2rem;
	}
	.finish .prod-msg .button-area {
		margin-top: 4.8rem;
	}
	.finish .order-form {
		flex: 0 0 40%;
		padding: 3.2rem 3.2rem 4rem;
		max-height: 56rem;
		overflow-y: scroll;
	}
	.finish .order-form h4 {
		display: none;
	}
	.finish .order-form::-webkit-scrollbar {
		width: 0.8rem;
	}
	.finish .order-form::-webkit-scrollbar-track {
		background: transparent;
	}
	.finish .order-form::-webkit-scrollbar-thumb,
	.finish .order-form::-webkit-scrollbar-thumb:hover {
		background:  var(--tenkitchen-lightest-grey);
	}
	#order.finish .prod-item {
		margin-bottom: 2.8rem;
		min-width: 100%;
	}

	/* 2022-12-06 추가 */
	#order.finish .prod-dept {
		flex-direction: column;
	}
	#order.finish .prod-dept>div:first-of-type {
		width: 100%;
	}

	/* 2024-07-29 추가 */
	.guest .prod-msg {
		flex: 100%;
	}
	.guest .order-form {
		display: none;
	}

	/* -------- tenkitchen -------- */
	article {
		padding: 6rem 0 0;
	}
	article blockquote {
		/* padding: 4.8rem 0; */
		font-size: 2.6rem;
	}
	article blockquote:not(:first-of-type) {
		/* margin: 10rem 0 0; */
	}
	article h4 {
		/* margin-top: 8rem; */
		font-size: 3.7rem;
	}
	article h5 {
		/* margin: 10rem 0 2.4rem; */
	}
	article h5::before {
		align-self: flex-start;
		top: 0.1rem;
	}
	article h5 span {
		display: block;
		/* margin: 0 0 0 2.4rem; */
	}
	article h5.hashtag {
		display: flex;
		align-items: center;
	}
	article h5.hashtag ~ h5.hashtag {
		/* margin-top: 4.8rem; */
	}
	article h5.hashtag span {
		position: static;
	}

	article h6 {
		font-size: 2.4rem;
	}
	article h6 + p {
		margin-bottom: 2.4rem;
	}
	article figure {
		/* margin-top: 8rem; */
	}
	article .icon-box {
	}
	article .process {
		/* margin-top: 4.8rem; */
	}
	article .process li ~ li::before {
		width: 6rem; height: 6rem;
	}

	/* company */
	.overview article li img {
		flex: revert;
		/* width: auto; */
	}
	.overview article .gather li:first-child img {
		flex: 0 0 auto !important;
		width: auto !important;
	}

	/* business */
	.business .tab {
		margin: 0 -6rem;
	}

	.business .banner-sign img {
		width: 38vw;
	}
	.business .banner-sign img:nth-child(3n-2) {
		width: 17vw;
	}

	/* tenOrder */
	.business5_2 div img {
		/* width: auto; */
	}

}

@media screen and (min-width: 1200px) {
	.business .banner-sign img {
		width: 510px;
	}
	.business .banner-sign img:nth-child(3n-2) {
		width: 230px;
	}

	/* 주문정보 - 적립금 */
	.saved-money-use input {
		flex: 0 0 calc(100% - 10rem);
		width: calc(100% - 10rem);
	}
	.saved-money-use label {
		left: 3.2rem;
	}
}