@charset "utf-8";

* {
	font-family: 'hana', sans-serif;
	font-size: 14px;
	font-weight: 500;
	color: #222;
	box-sizing: border-box;
}

html, body, ul, li, input, table, button {
	margin: 0;
	padding: 0;
}

ul, li {
	list-style: none;
}

a {
	text-decoration: none;
	display: inline-block;
}

a, span, i {
	font-size: inherit;
	color: inherit;
}

i, img {
	display: block;
}

img {
	max-width: 100%;
	max-height: 100%;
}

select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: url('/img/down_arrow.png') no-repeat calc(100% - 9px) center;
	background-size: auto 7px;
	padding: 0 45px 0 10px;
	cursor: pointer;
}

select::-ms-expand {
	display: none;
}

a:focus, input:focus, button:focus, select:focus, textarea:focus {
	outline: none;
}

input[type='checkbox'], input[type='radio'], input[type='file'] {
	display: none;
}

input[type='text'], input[type='email'], input[type='number'], input[type='password'], input[type='date'], select {
	height: 45px;
	padding: 0 20px;
	border: 1px solid #ddd;
	background-color: #fff;
}

input[type='date']::-webkit-inner-spin-button {
	display: none;
	-webkit-appearance: none;
	appearance: none;
}

input[type='date']::-webkit-calendar-picker-indicator:focus {
	outline: none;
}

input:read-only, input:disabled {
	background-color: #fafafa;
	color: #999;
}

input::-webkit-input-placeholder {
	font-size: 12px;
	font-weight: 300;
	color: #c8c8c8;
}

input::-ms-input-placeholder {
	font-size: 12px;
	font-weight: 300;
	color: #c8c8c8;
}

textarea::-webkit-input-placeholder {
	font-size: 12px;
	font-weight: 300;
	color: #c8c8c8;
}

textarea::-ms-input-placeholder {
	font-size: 12px;
	font-weight: 300;
	color: #c8c8c8;
}

button {
	height: 45px;
	padding: 0;
	border: 0;
	border-radius: 0;
	background-color: transparent;
	cursor: pointer;
}

textarea {
	width: 100%;
	border: 1px solid #ddd;
	margin: 0;
	padding: 10px;
	resize: none;
	display: block;
}

div {
	position: relative;
}

label {
	cursor: pointer;
	display: inline-block;
}

table {
	width: 100%;
	table-layout: fixed;
	border-collapse: collapse;
}

table tr th,
table tr td {
	padding: 15px 0;
}

table tr td.empty {
	padding: 100px 0;
	color: #999;
}

table thead tr th {
	border: 1px solid #222;
	border-left: 0;
	border-right: 0;
}

table tbody tr th,
table tbody tr td {
	border-bottom: 1px solid #eee;
	text-align: center;
}

iframe {
	display: block;
}

.d-flex { display: flex; }
.d-none, .sound_only { display: none; }
.align-items-center { align-items: center; }
.flex-shrink-0 { flex-shrink: 0; }
.text-semi-bold { font-weight: 500; }
.text-bold { font-weight: 600 !important; }
.text-right { text-align: right; }
.text-primary { color: #008362; }
.mb-0 { margin-bottom: 0 !important; }
.mb-100 { margin-bottom: 100px; }
.ml-10 { margin-left: 10px !important; }

/* 팝업 */
#hd_pop {
	position: relative;
	z-index: 9999;
	width: 1200px;
	height: 0;
	margin: 0 auto;
}

#hd_pop h2 {
	position: absolute;
	overflow: hidden;
	line-height: 0;
	font-size: 0;
}

.hd_pops {
	position: absolute;
	border: 1px solid #e9e9e9;
	background-color: #fff;
}

.hd_pops img {
	max-width: 100%;
}

.hd_pops_footer {
	position: relative;
	padding: 0;
	background-color: #000;
	color: #fff;
	text-align: left;
}

.hd_pops_footer:after {
	content: '';
	clear: both;
	visibility: hidden;
	display: block;
}

.hd_pops_footer button,.hd_pops_footer button strong {
	padding: 10px;
	border: 0;
	color: #fff;
}

.hd_pops_footer .hd_pops_reject {
	background: #000;
	text-align: left;
}

.hd_pops_footer .hd_pops_close {
	position: absolute;
	background-color: #393939;
	top: 0;
	right: 0;
}
.hd_pops_con p{margin:0;}

@media(max-width: 480px){
#hd_pop{width:320px;}
#hd_pop:has(.hd_pops){margin:0;}
.hd_pops_con{max-width:320px; max-height:320px;}
}

/* HEADER, MAIN 공통 */
.inner {
	position: relative;
	width: 100%;
	max-width: 1450px;
	margin: 0 auto;
	padding: 0 15px;
}

/* HEADER */
.header {
	padding: 35px 0 18px;
}

.header .top-logo {
	display: flex;
	justify-content: left;
}

.header .top-logo a {
	width: 400px;
	display: block;
}

.header .top-logo a img {
	width: 100%;
}

.header .btm-menu {
	margin-top: 28px;
	justify-content: space-between;
	align-items: center;
	display: flex;
}

.header .btm-menu .menu ul {
	display: flex;
	gap: 0 36px;
	align-items: center;
}

.header .btm-menu .menu ul li {
	position: relative;
}

.header .btm-menu .menu ul li.bar {
	display: none;
}

.header .btm-menu .menu ul li.active:before {
	content: '';
	position: absolute;
	left: -2px;
	bottom: -19px;
	width: calc(100% + 4px);
	height: 4px;
	background-color: #000;
}

.header .btm-menu .menu ul li a {
	font-size: 16px;
}

.header .btm-menu .menu ul li a img {
	height: 20px;
}

.header .btm-menu .r-menu {
	gap: 0 36px;
	align-items: center;
	display: flex;
}

.header .btm-menu .r-menu a {
	position: relative;
	font-size: 16px;
}

.header .btm-menu .r-menu a.active:before {
	content: '';
	position: absolute;
	left: -2px;
	bottom: -19px;
	width: calc(100% + 4px);
	height: 4px;
	background-color: #000;
}

.header .btm-menu .r-menu ul {
	gap: 0 20px;
}

/* MAIN */
.main-visual .swiper ul li a {
	display: block;
}

.main-visual .swiper ul li img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.main-visual .swiper ul li img:nth-child(1) {
	display: block;
}

.main-visual .swiper ul li img:nth-child(2) {
	display: none;
}

.main-visual .swiper-btn {
	position: absolute;
	top: 50%;
	z-index: 11;
	width: 48px;
	color: #fff;
	cursor: pointer;
	transform: translateY(-50%);
}

.main-visual .swiper-btn img {
	width: 100%;
}

.main-visual .btn-prev {
	left: 5%;
}

.main-visual .btn-next {
	right: 5%;
}

.main-visual .swiper-pagination {
	position: relative;
	bottom: auto;
	top: auto;
	margin-top: 15px;
}

.main-visual .swiper-pagination-bullet {
	width: 10px;
	height: 10px;
}

.main-visual .swiper-pagination-bullet-active {
	background-color: #009178;
}

.main-best {
	overflow: hidden;
}

.main-best .title {
	color: #009178;
	padding: 12px 0 36px;
	border-top: 2px solid #009178;
	font-weight: 600;
	font-size: 24px;
	margin: 0;
}

.main-best .swiper {
	position: relative;
}

.main-best .swiper ul li {
	text-align: center;
}

.main-best .swiper ul li a {
	font-size: 15px;
}

.main-best .swiper ul li a .thumb {
	background-color: #F2F2F2;
	margin-bottom: 20px;
}

.main-best .swiper ul li a .thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.main-best .swiper ul li a .thumb img.hover_img {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	transition: 0.3s ease opacity;
}

.main-best .swiper ul li a .name {
	margin-bottom: 5px;
	font-weight: 600;
	font-size: 16px;
}

.main-best .swiper ul li a .price {
	font-size: 16px;
}

.main-best .swiper ul li a .price span {
	color: #009178;
}

.main-best .swiper ul li a .price p {
	font-size: 13px;
	margin: 0 0 5px;
	text-decoration: line-through;
}

.main-best .swiper ul li a.hover .thumb:hover img:not(.hover_img) {
	opacity: 0;
}

.main-best .swiper ul li a.hover .thumb:hover img.hover_img {
	opacity: 1;
}

.main-best .swiper-btn {
	position: absolute;
	top: 40%;
	z-index: 11;
	width: 48px;
	height: 48px;
	border: 1px solid #dcdcdc;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.12);
	border-radius: 100px;
	background-color: #fff;
	cursor: pointer;
	align-items: center;
	justify-content: center;
	display: flex;
}

.main-best .btn-prev {
	left: -24px;
}

.main-best .btn-next {
	right: -24px;
}

.main-best .swiper-button-disabled {
	display: none;
}

.main-all .sort_wrap {
	padding: 12px 0 36px;
	border-top: 2px solid #009178;
	justify-content: space-between;
	display: flex;
}

.main-all .sort_wrap .title {
	color: #009178;
	font-size: 24px;
	font-weight: 600;
	margin: 0;
}

.main-all .sort_wrap select {
	width: fit-content;
	height: 30px;
	border-color: #222;
	padding: 0 30px 0 10px;
}

.main-all ul {
	gap: 50px 30px;
	flex-flow: wrap;
	display: flex;
}

.main-all ul li {
	width: calc(20% - 24px);
}

.main-all ul li .thumb {
	background-color: #f2f2f2;
	margin-bottom: 15px;
}

.main-all ul li .thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.main-all ul li .thumb img.hover_img {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	transition: 0.3s ease opacity;
}

.main-all ul li .name {
	font-size: 16px;
	margin-bottom: 5px;
}
.main-all ul li .price {
	font-size: 16px;
}

.main-all ul li .price span {
	font-size: inherit;
	color: #009178;
}

.main-all ul li .price p {
	font-size: 13px;
	margin: 0 0 5px;
	text-decoration: line-through;
}

.main-all ul li .price span.text-red {
	color: #cf001c;
}

.main-all ul li a.hover:hover .thumb img:not(.hover_img) {
	opacity: 0;
}

.main-all ul li a.hover:hover .thumb img.hover_img {
	opacity: 1;
}

.main-all .more_btn {
	width: 100%;
	max-width: 400px;
	height: 45px;
	font-size: 16px;
	color: #009178;
	border: 1px solid #009178;
	margin: 60px auto 0;
	justify-content: center;
	align-items: center;
	display: flex;
}

.main-all .more_btn img {
	margin-left: 10px;
}

/* SUB */
.sub {
	min-height: 800px;
	padding: 140px 90px 100px;
}

.sub > .title {
	font-size: 20px;
	font-weight: 600;
	text-align: center;
	margin-bottom: 35px;
}

/* 체크박스 */
.sub .chk_wrap {
	margin-right: 15px;
	flex-shrink: 0;
}

.sub .chk_wrap label {
	width: fit-content;
	color: #999;
	margin-right: 10px;
	align-items: center;
	display: flex;
}

.sub .chk_wrap label span.chk {
	width: 20px;
	height: 20px;
	border: 1px solid #ddd;
	background-color: #fff;
	color: #ddd;
	margin-right: 8px;
	transition: 0.3s ease all;
	flex-shrink: 0;
	justify-content: center;
	align-items: center;
	display: flex;
}

.sub .chk_wrap label span.chk img {
	position: absolute;
	transition: 0.3s ease all;
}

.sub .chk_wrap input:checked + label span.chk {
	background-color: #222;
	border-color: #222;
}

.sub .chk_wrap label span.chk img,
.sub .chk_wrap input:checked + label span.chk img.on {
	opacity: 0;
}

.sub .chk_wrap label span.chk img.on,
.sub .chk_wrap input:checked + label span.chk img {
	opacity: 1;
}

.sub .chk_wrap.only_chk,
.sub .chk_wrap.only_chk label span.chk {
	margin-right: 0;
}

/* 라디오박스 */
.sub .radio_wrap {
	align-items: center;
	display: flex;
}

.sub .radio_wrap label {
	margin-left: 30px;
	color: #999;
	transition: 0.3s ease color;
	align-items: center;
	display: flex;
}

.sub .radio_wrap label:nth-of-type(1) {
	margin-left: 0;
}

.sub .radio_wrap label span.circle {
	position: relative;
	width: 13px;
	height: 13px;
	border: 1px solid #999;
	border-radius: 50%;
	margin-right: 10px;
	transition: 0.3s ease border-color;
	flex-shrink: 0;
}

.sub .radio_wrap label span.circle:before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background-color: transparent;
	transition: 0.3s ease background-color;
	margin: auto;
}

.sub .radio_wrap input:checked + label {
	color: #008362;
}

.sub .radio_wrap input:checked + label span.circle {
	border-color: #008362;
}

.sub .radio_wrap input:checked + label span.circle:before {
	background-color: #008362;
}

/* 안내 사항 */
.sub .announcement {
	line-height: 24px;
	font-weight: 300;
	color: #999;
	margin-top: 20px;
}

/* 로그인/LOGIN */
.sub.login .login_box {
	width: 100%;
	max-width: 425px;
	margin: 0 auto;
}

.sub.login .login_box input {
	width: 100%;
	margin-bottom: 20px;
}

.sub.login .login_box .chk_wrap {
	margin: -5px 0 0;
}

.sub.login .login_box button[type='submit'] {
	width: 100%;
	background-color: #222;
	color: #fff;
	margin: 40px 0 10px;
}

.sub.login .login_box > a {
	width: 100%;
	height: 45px;
	background-color: #222;
	color: #fff;
	margin: 0 0 10px;
	justify-content: center;
	align-items: center;
	display: flex;
}

.sub.login .login_box .links {
	justify-content: center;
	display: flex;
}

.sub.login .login_box .links span {
	position: relative;
	padding: 0 30px;
	color: #999;
}

.sub.login .login_box .links span:before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 1px;
	height: 15px;
	background-color: #999;
	margin: auto 0;
}

.sub.login .login_box .links span:last-child:after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	width: 1px;
	height: 15px;
	background-color: #999;
	margin: auto 0;
}

.sub.login .sns {
	margin-top: 30px;
	justify-content: center;
	align-items: center;
	display: flex;
}

.sub.login .sns a:not(:first-child) {
	margin-left: 35px;
}

/* 비회원 구매하기 */
.sub.login .no_mb_purchase {
	width: fit-content;
	height: 40px;
	border: 1px solid #222;
	border-radius: 20px;
	margin: 30px auto 0;
	padding: 0 20px;
	justify-content: center;
	align-items: center;
	display: flex;
}

.sub.find .title {
	margin-bottom: 5px;
}

.sub.find .description,
.sub.find .login_box span {
	color: #999;
	text-align: center;
}

.sub.find .description {
	margin-bottom: 35px;
}

.sub.find .result {
	font-size: 16px;
	font-weight: 300;
	margin-bottom: 45px;
	text-align: center;
	color: #000;
}

.sub.find .result span {
	font-weight: 600;
}

.sub.find .login_box button[type='submit'] {
	margin-top: 5px;
}

.sub.find .login_box span {
	display: block;
}

.sub.find .login_box span a {
	color: #65cbff;
	text-decoration: underline;
}

.sub.find .login_box .cancel_btn {
	border: 1px solid #222;
	background-color: #fff;
	color: #222;
}

/* 회원가입/REGISTER/JOIN */
.sub.register .wrap {
	width: 100%;
	max-width: 560px;
	margin: 0 auto;
}

.sub.register .wrap .radio_wrap {
	margin-bottom: 35px;
	justify-content: center;
}

.sub.register ul li {
	margin-top: 20px;
	display: flex;
}

.sub.register ul li:first-child {
	margin-top: 0;
}

.sub.register ul li .label {
	width: 135px;
	padding-top: 14px;
	flex-shrink: 0;
}

.sub.register ul li .content,
.sub.register ul li .content input {
	width: 100%;
}

.sub.register ul li .content .announce {
	font-size: 12px;
	color: #999;
	margin-top: 5px;
}

.sub.register ul li .content .inp_wrap {
	align-items: center;
	display: flex;
}

.sub.register ul li .content .inp_wrap span {
	padding: 0 15px;
	flex-shrink: 0;
}

.sub.register ul li .content button {
	background-color: #222;
	color: #fff;
	padding: 0 20px;
	flex-shrink: 0;
}

.sub.register ul li .content .cert_btn {
	width: 100%;
	margin-top: 10px;
}

.sub.register ul li .email .inp_wrap {
	gap: 5px;
}

.sub.register ul li .email > .inp_wrap span {
	padding: 0 5px;
}

.sub.register ul li .email .inp_wrap .inp_wrap {
	width: 100%;
}

.sub.register ul li .email .inp_wrap .inp_wrap input {
	padding-right: 65px;
}

.sub.register ul li .email .inp_wrap .inp_wrap span {
	position: absolute;
	right: 0;
	color: #cf001c;
}

.sub.register ul li .email .cert {
	margin-top: 10px;
	display: none;
}

.sub.register ul li .email .warning {
	color: #cf001c;
}

.sub.register ul li .email .success {
	color: #008362;
}

.sub.register ul li .email button:disabled {
	background-color: #949494;
	cursor: no-drop;
}

.sub.register ul li .addr .find_btn {
	margin-left: 5px;
}

.sub.register ul li .addr > input[type='text'] {
	margin-top: 5px;
}

.sub.register .agree {
	margin-top: 50px;
}

.sub.register .agree .title {
	font-size: 18px;
	margin-bottom: 10px;
}

.sub.register .agree > .chk_wrap {
	margin-bottom: 50px;
}

.sub.register .agree .chk_wrap label {
	color: #222;
}

.sub.register .agree .box {
	margin-top: 30px;
	font-size: 12px;
}

.sub.register .agree .box * {
	font-size: inherit;
}

.sub.register .agree .box .content {
	overflow-y: auto;
	height: 115px;
	line-height: 18px;
	border: 1px solid #ddd;
	padding: 15px;
	margin: 10px 0;
	color: #999;
}

.sub.register .agree .box .d-flex .chk_wrap {
	margin-left: 10px;
}

.sub.register .agree .box .d-flex .chk_wrap label {
	font-size: 14px;
}

.sub.register button[type='submit'] {
	width: 100%;
	max-width: 450px;
	height: 50px;
	background-color: #008362;
	color: #fff;
	font-size: 20px;
	font-weight: 600;
	margin: 50px auto 0;
	display: block;
}

/* 마이페이지/MY PAGE */
.sub.mypage .logout {
	font-size: 15px;
	font-weight: 600;
	color: #dc231e;
	padding-right: 5px;
	margin-bottom: 15px;
	float: right;
}

.sub.mypage .info_box {
	border: 1px solid #ddd;
	padding: 25px 0;
	clear: both;
	display: flex;
}

.sub.mypage .info_box .box {
	width: 100%;
	border-left: 1px solid #ddd;
	padding: 30px 40px;
	align-items: center;
	display: flex;
}

.sub.mypage .info_box .box:first-child {
	border-left: 0;
}

.sub.mypage .info_box .box .thumb {
	width: fit-content;
	margin-right: 30px;
	flex-shrink: 0;
}

.sub.mypage .info_box .box .thumb img {
	margin: 0 auto;
}

.sub.mypage .info_box .box .thumb div {
	margin-top: 8px;
}

.sub.mypage .info_box .box .profile img {
	width: 70px;
}

.sub.mypage .info_box .box .info {
	width: 100%;
}

.sub.mypage .info_box .box .info .name {
	font-size: 20px;
	font-weight: 600;
}

.sub.mypage .info_box .box .info .name span {
	font-size: 14px;
	color: #999;
	margin-left: 5px;
}

.sub.mypage .info_box .box .info .level {
	font-size: 20px;
	font-weight: 600;
	color: #008362;
	margin-top: 10px;
	align-items: center;
	display: flex;
}

.sub.mypage .info_box .box .info .level img {
	margin-right: 5px;
}

.sub.mypage .order_status {
	margin-top: 50px;
}

.sub.mypage .order_status .sub_title {
	font-size: 20px;
	font-weight: 600;
	border-bottom: 1px solid #222;
	padding-bottom: 10px;
}

.sub.mypage .order_status .sub_title span {
	font-size: 14px;
	color: #999;
	margin-left: 10px;
}

.sub.mypage .order_status .delivery_box {
	padding: 50px 0;
	align-items: center;
	display: flex;
}

.sub.mypage .order_status .delivery_box img {
	width: fit-content;
	flex-shrink: 0;
}

.sub.mypage .order_status .delivery_box .box {
	width: 100%;
	font-size: 18px;
	text-align: center;
}

.sub.mypage .order_status .delivery_box .box span {
	font-size: 30px;
	font-weight: 700;
	margin-bottom: 5px;
	display: inline-block;
}

.sub.mypage .order_status .status_box {
	padding: 25px 0;
	border: 1px solid #ddd;
	justify-content: center;
	align-items: center;
	display: flex;
}

.sub.mypage .order_status .status_box a {
	font-size: 18px;
}

.sub.mypage .link_box {
	border: 1px solid #ddd;
	padding: 55px 0;
	margin-top: 50px;
	flex-flow: wrap;
	display: flex;
}

.sub.mypage .link_box .box {
	width: 25%;
	height: 145px;
	font-size: 16px;
	border-left: 1px solid #ddd;
	flex-flow: column;
	justify-content: center;
	align-items: center;
	display: flex;
}

.sub.mypage .link_box .box:nth-child(4n + 1) {
	border-left: 0;
}

.sub.mypage .link_box .box:nth-child(n + 5) {
	margin-top: 55px;
}

.sub.mypage .link_box .box img {
	margin-bottom: 10px;
}

/* 주문 내역 */
.sub.orderinquiry .tab {
	border-bottom: 1px solid #222;
	margin-bottom: 35px;
	display: flex;
}

.sub.orderinquiry .tab a {
	width: 250px;
	height: 50px;
	margin-bottom: -1px;
	flex-shrink: 0;
	justify-content: center;
	align-items: center;
	display: flex;
}

.sub.orderinquiry .tab a.active {
	border: 1px solid #222;
	border-bottom-color: #fff;
}

.sub.orderinquiry .search {
	display: flex;
}

.sub.orderinquiry .search select {
	width: fit-content;
	margin-left: 15px;
	height: 40px;
	padding: 0 40px 0 15px;
	flex-shrink: 0;
}

.sub.orderinquiry .search select:first-child {
	margin-left: 0;
}

.sub.orderinquiry .sub_title {
	margin-top: 50px;
	padding-bottom: 15px;
	border-bottom: 1px solid #222;
	align-items: center;
	display: flex;
}

.sub.orderinquiry .sub_title span {
	width: 100%;
}

.sub.orderinquiry .sub_title a {
	width: fit-content;
	font-size: 12px;
	color: #999;
	flex-shrink: 0;
	align-items: center;
	display: flex;
}

.sub.orderinquiry .sub_title a img {
	margin-left: 5px;
}

.sub.orderinquiry ul.inquiry_list {
	border-bottom: 1px solid #222;
}

.sub.orderinquiry ul.inquiry_list li {
	padding: 15px;
	border-top: 1px solid #ddd;
}

.sub.orderinquiry ul.inquiry_list li:first-child {
	border-top: 0;
}

.sub.orderinquiry ul.inquiry_list li .status {
	margin-bottom: 15px;
	display: flex;
}

.sub.orderinquiry ul.inquiry_list li .status span {
	width: 100%;
}

.sub.orderinquiry ul.inquiry_list li .status a {
	width: fit-content;
	flex-shrink: 0;
	align-items: center;
	display: flex;
}

.sub.orderinquiry ul.inquiry_list li .thumb {
	position: relative;
	flex-shrink: 0;
}

.sub.orderinquiry ul.inquiry_list li .thumb img {
	height: 90px;
	aspect-ratio: auto 1 / 1;
}

.sub.orderinquiry ul.inquiry_list li .thumb .hover_img {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	transition: 0.3s ease opacity;
}

.sub.orderinquiry ul.inquiry_list li .thumb .hover_img:hover {
	opacity: 1;
}

.sub.orderinquiry ul.inquiry_list li .info {
	width: 100%;
	padding: 0 15px;
}

.sub.orderinquiry ul.inquiry_list li .info * {
	font-size: 12px;
}

.sub.orderinquiry ul.inquiry_list li .info .option {
	margin-top: 15px;
}

.sub.orderinquiry ul.inquiry_list li .info .option .opt_name {
	color: #999;
}

.sub.orderinquiry ul.inquiry_list li .info .price {
	margin-top: 10px;
}

.sub.orderinquiry ul.inquiry_list li .btns {
	width: 320px;
	flex-shrink: 0;
	display: flex;
}

.sub.orderinquiry ul.inquiry_list li .btns * {
	width: 100%;
	height: 45px;
	margin-left: 10px;
	border: 1px solid #ddd;
	color: #999;
	justify-content: center;
	align-items: center;
	display: flex;
}

.sub.orderinquiry ul.inquiry_list li .btns *:first-child {
	margin-left: 0;
}

.sub.orderinquiry .empty {
	margin-top: 50px;
	padding: 100px 0;
	text-align: center;
	color: #999;
	border: 1px solid #ddd;
	border-left: 0;
	border-right: 0;
}

/* 주문 상세보기 */
.sub.orderinquiryview .order_sub_title {
	text-align: center;
}

.sub.orderinquiryview .sub_title {
	margin-top: 35px;
}

.sub.orderinquiryview ul {
	border-bottom: 1px solid #222;
}

.sub.orderinquiryview .info_list {
	padding: 15px 0;
	border-bottom: 1px solid #222;
}

.sub.orderinquiryview .info_list li {
	padding-top: 15px;
	display: flex;
}

.sub.orderinquiryview .info_list li:first-child {
	padding-top: 0;
}

.sub.orderinquiryview .info_list li .label {
	width: 100px;
	color: #999;
	flex-shrink: 0;
}

.sub.orderinquiryview .info_list li .content {
	width: 100%;
}

.sub.orderinquiryview .wrap {
	margin-top: 35px;
	display: flex;
}

.sub.orderinquiryview .wrap .sub_title {
	margin: 0;
}

.sub.orderinquiryview .wrap .payment {
	width: 45%;
	margin-right: 40px;
	flex-shrink: 0;
}

.sub.orderinquiryview .wrap .payment .sub_title {
	border-bottom: 0;
}

.sub.orderinquiryview .wrap .payment ul {
	background-color: #f5f5f5;
	padding: 20px;
	border-bottom: 0;
}

.sub.orderinquiryview .wrap .payment ul li {
	margin-top: 20px;
	align-items: baseline;
	display: flex;
}

.sub.orderinquiryview .wrap .payment ul li:first-child {
	margin-top: 0;
}

.sub.orderinquiryview .wrap .payment ul li .label {
	width: 80px;
	font-size: 12px;
	flex-shrink: 0;
}

.sub.orderinquiryview .wrap .payment ul li .content {
	width: 100%;
	text-align: right;
}

.sub.orderinquiryview .wrap .payment ul li.total {
	margin-top: 15px;
	border-top: 1px solid #222;
	padding-top: 20px;
}

.sub.orderinquiryview .wrap .payment ul li.total * {
	color: #008362;
	font-weight: 600;
}

.sub.orderinquiryview .wrap .payment ul li.total .label {
	font-size: 14px;
}

.sub.orderinquiryview .wrap .payment ul li.total .content {
	font-size: 18px;
}

.sub.orderinquiryview .wrap .payment ul li.total + li {
	margin-top: 10px;
}

.sub.orderinquiryview .wrap .info_list {
	width: 100%;
	padding: 0;
	border-bottom: 0;
}

.sub.orderinquiryview .wrap .info_list ul {
	padding: 20px 0;
}

.sub.orderinquiryview .ok_btn {
	width: 150px;
	height: 45px;
	background-color: #222;
	color: #fff;
	margin: 55px auto 0;
	justify-content: center;
	align-items: center;
	display: flex;
}

/* 내 정보 수정 */
.sub.mypage_frm .wrap {
	max-width: initial;
}

.sub.mypage_frm .wrap ul {
	border-top: 1px solid #222;
}

.sub.mypage_frm .wrap ul li {
	padding: 15px 0;
	margin: 0;
	border-bottom: 1px solid #eee;
	align-items: center;
}

.sub.mypage_frm .wrap ul li .label {
	padding: 0;
}

.sub.mypage_frm .wrap ul li .content {
	align-items: center;
	display: flex;
}

.sub.mypage_frm .wrap ul li .content input {
	max-width: 450px;
}

.sub.mypage_frm .wrap ul li .content .radio_wrap {
	margin-bottom: 0;
	justify-content: initial;
}

.sub.mypage_frm .wrap ul li .content .announce {
	margin: 0 0 0 15px;
}

.sub.mypage_frm .wrap ul li.tel .content input {
	max-width: 124px;
}

.sub.mypage_frm .wrap ul li.mailling .content {
	display: initial;
}

.sub.mypage_frm .wrap ul li.mailling .content .announce,
.sub.mypage_frm .wrap ul li .email .announce {
	margin: 5px 0 0 0;
}

.sub.mypage_frm .wrap ul li .email {
	display: block;
}

.sub.mypage_frm .wrap ul li .email > .inp_wrap,
.sub.mypage_frm .wrap ul li .email > .cert,
.sub.mypage_frm .wrap ul li .cur_passwd .inp_wrap {
	max-width: 450px;
}

.sub.mypage_frm .wrap ul li .addr {
	display: block;
}

.sub.mypage_frm .wrap ul li .addr input[type='text'] {
	display: block;
}

.sub.mypage_frm .wrap ul li .addr input[name='mb_zip'] {
	max-width: 150px;
}

.sub.mypage_frm .wrap ul li .cur_passwd .inp_wrap {
	width: 100%;
	gap: 5px;
}

.sub.mypage_frm .wrap ul li.passwd_chg {
	display: none;
}

.sub.mypage_frm .wrap ul li.passwd_chg.on {
	display: flex;
}

.sub.mypage_frm .wrap .sub_title {
	margin: 50px 0 10px;
}

.sub.mypage_frm .wrap .withdrawal_btn {
	width: fit-content;
	height: 30px;
	border: 1px solid #ddd;
	padding: 0 25px;
	color: #999;
	margin-top: 30px;
	justify-content: center;
	align-items: center;
	display: flex;
}

.sub.mypage_frm .wrap .btns {
	margin-top: 50px;
	justify-content: center;
	display: flex;
}

.sub.mypage_frm .wrap .btns * {
	width: 150px;
	max-width: initial;
	height: 45px;
	margin: 0;
	font-size: 14px;
	font-weight: 400;
	background-color: #222;
	color: #fff;
	flex-shrink: 0;
}

.sub.mypage_frm .wrap .btns a {
	background-color: #fff;
	border: 1px solid #ddd;
	color: #999;
	margin-right: 15px;
	justify-content: center;
	align-items: center;
	display: flex;
}

/* 포인트/POINT */
.sub.point .point_box {
	border-top: 1px solid #222;
	border-bottom: 1px solid #eee;
	padding: 30px 0;
	display: flex;
}

.sub.point .point_box .box {
	width: 100%;
	text-align: center;
}

.sub.point .point_box .box div {
	font-size: 30px;
	font-weight: 600;
	margin-top: 10px;
}

.sub.point .search_date {
	margin: 50px 0 15px;
	align-items: center;
	display: flex;
}

.sub.point .search_date select {
	width: fit-content;
	height: 40px;
	padding: 0 40px 0 15px;
	flex-shrink: 0;
}

.sub.point .search_date .date {
	width: 100%;
	color: #999;
	text-align: right;
}

.sub.point ul.point_list {
	border-top: 1px solid #222;
}

.sub.point ul.point_list li {
	padding: 15px 0;
	border-top: 1px solid #eee;
	align-items: center;
	display: flex;
}

.sub.point ul.point_list li.li_head {
	border-top-color: #222;
}

.sub.point ul.point_list li.empty {
	padding: 100px 0;
	color: #999;
	justify-content: center;
}

.sub.point ul.point_list li div {
	width: 200px;
	text-align: center;
	flex-shrink: 0;
}

.sub.point ul.point_list li div.content {
	width: 100%;
	flex-shrink: 1;
}

.sub.point .pagination {
	margin-top: 35px;
}

.sub.point .sub_title {
	margin-top: 50px;
	border-bottom: 1px solid #222;
	padding-bottom: 15px;
}

.sub.point .announcement {
	margin-top: 10px;
}

/* 위시리스트/WISH LIST */
.sub.wishlist .sub_title {
	border-bottom: 1px solid #222;
	padding-bottom: 15px;
}

.sub.wishlist ul li {
	padding: 20px 0;
	border-bottom: 1px solid #ddd;
	align-items: center;
	display: flex;
}

.sub.wishlist ul li.empty {
	padding: 100px 0;
	color: #999;
	justify-content: center;
}

.sub.wishlist ul li > *:not(.info) {
	flex-shrink: 0;
}

.sub.wishlist ul li .chk_wrap {
	margin-right: 15px;
}

.sub.wishlist ul li .chk_wrap label {
	margin: 0;
}

.sub.wishlist ul li .thumb {
	position: relative;
	margin-right: 15px;
}

.sub.wishlist ul li .thumb .hover_img {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	transition: 0.3s ease opacity;
}

.sub.wishlist ul li .thumb .hover_img:hover {
	opacity: 1;
}

.sub.wishlist ul li .info {
	width: 100%;
}

.sub.wishlist ul li .info * {
	font-size: 12px;
}

.sub.wishlist ul li .info .name {
	margin-bottom: 15px;
}

.sub.wishlist ul li button {
	width: 155px;
	height: 45px;
	text-align: center;
}

.sub.wishlist ul li .cart_btn {
	border: 1px solid #ddd;
	color: #999;
}

.sub.wishlist ul li .order_btn {
	background-color: #008362;
	color: #fff;
	margin-left: 10px;
}

.sub.wishlist .btns {
	margin: 20px 0 50px;
	justify-content: right;
	display: flex;
}

.sub.wishlist .btns button {
	width: 110px;
	height: 30px;
	border: 1px solid #222;
	margin-left: 10px;
	transition: 0.3s ease all;
	flex-shrink: 0;
}

.sub.wishlist .btns .all_chk.on {
	background-color: #222;
	color: #fff;
}

.sub.wishlist .sel_order_btn {
	width: 200px;
	height: 45px;
	margin: 0 auto;
	background-color: #222;
	color: #fff;
	display: block;
}

/* 쿠폰 리스트 */
.sub.coupon .sub_title {
	padding-bottom: 15px;
	border-bottom: 1px solid #222;
	margin-bottom: 50px;
}

.sub.coupon .coupon_insert {
	margin-bottom: 35px;
	justify-content: center;
	display: flex;
}

.sub.coupon .coupon_insert input {
	width: 460px;
	margin-right: 15px;
}

.sub.coupon .coupon_insert button {
	width: 175px;
	background-color: #222;
	color: #fff;
}

.sub.coupon > ul {
	margin-bottom: 80px;
}

.sub.coupon > ul > li {
	padding: 15px 0;
	border-bottom: 1px solid #ddd;
	flex-flow: wrap;
	align-items: center;
	display: flex;
}

.sub.coupon > ul > li.li_head {
	border-top: 1px solid #222;
	border-bottom-color: #222;
}

.sub.coupon > ul > li.empty {
	width: 100%;
	padding: 100px 0;
	color: #999;
	justify-content: center;
}

.sub.coupon > ul > li > div {
	text-align: center;
}

.sub.coupon > ul > li > div:not(.name) {
	width: 200px;
	flex-shrink: 0;
}

.sub.coupon > ul > li > div.name {
	width: calc(100% - 600px);
}

.sub.coupon > ul > li button {
	height: fit-content;
	transition: 0.3s ease transform;
}

.sub.coupon > ul > li button img {
	width: 15px;
}

.sub.coupon > ul > li button.on {
	transform: rotate(-180deg);
}

.sub.coupon > ul > li > ul {
	width: 100%;
	padding: 5px 10px;
	display: none;
}

.sub.coupon > ul > li > ul li {
	margin-top: 10px;
	display: flex;
}

.sub.coupon > ul > li > ul li:first-child {
	margin-top: 0;
}

.sub.coupon > ul > li > ul li span {
	width: 100%;
	font-size: 12px;
	color: #999;
}

.sub.coupon > ul > li > ul li span:first-child {
	width: 125px;
	flex-shrink: 0;
}

/* 게시판 */
.sub.community .sub_menu {
	margin-bottom: 50px;
	justify-content: center;
	display: flex;
}

.sub.community .sub_menu a {
	width: fit-content;
	flex-shrink: 0;
}

.sub.community .sub_menu a:not(:first-child) {
	margin-left: 40px;
}

.sub.community .sub_menu a.active {
	position: relative;
	color: #008362;
}

.sub.community .sub_menu a.active:before {
	content: '';
	position: absolute;
	bottom: -5px;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: #008362;
}

.sub.community table {
	margin-bottom: 30px;
}

.sub.community table .base-w {
	width: 200px;
}

.sub.community table .thumb_col {
	width: 60px;
}

.sub.community table .only_chk {
	width: fit-content;
	margin: 0 auto;
}

.sub.community .search_wrap {
	display: flex;
}

.sub.community .search_wrap .search {
	width: 100%;
	display: flex;
}

.sub.community .search_wrap .search * {
	height: 40px;
	flex-shrink: 0;
}

.sub.community .search_wrap .search select {
	width: fit-content;
	padding: 0 30px 0 15px;
}

.sub.community .search_wrap .search input[type='text'] {
	width: 100%;
	max-width: 220px;
	margin: 0 15px;
	padding: 0 15px;
}

.sub.community .search_wrap .search button {
	width: 100px;
	background-color: #222;
	color: #fff;
}

.sub.community .search_wrap .btns {
	width: fit-content;
	display: flex;
}

.sub.community .search_wrap .btns * {
	width: 100px;
	height: 40px;
	border: 1px solid #ddd;
	color: #999;
	margin-left: 15px;
	justify-content: center;
	align-items: center;
	display: flex;
}

.sub.community .search_wrap .btns *:first-child {
	margin-left: 0;
}

.sub.community .btn_wrap {
	overflow: hidden;
}

.sub.community .btn_wrap a,
.sub.community .btn_wrap button {
	width: 150px;
	height: 45px;
	border: 1px solid #ddd;
	color: #999;
	justify-content: center;
	align-items: center;
	display: flex;
}

.sub.community .btn_wrap .list_btn {
	float: left;
}

.sub.community .btn_wrap .btns {
	float: right;
	display: flex;
}

.sub.community .btn_wrap .btns * {
	float: right;
	display: flex;
}

.sub.community .btn_wrap .btns .bk_btn {
	background-color: #222;
	color: #fff;
	margin-left: 15px;
}

.sub.community_write .option {
	margin-bottom: 10px;
}

.sub.community_write .option .chk_wrap {
	display: flex;
}

.sub.community_write .option .chk_wrap label {
	margin-left: 30px;
}

.sub.community_write .option .chk_wrap label:nth-of-type(1) {
	margin-left: 0;
}

.sub.community_write ul {
	border-top: 1px solid #222;
}

.sub.community_write ul li {
	padding: 10px 0;
	border-bottom: 1px solid #ddd;
	display: flex;
}

.sub.community_write ul li .label {
	width: 200px;
	padding: 15px 0 0 30px;
	flex-shrink: 0;
}

.sub.community_write ul li .content {
	width: 100%;
}

.sub.community_write ul li .content input {
	width: 100%;
}

.sub.community_write ul li .content input[type='text'] {
	max-width: 530px;
}

.sub.community_write ul li .content input[type='password'] {
	max-width: 300px;
}

.sub.community_write ul li .content.file .file_wrap {
	align-items: center;
	display: flex;
}

.sub.community_write ul li .content.file .file_wrap label {
	width: 140px;
	height: 40px;
	color: #999;
	border: 1px solid #ddd;
	margin-right: 20px;
	flex-shrink: 0;
	justify-content: center;
	align-items: center;
	display: flex;
}

.sub.community_write ul li .content.file .file_wrap .file_name {
	width: 100%;
	color: #999;
}

.sub.community_write ul li .content.file .chk_wrap {
	margin-top: 10px;
}

.sub.community_write .btn_wrap {
	margin-top: 30px;
}

.sub.community_view .subject {
	border-top: 1px solid #222;
	padding-top: 20px;
	margin-bottom: 10px;
	font-size: 18px;
}

.sub.community_view .info {
	border-bottom: 1px solid #eee;
	padding-bottom: 20px;
	align-items: center;
	display: flex;
}

.sub.community_view .info img {
	width: 16px;
}

.sub.community_view .info img:nth-of-type(1) {
	margin-left: 20px;
}

.sub.community_view .info span {
	margin-left: 20px;
	font-size: 12px;
	font-weight: 300;
	color: #999;
	align-items: center;
	display: flex;
}

.sub.community_view .file {
	margin-bottom: 20px;
}

.sub.community_view .file li a {
	width: 100%;
	padding: 15px;
	border: 1px solid #ddd;
	margin-top: 5px;
	transition: 0.3s ease border-color;
}

.sub.community_view .file li a:first-child {
	margin-top: 0;
}

.sub.community_view .file li a:hover {
	border-color: #008362;
}

.sub.community_view .file li a .name {
	margin-bottom: 5px;
}

.sub.community_view .file li a .name span {
	font-weight: 600;
}

.sub.community_view .file li a .etc {
	font-size: 12px;
	color: #999;
}

.sub.community_view .contents * {
	color: inherit;
}

.sub.community_view .contents {
	padding: 30px 0;
	border-bottom: 1px solid #eee;
	margin-bottom: 30px;
	color: #999;
}

.sub.community_view .contents .item_info {
	margin-top: 50px;
	border-top: 1px solid #ddd;
	padding-top: 30px;
}

.sub.community_view .contents .item_info a {
	width: fit-content;
	align-items: center;
	display: flex;
}

.sub.community_view .contents .item_info a .thumb {
	overflow: hidden;
	width: 40px;
	border-radius: 50%;
	border: 1px solid #ddd;
	flex-shrink: 0;
}

.sub.community_view .contents .item_info a .detail {
	width: 100%;
	padding: 0 15px;
}

.sub.community_view .contents .item_info a .detail * {
	font-size: 12px;
}

.sub.community_view .contents .item_info a .detail .name {
	margin-bottom: 5px;
	color: #222;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-word;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	display: -webkit-box;
}

.sub.community_view .reply {
	margin-top: 50px;
}

.sub.community_view .reply .rep_subject {
	font-size: 20px;
	margin-bottom: 20px;
}

.sub.community_view .reply .subject {
	padding-bottom: 20px;
	margin-bottom: 0;
}

.sub.community_view .reply .contents {
	border-top: 1px solid #eee;
}

.sub.community_view .qa_reply {
	margin-top: 50px;
}

.sub.community_view .qa_reply ul li .content {
	margin-bottom: 0;
}

/* 상품 리스트 (공통) */
.sub .item_list {
	flex-flow: wrap;
	display: flex;
}

.sub .item_list li {
	width: calc(25% - 15px);
	margin-left: 20px;
}

.sub .item_list li.empty {
	width: 100%;
	padding: 100px 0;
	text-align: center;
	color: #999;
}

.sub .item_list li:nth-child(4n + 1) {
	margin-left: 0;
}

.sub .item_list li:nth-child(n + 5) {
	margin-top: 80px;
}

.sub .item_list li a {
	height: 100%;
	flex-flow: column;
	display: flex;
}

.sub .item_list li a .thumb {
	aspect-ratio: auto 1 / 1;
	margin-bottom: 15px;
	justify-content: center;
	align-items: center;
	display: flex;
}

.sub .item_list li a .thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.sub .item_list li a .thumb img.hover_img {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	transition: 0.3s ease opacity;
}

.sub .item_list li a .name {
	/*height: 100%;*/
	font-size: 16px;
	margin-bottom: 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-word;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	display: -webkit-box;
}

.sub .item_list li a .price {
	font-size: 16px;
	font-weight: 600;
}

.sub .item_list li a.hover:hover .thumb img.hover_img {
	opacity: 1;
}

/* 상품 리스트 */
.sub.item {
	padding: 140px 45px 80px;
	display: flex;
}

.sub.item .item_category {
	width: 275px;
	flex-shrink: 0;
}

.sub.item .item_category a {
	width: fit-content;
	font-weight: 400;
	display: block;
}

.sub.item .item_category > a {
	font-size: 20px;
	font-weight: 600;
	margin-top: 15px;
}

.sub.item .item_category > a:first-child {
	margin-top: 0;
}

.sub.item .item_category .subject {
	font-size: 18px;
	font-weight: 400;
}

.sub.item .item_category ul {
	margin-top: 5px;
}

.sub.item .item_category ul li .subject {
	position: relative;
	width: 100%;
	padding: 10px 0;
	border-bottom: 1px solid #ddd;
	cursor: pointer;
	display: block;
}

.sub.item .item_category ul li .subject:before,
.sub.item .item_category ul li .subject:after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	z-index: 1;
	margin: auto 0;
	background-color: #222;
}

.sub.item .item_category ul li .subject:before {
	width: 11px;
	height: 1px;
}

.sub.item .item_category ul li .subject:after {
	right: 5px;
	width: 1px;
	height: 11px;
	transition: 0.3s ease all;
}

.sub.item .item_category ul li .subject.no_sub:before,
.sub.item .item_category ul li .subject.no_sub:after {
	display: none;
}

.sub.item .item_category .subject.active,
.sub.item .item_category ul li.active .subject {
	font-weight: 500;
}

.sub.item .item_category ul li.active .subject:after {
	opacity: 0;
	transform: rotate(-90deg);
}

.sub.item .item_category ul li .sub_category {
	padding: 15px 0;
	display: none;
}

.sub.item .item_category ul li .sub_category a {
	margin-top: 10px;
}

.sub.item .item_category ul li .sub_category a:first-child {
	margin-top: 0;
}

.sub.item .item_category ul li .sub_category a.active {
	font-weight: 500;
}

.sub.item .item_category ul li .sub_category .sub_subject {
	font-weight: 400;
	margin-top: 10px;
	cursor: pointer;
}

.sub.item .item_category ul li .sub_category .sub_subject.active {
	font-weight: 500;
}

.sub.item .item_category ul li .sub_category .sub_subject.active:after {
	opacity: 0;
	transform: rotate(-90deg);
}

.sub.item .item_category ul li .sub_category .sub_sub_category {
	border-top: 1px solid #292929;
	border-bottom: 1px solid #292929;
	margin-top: 10px;
	padding: 10px;
	display: none;
}

.sub.item .item_category ul li .sub_category .sub_sub_category a {
	color: #292929;
}

.sub.item .item_category ul li .sub_category .sub_sub_category a.active {
	font-weight: 500;
}

.sub.item .item_content {
	width: 100%;
	padding-left: 80px;
}

.sub.item .item_content .title {
	font-size: 24px;
	font-weight: 600;
	margin-bottom: 20px;
	align-items: center;
	display: flex;
}

.sub.item .item_content .title span {
	width: 100%;
	font-weight: inherit;
}

.sub.item .item_content .title select {
	width: fit-content;
	height: 30px;
	border-color: #222;
	padding: 0 30px 0 10px;
}

.sub.item .item_content .pagination {
	margin-top: 50px;
}

.sub.item_form {
	padding: 140px 90px 100px;
	display: flex;
}

.sub.item_form .thumbnails {
	position: sticky;
	top: 140px;
	width: 100px;
	height: fit-content;
	margin-right: 15px;
	flex-shrink: 0;
}

.sub.item_form .thumbnails img {
	margin-top: 15px;
	cursor: pointer;
}

.sub.item_form .thumbnails img:first-child {
	margin-top: 0;
}

.sub.item_form .info_wrap {
	width: calc(100% - 460px);
	padding: 0 90px;
}

.sub.item_form .info_wrap .swiper {
	max-width: 800px;
	max-height: 800px;
}

.sub.item_form .info_wrap .thumb_list {
	padding: 0 70px;
}

.sub.item_form .info_wrap .thumb_list .thumb {
	height: 500px;
	aspect-ratio: auto 1 / 1;
	justify-content: center;
	align-items: center;
	display: flex;
}

.sub.item_form .info_wrap .thumb_list .slick-dots {
	position: relative;
	width: 100%;
	height: 1px;
	background-color: #222;
	margin-top: 20px;
	display: flex;
}

.sub.item_form .info_wrap .thumb_list .slick-dots li {
	position: relative;
	top: -2px;
	width: 100%;
	height: 5px;
	background-color: transparent;
	transition: 0.3s ease background-color;
}

.sub.item_form .info_wrap .thumb_list .slick-dots li.slick-active {
	background-color: #008362;
}

.sub.item_form .info_wrap .thumb_list .slick-dots li button {
	width: 100%;
	height: inherit;
	color: transparent;
}

.sub.item_form .info_wrap .m_item_info {
	margin-top: 30px;
	display: none;
}

.sub.item_form .info_wrap .m_item_info div:not(.note) {
	font-size: 20px;
}

.sub.item_form .info_wrap .m_item_info .price {
	margin-top: 20px;
}

.sub.item_form .info_wrap .m_item_info .price p {
	font-size: 13px;
	margin: 0 0 5px;
	text-decoration: line-through;
}

.sub.item_form .info_wrap .m_item_info .note{
	margin: 5px 0 15px
}

.sub.item_form .info_wrap .m_item_info .total_qty {
	font-size: 14px;
	color: #008362;
	margin-top: 5px;
}

.sub.item_form .info_wrap .relation {
	margin: 50px 0 120px;
}

.sub.item_form .info_wrap .relation .title {
	font-size: 18px;
	margin-bottom: 10px;
}

.sub.item_form .info_wrap .relation .swiper a {
	display: block;
}

.sub.item_form .info_wrap .relation .swiper a .thumb {
	margin-bottom: 10px;
	aspect-ratio: auto 1 / 1;
	justify-content: center;
	align-items: center;
	display: flex;
}

.sub.item_form .info_wrap .relation .swiper a .name {
	font-size: 16px;
	margin-bottom: 5px;
}

.sub.item_form .info_wrap .relation .swiper a .price {
	font-weight: 600;
}

.sub.item_form .info_wrap .relation .swiper a .price span {
	font-size: 16px;
}

.sub.item_form .info_wrap .relation .swiper a .price p {
	font-size: 13px;
	margin: 0 0 5px;
	text-decoration: line-through;
}

.sub.item_form .info_wrap .relation .swiper a.hover .thumb .hover_img {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	transition: 0.3s ease opacity;
}

.sub.item_form .info_wrap .relation .swiper a.hover .thumb .hover_img:hover {
	opacity: 1;
}

.sub.item_form .info_wrap .relation .empty {
	border: 1px solid #ddd;
	text-align: center;
	padding: 100px 0;
	font-size: 13px;
	color: #999;
}

.sub.item_form .info_wrap .head_html .dummy {
	height: 950px;
	line-height: 950px;
	border: 1px solid #ddd;
	text-align: center;
}

.sub.item_form .info_wrap .head_html .dummy:not(:first-child) {
	margin-top: 30px;
}

.sub.item_form .info_wrap .info > li {
	border-bottom: 1px solid #ddd;
	padding: 15px 0;
}

.sub.item_form .info_wrap .info > li:first-child {
	border-top: 1px solid #ddd;
}

.sub.item_form .info_wrap .info > li .title {
	cursor: pointer;
	align-items: center;
	display: flex;
}

.sub.item_form .info_wrap .info > li .title span {
	width: 100%;
}

.sub.item_form .info_wrap .info > li .title img {
	width: 12px;
	transition: 0.3s ease transform;
	flex-shrink: 0;
}

.sub.item_form .info_wrap .info > li .title.active img {
	transform: rotate(-180deg);
}

.sub.item_form .info_wrap .info > li .content {
	padding: 20px 0 5px;
	font-size: 13px;
	color: #999;
	display: none;
}

.sub.item_form .info_wrap .info > li .content,
.sub.item_form .info_wrap .info > li .content * {
	font-weight: 400;
}

.sub.item_form .info_wrap .info > li .info_detail {
	margin-top: 20px;
}

.sub.item_form .info_wrap .info > li .info_detail li {
	border-bottom: 1px solid #ddd;
	display: flex;
}

.sub.item_form .info_wrap .info > li .info_detail li:first-child {
	border-top: 1px solid #ddd;
}

.sub.item_form .info_wrap .info > li .info_detail li div {
	font-size: 13px;
	padding: 10px 15px;
}

.sub.item_form .info_wrap .info > li .info_detail li .label {
	width: 200px;
	border-right: 1px solid #ddd;
	background-color: #f9f9f9;
	flex-shrink: 0;
}

.sub.item_form .info_wrap .info > li .info_detail li .detail {
	width: 100%;
}

.sub.item_form .info_wrap .info_section {
	margin-top: 100px;
}

.sub.item_form .info_wrap .info_section .title {
	font-size: 18px;
	font-weight: 600;
	padding-bottom: 10px;
	border-bottom: 1px solid #222;
}

.sub.item_form .info_wrap .info_section .btns {
	justify-content: right;
	display: flex;
}

.sub.item_form .info_wrap .info_section .btns a {
	width: 100px;
	height: 30px;
	border: 1px solid #222;
	background-color: #fff;
	justify-content: center;
	align-items: center;
	display: flex;
}

.sub.item_form .info_wrap .info_section .btns .write_btn {
	background-color: #222;
	color: #fff;
	margin-left: 10px;
}

.sub.item_form .info_wrap .info_section ul:not(.pagination) {
	margin-bottom: 20px;
}

.sub.item_form .info_wrap .info_section ul:not(.pagination) li {
	border-bottom: 1px solid #ddd;
	align-items: center;
	display: flex;
}

.sub.item_form .info_wrap ul li.empty {
	padding: 100px 0 !important;
	color: #999;
	text-align: center;
	justify-content: center;
}

.sub.item_form .info_wrap .review ul:not(.pagination) li {
	padding: 30px 0;
}

.sub.item_form .info_wrap .review ul:not(.pagination) li .thumb {
	margin-right: 15px;
	flex-shrink: 0;
}

.sub.item_form .info_wrap .review ul:not(.pagination) li .m_thumb {
	margin-bottom: 10px;
	display: none;
}

.sub.item_form .info_wrap .review ul:not(.pagination) li .content_wrap {
	width: 100%;
}

.sub.item_form .info_wrap .review ul:not(.pagination) li .content_wrap * {
	font-size: 12px;
	color: #999;
}

.sub.item_form .info_wrap .review ul:not(.pagination) li .content_wrap .subject {
	margin-bottom: 15px;
	align-items: center;
	display: flex;
}

.sub.item_form .info_wrap .review ul:not(.pagination) li .content_wrap .subject span {
	overflow: hidden;
	width: 100%;
	color: #222;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding-right: 15px;
}

.sub.item_form .info_wrap .review ul:not(.pagination) li .content_wrap .subject a {
	width: fit-content;
	height: fit-content;
	flex-shrink: 0;
	align-items: center;
	display: flex;
}

.sub.item_form .info_wrap .review ul:not(.pagination) li .content_wrap .subject a img {
	margin-left: 5px;
}

.sub.item_form .info_wrap .review ul:not(.pagination) li .content_wrap .content {
	margin-bottom: 50px;
}

.sub.item_form .info_wrap .review ul:not(.pagination) li .content_wrap .content,
.sub.item_form .info_wrap .review ul:not(.pagination) li .content_wrap .content * {
	font-weight: 400;
}

.sub.item_form .info_wrap .review ul:not(.pagination) li .content_wrap .date {
	align-items: center;
	display: flex;
}

.sub.item_form .info_wrap .review ul:not(.pagination) li .content_wrap .date * {
	flex-shrink: 0;
}

.sub.item_form .info_wrap .review ul:not(.pagination) li .content_wrap .date span {
	position: relative;
	margin: 0 10px;
}

.sub.item_form .info_wrap .review ul:not(.pagination) li .content_wrap .date span:first-child {
	margin: 0;
	padding-right: 10px;
}

.sub.item_form .info_wrap .review ul:not(.pagination) li .content_wrap .date span:first-child:before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	width: 1px;
	height: 10px;
	background-color: #999;
	margin: auto 0;
}

.sub.item_form .info_wrap .review ul:not(.pagination) li .content_wrap .date a {
	color: #fff;
	border-radius: 2px;
	margin-left: 5px;
	padding: 2px 5px;
}

.sub.item_form .info_wrap .qa ul:not(.pagination) li {
	padding: 15px 0;
}

.sub.item_form .info_wrap .qa ul:not(.pagination) li * {
	font-size: 12px;
	color: #999;
	text-align: center;
	flex-shrink: 0;
}

.sub.item_form .info_wrap .qa ul:not(.pagination) li .num {
	width: 95px;
}

.sub.item_form .info_wrap .qa ul:not(.pagination) li .subject {
	width: 100%;
	padding: 0 20px;
	text-align: left;
	flex-shrink: 1;
}

.sub.item_form .info_wrap .qa ul:not(.pagination) li .subject a {
	width: 100%;
	text-align: left;
}

.sub.item_form .info_wrap .qa ul:not(.pagination) li .subject a img {
	position: relative;
	top: 2px;
	width: 12px;
	display: inline-block;
}

.sub.item_form .info_wrap .qa ul:not(.pagination) li .name,
.sub.item_form .info_wrap .qa ul:not(.pagination) li .status {
	width: 100px;
}

.sub.item_form .info_wrap .qa ul:not(.pagination) li .date {
	width: 130px;
}

.sub.item_form .payment_form {
	position: sticky;
	top: 140px;
	width: 345px;
	height: fit-content;
	flex-shrink: 0;
}

.sub.item_form .payment_form .opt_close_btn {
	width: 25px;
	height: 25px;
	border-radius: 50%;
	background-color: #fff;
	margin: 0 auto 10px;
	justify-content: center;
	align-items: center;
	display: none;
}

.sub.item_form .payment_form .opt_close_btn img {
	width: 10px;
}

.sub.item_form .payment_form .name,
.sub.item_form .payment_form .price {
	font-size: 20px;
}

.sub.item_form .payment_form .price {
	margin: 20px 0 0;
}

.sub.item_form .payment_form .price p {
	font-size: 13px;
	margin: 0 0 5px;
	text-decoration: line-through;
}

.sub.item_form .payment_form .note{
	margin: 5px 0 40px;;
}

.sub.item_form .payment_form .sit_option li {
	margin-top: 30px;
}

.sub.item_form .payment_form .sit_option li .label {
	font-size: 12px;
	color: #999;
	margin-bottom: 10px;
}

.sub.item_form .payment_form .sit_option li select {
	width: 100%;
	height: 30px;
	border-color: #222;
	font-size: 12px;
	padding: 0 30px 0 10px;
}

.sub.item_form .payment_form #sit_sel_option {
	margin-top: 40px;
}

.sub.item_form .payment_form .option_controls {
	overflow-y: auto;
	max-height: 150px;
	margin-bottom: 20px;
}

.sub.item_form .payment_form .option_controls li {
	margin-top: 2px;
	align-items: center;
	display: flex;
}

.sub.item_form .payment_form .option_controls li .name {
	width: 100%;
	font-size: 14px;
	padding-right: 20px;
}

.sub.item_form .payment_form .option_controls li .opt_count {
	width: fit-content;
	flex-shrink: 0;
	align-items: center;
	display: flex;
}

.sub.item_form .payment_form .option_controls li .opt_count .sit_opt_prc {
	margin-right: 10px;
}

.sub.item_form .payment_form .option_controls li .opt_count input,
.sub.item_form .payment_form .option_controls li .opt_count button {
	height: 30px;
	border: 1px solid #222;
	padding: 0 10px;
	font-size: 12px;
}

.sub.item_form .payment_form .option_controls li .opt_count input {
	width: 50px;
	margin: 0 2px;
	text-align: center;
}

.sub.item_form .payment_form .option_controls li .opt_count .del_btn {
	width: fit-content;
	height: fit-content;
	border: 0;
	padding: 0;
	margin-left: 10px;
}

.sub.item_form .payment_form .total_price {
	align-items: center;
	display: flex;
}
.sub.item_form .payment_form .total_price > span {
	margin-left: 4px;
}

.sub.item_form .payment_form .total_price span {
	font-size: 20px;
}

.sub.item_form .payment_form .total_price span:last-child {
	margin-left: 5px;
}

.sub.item_form .payment_form .total_qty {
	color: #008362;
}

.sub.item_form .payment_form .btns {
	margin-top: 15px;
}

.sub.item_form .payment_form .btns button,
.sub.item_form .payment_form .btns a {
	width: 100%;
	height: 40px;
	border: 1px solid #008362;
	color: #008362;
}

.sub.item_form .payment_form .btns .sit_btn_buy {
	font-weight: 600;
}

.sub.item_form .payment_form .btns .wrap {
	margin-bottom: 5px;
	display: flex;
}

.sub.item_form .payment_form .btns .wrap * {
	width: 100%;
	color: #999;
	border-color: #ddd;
	margin-left: 5px;
	justify-content: center;
	align-items: center;
	display: flex;
}

.sub.item_form .payment_form .btns .wrap *:first-child {
	margin-left: 0;
}

.sub.item_form .payment_form .btns .m_wrap {
	width: 100%;
	display: none;
}

.sub.item_form .payment_form .btns .m_wrap > * {
	width: 45px;
	height: 45px;
	border: 0;
	flex-shrink: 0;
	justify-content: center;
	align-items: center;
	display: flex;
}

.sub.item_form .payment_form .btns .m_wrap .sit_btn_cart {
	background-color: #222;
}

.sub.item_form .payment_form .btns .m_wrap .sit_btn_wish {
	background-color: #cf001c;
}

.sub.item_form .payment_form .btns .m_sit_btn_buy {
	display: none;
}

.put_layer .layer_container {
	width: 450px;
}

.put_layer .announce {
	padding: 10px 0;
	color: #999;
}

.put_layer .btns {
	margin-top: 20px;
	display: flex;
}

.put_layer .btns button {
	width: 100%;
	height: 50px;
	font-size: 20px;
	font-weight: 600;
	background-color: #f5f5f5;
}

.put_layer .btns .move_btn {
	background-color: #008362;
	color: #fff;
	margin-right: 10px;
}

/* 리뷰/문의 작성 */
.sub.review_qa_form {
	min-height: auto;
	padding: 45px 25px;
}

.sub.review_qa_form table {
	border-top: 1px solid #222;
}

.sub.review_qa_form table tr td input[type='text'] {
	width: 100%;
	padding: 0 10px;
}

.sub.review_qa_form table tr td .star_wrap {
	display: flex;
}

.sub.review_qa_form table tr td .star_wrap button {
	height: fit-content;
}

.sub.review_qa_form table tr td .star_wrap button img {
	width: 22px;
}

.sub.review_qa_form .btn_wrap {
	justify-content: center;
	display: flex;
}

.sub.review_qa_form .btn_wrap button {
	width: fit-content;
	padding: 0 25px;
}

.sub.review_qa_form .btn_wrap button[type='submit'] {
	background-color: #222;
	color: #fff;
	border: 0;
}

.sub.review_qa_form .btn_wrap button:not(:first-child) {
	margin-left: 10px;
}

/* 리뷰/문의 공통 */
.sub.review_qa .search {
	margin-bottom: 60px;
	display: flex;
}

.sub.review_qa .search * {
	flex-shrink: 0;
}

.sub.review_qa .search select {
	width: fit-content;
	height: 40px;
	padding: 0 30px 0 10px;
}

.sub.review_qa .search input {
	width: 220px;
	height: 40px;
	margin: 0 10px;
}

.sub.review_qa .search button {
	width: 100px;
	height: 40px;
	background-color: #222;
	color: #fff;
}

/* 리뷰 리스트 */
.sub.review_list ul {
	flex-flow: wrap;
	display: flex;
}

.sub.review_list ul li {
	width: calc(20% - 16px);
	margin-left: 20px;
}

.sub.review_list ul li:nth-child(5n + 1) {
	margin-left: 0;
}

.sub.review_list ul li:nth-child(n + 6) {
	margin-top: 50px;
}

.sub.review_list ul li a {
	border-bottom: 1px solid #ddd;
	display: block;
}

.sub.review_list ul li a div {
	font-size: 12px;
	margin-top: 15px;
}

.sub.review_list ul li a .thumb {
	width: 100%;
	border: 1px solid #f6f6f6;
	margin-top: 0;
	aspect-ratio: auto 1 / 1;
	justify-content: center;
	align-items: center;
	display: flex;
}

.sub.review_list ul li a .thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.sub.review_list ul li a .content {
	height: 30px;
	font-weight: 400;
	color: #999;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-word;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	display: -webkit-box;
}

.sub.review_list ul li a .star {
	margin-bottom: 20px;
	display: flex;
}

.sub.review_list ul li a .star img {
	width: 16px;
}

.sub.review_list ul li .item_info {
	width: fit-content;
	margin-top: 20px;
	border: 0;
	align-items: center;
	display: flex;
}

.sub.review_list ul li .item_info .thumb {
	overflow: hidden;
	width: 40px;
	border-radius: 50%;
	border: 1px solid #ddd;
	flex-shrink: 0;
}

.sub.review_list ul li .item_info .detail {
	padding: 0 15px;
	margin: 0;
}

.sub.review_list ul li .item_info .detail .name {
	margin: 0 0 5px;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-word;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	display: -webkit-box;
}

.sub.review_list ul li .item_info .detail .price {
	margin: 0;
	color: #999;
}

.sub.review_list ul li.empty {
	width: 100%;
	padding: 100px 0;
	text-align: center;
	border: 1px solid #ddd;
	border-left: 0;
	border-right: 0;
	color: #999;
}

/* 문의 리스트 */
.sub.qa_list table tr td.subject {
	text-align: left;
	padding-left: 30px;
}

.sub.community table tr td a,
.sub.qa_list table tr td.subject button {
	width: 100%;
	height: fit-content;
	text-align: left;
}

.sub.community table tr td a span {
	overflow: hidden;
	width: 100%;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: inline-block;
}

.sub.qa_list table tr td.subject img {
	position: relative;
	top: -3px;
	width: 12px;
	margin-left: 5px;
	display: inline-block;
}

.sub.qa_list table tr td.subject a.secret {
	width: 100%;
}

.sub.qa_list table tr td.subject a.secret span {
	width: calc(100% - 20px);
}

.passwd_cnf_layer input[type='password'] {
	padding: 0 10px;
	text-align: center;
}

.passwd_cnf_layer .btns {
	margin-top: 10px;
	display: flex;
}

.passwd_cnf_layer .btns button {
	width: 100%;
	border: 1px solid #ddd;
}

.passwd_cnf_layer .btns button[type='submit'] {
	background-color: #222;
	color: #fff;
	border: 0;
	margin-right: 10px;
}

/* 품목 검색 */
.sub.item_search .search_box {
	width: 620px;
	margin: 0 auto 80px;
}

.sub.item_search .search_box input {
	width: 100%;
	height: 70px;
	border: 2px solid #222;
	padding: 0 70px 0 20px;
	font-size: 25px;
	font-weight: 600;
}

.sub.item_search .search_box button {
	position: absolute;
	top: 0;
	right: 0;
	width: 70px;
	height: 70px;
}

.sub.item_search .search_box button img {
	margin: 0 auto;
}

.sub.item_search .ord_wrap {
	margin-bottom: 20px;
	align-items: center;
	display: flex;
}

.sub.item_search .ord_wrap .result {
	width: 100%;
	font-size: 18px;
}

.sub.item_search .ord_wrap select {
	width: fit-content;
	height: 30px;
	padding: 0 30px 0 10px;
	border: 1px solid #222;
	flex-shrink: 0;
}

/* 카트/장바구니/CART */
.cart .cart_wrap {
	display: flex;
}

.cart .cart_wrap .cart_list {
	width: 100%;
	margin-right: 160px;
}

.cart .cart_wrap .cart_list > ul {
	border: 1px solid #222;
	border-left: 0;
	border-right: 0;
}

.cart .cart_wrap .cart_list > ul > li {
	padding: 20px 0;
	border-top: 1px solid #ddd;
	align-items: center;
	display: flex;
}

.cart .cart_wrap .cart_list > ul > li:first-child {
	border-top: 0;
}

.cart .cart_wrap .cart_list > ul > li.empty {
	padding: 100px 0;
	color: #999;
	justify-content: center;
}

.cart .cart_wrap .cart_list > ul > li .thumb {
	position: relative;
	flex-shrink: 0;
}

.cart .cart_wrap .cart_list > ul > li .thumb .hover_img {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	transition: 0.3s ease opacity;
}

.cart .cart_wrap .cart_list > ul > li .thumb .hover_img:hover {
	opacity: 1;
}

.cart .cart_wrap .cart_list > ul > li .info {
	width: 100%;
	padding: 0 20px;
}

.cart .cart_wrap .cart_list > ul > li .info * {
	font-size: 12px;
}

.cart .cart_wrap .cart_list > ul > li .info .name {
	margin-bottom: 15px;
}

.cart .cart_wrap .cart_list > ul > li .info .option {
	margin-bottom: 5px;
	align-items: center;
	display: flex;
}

.cart .cart_wrap .cart_list > ul > li .info .option .opt_name {
	color: #999;
	margin-right: 10px;
}

.cart .cart_wrap .cart_list > ul > li .info .option .opt_btn {
	height: fit-content;
	text-decoration: underline;
}

.cart .cart_wrap .cart_list > ul > li .info .price {
	align-items: center;
	display: flex;
}

.cart .cart_wrap .cart_list > ul > li .info .price * {
	flex-shrink: 0;
}

.cart .cart_wrap .cart_list > ul > li .info .price p {
	text-decoration: line-through;
	font-size: 10px;
	margin-right: 5px;
}

.cart .cart_wrap .cart_list > ul > li .info .price span {
	color: #008362;
}

.cart .cart_wrap .cart_list > ul > li .qty,
.cart .cart_wrap .cart_list > ul > li .cal_price {
	width: 120px;
	text-align: center;
	flex-shrink: 0;
}

.cart .cart_wrap .cart_list .cart_btns {
	width: 100%;
	margin: 20px 0 35px;
	justify-content: right;
	display: flex;
}

.cart .cart_wrap .cart_list .cart_btns button {
	width: 110px;
	height: 30px;
	border: 1px solid #222;
	background-color: #fff;
	color: #222;
	margin-left: 10px;
	transition: 0.3s ease all;
	justify-content: center;
	align-items: center;
	display: flex;
}

.cart .cart_wrap .cart_list .cart_btns button:first-child {
	margin-left: 0;
}

.cart .cart_wrap .cart_list .cart_btns button.all_chk_btn.on {
	background-color: #222;
	color: #fff;
}

.cart .cart_wrap .cart_total_wrap {
	position: sticky;
	top: 90px;
	width: 450px;
	height: fit-content;
	flex-shrink: 0;
}

.cart .cart_wrap .cart_total_wrap .cart_total .box {
	padding: 20px;
	background-color: #f5f5f5;
	margin-bottom: 20px;
}

.cart .cart_wrap .cart_total_wrap .cart_total .box .title {
	font-size: 20px;
	font-weight: 600;
}

.cart .cart_wrap .cart_total_wrap .cart_total .box ul {
	margin: 20px 0;
	padding: 20px 0;
	border: 1px solid #222;
	border-left: 0;
	border-right: 0;
}

.cart .cart_wrap .cart_total_wrap .cart_total .box ul li {
	font-size: 12px;
	display: flex;
}

.cart .cart_wrap .cart_total_wrap .cart_total .box ul li:first-child {
	margin-bottom: 10px;
}

.cart .cart_wrap .cart_total_wrap .cart_total .box ul li div {
	font-size: inherit;
	flex-shrink: 0;
}

.cart .cart_wrap .cart_total_wrap .cart_total .box ul li span {
	width: 100%;
	text-align: right;
}

.cart .cart_wrap .cart_total_wrap .cart_total .box .total_price {
	font-size: 20px;
	font-weight: 600;
	color: #008362;
	display: flex;
}

.cart .cart_wrap .cart_total_wrap .cart_total .box .total_price div {
	font-size: inherit;
	font-weight: inherit;
	color: inherit;
	flex-shrink: 0;
}

.cart .cart_wrap .cart_total_wrap .cart_total .box .total_price span {
	width: 100%;
	text-align: right;
	font-weight: inherit;
}

.cart .cart_wrap .cart_total_wrap .cart_total a,
.cart .cart_wrap .cart_total_wrap .cart_total button {
	width: 100%;
	height: 50px;
	line-height: 50px;
	font-size: 20px;
	font-weight: 600;
	color: #fff;
	text-align: center;
	margin-top: 10px;
	display: block;
}

.cart .cart_wrap .cart_total_wrap .cart_total .order_btn {
	background-color: #008362;
}

.cart .cart_wrap .cart_total_wrap .cart_total .shop_btn,
.cart .cart_wrap .cart_total_wrap .cart_total .sel_order_btn {
	background-color: #222;
}

.cart_layer .layer_container {
	width: 400px;
}

.cart_layer .option_list {
	border-bottom: 1px solid #ddd;
	padding-bottom: 10px;
}

.cart_layer .option_list:last-child {
	margin-bottom: 0;
}

.cart_layer .option_list li {
	margin-top: 5px;
	align-items: center;
	display: flex;
}

.cart_layer .option_list li:first-child {
	margin-top: 0;
}

.cart_layer .option_list li .label {
	width: 100px;
	font-size: 15px;
	flex-shrink: 0;
}

.cart_layer .option_list li select {
	width: 100%;
	height: 35px;
	padding: 0 35px 0 10px;
	font-size: 13px;
	border-color: #222;
}

.cart_layer .option_controls {
	padding: 10px 0;
}

.cart_layer .option_controls li {
	margin-top: 2px;
	align-items: center;
	display: flex;
}

.cart_layer .option_controls li:first-child {
	margin-top: 0;
}

.cart_layer .option_controls li .name {
	width: 100%;
	padding-right: 15px;
	font-size: 13px;
}

.cart_layer .option_controls li .opt_count {
	flex-shrink: 0;
	align-items: center;
	display: flex;
}

.cart_layer .option_controls li .opt_count .sit_opt_prc {
	font-size: 13px;
	margin-right: 10px;
}

.cart_layer .option_controls li .opt_count input {
	width: 50px;
	height: 30px;
	border-left: 0;
	border-right: 0;
	border-color: #222;
	font-size: 13px;
	text-align: center;
	padding: 0 10px;
}

.cart_layer .option_controls li .opt_count button[class^='sit_qty'] {
	width: 30px;
	height: 30px;
	border: 1px solid #222;
	font-size: 13px;
}

.cart_layer .option_controls li .del_btn {
	width: fit-content;
	height: fit-content;
	border: 0;
	padding: 0;
	margin-left: 10px;
	font-size: 12px;
}

.cart_layer .option_controls li .del_btn img {
	width: 8px;
}

.cart_layer .total_price {
	font-size: 18px;
	margin-top: 10px;
	align-items: center;
	display: flex;
}

.cart_layer .total_price > span {
	margin-left: 5px;
}

.cart_layer .total_price span {
	font-size: 22px;
	font-weight: 600;
}

.cart_layer .layer_btns {
	margin-top: 20px;
	display: flex;
}

.cart_layer .layer_btns button {
	width: 100%;
	height: 35px;
	border: 1px solid #222;
}

.cart_layer .layer_btns button[type='submit'] {
	background-color: #008362;
	color: #fff;
	border-color: #008362;
	margin-right: 5px;
}

/* ORDER/주문서 */
.order_form .order_wrap {
	display: flex;
}

.order_form .order_wrap .form_wrap {
	width: 100%;
}

.order_form .order_wrap .form_wrap .section {
	margin-top: 80px;
	padding-top: 20px;
	border-top: 1px solid #222;
}

.order_form .order_wrap .form_wrap .section:first-child {
	margin-top: 0;
}

.order_form .order_wrap .form_wrap .order_title {
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 30px;
}

.order_form .order_wrap .form_wrap .order_title * {
	font-size: inherit;
	font-weight: inherit;
}

.order_form .order_wrap .form_wrap .order_title > span {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	font-size: 14px;
	font-weight: 400;
	margin: auto 0;
}

.order_form .order_wrap .form_wrap ul li {
	margin-bottom: 20px;
	display: flex;
}

.order_form .order_wrap .form_wrap ul li:last-child {
	margin-bottom: 0;
}

.order_form .order_wrap .form_wrap ul li .label {
	width: 140px;
	padding-top: 15px;
	flex-shrink: 0;
}

.order_form .order_wrap .form_wrap ul li .content,
.order_form .order_wrap .form_wrap ul li .content input,
.order_form .order_wrap .form_wrap ul li .content select {
	width: 100%;
}

.order_form .order_wrap .form_wrap ul li .content > * {
	margin-top: 10px;
}

.order_form .order_wrap .form_wrap ul li .content > *:first-child {
	margin-top: 0;
}

.order_form .order_wrap .form_wrap ul li .content .frm_info {
	font-size: 12px;
	color: #999;
	margin-top: 5px;
	display: block;
}

.order_form .order_wrap .form_wrap ul li .content .addr_btn {
	height: 45px;
	padding: 0 20px;
	background-color: #222;
	color: #fff;
	margin-left: 10px;
	flex-shrink: 0;
}

.order_form .order_wrap .form_wrap  .comment,
.order_form .order_wrap .form_wrap  .announce * {
	color: #999;
}

.order_form .order_wrap .form_wrap .announce {
	line-height: 22px;
	margin-top: 30px;
}

.order_form .order_wrap .form_wrap .announce .wrap div:last-child {
	margin-left: 5px;
}

.order_form .order_wrap .form_wrap .order_items .order_title {
	margin-bottom: 0;
}

.order_form .order_wrap .form_wrap .order_items ul {
	border-bottom: 1px solid #222;
}

.order_form .order_wrap .form_wrap .order_items ul li {
	padding: 20px 0;
	border-bottom: 1px solid #ddd;
	align-items: center;
}

.order_form .order_wrap .form_wrap .order_items ul li:last-child {
	border-bottom: 0;
}

.order_form .order_wrap .form_wrap .order_items ul li * {
	font-size: 12px;
}

.order_form .order_wrap .form_wrap .order_items ul li .thumb {
	margin-right: 20px;
	flex-shrink: 0;
}

.order_form .order_wrap .form_wrap .order_items ul li .thumb img {
	width: 90px;
	aspect-ratio: auto 1 / 1;
}

.order_form .order_wrap .form_wrap .order_items ul li .info {
	width: 100%;
}

.order_form .order_wrap .form_wrap .order_items ul li .info .name {
	margin-bottom: 15px;
}

.order_form .order_wrap .form_wrap .order_items ul li .info .opt * {
	margin-top: 2px;
	color: #999;
}

.order_form .order_wrap .form_wrap .order_items ul li .info .opt *:first-child {
	margin-top: 0;
}

.order_form .order_wrap .form_wrap .order_items ul li .info .opt_name {
	margin-right: 5px;
}

.order_form .order_wrap .form_wrap .order_items ul li .info .price {
	margin-top: 5px;
}

.order_form .order_wrap .form_wrap .order_items ul li .send_cost {
	width: fit-content;
	flex-shrink: 0;
}

.order_form .order_wrap .form_wrap .order_info ul li {
	margin-top: 20px;
}

.order_form .order_wrap .form_wrap .order_info ul li:first-child {
	margin-top: 0;
}

.order_form .order_wrap .form_wrap .order_info ul li .send_cost {
	width: fit-content;
	flex-shrink: 0;
}

.order_form .order_wrap .form_wrap .delivery_info .order_title {
	align-items: center;
	display: flex;
}

.order_form .order_wrap .form_wrap .delivery_info .order_title .radio_wrap {
	width: 100%;
	margin-left: 35px;
}

.order_form .order_wrap .form_wrap .delivery_info .order_title .radio_wrap label {
	font-size: 14px;
	font-weight: 400;
	margin-left: 20px;
}

.order_form .order_wrap .form_wrap .delivery_info .order_title .radio_wrap label:nth-of-type(1) {
	margin-left: 0;
}

.order_form .order_wrap .form_wrap .delivery_info .order_title .delivery_btn {
	height: 30px;
	padding: 0 10px;
	border: 1px solid #222;
	font-size: 14px;
	font-weight: 400;
	flex-shrink: 0;
	align-items: center;
	display: flex;
}

.order_form .order_wrap .form_wrap .delivery_info ul li .select_wrap select {
	padding-right: 45px;
}

.order_form .order_wrap .form_wrap .delivery_info ul li .select_wrap span {
	width: 45px;
	height: 45px;
}

.order_form .order_wrap .form_wrap .coupon .cancel_wrap {
	width: 100%;
	margin-right: 10px;
}

.order_form .order_wrap .form_wrap .coupon .cancel_wrap input[type='text'] {
	color: #999;
	transition: 0.3s ease padding-right;
}

.order_form .order_wrap .form_wrap .coupon .cancel_wrap .cancel_btn {
	position: absolute;
	top: 0;
	right: 15px;
	z-index: -1;
	opacity: 0;
	transition: 0.3s ease opacity;
}

.order_form .order_wrap .form_wrap .coupon .cancel_wrap .cancel_btn img {
	width: 12px;
}

.order_form .order_wrap .form_wrap .coupon .cancel_wrap:hover input[type='text'] {
	padding-right: 35px;
}

.order_form .order_wrap .form_wrap .coupon .cancel_wrap:hover .cancel_btn {
	z-index: 1;
	opacity: 1;
}

.order_form .order_wrap .form_wrap .coupon .coupon_list {
	width: 100%;
	border: 1px solid #ddd;
	padding: 20px;
}

.order_form .order_wrap .form_wrap .coupon .coupon_list div {
	align-items: center;
	display: flex;
}

.order_form .order_wrap .form_wrap .coupon .coupon_list div:not(:first-child) {
	margin-top: 5px;
}

.order_form .order_wrap .form_wrap .coupon .coupon_list div button {
	height: fit-content;
	margin-left: 5px;
}

.order_form .order_wrap .form_wrap .coupon .coupon_list div button img {
	width: 10px;
}

.order_form .order_wrap .form_wrap .coupon .disc_btn {
	height: 45px;
	padding: 0 20px;
	background-color: #222;
	color: #fff;
	margin-left: 25px;
	flex-shrink: 0;
}

.order_form .order_wrap .form_wrap .coupon .use_btn {
	background-color: #008362;
}

.order_form .order_wrap .form_wrap .pay_method .order_title {
	margin-bottom: 20px;
}

.order_form .order_wrap .form_wrap .pay_method .pay_wrap {
	flex-flow: wrap;
	display: flex;
}

.order_form .order_wrap .form_wrap .pay_method .pay_wrap label {
	width: calc(25% - 18.75px);
	height: 50px;
	border: 1px solid #707070;
	margin-left: 25px;
	transition: 0.3s ease all;
	justify-content: center;
	align-items: center;
	display: flex;
}

.order_form .order_wrap .form_wrap .pay_method .pay_wrap label:nth-of-type(4n + 1) {
	margin-left: 0;
}

.order_form .order_wrap .form_wrap .pay_method .pay_wrap label:nth-of-type(n + 5) {
	margin-top: 25px;
}

.order_form .order_wrap .form_wrap .pay_method .pay_wrap input:checked + label {
	border-color: #008362;
	color: #008362;
}

.order_form .order_wrap .form_wrap .pay_method .settle_bank {
	border: 1px solid #222;
	padding: 20px;
	margin-top: 15px;
	display: none;
}

.order_form .order_wrap .form_wrap .pay_method .settle_bank .account {
	font-size: 17px;
	margin-bottom: 15px;
	text-align: center;
}

.order_form .order_wrap .form_wrap .pay_method .settle_bank .wrap {
	align-items: center;
	display: flex;
}

.order_form .order_wrap .form_wrap .pay_method .settle_bank .wrap .label {
	width: 140px;
	flex-shrink: 0;
}

.order_form .order_wrap .form_wrap .pay_method .settle_bank .wrap .content,
.order_form .order_wrap .form_wrap .pay_method .settle_bank .wrap .content input {
	width: 100%;
}

.order_form .order_wrap .payment {
	position: sticky;
	top: 80px;
	z-index: 1;
	width: 100%;
	height: fit-content;
	margin-left: 160px;
}

.order_form .order_wrap .payment .box {
	background-color: #f5f5f5;
	padding: 20px;
	margin-top: 30px;
}

.order_form .order_wrap .payment .box:first-child {
	margin-top: 0;
}

.order_form .order_wrap .payment .box .box_title {
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 20px;
}

.order_form .order_wrap .payment .box ul {
	border: 1px solid #222;
	border-left: 0;
	border-right: 0;
	padding-top: 20px;
	margin-bottom: 20px;
}

.order_form .order_wrap .payment .box ul li {
	padding-bottom: 20px;
	display: flex;
}

.order_form .order_wrap .payment .box ul li * {
	font-size: 12px;
}

.order_form .order_wrap .payment .box ul li .label {
	flex-shrink: 0;
}

.order_form .order_wrap .payment .box ul li .content {
	width: 100%;
	text-align: right;
}

.order_form .order_wrap .payment .box .tot_price {
	display: flex;
}

.order_form .order_wrap .payment .box .tot_price * {
	font-size: 20px;
	font-weight: 600;
	color: #008362;
}

.order_form .order_wrap .payment .box .tot_price .label {
	flex-shrink: 0;
}

.order_form .order_wrap .payment .box .tot_price .content {
	width: 100%;
	text-align: right;
}

.order_form .order_wrap .payment .box label {
	color: #222;
}

.order_form .order_wrap .payment .box .privacy {
	color: #999;
	text-decoration: underline;
	margin: 20px 0;
}

.order_form .order_wrap .payment .box .btns * {
	width: 100%;
	height: 50px;
	font-size: 20px;
	font-weight: 600;
}

.order_form .order_wrap .payment .box .order_btn {
	background-color: #008362;
	color: #fff;
	border: 0;
	cursor: pointer;
}

.order_form .order_wrap .payment .box .cancel_btn {
	background-color: #fff;
	border: 1px solid #008362;
	color: #008362;
	margin-top: 10px;
	justify-content: center;
	align-items: center;
	display: flex;
}

/* 쿠폰 레이어 */
.coupon_layer .layer_container {
	min-width: 600px;
}

.coupon_layer .layer_content ul {
	flex-flow: wrap;
	display: flex;
}

.coupon_layer .layer_content ul li {
	width: calc(50% - 5px);
	margin-left: 10px;
	padding: 15px;
	border: 1px solid #ddd;
	transition: 0.3s ease border-color;
	cursor: pointer;
}

.coupon_layer .layer_content ul li.empty {
	width: 100%;
	padding: 50px 0;
	text-align: center;
	color: #999;
	cursor: initial;
}

.coupon_layer .layer_content ul li.active {
	border-color: #008362;
}

.coupon_layer .layer_content ul li:nth-child(2n + 1) {
	margin-left: 0;
}

.coupon_layer .layer_content ul li:nth-child(n + 3) {
	margin-top: 10px;
}

.coupon_layer .layer_content ul li .subject {
	font-size: 17px;
	margin-bottom: 10px;
}

.coupon_layer .layer_content ul li .cp_option {
	line-height: 20px;
	font-size: 13px;
	color: #777;
}

.coupon_layer .layer_btns button {
	width: 100%;
	height: 40px;
	background-color: #008362;
	color: #fff;
	font-size: 15px;
	margin-top: 20px;
}

/* 배송지 관리 */
.delivery_list {
	min-height: auto;
	padding: 45px;
}

.delivery_list ul li {
	padding: 25px;
	border: 1px solid #ddd;
	margin-top: 15px;
	display: flex;
}

.delivery_list ul li:first-child {
	margin-top: 0;
}

.delivery_list ul li.empty {
	padding: 80px 0;
	border: 1px solid #ddd;
	color: #999;
	justify-content: center;
}

.delivery_list ul li .info {
	width: 100%;
}

.delivery_list ul li .info .name {
	font-size: 18px;
	align-items: center;
	display: flex;
}

.delivery_list ul li .info .name .badge {
	padding: 2px 15px;
	background-color: #008362;
	color: #fff;
	font-size: 12px;
	margin-left: 15px;
}

.delivery_list ul li .info .txt {
	margin-top: 10px;
}

.delivery_list ul li .info .badges {
	margin-top: 20px;
	display: flex;
}

.delivery_list ul li .info .badges button {
	height: 30px;
	padding: 0 10px;
	border: 1px solid #008362;
	font-size: 13px;
	color: #008362;
	margin-left: 5px;
	transition: 0.3s ease all;
}

.delivery_list ul li .info .badges button:first-child {
	margin-left: 0;
}

.delivery_list ul li .info .badges button:hover {
	background-color: #008362;
	color: #fff;
}

.delivery_list ul li .btns {
	width: fit-content;
	flex-shrink: 0;
	display: flex;
}

.delivery_list ul li .btns * {
	height: 30px;
	padding: 0 10px;
	border: 1px solid #ddd;
	font-size: 13px;
	color: #999;
	margin-left: 5px;
	justify-content: center;
	align-items: center;
	display: flex;
}

.delivery_list ul li .btns *:first-child {
	margin-left: 0;
}

.delivery_list .add_btn {
	width: 150px;
	height: 35px;
	background-color: #222;
	color: #fff;
	margin: 20px auto 0;
	display: block;
}

.delivery_list .addr_frm {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1;
	overflow-y: auto;
	width: 100%;
	height: 100%;
	background-color: #fff;
	padding: 45px;
	display: none;
}

.delivery_list .addr_frm .title {
	font-size: 20px;
	text-align: center;
	margin-bottom: 35px;
}

.delivery_list .addr_frm input[type='text'] {
	width: 100%;
	margin-top: 5px;
}

.delivery_list .addr_frm .addr_btn {
	background-color: #222;
	color: #fff;
	margin: 5px 0 0 5px;
	padding: 0 15px;
	flex-shrink: 0;
}

.delivery_list .addr_frm .btns {
	width: fit-content;
	margin: 30px auto 0;
	display: flex;
}

.delivery_list .addr_frm .btns * {
	height: 45px;
	padding: 0 40px;
}

.delivery_list .addr_frm .btns [type='button'] {
	border: 1px solid #008362;
	color: #008362;
	margin-left: 10px;
}

.delivery_list .addr_frm .btns .save_btn {
	background-color: #008362;
	color: #fff;
}

/* 주문취소, 반품·교환 공통 */
.exchange_layer .layer_container,
.cancel_layer .layer_container {
	width: 650px;
}

.cancel_layer .layer_container button[type='submit'],
.exchange_layer .layer_container button[type='submit'] {
	width: 100%;
	height: 50px;
	background-color: #222;
	color: #fff;
	font-size: 20px;
	font-weight: 600;
	margin-top: 20px;
}

/* 반품·교환 */
.exchange_layer .layer_container .tab {
	margin-bottom: 20px;
	border-bottom: 0;
	display: flex;
}

.exchange_layer .layer_container .tab label {
	width: 100%;
	height: 50px;
	line-height: 50px;
	font-size: 20px;
	font-weight: 600;
	text-align: center;
	background-color: #f5f5f5;
	transition: 0.3s ease all;
}

.exchange_layer .layer_container .tab label:nth-of-type(1) {
	margin-right: 10px;
}

.exchange_layer .layer_container .tab input:checked + label {
	background-color: #008362;
	color: #fff;
}

/* 약관 */
.sub.terms .content {
	border: 1px solid #ddd;
	padding: 45px;
}

/* LAYER */
.layer {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.75);
	display: none;
}

.layer .wrap {
	height: 100%;
	justify-content: center;
	align-items: center;
	display: flex;
}

.layer .wrap .layer_container {
	max-width: 95%;
	padding: 20px;
	background-color: #fff;
}

.layer .wrap .layer_container > .close_btn {
	position: absolute;
	top: 26px;
	right: 20px;
	z-index: 1;
	height: fit-content;
	font-size: 20px;
}

.layer .wrap .layer_container > .close_btn img {
	width: 14px;
}

.layer .wrap .layer_container > .layer_title {
	font-size: 20px;
	font-weight: 600;
	border-bottom: 1px solid #222;
	padding-bottom: 10px;
	margin-bottom: 20px;
}

/* PAGINATION */
.pagination {
	width: fit-content;
	margin: 20px auto;
	display: flex;
}

.pagination li {
	padding: 0 10px;
	flex-shrink: 0;
}

.pagination li a {
	font-size: 12px;
	color: #ddd;
}

.pagination li a img {
	width: 5px;
}

.pagination li.active a {
	color: #222;
}

/* QUICK */
.quick {
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 999;
}

.quick > * {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	display: block;
}

/* FOOTER */
.fnb {
	padding: 20px 45px;
	border-top: 1px solid #222;
}

.fnb * {
	font-size: 12px;
}

.fnb .wrap {
	margin-bottom: 10px;
	display: flex;
}

.fnb .wrap .links {
	overflow: hidden;
	width: 100%;
}

.fnb .wrap .links a {
	float: left;
}

.fnb .wrap .links a:not(:first-child) {
	margin-left: 30px;
}

.fnb .wrap .sns {
	flex-shrink: 0;
	align-items: center;
	display: flex;
}

.fnb .wrap .sns a {
	max-width: 22px;
	height: 19px;
	justify-content: center;
	align-items: center;
	display: flex;
}

.fnb .wrap .sns a:not(:first-child) {
	margin-left: 20px;
}

.fnb .txt {
	line-height: 20px;
	flex-flow: wrap;
	display: flex;
}

.fnb .txt span {
	position: relative;
	font-weight: 300;
	padding-left: 5px;
	margin-right: 5px;
}

.fnb .txt span:before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 1px;
	height: 10px;
	background-color: #c8c8c8;
	margin: auto 0;
}

.fnb .txt span:first-child {
	padding-left: 0;
}

.fnb .txt span:last-child {
	margin-right: 0;
}

.fnb .txt span:first-child:before {
	display: none;
}