@charset "utf-8";

/* 
	Copyright(c) 2019 Onlinepowers
	http://www.onlinepowers.com
*/

/* ============ font ============ */
@import url("https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900&subset=korean");
/* @import url('https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,500i,700,700i,900'); */
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@300;500;600;700&display=swap");
@import url("https:////fonts.googleapis.com/icon?family=Material+Icons");

/* 스포카 한 산스 네오 { font-family: 'Spoqa Han Sans Neo' } */
@import url("https://spoqa.github.io/spoqa-han-sans/css/SpoqaHanSansNeo.css");

/* 엘리스 디지털배움체 (https://font.elice.io/) { font-family: 'Elice Digital Baeum' } */
@import url("https://font.elice.io/EliceDigitalBaeum.css");

@import url("https://hangeul.pstatic.net/hangeul_static/css/nanum-square.css");

/*  */
@import url("/content/css/renew/variables.css");
@import url("/content/css/renew/custom_swiper.css");

@font-face {
	font-family: "yg-jalnan";
	src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.2/JalnanOTF00.woff") format("woff");
	font-weight: normal;
	font-style: normal;
}


@font-face {
	font-family: "Pretendard-Regular";
	src: url("https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff") format("woff");
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: "Pretendard-Bold";
	src: url("https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Bold.woff") format("woff");
	font-weight: 700;
	font-style: normal;
}

/* ============ reset ============ */
* {
	box-sizing: border-box;
	letter-spacing: -0.025rem;
	touch-action: manipulation;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
textarea,
p,
blockquote,
th,
td,
input,
select,
button,
label {
	margin: 0;
	padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: 700;
}

fieldset,
img {
	border: 0 none;
}

img {
	max-width: 100%;
}

dl,
ul,
ol,
menu,
li {
	list-style: none;
}

blockquote,
q {
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: none;
}

/* iOS only */
@supports (-webkit-touch-callout: none) {
	/* 크롬에서안될 상황 대비 ios 노치 대응 */
	height: -webkit-fill-available;
}

html {
	font-size: 10px;
	scroll-behavior: smooth;
	/* iOS only */
	height: -webkit-fill-available;
	/* 익스플로러 IE 10 확대 제어 */
	touch-action: pan-x pan-y;
	-ms-content-zooming: none;
	-ms-touch-action: pan-x pan-y;
}

body {
	padding: 0;
	margin: 0;
	width: 100%;
	font-size: 1.3rem;
	line-height: 1.2;
	font-weight: 400;
	letter-spacing: -0.3px;
	font-family: "Spoqa success .invalid-feedbackHan Sans Neo", "Noto Sans KR", "Malgun Gothic", "Montserrat", Tahoma, Helvetica, AppleGothic, Helvetica,
		Sans-serif;
	color: #333;
	background: #fff;
	/* iOS only */
	height: var(--app-height);
	height: -webkit-fill-available;
	padding-bottom: env(safe-area-inset-bottom);
	/* ios 노치 대응 */
	/* touch-action: none; //터치제어 */
}

html,
body {
	/* 아이폰 노치 영역 대응  */
	padding-left: env(safe-area-inset-left);
	padding-right: env(safe-area-inset-right);
	padding-top: env(safe-area-inset-top);
	padding-bottom: env(safe-area-inset-bottom, 0px);
	/* 	padding:
		env(safe-area-inset-top, 20px),
		env(safe-area-inset-right, 20px),
		env(safe-area-inset-bottom, 20px),
		env(safe-area-inset-left, 20px); */
}

/* 모바일 크롬 툴바 높이 */
/* @media (max-width:767px) {
	body{
		width: 100%;
		height: 100vh;
		height: calc(var(--vh, 1vh) * 100);
	}

}
 */

a {
	color: inherit;
	text-decoration: none;
}

a:active,
a:hover {
	text-decoration: none;
}

address,
caption,
cite,
code,
dfn,
em,
var {
	font-style: normal;
	font-weight: normal;
}

table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}

caption,
legend {
	font-size: 0;
	line-height: 0;
	width: 0;
	height: 0;
	padding: 0;
	text-indent: -9999px;
	overflow: hidden;
}

body #wrap {
	overflow-x: hidden;
}

input::placeholder {
	font-size: 16px;
}

@media (max-width: 767px) {
	input::placeholder {
		font-size: 14px;
	}
}

/* 상단 띠배너 */
.wrap_banner_top {
	background-color: #695fbf;
}

.wrap_banner_top .banner_top {
	max-width: 1200px;
	margin: 0 auto;
	position: relative;
	cursor: pointer;
	display: flex;
	overflow-x: auto;
	white-space: nowrap;
}

.wrap_banner_top .banner_top::-webkit-scrollbar {
	display: none;
}

.wrap_banner_top .banner_top img {
	height: auto;
	width: 100%;
	max-width: 1200px;
}

.wrap_banner_top .wrap_banner_close {
	font-size: 12px;
	color: #fff;
	letter-spacing: -0.36px;
	font-weight: 200;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translate(0px, -50%);
	cursor: pointer;
	z-index: 100;
}

.wrap_banner_top .wrap_banner_close span {
	font-size: 0;
	padding-right: 30px;
}

.wrap_banner_top .wrap_banner_close span:after {
	content: "";
	width: 24px;
	height: 24px;
	background: url(/content/images/icon/ico_close_banner_top.png) no-repeat center/ contain;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translate(0px, -50%);
}

/* 20231030 */
.wrap_banner_top .banner_top .banner_txt {
	display: -webkit-box;
	line-clamp: 1;
	line-clamp: 1;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	overflow: hidden;
	word-break: keep-all;
	/* line-height: 40px; */
	line-height: 32px;
	/* 20231116 */
	text-align: center;
	color: #fff;
	font-size: 16px;
	font-weight: 500;
	padding: 0 30px;
	flex: none;
	width: 100%;
}

.wrap_banner_top .banner_top .banner_txt .accent {
	color: #ffd500;
}

/* E // 20231030 */

/* dev */
.wrap_banner_top.hide {
	display: none;
}

.wrap_banner_top.view {
	display: block;
}

@media (max-width: 767px) {
	.wrap_banner_top .banner_top > p {
		line-height: 30px;
		font-size: 14px;
	}

	.contents .main_tit .tit {
		padding: 0;
		font-size: 21px;
		font-weight: 700;
	}

	.contents .screen_out + .main_tit .tit {
		padding: 0;
	}

	.wrap_banner_top .wrap_banner_close span {
		font-size: 0;
	}

	.wrap_banner_top .wrap_banner_close span:after {
		width: 20px;
		height: 20px;
		margin-right: 6px;
	}
}

/* Header --> 정기배송 텍스트 이미지 switch */
.wrap_txt_img_switch {
	position: absolute;
	top: 30px;
	margin-top: -15px;
	left: -55px;
	width: 100%;
	height: 100%;
	display: none;
	z-index: 3;
}

.wrap_txt_img_switch img {
	width: 54px;
}

@media (max-width: 1200px) {
	.wrap_txt_img_switch {
		left: -45px;
	}
}

@media (max-width: 767px) {
	.wrap_txt_img_switch {
		top: 24px;
	}
}

.word {
	white-space: nowrap;
	word-break: break-all;
}

.wrap_category_top {
	display: none;
	position: relative;
}

.wrap_category_top .wrap_dd {
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: flex-start;

	background: #fff;

	position: absolute;
	top: 68px;
	left: 0;

	height: 0;
	overflow: hidden;
	box-shadow: 0px 14px 30px rgba(18, 44, 94, 0.06);
}

.wrap_dd .category_top_container {
	width: 1200px;
	margin: 0 auto;
	padding: 0 0 10px;
}

.wrap_category_top > ul > li:hover > .wrap_dd {
	height: auto;
	border-top: 1px solid #d9d9d9;
}

.wrap_dd .category_title {
	padding: 20px 0;
}

.wrap_dd .category_title dl {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}

.wrap_dd .category_title dt {
	display: inherit;
	align-items: center;
}

.wrap_dd .category_title dt h2 {
	font-size: 26px;
	color: #000;
}

.wrap_dd .category_title dt img {
	width: 40px;
	margin-right: 8px;
}

.wrap_dd .category_title span {
	font-size: 16px;
	color: #b1b2b3;
}

.wrap_dd .category_contents {
	border-top: 2px solid #000;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-start;
	padding: 10px 0;
}

.wrap_dd .category_contents > div {
	position: relative;
}

.wrap_dd .category_contents .left {
	width: 100%;
}

.wrap_dd .category_contents ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start;
	min-height: 150px;
	flex-wrap: wrap;
	align-content: flex-start;
	position: relative;
}

.wrap_dd .category_contents li {
	padding: 15px 0 15px 10px;
	margin-right: 30px;
	width: 100%;
	max-width: 200px;
	height: 100%;
	max-height: 50px;
	box-sizing: border-box;
}

.wrap_dd .category_contents li a {
	font-size: 16px;
	color: #707070;
	font-weight: 400;
	font-weight: 350;
	display: block;
}

.wrap_dd .category_contents li:hover a {
	color: #8c53ff;
}

/* ============ form ============ */
input,
select,
textarea,
.form-control,
.custom-select,
button {
	font-size: 14px;
	font-weight: 400;
	font-family: "Spoqa Han Sans Neo", "Noto Sans KR", "Malgun Gothic", Tahoma, Helvetica, AppleGothic, Helvetica, Sans-serif;
	vertical-align: middle;
}

input,
input[type="text"],
input[type="search"],
input[type="password"],
input.form-control {
	display: inline-block;
	width: 100%;
	color: #000;
	background: transparent;
}

.form-group.required,
.form-group.required .certi_area {
	position: relative;
}

.form-group.required::before {
	content: "*";
	display: inline-block;
	position: absolute;
	top: 17px;
	left: 0;
	font-size: 16px;
	color: #695fbf;
}

.form-group.required.is-invalid::before {
	color: #ff0000;
}

.form-group.modifiable::before {
	content: "";
	display: inline-block;
	position: absolute;
	top: 17px;
	left: 0;
	font-size: 16px;
	color: #695fbf;
}

.form-group.required.phone_area .certi_area::before {
	content: "*";
	display: inline-block;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 8px;
	font-size: 16px;
	color: #695fbf;
}

.form-group.required.phone_area::before {
	display: none;
}

.form-group.required > .form-control {
	padding-left: 10px;
}

.form-group.modifiable > .form-control {
	padding-left: 0px;
}

.form-control.line {
	height: 60px;
	padding: 0;
	border: 0;
	border-bottom: 1px solid #e6e6e6;
}

.form-control.line::placeholder {
	font-weight: normal;
	font-size: 16px;
	line-height: 1.5;
}

@media (max-width: 767px) {
	.form-control.line::placeholder {
		font-size: 14px;
	}
}

.form-control.box {
	background-color: #fff;
	border: 1px solid #d9d9d9;
	border-radius: 5px;
	margin: 0 5px;
}

.form-control.box::placeholder {
	font-size: 16px !important;
}

@media (max-width: 767px) {
	.form-control.box::placeholder {
		font-size: 14px !important;
	}
}

.form-group.is-valid .form-control {
	padding-right: 30px;
	background: url(/content/images/icon/icon_valid.png) no-repeat 100% 50%;
	background-size: 24px auto;
	box-shadow: none !important;
}

.form-group.is-invalid .form-control {
	background: none;
	border-bottom: 1px solid #ff0000 !important;
	box-shadow: none !important;
}

.form-group.is-invalid .custom-select {
	border-bottom: 1px solid #ff0000 !important;
}

.form-group .my_code ~ .btn_sm {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 30px;
	right: 0;
	transform: translateY(-50%);
	width: 11.6rem;
	height: 3.6rem;
	border-radius: 10rem;
	padding: 0 1.6rem;
	font-size: 1.6rem;
}

@media (max-width: 767px) {
	.form-group .my_code ~ .btn_sm {
		top: 25px;
		width: 9rem;
		height: 3rem;
		line-height: 2.8rem;
		font-size: 1.3rem;
	}
}

.invalid-feedback {
	display: none;
	margin-top: 6px;
	font-size: 12px;
	line-height: 18px;
	color: #ff0000;
}

.invalid-feedback::before {
	content: "*";
	display: inline-block;
	vertical-align: text-top;
	font-size: 12px;
	line-height: 18px;
	color: #ff0000;
}

.form-group.is-invalid .invalid-feedback {
	display: block;
}

.agree_wrap.is-invalid .invalid-feedback {
	display: block;
	margin-top: 20px;
}

.wrap_input {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}

.btn_gray {
	background: #333333;
	border: 1px solid #333333;
	color: #fff;
}

.btn_input_add {
	width: 9rem;
	height: 4.8rem;
	border: 1px solid #000;
	color: #000;
}

.view_wrap .btn_input_add {
	width: 98px;
	height: 48px;
	border: 1px solid #000;
	color: #000;
	box-sizing: border-box;
}

/* --- 셀렉트 ---*/
select,
select.custom-select {
	padding: 0;
	width: 100%;
	color: #b1b1b1;
	border: 0;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
	cursor: pointer;
}

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

/* ie10 select화살표 지우기 */
.custom-select.line {
	height: 60px;
	padding-left: 10px;
	padding-right: 13px;
	border-bottom: 1px solid #e6e6e6;
	background: #fff url(/content/images/icon/ico_select_arrow.png) no-repeat calc(100% - 10px) center;
	background-size: 12px auto;
}

.phone_area .custom-select.line,
.find_id_contents .custom-select.line {
	background: #fff url(/content/images/icon/ico_select_arrow.png) no-repeat calc(100% - 15px) center;
	background-size: 12px auto;
}

.phone_area .custom-select.line {
	color: #000 !important;
}

.custom-select.box {
	height: 60px;
	padding: 0 15px;
	background: #fff url(/content/images/icon/ico_mypage_select_arrow.png) no-repeat calc(100% - 15px) center;
	background-size: 30px auto;
	border: 1px solid #d9d9d9;
	color: #b1b1b1;
}

.custom-select.box.selected {
	height: 60px;
	padding: 0 15px;
	background: #fff url(/content/images/icon/ico_arrow_down_disabled.png) no-repeat calc(100% - 15px) center;
	background-size: 20px auto;
	border: 1px solid #d9d9d9;
	color: #b1b1b1;
}

.custom-select.box_s {
	width: 72px;
	height: 36px;
	padding-left: 13px;
	background: #fff url(/content/images/icon/icon_select_box.png) no-repeat right -7px center;
	background-size: auto 42px;
	border: 1px solid #e6e6e6;
	border-radius: 10px;
}

.custom-select.box.prd_option {
	background: #fff url(/content/images/icon/ico_arrow_down.png) no-repeat calc(100% - 14px) center / auto 50%;
}

@media (max-width: 767px) {
	.custom-select.box {
		padding: 0 50px 0 15px;
	}
}

.wrap_select_date {
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

.wrap_select_date select.select_date {
	flex: 1;
	background: #fff url(/content/images/icon/ico_select_arrow_down.png) no-repeat 88% center;
	background-size: 24px;
	height: 4.8rem;
	border-right: 0;
	color: #000;
}

.wrap_select_date select.select_date:last-child {
	border-right: 1px solid #e6e6e6;
}

textarea::placeholder {
	font-size: 16px;
}

@media (max-width: 480px) {
	textarea::placeholder {
		font-size: 14px;
	}
}

textarea,
textarea.form-control {
	padding: 10px 12px;
	width: 100%;
	height: 270px;
	color: #000;
	background: #fff;
	border: 1px solid #d5d5d5;
	resize: none;
	border-radius: 10px;
}

button {
	padding: 0;
	border: 0 none;
	background-color: transparent;
	outline: none;
}

/* --- v-cloak --- */

[v-cloak]::before {
	position: absolute;
	width: 100px;
	height: 100px;
	top: 50%;
	left: 50%;
	margin-top: -50px;
	margin-left: -50px;
	font-size: 20px;
	content: "loading…";
	display: block;
}

[v-cloak] > * {
	display: none;
}

/* --- 체크박스 ---*/
.check_area {
	display: inline-block;
	vertical-align: middle;
}

.check_area input {
	display: none;
}

.check_area label {
	display: inline-block;
	height: auto;
	min-height: 24px;
	line-height: 1.5;
	padding-left: 32px;
	padding-top: 4px;
	background: url(/content/images/icon/ico_check_off.png) no-repeat left center / 24px 24px;
	background-size: 20px;
	font-size: 13px;
	color: #333;
	vertical-align: top;
	cursor: pointer;
}

.check_area input:checked + label {
	background: url(/content/images/icon/ico_check_on.png) no-repeat 0 25%;
	background-size: 20px;
}

.check_area.ty02 input:checked + label {
	background: url(/content/images/icon/ico_check_ty02_on.png) no-repeat 0 25%;
	background-size: 20px;
}

.check_area.lg label {
	min-height: 30px;
	padding-left: 40px;
	background-size: 30px;
}

.check_area.lg input:checked + label {
	background-size: 30px;
}

/* disabled */
.check_area input[disabled] + label,
.check_area input[readonly] + label {
	color: #e2e2e2;
	background: url(/content/images/icon/icon_check_disabled.png) no-repeat 0 50%;
	background-size: 20px;
}

/* --- 라디오박스 --- */
.radio_wrap {
	font-size: 0;
}

.radio_area {
	display: inline-block;
	vertical-align: middle;
}

.radio_area:last-child {
	margin-right: 0 !important;
}

.radio_area input {
	display: none;
}

.radio_area label {
	display: inline-block;
	min-height: 24px;
	padding-left: 32px;
	background: url(/content/images/icon/ico_select_off.png) no-repeat 0 50%;
	background-size: 20px;
	font-size: 14px;
	line-height: 25px;
	color: #000;
	vertical-align: top;
	cursor: pointer;
	/* margin-right: 10px; */
	/* pointer-events: unset; */
}

.radio_area input:checked + label {
	background: url(/content/images/icon/ico_select_on.png) no-repeat 0 50%;
	background-size: 20px;
}

/* disabled */
.radio_area input[disabled] + label,
.radio_area input[readonly] + label {
	color: #c2c2c2;
	background: url(/content/images/icon/ico_select_disable_off.png) no-repeat 0 50%;
	background-size: 20px;
}

.radio_area input[disabled]:checked + label,
.radio_area input[readonly]:checked + label {
	background: url(/content/images/icon/ico_select_disable_on.png) no-repeat 0 50%;
	background-size: 20px;
}

/* event */
input.line:focus,
select.line:focus,
textarea.line:focus,
.form-control.is-valid:focus {
	border-bottom: 1px solid #8c53ff;
	background-color: inherit;
	box-shadow: none;
	outline: none;
}

/* select.box:focus,
select.box_s:focus, */
input.box:focus,
textarea.form-control:focus {
	border: 1px solid #8c53ff;
	box-shadow: 0px 0px 2px rgba(140, 83, 255, 0.8);
	background-color: #fff;
}

/* placeholder */
::-webkit-input-placeholder,
.form-control::-webkit-input-placeholder {
	font-weight: 400;
	color: #b1b2b3;
}

::-moz-placeholder,
.form-control::-moz-placeholder {
	font-weight: 400;
	color: #b1b2b3;
}

/* firefox 19+ */
:-moz-placeholder,
.form-control:-moz-placeholder {
	font-weight: 400;
	color: #b1b2b3;
}

:-ms-input-placeholder,
.form-control:-ms-input-placeholder {
	font-weight: 400;
	color: #b1b2b3;
}

/* ie */

/* readonly */
input[readonly],
select[readonly],
.form-control[readonly],
.custom-select[readonly] {
	border-bottom: 1px solid #e6e6e6;
	background-color: #fff;
}

/* diabled */
input[disabled],
select[disabled],
.form-control[disabled],
.custom-select[disabled] {
	background-color: #fbfbfb;
}

/* mobile reset */
body {
	-webkit-text-size-adjust: none;
}

/* 뷰표트 변환시 폰트크기 자동확대 방지 */
input,
input[type="number"],
input[type="text"],
input[type="password"],
input[type="submit"],
input[type="search"],
textarea {
	appearance: none;
	-webkit-appearance: none;
	border-radius: 0;
}

input[type="number"] {
	appearance: textfield;
	-moz-appearance: textfield;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
	appearance: none;
	-webkit-appearance: none;
	margin: 0;
}

input:checked[type="checkbox"] {
	background: #666;
	appearance: checkbox;
	-webkit-appearance: checkbox;
}

button,
input[type="button"],
input[type="submit"],
input[type="reset"],
input[type="file"] {
	appearance: button;
	-webkit-appearance: button;
	border-radius: 0;
}

input[type="search"]::-webkit-search-cancel-button {
	appearance: none;
	-webkit-appearance: none;
}

/* 대체 텍스트 숨김 */
.ir_pm {
	display: block;
	overflow: hidden;
	font-size: 0px;
	line-height: 0;
	text-indent: -9999px;
}

/* 사용된 이미지내 의미있는 텍스트의 대체텍스트를 제공할때 */
.ir_wa {
	display: block;
	overflow: hidden;
	position: relative;
	z-index: -1;
	width: 100%;
	height: 100%;
}

/* 중요한 이미지 대체텍스트로 이미지off시에도 대체 텍스트를 보여주고자 할때 */
.screen_out {
	overflow: hidden;
	position: absolute;
	width: 0;
	height: 0;
	line-height: 0;
	text-indent: -9999px;
}

/* 대체텍스트가 아닌 접근성을 위한 숨김텍스트를 제공할때 */

.guide_txt {
	margin: 70px 0 20px;
	font-weight: 700;
	font-size: 20px;
	line-height: 30px;
	color: #ff4646;
}

/* margin */
.mt10 {
	margin-top: 10px !important;
}

.mt12 {
	margin-top: 12px !important;
}

.mt15 {
	margin-top: 15px !important;
}

.mt20 {
	margin-top: 20px !important;
}

.mt40 {
	margin-top: 40px !important;
}

.mr10 {
	margin-right: 10px !important;
}

.mb10 {
	margin-bottom: 10px !important;
}

.mb15 {
	margin-bottom: 15px !important;
}

/* padding */
.pr3 {
	padding-right: 3px !important;
}

.pr5 {
	padding-right: 5px !important;
}

.pl3 {
	padding-left: 3px !important;
}

.pl5 {
	padding-left: 5px !important;
}

/* common */
.pc {
	display: none !important;
}

.tablet {
	display: none !important;
}

.mobile {
	display: block !important;
}

.img_full {
	width: 100%;
	height: 100%;
}

/* ============ 버튼 ============ */
.btn {
	font-weight: 500;
	vertical-align: middle;
    -webkit-appearance: none;
    appearance: none;
    color: inherit;
}

/* 버튼 - 마이페이지 */
.wrap_btn_mypage {
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	margin: 10px 0 0;
	width: 100%;
}

.wrap_btn_mypage button {
	width: 150px;
	height: 40px;
	font-size: 1.6rem;
	color: #000;
	text-align: center;
	border: 1px solid #959595;
	border-radius: 10px;
	margin-left: 12px;
	position: relative;
}

.wrap_btn_mypage button.req_purchase {
	background: #000;
	color: #fff;
}

.wrap_btn_mypage button.req_purchase:before {
	content: "7일 후 자동확정";
	font-size: 14px;
	color: #787878;
	position: absolute;
	left: 0;
	bottom: -22px;
	text-align: left;
	letter-spacing: -0.04rem;
	width: 92px;
}

@media (min-width: 768px) and (max-width: 991px) {
	.wrap_btn_mypage {
		justify-content: flex-end;
	}

	.wrap_btn_mypage button {
		width: 22%;
		height: 40px;
		font-size: 14px;
		border-radius: 6px;
		margin-top: 20px;
	}

	.wrap_btn_mypage button.req_purchase:before {
		font-size: 13px;
	}
}

@media (min-width: 481px) and (max-width: 767px) {
	.wrap_btn_mypage {
		justify-content: flex-end;
	}

	.wrap_btn_mypage button {
		width: 20%;
		margin-left: 10px;
	}
}

/* ---- 버튼 레이아웃 ---- */
.btn-group {
	width: 100%;
	justify-content: center;
}

.btn-group .col:first-child {
	padding-right: 8px;
}

.btn-group .col:last-child {
	padding-left: 8px;
}

.btn-group .btn {
	width: 100%;
}

.btn-group .btn.disabled {
	background-color: #cfcfcf;
}

.btn-group.right {
	justify-content: flex-end;
}

.btn-group.right .col:first-child {
	padding-right: 8px;
}

.btn-group.right .col:last-child {
	padding-left: 8px;
}

.btn-group.gap {
    gap: 20px;
}

.btn_wrap {
	font-size: 0;
	text-align: center;
}

.btn_wrap .btn {
	margin-right: 1.6rem;
}

.btn_wrap .btn:last-child {
	margin-right: 0 !important;
}

.btn_left {
	font-size: 0;
	text-align: left;
}

.btn_right {
	font-size: 0;
	text-align: right;
}

.btn_round {
	border-radius: 10px !important;
}

@media (max-width: 767px) {
	.btn_round {
		border-radius: 6px !important;
	}
    
    .btn-group.gap {
        gap: 15px;
    }
}

/* ---- 버튼 사이즈 ---- */
.btn_sm {
	width: 116px;
	height: 36px;
	font-size: 16px;
	padding: 0 15px;
	border: 1px solid #8c53ff;
	color: #8c53ff;
	border-radius: 100px;
}

.btn_m {
	/* padding: 3.45rem 7.751rem; */
	width: 168px;
	height: 50px;
	border: 2px solid #8c53ff;
	font-size: 14px;
	border-radius: 100px;
}

.btn_m.line {
	min-width: 74px;
	height: 40px;
}

.btn_m.box {
	width: 100%;
	height: 60px;
	padding: 0;
}

.btn_g {
	width: 100%;
	height: 48px;
	font-size: 16px;
}

.btn_lg {
	width: 100%;
	height: 50px;
	line-height: 50px;
	border-radius: 100px;
	font-size: 14px;
}

@media (max-width: 480px) {
	.btn_lg {
		font-size: 16px;
	}
}

.prd_detail_option {
	width: 565px;
	flex-direction: row;
	justify-content: space-between;
}

.btn.btn_gift {
	flex: none;
	width: 60px;
	height: 60px;
	border-radius: 10px;
	background: url(/content/images/icon/ico_gift_txt_2.png) no-repeat center center / 62% auto;
	border: 2px solid #8c53ff;
}

.btn.btn_gift.m {
	flex: none;
	width: 42px;
	height: 42px;
	border-radius: 12px;
	background-size: 32px 32px;
}

.btn.btn_naver_pay {
	flex: none;
	width: 138px;
	height: 60px;
	border-radius: 10px;
	background: #00c73c url(/content/images/icon/pay_naver.png) no-repeat center center / auto 55%;
}

.btn.btn_naver_pay.m {
	flex: none;
	width: 42px;
	height: 42px;
	border-radius: 12px;
	background: #00c73c url(/content/images/icon/ico_naver_pay_m.png) no-repeat center center;
	background-size: 20px 20px;
}

/* 230202 psh 추가 */
.btn_sub_sm {
	width: 150px;
	height: 40px;
	font-size: 1.6rem;
	text-align: center;
	border: 1px solid #000;
	border-radius: 10px;
	margin-left: 12px;
	position: relative;
	display: inline-block;
}

.btn_w150 {
	color: #000;
	background-color: #fff;
	border-color: #959595;
}

.btn_b150 {
	color: #fff;
	border-color: #000;
	background-color: #000;
}

/* 1줄 이상 점처리 */
.titleLine01 {
	display: inline-block;
	display: -webkit-inline-box;
	line-clamp: 1;
	line-clamp: 1;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	overflow: hidden;
	word-break: keep-all;
}

@media (max-width: 767px) {
	.btn_sub_sm {
		width: 22%;
		max-width: calc(145px / 2);
		height: 30px;
		line-height: 28px;
		font-size: 13px;
		border-radius: 5px;
		margin-left: 6px;
		margin-bottom: 20px;
	}
}

/* ---- 버튼 컬러 ---- */
.btn_primary {
	color: #fff;
	background: #8c53ff;
	/* border: 1px solid #333; */
}

.btn_primary.readonly {
	background: #cfcfcf;
}

.btn_secondary {
	color: #aeaeae;
	background: #fff;
	border: 1px solid #eaeaec;
	font-weight: 400;
}

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

.btn_default {
	color: #8c53ff;
	background: #fff;
}

.btn_default.ty02 {
	border: 1px solid #8c53ff;
	word-break: keep-all;
	line-height: 1.1;
	letter-spacing: -0.05rem;
}

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

/* btn_outline */
.btn_outline_secondary {
	color: #000;
	background: #fff;
	border: 1px solid #d1d1d1;
}

.btn_outline_light {
	border: 1px solid #8c53ff;
	color: #8c53ff;
}

.btn_outline_lightgray {
	background: #fff;
	border: 1px solid #d9d9d9;
	font-size: 1.6rem;
	color: #b1b2b3;
	font-weight: 400;
}

.btn_etc {
	background: #fbfbfc;
	border: 1px solid #d9d9d9;
	color: #000;
}

/* btn_tab */
.btn_tab {
	margin-right: 0 !important;
	border-radius: 0;
	width: 50%;
	height: 48px;
	font-size: 16px;
	color: #8c53ff;
}

.btn_tab.disabled {
	background: #f8f8f8;
	border: 1px solid #e6e6e6;
	color: #b1b2b3;
}

/* ---- 버튼 기타 ---- */
.material-icons {
	font-size: 1.5em;
	line-height: 1;
	vertical-align: top;
}

.btn_arrow_down {
	background: url(/content/images/icon/ico_arrow_down.png) no-repeat 56.5% center;
}

.btn_arrow_down_right {
	background: url(/content/images/icon/ico_arrow_down.png) no-repeat 99.5% center;
}

.btn_add_option {
	width: 90px;
	height: 47px;
	background: #fff;
	border: 1px solid #000;
	font-size: 16px;
	color: #000;
}

.btn_count {
	width: 40px;
	height: 40px;
	background: #fff;
	border: 1px solid #d9d9d9;
	border-radius: 50%;
}

.btn_count.plus {
	background: url(/content/images/icon/ico_count_plus.png) no-repeat center center;
}

.btn_count.minus {
	background: url(/content/images/icon/ico_count_minus.png) no-repeat center center;
}

.btn_list {
	width: 120px;
	height: 35px;
	background: #fff;
	border: 1px solid #e7e7e7;
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	align-items: center;
	float: right;
}

.btn_coupon {
	width: 116px;
	height: 36px;
	/* line-height: 20px; */
	text-align: center;
	font-size: 15px;
	color: #802bc5;
	background: #fff;
	border: 1px solid #802bc5;
	border-radius: 100px;
	line-height: 2.2;
	/* background: url(/content/images/icon/ic_down.png) no-repeat 95% center; */
}

.btn_coupon img {
	margin-left: 7px;
	width: 12px;
	height: auto;
}

.btn_down_coupon {
	border: 1px solid #959595;
	background: #fbfbfb;
	color: #333;
}

.btn_sns {
	display: inline-block;
}

.btn_save {
	display: block;
	min-width: 60px;
	height: 60px;
	border: 1px solid #333;
	background: #fff url("/content/images/icon/icon_heart.png") no-repeat center center;
	background-size: 20px auto;
}

/* 장바구니 빈 하트 클릭 시 블랙 하트 추가 */
.btn_save.on {
	background: #fff url("/content/images/icon/icon_heart_black.png") no-repeat center center;
	background-size: 20px auto;
}

.btn_save:focus {
	background: #fff url("/content/images/icon/icon_heart_black.png") no-repeat center center;
	background-size: 20px auto;
	outline: none;
}

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

.btn_deli_add span {
	padding-left: 20px;
	background: url(/content/images/icon/icon_deli_add.png) no-repeat 0 50%;
	background-size: 15px;
}

.btn_qna {
	padding: 9px 24px;
	font-size: 14px;
	line-height: 20px;
}

.btn_coupon_get {
	min-width: 90px;
	padding: 6px 0;
	background: #333;
	font-weight: 500;
	font-size: 12px;
	line-height: 18px;
	color: #fff;
	text-align: center;
}

.btn_coupon_get span {
	display: inline-block;
	padding-left: 20px;
	background: url(/content/images/icon/icon_down_w.png) no-repeat 0 50%;
	background-size: 15px auto;
}

.btn_file {
	display: block;
	width: 100%;
	padding: 11px 0;
	border: 1px solid #4c4c4c;
	font-size: 14px;
	line-height: 20px;
	color: #4c4c4c;
	text-align: center;
	cursor: pointer;
}

/* ============ pagination ============ */
.pagination {
	margin-top: 40px;
	justify-content: center;
	width: 100%;
}

@media (max-width: 480px) {
	.pagination {
		margin-top: 62px;
	}
}

.pagination .page-item {
	margin-left: 5px;
	width: 36px;
	height: 36px;
}

.pagination .page-item.prev.disabled a,
.pagination .page-item.next.disabled a {
	opacity: 0.15;
}

.pagination .page-item.prev,
.pagination .page-item.next {
	border: 1px solid #e2e2e2;
}

.pagination .page-item.prev a {
	background: url(/content/images/icon/ico_pagination_prev.png) no-repeat center center;
}

.pagination .page-item.next a {
	background: url(/content/images/icon/ico_pagination_next.png) no-repeat center center;
}

.page-link {
	border: 0;
}

.page-item {
	border: 1px solid #e2e2e2;
}

.pagination .page-item:first-child {
	margin-left: 0;
}

.pagination .page-link {
	margin: 0;
	padding: 0;
	height: 100%;
	font-size: 14px;
	line-height: 32px;
	text-align: center;
	box-shadow: none;
	justify-content: center;
	align-items: center;
}

/* -------- sort_area -------- */
.sort_area {
	display: flex;
	padding: 0px 0 40px;
	justify-content: space-between;
	z-index: 6;
	position: relative;
}

.sort_area .sort_total {
	font-size: 16px;
	line-height: 35px;
	font-weight: 400;
	color: #333;
}

@media (max-width: 767px) {
	.sort_area .sort_total {
		font-size: 14px;
	}
}

.sort_area .sort_type {
	display: flex;
}

.sort_area .num {
	margin: 0 0 0 4px;
}

.sort_area .sort_type .btn_sort {
	position: relative;
	z-index: 10;
	padding: 0 24px 0 10px;
	width: 120px;
	height: 35px;
	color: #333;
	font-size: 14px;
	font-weight: 500;
	/*line-height: 1.6rem;*/
	border: 1px solid #d9d9d9;
	border-radius: 10px;
	background: #fff url("/content/images/icon/btn_sort.png") no-repeat right center;
	background-size: 35px auto;
	box-shadow: none;
}

.sort_area .sort_type .btn_list01,
.sort_area .sort_type .btn_list02 {
	display: inline-block;
	width: 35px;
	height: 35px;
	border: 1px solid #d5d5d5;
	border-left: 0;
}

.sort_area .sort_type .btn_list01 {
	background: url("/content/images/icon/btn_list1_sel.png") no-repeat center;
	background-size: 35px auto;
}

.sort_area .sort_type .btn_list02 {
	background: url("/content/images/icon/btn_list2_sel.png") no-repeat center;
	background-size: 35px auto;
}

@media (max-width: 480px) {
	.sort_area {
		padding: 0px 0 20px;
	}
}

/* --- time_sale ---*/
.time_sale {
	display: flex;
	width: 100%;
	margin-bottom: 20px;
	border: 2px solid #333;
	background: #fff;
	align-items: center;
}

.time_txt {
	padding: 11px 15px 11px 11px;
	color: #fff;
	font-size: 18px;
	font-weight: 800;
	text-align: center;
	background: #333;
}

.time_txt span {
	display: block;
}

.time_txt img {
	height: 20px;
	vertical-align: middle;
}

.time_term {
	width: 100%;
	text-align: center;
}

.time_sale .time_sale {
	padding: 0 11px;
}

.time_term .d_day:after {
	content: "";
	display: inline-block;
	width: 1px;
	height: 8px;
	margin: 0 5px 0 6px;
	background: rgba(112, 112, 112, 0.3);
}

.time_term .d_day {
	display: inline-block;
	font-size: 16px;
	line-height: 17px;
	font-weight: 800;
	color: #000;
}

.time_term .time {
	display: inline-block;
	font-size: 16px;
	line-height: 17px;
	font-weight: 500;
	color: #000;
}

.time_term .date {
	margin-top: 6px;
	font-size: 12px;
	line-height: 18px;
}

.time_term .date span:after {
	content: "·";
	display: inline-block;
	margin: 0 1px 0 4px;
}

.time_term .date span:last-child:after {
	display: none;
}

/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
	타임딜 카운터 (Timedeal Counter)
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////	*/
.timedeal_counter {
	width: 100%;
	height: 66px;
	background: #695fbf;
	border-radius: 32px 32px 0 0;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	color: #fff;
	font-weight: bold;
}

.timedeal_counter img {
	width: 40px;
	height: 40px;
}

.countdownHolder {
	width: 100%;
	height: 100%;
	font: unset;
	font-size: 24px;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

.countdownHolder span {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

/* span.timedeal_d {
	margin: 0 0 0 16px;
	letter-spacing: .2rem;
} */
.countDiv0:before,
.countDiv0:after {
	content: none;
}

.countdownHolder .position {
	width: 30px;
	height: 34px;
	margin: 0px 3px;
}

.countdownHolder span.countDays .position {
	width: 18px;
	margin: 0;
}

.countdownHolder span.countDays .digit {
	background-color: transparent;
	color: #fff;
}

.digit {
	background-color: #fff;
	color: #695fbf;
	font-weight: bold;
	width: 100%;
	height: 100%;
}

.countDiv:before,
.countDiv:after {
	background-color: #fff;
}

.timedeal_counter #note {
	color: #666666;
	font-size: 12px;
	margin: 0 auto;
	padding: 4px;
	text-align: center;
	text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
	width: 400px;
}

.timedeal_counter.ty02 {
	width: 88%;
	height: 66px;
	margin: 0 auto;
	padding: 0 10px;
}

@media (max-width: 480px) {
	.timedeal_counter.ty02 {
		margin: 0 auto;
		padding: 0 10px;
		width: calc(100% - 30px);
		height: 45px;
		border-radius: 24px 24px 0 0;
		box-sizing: border-box;
	}
}

.timedeal_counter.ty02 .countdownHolder {
	font-size: 16px;
}

.timedeal_counter.ty02 img {
	width: 30px;
	height: 30px;
}

.countdown_tit {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
}

span.timedeal_d {
	font-size: 22px;
	margin: 0 0 0 5px;
	letter-spacing: 0.2rem;
}

.timedeal_counter.ty02 .countdownHolder span.countDays .position {
	width: 13px;
}

.timedeal_counter.ty02 .digit {
	letter-spacing: 0;
}

.timedeal_counter.ty02 .countDiv {
	width: 8px;
}

.timedeal_counter.ty02 .countdownHolder .position {
	width: 20px;
	height: 25px;
}

/* 타임딜 카운터 new */
.countDown__cont {
	font-size: 13px;
	display: flex;
	color: #695fbf;
}

.countDown__interval_cont {
	display: flex;
	justify-content: space-around;
	width: auto;
	position: relative;
	height: 100%;
}

.countDown__interval_cont:nth-child(n + 1):not(:last-child) {
	/* margin-right: 10px; */
	margin-right: 8px;
}

@media (max-width: 480px) {
	.countDown__interval_cont:nth-child(n + 1):not(:last-child) {
		margin-right: 7px;
	}
}

.countDown__interval_cont_day .countDown__digit_cont_0,
.countDown__interval_cont_day .countDown__digit_cont_1,
.countDown__interval_cont_day .countDown__digit_cont_2 {
	font-size: 20px;
	font-weight: 400;
	width: 13px !important;
}

.countDown__interval_basic_cont {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	position: relative;
}

.countDown__interval_basic_cont:last-child .countDown__interval_cont {
	margin-right: 0;
}

.countDown__interval_basic_cont_description {
	display: none;
	margin-left: 0.3em;
	margin-top: 0.3em;
	font-size: 1.2em;
	font-weight: 700;
	color: #fff;
	text-shadow: 0.1em 0.1em 0.1em #000;
}

.countDown__digit_cont {
	position: relative;
	font-size: 22px;
	padding: 8px 6px 0px 6px;
	font-weight: 700;
	border-radius: 5px;
	height: 100%;
	margin-right: 4px;
	line-height: 1;
	max-width: 24px;
	height: 34px;
}

.timedeal_section .countDown__digit_con .countDown__digit_cont:nth-child(n + 1):not(:last-child) {
	margin-right: 4px;
}

.countDown__interval_cont_day .countDown__digit_last_placeholder_inner {
	display: none;
}

/* .countDown__digit_last_placeholder, */
.countDown__digit_new_placeholder {
	position: absolute;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	overflow: hidden;
}

.countDown__digit_new_placeholder {
	top: 0;
	background: #fff;
	border-radius: 3px;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	max-width: 24px;
	max-height: 34px;
}

.countDown__digit_last_rotate,
.countDown__digit_new_rotate {
	display: flex;
	justify-content: center;
	width: 100%;
	height: 50%;
	font-weight: 700;
	position: absolute;
	top: 0;
	overflow: hidden;
	animation-duration: 0.4s;
	animation-timing-function: linear;
	border-radius: 0.08em 0.08em 0 0;
	animation-fill-mode: forwards;
	transform-origin: 100% 100%;
	display: none;
}

.countDown__digit_last_rotate:after,
.countDown__digit_new_rotate:after {
	content: "";
	position: absolute;
	z-index: -1;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	border-bottom: 0.01em solid rgba(0, 0, 0, 0.1);
}

.countDown__digit_last_rotate {
	animation-name: countDown_flip_1;
	background: #fff;
}

.countDown__digit_new_rotate {
	animation-name: countDown_flip_2;
	background: #fff;
}

.countDown__digit_new_rotated {
	transform: rotateX(180deg);
	width: 100%;
	height: 100%;
}

.countDown__digit_new_rotated_inner {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	bottom: 50%;
	position: absolute;
}

.countDown__interval_cont_day {
	margin-right: 10px !important;
}

@media (max-width: 480px) {
	.countDown__interval_cont_day {
		margin-right: 4px !important;
	}
}

.countDown__interval_cont_day .countDown__digit_new_placeholder {
	background: transparent;
	color: #fff;
}

@media (max-width: 480px) {
	.countDown__interval_cont_day .countDown__digit_new_placeholder {
		font-size: 15px;
		width: 10px;
		font-weight: bold;
	}

	.countDown__interval_cont_day .countDown__digit_cont:nth-child(n + 1):not(:last-child) {
		padding: 0;
		width: 10px !important;
	}
}

.countDown__interval_cont_day .countDown__digit_cont {
	width: 16px;
	margin-right: 0px !important;
}

/* .countDown__interval_cont_minute:before */
.countDown__interval_basic_cont:before {
	content: ":";
	position: absolute;
	color: #fff;
	font-size: 24px;
	top: 50%;
	margin-top: -16px;
	right: 0;
	font-family: "swiper-icons";
	transform: translate(61px, 0);
}

.main_contents .countDown__interval_basic_cont:before {
	transform: translate(56px, 0);
}

@media (max-width: 480px) {
	.main_contents .countDown__interval_basic_cont:before {
		transform: translate(41px, 8px);
		font-size: 14px;
	}
}

@media (min-width: 769px) and (max-width: 1200px) {
	.main_contents .countDown__interval_basic_cont:before {
		transform: translate(47px, 4px);
	}

	.main_contents .countDown__interval_cont_day {
		margin-right: 8px !important;
	}
}

.countDown__interval_basic_cont:nth-child(3)::before,
.countDown__interval_basic_cont:nth-child(4)::before {
	display: none;
}

@media (min-width: 769px) and (max-width: 1200px) {
	.countdown_tit span.timedeal_d {
		font-size: 16px;
		margin: 0 0 0 3px;
	}

	.countDown__interval_cont_day .countDown__digit_cont,
	.countDown__interval_cont_day .countDown__digit_new_placeholder {
		width: 11px !important;
	}

	.countDown__interval_cont_day {
		margin-right: 6px !important;
	}

	.countDown__digit_new_placeholder {
		max-width: 18px;
		max-height: 28px;
		font-size: 16px;
	}

	.countDown__digit_cont {
		width: 18px;
		height: 28px;
		max-width: unset;
		margin: 0 3px 0 0;
		padding: 0;
		box-sizing: border-box;
	}

	.countDown__interval_basic_cont:before {
		transform: translate(46px, 0);
		font-size: 20px;
	}

	.timedeal_counter.ty02 {
		padding-top: 3px;
		box-sizing: border-box;
	}
}

@media (max-width: 480px) {
	.countDown__digit_new_placeholder {
		top: 50%;
		border-radius: 4px;
		width: 16px;
		height: 21px;
		transform: translateY(-50%);
		padding-right: 1px;
	}

	.countDown__interval_basic_cont:before {
		font-size: 20px;
		transform: translate(42px, 3px);
	}
}

/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
	타임딜 카운터 New (Timedeal Counter New)
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////	*/
ul.countdown {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	text-align: center;
}

ul.countdown li {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

ul.countdown li span {
	font-size: 34px;
	color: #fff;
	font-weight: 700;
	letter-spacing: 0.1rem;
}

ul.countdown li:first-child {
	margin-right: 14px;
}

ul.countdown li:first-child span {
	font-size: 20px;
	font-weight: 500;
}

ul.countdown li:first-child img {
	width: 30px;
	height: auto;
	margin-right: 4px;
}

ul.countdown li.seperator {
	font-size: 24px;
	line-height: 1;
	vertical-align: top;
	color: #fff;
	margin: 0 5px;
	font-weight: 700;
}

ul.countdown li p {
	color: #a7abb1;
	font-size: 14px;
	display: none;
}

@media (max-width: 1200px) {
	ul.countdown li:first-child {
		margin-right: 8px;
	}

	ul.countdown li:first-child img {
		width: 30px;
		margin-right: 3px;
	}

	ul.countdown li span {
		font-size: 20px;
	}

	.timedeal_counter.ty02 {
		height: 54px;
	}
}

@media (max-width: 767px) {
	.timedeal_counter.ty02 {
		height: 45px;
	}

	ul.countdown li:first-child {
		margin-right: 15px;
	}

	ul.countdown li:first-child span {
		font-size: 17px;
		font-weight: 500;
		letter-spacing: 0.06rem;
	}

	ul.countdown li:first-child img {
		width: 24px;
	}

	ul.countdown li.seperator {
		font-size: 20px;
		font-weight: 500;
	}
}

/* ============ 뱃지 ============ */
.badge-wrap {
	margin-top: 10px;
	width: 85%;
}

.badge {
	width: 7rem;
	height: 2.4rem;
	border-radius: 0 100px 100px 0;
	font-size: 1.2rem;
	line-height: 1.5;
	text-align: left;
	padding-left: 10px;
	box-shadow: 3px 5px 8px rgb(0 0 0 / 5%);
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-color: transparent;
	margin: 2px 4px 2px 0;
}

/* 상품리스트 뱃지 */
.badge_txt {
	height: 20px;
	padding: 3px;
	line-height: 1.4rem;
	border: 1px solid #d5d5d5;
}

.badge_txt em {
	color: #333;
	font-size: 0;
	font-weight: 500;
}

.badge em {
	font-size: 0;
}

.badge.badge_delivery em {
	font-size: 0;
}

.badge_new {
	background-image: url(/content/images/icon/ico_badge_new.png);
}

.badge_coupon {
	background-image: url(/content/images/icon/ico_badge_coupon.png);
}

.badge_event {
	background-image: url(/content/images/icon/ico_badge_event.png);
}

.badge_delivery_regular {
	background-image: url(/content/images/icon/ico_badge_delivery_regular.png);
}

.badge_delivery_free {
	background-image: url(/content/images/icon/ico_badge_delivery_free.png);
}

.badge_delivery_best {
	background-image: url(/content/images/icon/ico_badge_best.png);
}

.badge_delivery_recommend {
	background-image: url(/content/images/icon/ico_badge_recommend.png);
}

/* 기타 뱃지 */
.badge_notice {
	margin-right: 5px;
	padding: 0 0.4rem;
	background: #959595;
	font-size: 1.1rem;
	line-height: 1.7rem;
	font-weight: 500;
	color: #fff;
	vertical-align: baseline;
}

.badge_common {
	min-width: 36px;
	font-size: 1rem;
	line-height: 2rem;
	color: #333;
	background: #f3f3f3;
	border-radius: 10px;
}

.badge_area.ty02 {
	position: static;
	margin-top: 15px;
}

.item_list .badge_area .badge_delivery {
	font-size: 18px;
	width: 160px;
	height: 40px;
	padding: 0;
	box-shadow: none;
	/* background: #FBFBFB;
	color: #FF3939; */
}

/* ============ form_wrap_line ============ */
.form_wrap_line .form-group {
	margin: 0;
}

.form-group.imported input[disabled],
.form-group.imported input[readonly] {
	border-bottom: 0px;
	border-bottom: 0px;
}

.form_wrap_line .form-group:nth-of-type(1) {
	margin-top: 0;
}

.form_wrap_line .input {
	display: flex;
	min-height: 4.8rem;
	padding: 9px 0;
	font-size: 16px;
	line-height: 19px;
	color: #000000;
	border-bottom: 1px solid #e6e6e6;
	align-items: center;
}

.form_wrap_line .address_area {
	position: relative;
	cursor: pointer !important;
}

.form_wrap_line .address_area .input {
	padding-right: 36px;
	width: 100%;
	height: 60px;
	box-sizing: border-box;
}

.form_wrap_line .address_area .input_zipcode {
	padding-right: 50px;
	cursor: pointer;
}

/* .guide_contents */

.guide_contents .form_wrap_line .address_area .input {
	border-bottom: 1px solid #e6e6e6;
}

.guide_contents .delivery_list .txt_area .name {
	margin: 7px 0 0 0;
}

.guide_contents .delivery_list .txt_area p {
	line-height: unset;
}

.guide_contents .radio_area label {
	font-size: 16px;
}

@media (max-width: 767px) {
	.form_wrap_line .address_area .input {
		height: 50px;
	}
}

.form_wrap_line .address_area .placeholder {
	position: absolute;
	left: 0;
	top: 50%;
	font-size: 16px;
	line-height: 19px;
	color: #b1b2b3;
	transform: translateY(-50%);
}

.form_wrap_line .address_area .btn_address {
	position: absolute;
	right: 20px;
	top: 50%;
	width: 28px;
	height: 28px;
	transform: translateY(-50%);
}

.form_wrap_line .phone_area .row > div:first-child {
	padding-right: 10px;
}

.form_wrap_line .phone_area .row > div.col-3 {
	padding-right: 10px;
	flex: unset;
	max-width: unset;
	width: 105px;
	box-sizing: border-box;
}

.form_wrap_line .phone_area .row > div.col-9 {
	width: calc(100% - 105px);
	flex: unset;
	max-width: unset;
}

.form_wrap_line .phone_area .row > div.col-4 {
	padding-right: 10px;
}

.form_wrap_line .phone_area .col-4 {
	max-width: 105px;
}

.form_wrap_line .phone_area .col-8 {
	max-width: calc(100% - 105px);
	flex: 0 0 calc(100% - 105px);
}

.form_wrap_line .check_area {
	margin-top: 15px;
}

.form_wrap_line div.btn-group {
	margin-top: 60px;
}

.form_wrap_line .certi_area {
	position: relative;
}

.form-group.required .certi_area input {
	padding-left: 20px;
}

@media (max-width: 767px) {
	.form-group.required .certi_area input {
		padding-left: 15px;
		letter-spacing: -0.07rem;
	}
}

.form_wrap_line .certi_area .btn_area {
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	right: 0;
	z-index: 10;
	display: flex;
	align-items: center;
}

.form_wrap_line .certi_area.authentication_number .btn_area {
	top: 30px;
}

@media (max-width: 480px) {
	.form_wrap_line .certi_area.authentication_number .btn_area {
		top: 25px;
	}
}

.form_wrap_line .certi_area .time {
	margin-right: 10px;
	font-size: 1.3rem;
	font-weight: 700;
	letter-spacing: 0;
	color: #000;
}

.form_wrap_line .form-group.certi_area.is-valid .success,
.form_wrap_line .form-group.certi_area .btn_default {
	display: flex;
    align-items: center;
    justify-content: center;
}


.form_wrap_line .form-group.certi_area .success,
.form_wrap_line .form-group.certi_area.is-valid .btn_default {
	display: none;
}

.form_wrap_line .btn_right {
	margin-top: 20px;
}

/* ============ form_wrap_box ============ */
.form_wrap_box .form_area {
	padding: 14px 0;
	border-top: 1px solid #f5f5f5;
}

.form_wrap_box .form_area:nth-of-type(1) {
	padding-top: 0;
	border-top: 0;
}

.form_wrap_box .form_area:last-child {
	padding-bottom: 0;
}

.form_wrap_box .form-group {
	margin: 14px 0 0;
}

.form_wrap_box .form-group:nth-of-type(1) {
	margin-top: 0;
}

.form_wrap_box .file_area {
	margin-top: 30px;
}

.form_wrap_box .file_area ul {
	display: flex;
}

.form_wrap_box .file_area li {
	position: relative;
	margin-right: 4%;
	width: 77px;
	height: 77px;
	display: block;
}

.form_wrap_box .file_area li:last-child {
	margin-right: 0;
}

.form_wrap_box .file_area li div {
	width: 100%;
	height: 100%;
}

.form_wrap_box .file_area input[type="file"] {
	display: none;
}

.form_wrap_box .file_area .btn_file_del {
	position: absolute;
	right: 10%;
	top: 10%;
	width: 18px;
	height: 18px;
	background: url(/content/images/icon/btn_file_del.png) no-repeat 50%;
	background-size: 100% auto;
}

.form_wrap_box .file_area .btn_file_add {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	background: #fff url(/content/images/icon/ico_customer_add.png) no-repeat center center;
	background-size: 20px auto;
	border: solid 1px #e6e6e6;
	cursor: pointer;
}

@media (max-width: 767px) {
	.form_wrap_box .file_area .btn_file_add {
		background-color: #fbfbfc;
	}
}

.form_wrap_box .file_area .info {
	margin-top: 1.1rem;
	font-size: 1.2rem;
	line-height: 1.7rem;
	color: #959595;
}

.form_wrap_box .file_sel_area input {
	display: none;
}

.form_wrap_box .btn-group {
	margin-top: 3rem;
}

/* ============ 수량조절 ============ */
.amt_box {
	display: flex;
}

.amt_box .number {
	width: 6rem;
	height: 4rem;
	padding: 0;
	text-align: center;
	font-weight: 500;
	font-size: 1.8rem;
	font-weight: bold;
	color: #1f1f1f;
	border: 0;
}

.amt_box .btn_minus,
.amt_box .btn_plus {
	width: 3rem;
	height: 3rem;
	background: #fff;
}

.amt_box .btn_minus img,
.amt_box .btn_plus img {
	width: 100%;
	height: 100%;
}

.amt_box .number_s {
	width: 30px;
	height: 30px;
	padding: 0;
	font-weight: 500;
	font-size: 14px;
	color: #333;
	text-align: center;
	border-radius: 5px 0 0 5px;
}

/* ============ 전체선택 ============ */
.cart_top {
	display: flex;
	padding: 0 0px 20px;
	justify-content: space-between;
	align-items: center;
}

.cart_top label {
	font-weight: 500;
}

.cart_top .total {
	font-size: 1.3rem;
	line-height: 2rem;
	color: #333;
}

.cart_top .total span {
	font-weight: 500;
}

/* ============ 검색창 ============ */
.search_form {
	margin-top: 30px;
	position: relative;
}

.search_form .search_area {
	width: 43.3rem;
	height: 5.2rem;
	border: 0;
	outline: 0;
	border-radius: 20rem;
	background-color: #f6f6f6;
	padding-left: 6rem;
	font-weight: 400;
}

.search_form .search_area::placeholder {
	font-size: 1.4rem;
	color: #b1b2b3;
	letter-spacing: -0.42px;
	font-weight: 300;
}

.search_form .search_area::-webkit-placeholder {
	font-size: 1.4rem;
	color: #b1b2b3;
	letter-spacing: -0.42px;
	font-weight: 300;
}

.search_form .search_btn {
	width: 3rem;
	height: 3rem;
	position: absolute;
	top: 50%;
	left: 20px;
	transform: translate(0, -50%);
}

.search_form .custom-select.box {
	height: 60px;
	padding: 0 20px;
	background: #fff url(/content/images/icon/ico_selectbox.png) no-repeat calc(100% - 21px) center;
	background-size: 14px auto;
	border: 1px solid #d9d9d9;
	max-width: 980px;
	display: block;
	font-size: 16px;
	letter-spacing: -0.48px;
}

.search_form button {
	background: #000;
	max-width: 200px;
	width: 100%;
	border-radius: 10px;
	border: 0px;
	display: block;
}

/* ============ 상품리스트 ============ */

/* --- img_area (old style) --- */
.item_list .img_area {
	position: relative;
	background-color: #fbfbfc;
	border-radius: 20px;
	overflow: hidden;
	border: 1px solid #f1f1f1;
}

.item_list .img_area img {
	width: 100%;
	height: 100%;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	position: absolute;
	object-fit: cover;
}

.item_list .over_btn a {
	width: 50px;
	height: 50px;
	opacity: 1;
	display: inline-block;
}

.item_list .over_btn .over_link {
	width: calc(100% - 50px);
	height: 100%;
	float: left;
}

.item_list .over_btn a.btn_cart {
	position: absolute;
	bottom: 54px;
	right: 8px;
	background: url("/content/images/icon/ico_cart_off.png") no-repeat center center;
	background-size: 30px auto;
}

.item_list .over_btn a.btn_cart.on {
	position: absolute;
	bottom: 54px;
	right: 8px;
	background: url("/content/images/icon/ico_cart_on.png") no-repeat center center;
	background-size: 30px auto;
}

.item_list .over_btn a.btn_wish {
	position: absolute;
	bottom: 8px;
	right: 8px;
	background: url("/content/images/icon/ico_wish_off.png") no-repeat center center;
	background-size: 28px auto;
}

.item_list .over_btn a.btn_wish.on {
	position: absolute;
	bottom: 8px;
	right: 8px;
	background: url("/content/images/icon/ico_wish_on.png") no-repeat center center;
	background-size: 28px auto;
}

/* Item Over Btn */
.item_list .img_area .over_btn a {
	width: 50px;
	height: 50px;
	opacity: 1;
	display: inline-block;
}

.item_list .img_area .over_btn a.ico_wish {
	position: absolute;
	bottom: 8px;
	right: 8px;
	background: url(/content/images/icon/ico_wish_off.png) no-repeat center center;
	background-size: 25px auto;
}

.item_list .img_area .over_btn a.ico_wish.on {
	position: absolute;
	bottom: 8px;
	right: 8px;
	background: url(/content/images/icon/ico_wish_on.png) no-repeat center center;
	background-size: 25px auto;
}

.item_list .img_area .over_btn a.ico_cart {
	position: absolute;
	bottom: 54px;
	right: 8px;
	background: url(/content/images/icon/ico_cart_off.png) no-repeat center center;
	background-size: 30px auto;
}

.item_list .img_area .over_btn a.ico_cart.on {
	position: absolute;
	bottom: 54px;
	right: 8px;
	background: url(/content/images/icon/ico_cart_on.png) no-repeat center center;
	background-size: 30px auto;
}

/* Wish, Card Icon - Mobile /////////////////////////////////////////////////////////////////////// */
.item_list .btn_thumb_m {
	display: none;
}

.wrap_btn_thumb_m {
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	margin-top: 8px;
}

.item_list .btn_thumb_m a {
	width: 30px;
	height: 30px;
	margin-left: 5px;
}

.item_list .btn_thumb_m a.btn_cart_m {
	background: url("/content/images/icon/ico_m_cart_off.png") no-repeat center center;
	background-size: 30px auto;
}

.item_list .btn_thumb_m a.btn_wish_m {
	background: url("/content/images/icon/ico_m_wish_off.png") no-repeat center center;
	background-size: 30px auto;
}

.item_list .btn_thumb_m a.btn_wish_m.on {
	background: url("/content/images/icon/ico_m_wish_on.png") no-repeat center center;
	background-size: 30px auto;
}

/* //Wish, Card Icon - Mobile /////////////////////////////////////////////////////////////////////// */

/* ======= Set 상품 ======= */
.item_list .list_area.set .img_area:before,
.order_deli_container .order_deli_list.set .img_area:before,
.pay_list.set .img_area:before,
.cart_list.set .img_area:before {
	content: "S";
	position: absolute;
	bottom: 0;
	right: 0;
	width: 3rem;
	height: 3rem;
	color: #fff;
	font-size: 1.2rem;
	text-align: center;
	line-height: 3rem;
	background: #ff4646;
}

.item_list .sold_out,
.view_photo .sold_out {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
}

.item_list .sold_out p,
.view_photo .sold_out p {
	position: absolute;
	top: 50%;
	left: 50%;
	color: #fff;
	font-size: 2rem;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
}

/* --- txt_area --- */
.item_list .brand {
	font-size: 1.6rem;
	line-height: 1.6rem;
	color: #8f8f9b;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-weight: 400;
	letter-spacing: -0.48px;
	margin-bottom: 5px;
}

.item_list .title {
    display: block;
	display: -webkit-box;
    max-width:100%;
	/* max-height: 4rem; */
	font-size: 1.6rem;
	font-weight: 500;
	line-height: 2rem;
	color: #333;
	overflow: hidden;
	text-overflow: ellipsis;
	line-clamp: 2;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
    word-wrap: unset;
    word-break: break-all;
    white-space: normal;
}

.item_list .title > a,
.item_list.basic .title > span {
	/* display:block;
	font-size: 1.4rem;
	line-height: 2rem;
	color: #333; */
	display: -webkit-box;
	max-height: 4rem;
	font-size: 1.6rem;
	font-weight: 500;
	line-height: 2rem;
	color: #333;
	overflow: hidden;
	text-overflow: ellipsis;
	line-clamp: 2;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-wrap: break-word;
}

/* ////////////////////////////////////////////////////////////////////////////////
	Item List - Basic
///////////////////////////////////////////////////////////////////////////////*/
.item_list.basic {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	padding-top: 30px;
}

.item_list.basic .list_tit {
	display: flex;
	margin-bottom: 24px;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	padding: 20px 0;
	flex: 1;
}

.item_list.basic .wrap_thumb {
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-start;
}

.item_list.basic .img_area {
	width: 160px;
	height: 160px;
	padding: 0;
	border-radius: 20px;
}

.item_list.basic .txt_area {
	width: calc(100% - 190px);
}

.item_list.basic .wrap_btn {
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	margin: 10px 0 0;
	width: 100%;
}

.wrap_prd_info {
	width: 100%;
}

@media (max-width: 767px) {
	.item_list {
		margin: 0;
	}
}

.item_list.basic .wrap_btn button {
	width: 150px;
	height: 40px;
	font-size: 1.6rem;
	color: #000;
	text-align: center;
	border: 1px solid #959595;
	border-radius: 10px;
	margin-left: 12px;
	position: relative;
}

@media (min-width: 768px) and (max-width: 992px) {
	.item_list.basic .wrap_btn {
		justify-content: flex-end;
	}

	.item_list.basic .wrap_btn button {
		margin-left: 12px;
	}
}

@media (min-width: 481px) and (max-width: 767px) {
	.item_list.basic .wrap_btn button {
		width: 20%;
		margin-left: 10px;
	}
}

@media (max-width: 480px) {
	.item_list.basic .wrap_btn {
		justify-content: space-between;
		margin-left: 0;
	}

	.item_list.basic .wrap_btn button {
		font-size: 12px;
		width: 22%;
		height: 30px;
	}
}

/* 상품 썸네일(thumbnail) 뱃지(badge) 이미지 */
.item_list .badge_area {
	position: absolute;
	left: 0;
	bottom: 20px;
	display: flex;
	width: auto;
	flex-direction: column;
}

.item_list .badge_area span {
	margin-top: 4px;
	width: 70px;
	height: 24px;
	font-size: 12px;
	line-height: 1.5;
}

/* //상품 썸네일(thumbnail) 뱃지(badge) 이미지 */

/*  타이틀 */
.main_tit {
	/* margin-bottom: 30px; */
	padding: 30px 0;
}

@media (max-width: 767px) {
	.main_tit {
		padding: 35px 0 30px;
	}

	.item_list .badge_area {
		bottom: 12px;
		width: auto;
	}
}

.main_tit .tit {
	font-family: "NanumSquareExtraBold";
	font-size: 20px;
	line-height: 28px;
	color: #000;
	text-align: center;
	max-width: 1200px;
	margin: 0 auto;
	font-weight: 800;
	letter-spacing: -0.04rem;
}

.main_tit h2.tit {
	display: -webkit-box;
	width: 100%;
	height: auto;
	line-clamp: 2;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	word-break: break-word;
	box-sizing: border-box;
	letter-spacing: -0.8px;
	word-spacing: -0.8px;
	word-break: keep-all;
}

.main_tit .sub_tit {
	margin-top: 30px;
	margin-bottom: 0;
	font-size: 14px;
	line-height: 20px;
	text-align: center;
}

/* ////////////////////////////////////////////////////////////////////////////////////////////
	정기배송 캘린더 regular calendar
////////////////////////////////////////////////////////////////////////////////////////	*/
.regular_calendar .wrap_table {
	width: 100%;
}

.regular_calendar .wrap_table tr.selectWeek01 {
	width: 100%;
}

.regular_calendar .wrap_table tr td {
	width: calc(100% / 7);
	height: 78px;
	border: 1px solid #f8f8f8;
	position: relative;
}

.regular_calendar .wrap_table tr td a {
	height: 78px;
	padding: 12px;
	display: block;
}

.regular_calendar .wrap_table tr td span {
	background: transparent;
	display: block;
	height: 78px;
}

/* Datepicker paging button */
.ui-datepicker .ui-datepicker-prev span {
	background: url(/content/images/prev_arrow_b.png) no-repeat center center;
	background-size: 8px auto;
}

.ui-datepicker .ui-datepicker-next span {
	background: url(/content/images/next_arrow_b.png) no-repeat center center;
	background-size: 8px auto;
}

.ui-datepicker .ui-corner-all.ui-state-disabled span {
	opacity: 0.25;
}

/* Disabled */
.regular_calendar .wrap_table tr > td:last-child a,
.wrap_table tr > td:last-child span {
	color: #2a74e2;
}

.regular_calendar .wrap_table tr > td.ui-datepicker-other-month a,
.wrap_table tr > td.ui-datepicker-other-month span {
	color: #c8c8c8 !important;
}

.regular_calendar .wrap_table tr > td:first-child a,
.wrap_table tr > td:first-child span {
	color: #ff4e70;
}

.regular_calendar .tit {
	font-size: 2.4rem;
	font-weight: bold;
	margin: 30px auto;
}

.regular_calendar .desc {
	text-align: center;
	font-size: 1.4rem;
	position: relative;
	margin: 15px auto 40px;
}

.regular_calendar .table_cost {
	font-size: 1.4rem;
}

.regular_calendar .table_cost thead {
	background-color: #695fbf;
}

.regular_calendar .table_cost thead td {
	color: #fff;
	padding: 7px 4px;
}

.regular_calendar .table_cost td {
	border: 1px solid #fff;
	text-align: center;
}

.regular_calendar .table_cost tbody td {
	padding: 15px 4px;
}

.regular_calendar .table_cost tbody td:nth-child(4),
.regular_calendar .table_cost tbody td:nth-child(5) {
	text-align: left;
}

.regular_calendar .table_cost tbody tr:nth-child(2n) {
	background-color: #f9f9f9;
}

.regular_calendar .table_cost tbody td:nth-child(3) {
	font-weight: 500;
}

.regular_calendar .table_cost tbody td .discount {
	border-radius: 100px;
	background-color: #d9d9d9;
	padding: 1px 7px;
}

.wrap_table tr > td:first-child a,
.wrap_table tr > td:first-child span {
	color: #ff4e70;
}

.wrap_table tr > td:nth-child(5) a,
.wrap_table tr > td.ui-datepicker-other-month:nth-child(5) span {
	background: #d2d8ff;
}

.wrap_table .ui-state-default {
	padding: 12px;
}

.wrap_table tr > td:nth-child(5) a:before {
	content: "결제일";
	position: absolute;
	font-size: 14px;
	font-weight: bold;
	color: #000 !important;
	bottom: 0;
	left: 50%;
	transform: translate(-50%, -10px);
	width: 100%;
	text-align: center;
}

.box-active-next {
	position: relative;
	background-color: #eff4ff !important;
}

.box-active-next.cancel:before {
	content: "취소가능일" !important;
	position: absolute;
	font-size: 14px;
	color: #000 !important;
	bottom: 0;
	left: 50%;
	transform: translate(-50%, -10px);
	width: 100%;
	text-align: center;
}

.box-active-next.cancel {
	background-color: #fff5f5 !important;
}

.box-active-next.preparation {
	background-color: #eff4ff !important;
}

.box-active-next.preparation:before {
	content: "출고예상일" !important;
	position: absolute;
	font-size: 14px;
	color: #000 !important;
	bottom: 0;
	left: 50%;
	transform: translate(-50%, -10px);
	width: 100%;
	text-align: center;
}

.box-active-next.available:before {
	content: "배송가능일" !important;
	position: absolute;
	font-size: 14px;
	color: #000 !important;
	bottom: 0;
	left: 50%;
	transform: translate(-50%, -10px);
	width: 100%;
	text-align: center;
}

/* ////////////////////////////////////////////////////////////////////////////////////////////
	정기배송 테이블 regular table
////////////////////////////////////////////////////////////////////////////////////////	*/
.regular_table .table_cost {
	font-size: 1.4rem;
}

.regular_table .table_cost thead {
	background-color: #695fbf;
}

.regular_table .table_cost thead td {
	color: #fff;
	padding: 7px 8px;
}

.regular_table .table_cost td {
	border: 1px solid #fff;
	text-align: center;
}

.regular_table .table_cost tbody td {
	padding: 12px 8px;
}

.regular_table .table_cost tbody td br {
	display: none;
}

.regular_table .table_cost tbody td:nth-child(4),
.regular_table .table_cost tbody td:nth-child(5) {
	text-align: center;
}

.regular_table .table_cost tbody tr:nth-child(2n) {
	background-color: #f9f9f9;
}

.regular_table .table_cost tbody td:nth-child(3) {
	font-weight: 500;
}

.regular_table .table_cost tbody td .discount {
	border-radius: 100px;
	background-color: #d9d9d9;
	padding: 1px 7px;
	font-size: 11px;
}

.regular_calendar_desc {
	font-size: 14px;
	margin: 15px 0 0 0;
	padding-left: 8px;
	position: relative;
}

.regular_table_desc {
	font-size: 14px;
	margin: 15px 0 0 0;
}

.regular_calendar_desc:before {
	content: "";
	width: 3px;
	height: 3px;
	border-radius: 50%;
	background: #333;
	position: absolute;
	left: 0;
	top: 5px;
}

.regular_table_desc span {
	display: block;
	margin: 4px 0;
	padding-left: 8px;
	position: relative;
}

.regular_table_desc span:before {
	content: "";
	width: 3px;
	height: 3px;
	border-radius: 50%;
	background: #333;
	position: absolute;
	left: 0;
	top: 5px;
}

/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
	Media Query
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	/* IE 전용 */
	.item_list .title {
		display: block;
		position: relative;
	}

	.item_list .title.multi:after {
		content: "…";
		position: absolute;
		right: 0;
		bottom: 0;
		background: #fff;
	}
}

.item_list .option {
	font-size: 14px;
	line-height: 18px;
	color: #b1b2b3;
	margin-top: 0px;
	font-weight: 400;
}

.item_list.check .title {
	margin-bottom: 10px;
}

.item_list .gifts {
	margin-top: 3px;
	font-size: 14px;
	color: #b1b2b3;
	font-weight: 400;
}

@media (max-width: 767px) {
	.item_list .option,
	.item_list .gifts {
		font-weight: 500;
	}
}

.item_list .sale_per {
	position: absolute;
	top: 0;
	width: 3rem;
	height: 3rem;
	color: #fff;
	font-size: 1.3rem;
	text-align: center;
	line-height: 3rem;
	background: #000;
	z-index: 100;
}

.item_list .sale_per span {
	font-size: 0.9rem;
}

.item_list .price_area {
	margin-top: 20px;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
}

.item_list .price_area .before {
	font-size: 1.2rem;
	/* line-height: 1.6rem; */
	margin-left: 6px;
	color: #ababab;
	letter-spacing: -0.36px;
	font-weight: 300;
}

.item_list .price_area .before span {
	text-decoration: line-through;
}

.item_list .price_area .sale_area {
	margin-top: 0;
	justify-content: flex-start;
	align-items: flex-start;
	flex-direction: column;
	font-size: 14px;
}

@media (max-width: 767px) {
	.item_list .price_area .sale_area p.quantity,
	.item_list .price_area .sale_area p.quantity::before {
		font-size: 14px;
		line-height: 20px;
	}
}

.item_list .sale_area {
	display: flex;
	margin-top: 5px;
	align-items: center;
	color: #000;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.item_list .sale_area .sale {
	margin-right: 5px;
	font-weight: 700;
	font-size: 2.4rem;
	line-height: 2rem;
	color: #695fbf;
	margin-bottom: -2px;
}

.price_area .price_discount {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}

.item_list .sale_area .price {
	font-weight: 500;
	font-size: 2rem;
	letter-spacing: -0.6px;
	color: #333333;
}

.item_list .sale_area .price span {
	font-weight: 700;
}

.item_list .product_discount_area {
	display: flex;
	margin-top: 22px;
	flex-wrap: wrap;
}

.item_list .product_discount_area p {
	position: relative;
	padding-right: 15px;
	font-size: 14px;
	font-weight: 400;
	color: #8f8f9b;
}

@media (max-width: 767px) {
	.item_list .product_discount_area p {
		font-weight: 500;
	}
}

.item_list .product_discount_area p:after {
	display: block;
	position: absolute;
	right: 7px;
	top: 50%;
	width: 1px;
	height: 14px;
	background: #8f8f9b;
	transform: translateY(-50%);
	content: "";
}

.item_list .product_discount_area p:last-child {
	padding-right: 0;
}

.item_list .product_discount_area p:last-child:after {
	content: none;
}

.item_list .product_discount_area .use {
	margin-left: 0px;
	font-size: 14px;
	color: #ff6969;
}

/* 별점(평점) */
.star_area {
	width: 100%;
	height: 16px;
	margin-top: 10px;
	display: flex;
	flex-direction: row;
	align-items: center;
}

.star_area .star_wrap {
	height: 16px;
	display: flex;
	flex-direction: row;
	align-items: center;
}

.star_area .star_wrap span {
	margin-right: 3px;
}

.star_area .star_wrap span img {
	width: 16px;
	height: 16px;
}

.star_area .star_score {
	font-size: 1.4rem;
	font-weight: bold;
	color: #695fbf;
	margin-left: 6px;
	/* line-height: 1.3; */
	letter-spacing: 0.01rem;
}

/* //별점(평점) */

/* 상품 썸네일(thumbnail) 이미지 좌측상단 넘버링 (번호 표시) */
.item_list .prd_numbering {
	background: #efedff;
	width: 66px;
	height: 66px;
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 0 0 2rem 0;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

.item_list .prd_numbering span {
	color: #8c53ff;
	font-size: 2.6rem;
	font-weight: bold;
	margin-top: -3px;
}

/* //상품 썸네일(thumbnail) 이미지 좌측상단 넘버링 (번호 표시) */

.item_list .best_sale_area {
	display: flex;
	align-items: center;
	margin-top: 5px;
	color: #000;
}

.item_list .best_sale_area .sale {
	margin-right: 5px;
	font-weight: 500;
	font-size: 1.6rem;
	line-height: 2rem;
}

.item_list .best_sale_area .before {
	display: inline-block;
	margin-right: 10px;
	font-size: 1.8rem;
	line-height: 2.4rem;
	color: #d5d5d5;
	text-decoration: line-through;
}

.item_list .best_sale_area .sale_area {
	margin-top: 0;
}

.item_list .best_sale_area .sale span {
	font-weight: 700;
	font-size: 1.8rem;
	vertical-align: top;
}

.item_list .best_sale_area .price {
	font-size: 1.8rem;
}

.item_list .coupon {
	font-size: 16px;
	line-height: 26px;
	font-weight: 700;
	color: #333333;
	margin-top: 10px;
	margin-bottom: 20px;
}

.item_list .product_discount_area + .coupon {
	margin-top: 0;
}

.item_list .btn_right {
	margin-top: 15px;
}

.item_list .btn_area {
	margin-top: 15px;
}

.item_list .btn_area .btn {
	margin: 5px 8px 0 0;
}

.item_list .btn_area .btn:nth-last-of-type(1) {
	margin-right: 0;
}

.item_list .date {
	margin-top: 30px;
	font-size: 1.6rem;
	line-height: 2.4rem;
	color: #333;
}

.item_list .brand {
	font-size: 12px;
}

/* ---- basic ---- */
.item_list.basic .list_area {
	border-bottom: 1px solid #e2e2e2;
	width: 100%;
}

.item_list.basic .list_area:nth-of-type(1) {
	padding-top: 0;
}

.item_list.basic .list_area:nth-last-of-type(1) {
	border-bottom: 0;
}

.item_list.basic .img_area,
.item_list.basic .txt_area {
	display: inline-block;
	vertical-align: top;
}

.item_list.basic .img_area {
	width: 160px;
	height: 160px;
	padding: 0;
	border-radius: 20px;
}

.item_list.basic .txt_area {
	width: calc(100% - 190px);
	padding-left: 12px;
}

@media (max-width: 991px) {
	.item_list.basic .img_area {
		width: 80px !important;
		height: 80px !important;
		border-radius: 10px;
	}

	.item_list.basic .txt_area {
		width: calc(100% - 95px) !important;
		margin-left: 0;
		padding-left: 0;
	}

	.pop_multi_destin .item_list.basic .list_area {
		align-items: flex-start;
	}

	.pop_multi_destin .item_list .brand {
		margin-top: 0;
	}

	.pop_multi_destin .item_list.basic .txt_area {
		width: auto !important;
		margin-left: 20px;
	}

	.item_list.basic .wrap_btn {
		display: flex;
		flex-direction: row;
		align-items: flex-end;
		height: 30px;
	}

	.item_list.basic .wrap_btn button {
		width: 22%;
		height: 40px;
		font-size: 14px;
		border-radius: 6px;
		margin-top: 20px;
	}
}

@media (max-width: 480px) {
	.item_list.basic .wrap_btn {
		justify-content: space-between;
		margin-left: 0;
		margin-top: 30px;
	}

	.item_list.basic .wrap_btn button.cancel_order {
		position: absolute;
		right: 0;
	}

	.item_list.basic .wrap_thumb.option02 {
		padding-top: 30px;
		margin-top: 30px;
	}

	.item_list .brand {
		font-size: 16px;
		padding-top: 10px;
		margin-bottom: 4px;
	}

	.item_list.basic .brand {
		font-size: 14px;
		padding-top: 0;
		margin-bottom: 6px;
	}
}

.item_list.check .list_area:nth-last-of-type(1) {
	border-bottom: 0;
}

.item_list.check .img_area {
	width: 80px;
	height: 80px;
	margin-right: 15px;
}

.item_list.check .item_info {
	width: calc(100% - 95px);
}

/* ---- del ---- */
.item_list.del .item_top {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.item_list.del .btn_item_del {
	width: 24px;
	height: 24px;
	background: url(/content/images/icon/btn_item_del.png) no-repeat 100% 50%;
	background-size: 100% auto;
}

.item_list.del .item_bottom {
	display: flex;
	margin-top: 15px;
}

/* ---- basic_wide ---- */
.item_list.basic_wide .img_area,
.item_list.thumb .img_area {
	padding-bottom: 0;
	width: 100%;
	height: auto;
	overflow: hidden;
	border-radius: 2rem;
}

.item_list.basic_wide .list_area {
	padding: 15px 0;
}

.item_list.basic_wide .txt_area {
	padding: 0 15px;
}

.item_list.basic_wide .star_area {
	padding: 0 15px;
}

/* --- thumb --- */
.item_list.thumb .title {
	letter-spacing: -0.48px;
}

.item_list.thumb .list_area {
	margin: 0 0 80px;
}

@media (max-width: 480px) {
	.item_list.thumb .list_area {
		margin: 0 0 40px;
	}
}

.item_list.thumb .txt_area {
	position: relative;
	margin-top: 20px;
}

.item_list.thumb .txt_area a {
	height: auto;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-content: flex-start;
	align-items: flex-start;
}

/* ============ 재입고 알림 ============ */
.sold_out .restock {
	position: absolute;
	bottom: 40px;
	right: 40px;
}

.sold_out .restock_img {
	width: 30px;
	height: 30px;
}

.sold_out .restock.on .restock_img {
	background: url(/content/images/icon/btn_alert_on.png) no-repeat left center;
	background-size: 30px auto;
}

.sold_out .restock .restock_tit {
	color: #fff;
	font-size: 16px;
	line-height: 30px;
	vertical-align: middle;
}

/* ============ 쿠폰리스트 ============ */
.coupon_list {
	border-top: 1px solid #e2e2e2;
}

.coupon_list .list_area {
	padding: 30px 0;
	border-bottom: 1px solid #e2e2e2;
}

.coupon_list .tit_area {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.coupon_list .tit_area .tit {
	display: -webkit-box;
	max-height: 5.4rem;
	font-weight: 700;
	font-size: 18px;
	line-height: 1.5;
	color: #333;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	line-clamp: 2;
	-webkit-line-clamp: 2;
	word-wrap: break-word;
	flex: 1;
}

.coupon_list .tit_area .amount {
	padding-left: 10px;
	font-weight: 700;
	font-size: 20px;
	line-height: 1;
	color: #8c53ff;
	text-align: right;
}

.coupon_list .explain {
	margin-top: 3px;
	font-size: 16px;
	line-height: 2;
	color: #333;
}

.coupon_list .info {
	margin-top: 13px;
	font-size: 16px;
	line-height: 1.42;
	color: #959595;
}

.coupon_list .etc_area {
	margin-top: 20px;
	text-align: right;
}

.coupon_list .etc_area .link_product {
	display: inline-block;
	font-weight: 500;
	font-size: 1.4rem;
	line-height: 2rem;
	color: #333;
	text-decoration: underline;
}

.coupon_list .day_area {
	margin-top: 18px;
}

.coupon_list .day_area dl {
	display: flex;
	align-items: center;
}

.coupon_list .day_area dt,
.coupon_list .day_area dd {
	font-size: 1.2rem;
	line-height: 1.8rem;
}

.coupon_list .day_area dt {
	width: 6.8rem;
	font-weight: 500;
	color: #333;
}

.coupon_list .day_area dd {
	width: calc(100% - 6.8rem);
	color: #959595;
}

/* ============ 배송리스트 ============ */
.delivery_list {
	margin-top: 10px;
	border-top: 1px solid #707070;
}

.delivery_list li {
	display: flex;
	padding: 1.5rem 0 2rem;
	border-top: 1px solid #e2e2e2;
}

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

.delivery_list .radio_area {
	width: 20px;
}

.delivery_list .txt_area {
	width: calc(100% - 20px);
	/* padding-left: 20px; */
	padding-left: 6px;
}

.delivery_list .txt_area p {
	margin-top: 10px;
	font-weight: 500;
	font-size: 20px;
	line-height: 30px;
	color: #333;
}

.delivery_list .txt_area .title {
	margin-top: 0;
	font-size: 24px;
	color: #000;
}

.delivery_list .txt_area .name {
	margin-top: 6px;
	font-size: 24px;
	color: #000;
	line-height: 1;
}

.delivery_list .txt_area select {
	margin-top: 10px;
}

.delivery_list .btn_right {
	margin-top: 20px;
}

@media (max-width: 767px) {
	.delivery_list .btn_right {
		margin-top: 10px;
	}
}

.delivery_list .btn_right .btn {
	margin-right: 1.2rem;
}

.delivery_list .btn_right .btn:last-child {
	margin-right: 0;
}

.delivery_list .btn_right .btn.btn_delete {
	width: 150px;
	height: 40px;
	font-size: 1.6rem;
	color: #000;
	text-align: center;
	border: 1px solid #959595;
	border-radius: 10px;
	position: relative;
}

.delivery_list .btn_right .btn_edit {
	margin-left: 10px;
}

.delivery_list div.btn-group {
	margin-top: 2rem;
}

.delivery_list .radio_area label {
	margin-right: 0;
}

@media (max-width: 767px) {
	.delivery_list .btn_right .btn.btn_delete {
		width: 70px;
		height: 40px;
		font-size: 12px;
		padding: 0;
	}

	.delivery_list div.btn-group {
		margin-top: 25px !important;
	}

	.pop_deli_list .link_deli_add {
		margin-top: 12px;
	}

	.item_list.basic .txt_area .title {
		font-size: 16px;
	}

	.item_list .option {
		font-size: 14px;
	}
}

/* ============ 전체조회 ============ */
.total_top {
	margin-top: 3rem;
}

.total_top .total_area {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.total_top .total {
	font-weight: 500;
	font-size: 18px;
	color: #333;
	display: inline-flex;
	justify-content: space-between;
	letter-spacing: -0.9px;
}

.total_top .total .total_number {
	font-size: 16px;
	display: flex;
	justify-content: center;
	align-content: center;
}

@media (max-width: 767px) {
	.total_top .total,
	.total_top .total .total_number,
	.total_top .total .total_number > * {
		line-height: 1;
		font-size: 13px;
		height: auto;
		margin: 0;
		display: inline-block;
	}
}

.total_top .btn_inquiry {
	font-weight: 500;
	font-size: 1.4rem;
	line-height: 2rem;
	color: #333;
	text-decoration: underline;
}

.total_top .inquiry_write {
	/*display: none;*/
	position: relative;
	z-index: 10;
	margin: 25px -20px 0;
	padding: 20px;
	background: #f5f5f5;
}

.total_top .search_form {
	margin-top: 2rem;
}

/* ============ 리스트 공통 ============ */
.list_wrap {
	margin-top: 30px;
	border-top: 1px solid #e2e2e2;
}

.customer_wrap .list_wrap {
	margin-top: 60px;
	border-top: 0px solid transparent;
}

.list_wrap .list_area {
	margin: 0 -20px;
	padding: 0 20px;
}

.list_wrap .list_open {
	cursor: pointer;
}

.list_wrap .list_in {
	border-bottom: 1px solid #e2e2e2;
}

.list_wrap .list_in:after {
	display: block;
	content: "";
	clear: both;
}

/* --- list_top ---*/
.list_wrap .list_top {
	display: flex;
	margin-bottom: 1.5rem;
	justify-content: space-between;
	align-items: center;
}

.list_wrap .list_top .state {
	font-weight: 500;
	font-size: 1.1rem;
	line-height: 1.6rem;
	color: #333;
}

.list_wrap .list_top .date {
	font-size: 12px;
	line-height: 1;
	color: #959595;
}

.list_wrap .list_top .id_date {
	display: inline-flex;
}

.list_wrap .list_top .id {
	color: #959595;
	font-size: 1.2rem;
	font-weight: 300;
}

.list_wrap .list_top .id:after {
	content: "";
	display: inline-block;
	width: 1px;
	height: 9px;
	margin: 0 6px 0 8px;
	background-color: #707070;
	opacity: 0.3;
}

.list_wrap .list_top .mp_rv_top {
	display: flex;
}

.list_wrap .list_top .good_count {
	margin-left: 20px;
	font-size: 1.2rem;
	color: #000;
	line-height: 16px;
}

.list_wrap .list_top .good_count > span {
	display: inline-block;
	margin-left: 10px;
	font-size: 1.4rem;
	font-weight: 700;
	color: #2684ff;
	vertical-align: top;
}

.list_wrap .list_top .good_count > span:before {
	content: "\e8dc";
	display: inline-block;
	margin-right: 5px;
	font-family: "Material Icons";
	font-size: 1.6rem;
	vertical-align: top;
	transition: font-size 0.4s;
}

/* --- 텍스트스타일 ---*/
.list_wrap .category {
	font-weight: 500;
	font-size: 1.2rem;
	line-height: 1.8rem;
	color: #959595;
}

.list_wrap .list_tit {
	display: -webkit-box;
	max-height: 4.8rem;
	font-size: 1.3rem;
	line-height: 2.4rem;
	color: #333;
	overflow: hidden;
	text-overflow: ellipsis;
	line-clamp: 2;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-wrap: break-word;
}

.list_wrap .txt {
	font-size: 1.3rem;
	line-height: 2.2rem;
	color: #000;
}

.list_wrap .question {
	display: -webkit-box;
	display: block;
	position: relative;
	max-height: 4.8rem;
	padding-left: 1.7rem;
	font-size: 1.3rem;
	line-height: 2.4rem;
	color: #333;
	overflow: hidden;
	text-overflow: ellipsis;
	line-clamp: 2;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-wrap: break-word;
}

.list_wrap .answer {
	position: relative;
	margin-top: 1.5rem;
	padding-left: 1.7rem;
	font-size: 1.3rem;
	line-height: 2.4rem;
	color: #333;
}

.list_wrap .qa {
	position: absolute;
	top: 0;
	left: 0;
	font-weight: 500;
	font-size: 1.4rem;
	line-height: 2.4rem;
	color: #000;
}

/* event */
.list_wrap .list_area.on {
	position: relative;
	top: 0;
	z-index: 10;
	border-top: 1px solid #e2e2e2;
	background: #f5f5f5;
}

.list_wrap .list_area.on .list_in {
	border: 0;
}

.list_wrap .list_area.on .list_tit,
.list_wrap .list_area.on .question {
	display: block;
	max-height: 100%;
}

.list_wrap .list_area {
	border-top: 0px;
	border-bottom: 1px solid #d9d9d9;
}

.list_wrap .list_area.on {
	background: #ffffff;
	border-top: 0px;
}

.list_wrap .list_in {
	border: 0;
}

/* ============ faq리스트 ============ */
.faq_list .list_in {
	padding: 15px 0;
}

/* event */
.faq_list.on {
	margin-top: -1px;
}

.faq_list .list_open .list_in {
	padding: 60px 0;
}

.list_wrap.faq_list .list_area.on .list_in {
	border: 0;
	padding: 60px 0;
}

/* .list_wrap.faq_list .list_area:first-child .list_in {
  padding-top: 0;
} */

/* ============ 후기리스트 ============ */
.review_list .list_in {
	padding: 30px 0;
}

.review_list .question {
	margin-top: 1.4rem;
}

.review_list .review_conts {
	margin-top: 10px;
	font-size: 1.3rem;
	line-height: 2.4rem;
	color: #666;
}

.review_list .review_thumb {
	display: flex;
	margin-top: 30px;
}

.review_list .review_thumb li {
	margin-right: 4%;
	width: 65px;
	height: 65px;
}

.review_list .review_thumb li:last-child {
	margin-right: 0;
}

.review_list .btn_right {
	margin-top: 30px;
}

/* ============ tab_tit ============ */
.tab_tit .nav-item {
	margin-left: -1px;
}

.tab_tit .nav-link {
	width: 100%;
	background: #fbfbfc;
	border: 1px solid #d9d9d9;
	border-radius: 0;
	font-size: 14px;
	line-height: 48px;
	color: #b1b2b3;
	text-align: center;
}

/* tab - 6개 */
.tab_tit.tab_6 .nav-item {
	margin-top: -1px;
	width: 33.333%;
}

/* event */
.tab_tit .nav-item .nav-link.active {
	position: relative;
	z-index: 10;
	color: #8c53ff;
	background: #fff;
	border-color: #8c53ff;
}

/* ============ tab_tit2 ============ */
.tab_tit2 {
	margin: 0 -20px;
	border-top: 1px solid #e2e2e2;
	border-bottom: 1px solid #e2e2e2;
}

.tab_tit2 .nav-item {
	margin-left: -1px;
}

.tab_tit2 .nav-link {
	border-radius: 0;
	font-size: 1.5rem;
	line-height: 5.6rem;
	color: #333;
}

.tab_tit2 .nav-link span {
	display: inline-block;
	position: relative;
	padding: 0 11px;
}

/* event */
.tab_tit2 .nav-item .nav-link.active {
	font-weight: 700;
	color: #000;
	background: #fff;
}

.tab_tit2 .nav-item .nav-link.active span:after {
	position: absolute;
	left: 0;
	bottom: -1px;
	z-index: 10;
	display: block;
	width: 100%;
	height: 3px;
	background: #000;
	content: "";
}

/* ============ tab_tit3 ============ */
.tab_tit3 .nav-link {
	border: 1px solid #4c4c4c;
	border-radius: 0;
	font-size: 1.5rem;
	line-height: 4.2rem;
	color: #4c4c4c;
}

/* event */
.tab_tit3 .nav-item .nav-link.active {
	background: #4c4c4c;
	font-weight: 700;
	color: #fff;
}

/* ============ tab_tit4 ============ */
.tab_tit4 {
	overflow-x: auto;
	margin: 0 -20px;
	padding: 16px 20px;
	border-bottom: 1px solid #e8e8e8;
	background-color: #fbfbfb;
	font-family: "Noto Sans KR";
	white-space: nowrap;
}

.tab_tit4::-webkit-scrollbar {
	display: none;
}

.tab_tit4 .nav li {
	display: inline-block;
}

.tab_tit4 .nav-item {
	margin-right: 8%;
}

.tab_tit4 .nav-link {
	font-size: 1.5rem;
	line-height: 2.2rem;
	color: #999;
}

/* event */
.tab_tit4 .nav-item .nav-link.active {
	font-weight: 700;
	color: #000;
	background-color: transparent;
}

/* ============ 텍스트 스타일 ============ */
.info_dot {
	margin-top: 12px;
}

.info_dot p,
.info_dot li {
	font-size: 12px;
	line-height: 16px;
	color: #000;
}

@media (max-width: 767px) {
	.info_dot p,
	.info_dot li {
		font-size: 13px;
	}
}

.info_dot p {
	position: relative;
	margin-bottom: 8px;
	padding-left: 8px;
}

.info_dot p:after {
	display: block;
	position: absolute;
	left: 0;
	top: 6px;
	width: 3px;
	height: 3px;
	background: #ababab;
	border-radius: 50%;
	content: "";
}

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

.info_dot ul {
	margin: -3px 0 8px 13px;
}

/* ============ 별점 ============ */
.rating_star {
	display: flex;
}

.rating_star span {
	display: block;
	width: 16px;
	height: 16px;
	background: url(/content/images/icon/ico_star_off.png) no-repeat 0 0;
	background-size: 100%;
}

.rating_star span:last-child {
	margin-right: 0;
}

.rating_star span.on {
	background: url(/content/images/icon/ico_star_on.png) no-repeat 0 0;
	background-size: 100%;
}

@media (max-width: 480px) {
	.rating_star span {
		width: 14px;
		height: 14px;
	}
}

/* lg */
.rating_star.lg span {
	width: 24px;
	height: 24px;
}

/* xl */
.rating_star.xl span {
	margin-right: 7px;
	width: 34px;
	height: 34px;
	cursor: pointer;
}

/* rating_wrap */
.rating_wrap {
	text-align: center;
}

.rating_wrap .rating_star {
	justify-content: center;
}

.rating_wrap .score {
	margin-top: 10px;
	font-weight: 500;
	font-size: 1.8rem;
	line-height: 2.7rem;
	color: #959595;
}

/* ============ tit_wrap ============ */
.tit_wrap {
	padding-top: 3.8rem;
	padding-bottom: 3.7rem;
	text-align: center;
}

.tit_wrap .tit {
	font-size: 40px;
	line-height: 1;
	font-weight: 700;
	color: #000;
	padding: 0 40px;
}

.tit_wrap .tit_dropdown {
	display: inline-block;
	cursor: pointer;
	position: relative;
}

.tit_wrap .tit_dropdown:before {
	content: "";
	width: 50px;
	height: 50px;
	position: absolute;
	background: url(/content/images/icon/ico_mypage_title_arrow.png) no-repeat right center;
	background-size: 50px auto;
	top: -8px;
	right: -10px;
}

.tit_wrap .dropdown_inner {
	position: relative;
}

.tit_wrap .dropdown-menu {
	left: 50% !important;
	width: 17rem;
	margin: 1rem auto 0;
	padding: 0;
	border-color: #333;
	transform: translateX(-50%) !important;
	-webkit-transform: translateX(-50%) !important;
	-moz-transform: translateX(-50%) !important;
	-ms-transform: translateX(-50%) !important;
	-o-transform: translateX(-50%) !important;
}

.tit_wrap .dropdown-menu a {
	padding: 0 1rem;
	font-size: 1.3rem;
	line-height: 3.4rem;
	color: #333;
}

@media (max-width: 767px) {
	.tit_wrap .tit {
		font-size: 20px;
	}
}

.main_tit .tit_dropdown:after {
	content: "" !important;
	width: 50px;
	height: 50px;
	position: absolute;
	background: url(/content/images/icon/ico_mypage_title_arrow.png) no-repeat right center;
	background-size: 50px auto;
	top: 50%;
	margin-top: -25px;
	right: -50px;
}

/* event */
.tit_wrap .dropdown-menu a:hover,
.tit_wrap .dropdown-menu a:focus,
.tit_wrap .dropdown-menu a:active,
.tit_wrap .dropdown-menu a.active {
	background: #e2e2e2;
}

.main_tit {
    text-align: center;
}

.main_tit .tit_dropdown {
	display: inline-block;
	cursor: pointer;
	position: relative;
	pointer-events: none;
}

.main_tit .tit_dropdown:before {
	content: "";
	width: 50px;
	height: 50px;
	position: absolute;
	background: url(/content/images/icon/ico_mypage_title_arrow.png) no-repeat right center;
	background-size: 50px auto;
	top: 50%;
	right: -50px;
	transform: translate(0, -50%);
}

.newcare_contents .menu_xslide {
	width: 100%;
	height: 44px;
	background-color: #f8f8f9;
	margin: 30px 0 0;
}

.newcare_contents .menu_xslide ul {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	overflow-x: auto;
	padding-left: 20px;
	padding-right: 20px;
	height: 100%;
}

.newcare_contents .menu_xslide ul::-webkit-scrollbar {
	display: none;
}

.newcare_contents .menu_xslide ul li {
	flex-shrink: 0;
	margin-right: 20px;
}

.newcare_contents .menu_xslide ul li:last-child {
	margin-right: 0;
}

.newcare_contents .menu_xslide ul li a {
	display: block;
	font-size: 14px;
	font-weight: 300;
	color: #8f8f9b;
}

.newcare_contents .menu_xslide ul li.active a {
	color: #1f1f1f;
}

@media (min-width: 768px) {
	.main_tit .tit_dropdown:before {
		display: none;
	}

	.newcare_contents .menu_xslide {
		display: none;
	}
}

@media (max-width: 767px) {
	.main_tit .tit_dropdown {
		pointer-events: unset;
	}

	.main_tit .tit_dropdown:before {
		display: block;
		width: 26px;
		height: 26px;
		background: url(/content/images/icon/ico_sub_category_down.png) no-repeat right center;
		background-size: 26px auto;
		left: 50%;
		top: 50%;
		transform: translate(60px, -50%);
	}

	.newcare_contents .menu_xslide {
		display: block;
	}

	.check_area input + label {
		background: url(/content/images/icon/ico_check_off.png) no-repeat 0 50%;
		background-size: 20px !important;
	}

	.check_area input:checked + label {
		background: url(/content/images/icon/ico_check_on.png) no-repeat 0 50%;
		background-size: 20px !important;
	}
}

.main_tit.show .tit_dropdown:before {
	transform: translate(0, -50%) rotate(180deg);
}

.main_tit .dropdown_inner {
	position: relative;
}

.main_tit .dropdown-menu {
	left: 50% !important;
	width: 300px;
	margin: 1rem auto 0;
	padding: 0;
	border: 1px solid #000;
	border-radius: 20px;
	overflow: hidden;
	transform: translateX(-50%) !important;
	-webkit-transform: translateX(-50%) !important;
	-moz-transform: translateX(-50%) !important;
	-ms-transform: translateX(-50%) !important;
	-o-transform: translateX(-50%) !important;
}

.main_tit .dropdown-menu a {
	padding: 0 1rem;
	font-size: 1.6rem;
	font-weight: 400;
	line-height: 2.5;
	color: #787878;
	text-align: center;
}

@media (max-width: 480px) {
	.main_tit .tit_dropdown:before {
		width: 30px;
		height: 30px;
		right: -25px;
		background-size: 100% auto;
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(60px, -50%);
	}

	.main_tit.show .tit_dropdown:before {
		transform: translate(190%, -50%) rotate(180deg);
	}

	.main_tit .dropdown-menu {
		width: 200px;
	}

	.main_tit .dropdown-menu a {
		font-size: 14px;
		line-height: 40px;
		height: 40px;
	}
}

/* event */
.main_tit .dropdown-menu a:hover,
.main_tit .dropdown-menu a:focus,
.main_tit .dropdown-menu a:active,
.main_tit .dropdown-menu a.active {
	background: #f6f5fe;
}

/* ============ agree_wrap ============ */
/* ---- agree_wrap ---- */
.agree_wrap {
	margin-top: 60px;
}

.agree_wrap .check_area label {
	font-size: 13px;
}

@media (max-width: 480px) {
	.check_area input + label {
		background-image: url(/content/images/icon/ico_check_off.png);
		background-repeat: no-repeat;
		background-position-x: 0;
		background-position-y: center;
		background-size: 18px !important;
		font-size: 13px;
		line-height: 1.25;
		padding-left: 25px;
		padding-top: 2px;
	}

	.item_qna .check_area label {
		background: url(/content/images/icon/ico_check_off.png) no-repeat 0 center;
		background-size: 18px !important;
	}

	.check_area input:checked + label {
		background: url(/content/images/icon/ico_check_on.png) no-repeat 0 center;
		background-size: 18px !important;
	}

	.join_contents .agree_wrap .check_area input + label,
	.join_contents .agree_wrap .check_area input:checked + label {
		background-position: 0 2px;
	}

	.join_contents .agree_wrap .agree_check:nth-child(4) .check_area input + label {
		line-height: 1.25;
		max-width: 90%;
	}
}

.agree_wrap .check_area label > span {
	color: #7261ff;
}

.agree_wrap .all_check {
	padding-bottom: 15px;
	border-bottom: 1px solid #d9d9d9;
	height: auto;
	line-height: 1;
}

.agree_wrap .agree_check {
	display: flex;
	margin-top: 15px;
	align-items: center;
	justify-content: space-between;
}

@media (max-width: 480px) {
	.agree_wrap .agree_check {
		margin-top: 10px;
	}
}

.agree_wrap .agree_check .check_area {
	flex: 1;
}

.agree_wrap .agree_check .terms_link {
	display: block;
	font-size: 12px;
	line-height: 18px;
	color: #b1b2b3;
	text-decoration: underline;
}

.agree_wrap .btn-group {
	margin-top: 30px;
}

/* ============ 컨텐츠없음 ============ */
.common_none {
	padding: 180px 20px 0;
	text-align: center;
}

.common_none p {
	font-size: 28px;
	line-height: 2;
	color: #000;
	font-weight: 800;
}

/* ============ 리스트없음 ============ */
.review_none {
	padding-top: 40px;
}

.review_none p {
	font-size: 20px;
	line-height: 1.4;
	text-align: center;
	font-weight: 400;
	letter-spacing: -0.6px;
}

/* ============ 토스트 ============ */
.toast_bg {
	display: none;
	position: fixed;
	z-index: 29998;
}

.toast_wrap {
	position: fixed;
	left: 50%;
	bottom: 15%;
	bottom: 10vh;
	padding: 15px 20px;
	max-width: 300px;
	width: 100%;
	font-weight: 400;
	font-size: 14px;
	height: 45px;
	color: #fff;
	text-align: left;
	border-radius: 45px;
	background: #8c53ff;
	transform: translateX(-50%);
	box-sizing: border-box;
	z-index: 29999;
}

/* 221222 PSH 수정*/
.toast_wrap.top_toast {
	bottom: unset;
	top: -20vh;
	width: 88%;
	max-width: 320px;
	height: auto;
	line-height: 1.36;
	border-radius: 15px;
	padding: 12px 15px;
	transition: top cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

/*show를 클래스에  해야지 보인다.  */

.toast_wrap.top_toast.show {
	animation: topToast cubic-bezier(0.175, 0.885, 0.32, 1.275);
	animation-duration: 2.9s;
}

@keyframes topToast {
	0% {
		top: -20vh;
		display: none;
	}

	10% {
		top: 4vh;
		display: block;
	}

	60% {
		top: 4vh;
	}

	65% {
		top: 5vh;
	}

	85% {
		top: -10vh;
	}

	100% {
		top: -20vh;
		display: none;
	}
}

.toast_wrap.top_toast > p {
	text-align: left;
	height: auto;
	overflow: unset;
	white-space: unset;
	line-height: 1.36;
	margin-bottom: 5px;
	letter-spacing: -0.045rem;
	word-spacing: -0.1rem;
}

@media (max-width: 767px) {
	.toast_wrap {
		bottom: 90px;
		top: unset;
	}
}

.toast_wrap > p {
	width: 100%;
	/*height: 14px;*/
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-align: center;
	font-size: 14px;
	font-weight: 400;
}

.toast_wrap .modal_close {
	width: 20px !important;
	height: 20px !important;
	background: url(../images/icon/ico_close_popup.png) no-repeat 0 0 !important;
	background-size: 20px auto !important;
	position: absolute !important;
	top: 50% !important;
	right: 5px !important;
	transform: translate(-50%, -50%) !important;
}

.viewBg {
	visibility: hidden;
	position: fixed;
	left: 0;
	top: 0;
	width: 100vw;
	height: 100vh;
	z-index: 9999; /* 20240513 */
	background: #000;
	transition: opacity 0.35s;
	opacity: 0;
}

.viewBg.on {
	visibility: visible;
	opacity: 0.5; /* 20240426 */
}

/* ============ 이벤트 기획전 ============ */
.featured_menu {
	padding-top: 25px;
	padding-bottom: 25px;
}

.featured_menu li {
	display: inline-flex;
	width: auto;
	margin-right: 20px;
}

.featured_menu a {
	color: #959595;
	font-size: 1.6rem;
	line-height: 2.4rem;
}

.featured_contents .list img {
	width: 100%;
	height: auto;
	max-height: 296px;
	object-fit: contain;
}

.featured_contents .list {
	overflow: hidden;
	position: relative;
	width: 100%;
	height: auto;
	border-radius: 20px 20px 0px 0px;
	border: 1px solid #dfdfdf;
}

.featured_contents .list a {
	display: block;
	width: 100%;
	height: 100%;
}

@media (max-width: 480px) {
	.featured_contents .list {
		border-radius: 10px 10px 0px 0px;
	}
}

.featured_contents .txt {
	width: 100%;
	padding: 14px 12px;
	border-radius: 0 0 80px 0px;
	border: 1px solid #dfdfdf;
	border-top: none;
}

@media (max-width: 767px) {
	.featured_contents .txt {
		border-radius: 0 0 40px 0;
	}
}

.featured_contents .event_label {
	position: absolute;
	font-size: 16px;
	right: 30px;
	padding: 4px 10px 5px;
	color: #fff;
	background: #8c53ff;
	border-radius: 15px;
	width: 100%;
	height: 100%;
	max-width: 65px;
	max-height: 30px;
	display: flex;
	align-content: center;
	justify-content: center;
	align-items: center;
	z-index: 1;
	top: unset;
	transform: unset;
	bottom: 93px;
}

@media (max-width: 767px) {
	.featured_contents .event_label {
		top: unset;
		transform: none;
		bottom: 24%;
		transform: none !important;
	}

	.main_contents .item_list .list_area .img_area {
		border-radius: 10px;
	}

	.main_contents .item_list .prd_numbering {
		border-radius: 0 0 10px 0;
		width: 38px;
		height: 38px;
	}
}

@media (max-width: 480px) {
	.featured_contents .event_label {
		font-size: 12px;
		max-width: 55px;
		max-height: 25px;
		padding: unset;
		right: 15px;
		bottom: 25%;
		transform-origin: center center;
		transform: translateY(3px) !important;
	}
}

.featured_contents .txt p {
	overflow: hidden;
	display: -webkit-box;
	margin-top: 10px;
	color: #333;
	font-size: 14px;
	font-weight: 700;
	text-overflow: ellipsis;
	line-clamp: 1;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	word-wrap: break-word;
}

.featured_contents .txt p:first-of-type {
	margin-top: 0px;
}

.featured_contents .txt span {
	display: block;
	color: #8f8f9b;
	font-size: 10px;
	display: -webkit-box;
	line-clamp: 1;
	-webkit-line-clamp: 1;
	overflow: hidden;
	width: 95%;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.featured_menu {
	padding-left: 20px;
	padding-right: 20px;
}

/* ============ 레이어 팝업 ============ */
.popup_layer {
	background-color: transparent;
	border-radius: 20px;
	box-shadow: 0 12px 32px rgb(0 0 0 / 24%);
	overflow: hidden;
	position: absolute;
	z-index: 200000;
	opacity: 0;
	visibility: hidden;
	padding-bottom: 60px;
}

.popup_layer.on {
	opacity: 1;
	visibility: visible;
	transition: all 0.35s;
}

.popup_layer .wrap_close {
	width: 100%;
	height: 60px;
	background-color: #695fbf;
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	align-items: center;
	position: relative;
}

.popup_layer .wrap_close .btn_close {
	width: 32px;
	height: 32px;
	background: url(/content/images/icon/ico_close_popup.png) no-repeat center center;
	background-size: 100% auto;
	margin-right: 30px;
}

@media (max-width: 767px) {
	.popup_layer .wrap_close .btn_close {
		width: 28px;
		height: 28px;
		background: url(/content/images/icon/ico_close_popup.png) no-repeat center center;
		background-size: 28px 28px;
	}

	.popup_layer .wrap_close .btn_close {
		margin-right: 15px;
	}
}

.popup_layer .popup_contents {
	padding: 30px 20px;
	overflow-y: scroll;
	height: 100%;
	padding-bottom: 20px;
	background: #fff;
}

.popup_layer .popup_contents::-webkit-scrollbar {
	width: 10px;
	display: none;
}

.popup_layer .popup_contents::-webkit-scrollbar-track {
	background-color: transparent;
}

.popup_layer .popup_contents::-webkit-scrollbar-thumb {
	border-radius: 50px;
	background-color: #695fbf;
	cursor: pointer;
}

.popup_layer .popup_contents::-webkit-scrollbar-thumb:active {
	background-color: #5046a5;
}

.popup_layer .popup_contents::-webkit-scrollbar-button {
	width: 0;
	height: 0;
}

/* ============================== 결제수단 추가 팝업 =============================  */

.popup_layer.popup_add_pay {
	width: 604px;
	height: 100%;
	max-height: 88vh;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	padding-bottom: 60px;
}

.order_regular_contents.order_regular_jy .popup_layer.popup_add_pay,
.mypage_container .popup_layer.popup_add_pay {
	height: 100%;
	max-height: 900px;
}

@media (max-width: 767px) {
	.order_regular_contents.order_regular_jy .popup_layer.popup_add_pay,
	.mypage_container .popup_layer.popup_add_pay {
		width: 100%;
		height: 88vh;
		max-height: unset;
		top: unset;
		bottom: 0;
		left: 0;
		right: 0;
		transform: unset;
		border-radius: 20px 20px 0 0;
		padding-bottom: 0 !important;
	}
}

.popup_layer.popup_add_pay .wrap_close span {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: #fff;
	font-size: 18px;
}

.popup_layer.popup_add_pay .popup_contents {
	padding: 60px 30px;
}

.order_regular_contents.order_regular_jy .popup_layer.popup_add_pay .popup_contents,
.mypage_contents .popup_layer.popup_add_pay .popup_contents {
	padding: 60px 30px 80px;
}

@media (max-width: 767px) {
	.order_regular_contents.order_regular_jy .popup_layer.popup_add_pay .popup_contents,
	.mypage_contents .popup_layer.popup_add_pay .popup_contents {
		padding: 30px 0;
		background: #fff;
	}
}

.popup_layer.popup_add_pay .popup_contents .added_cards {
	padding-bottom: 60px;
	border-bottom: 1px solid #d9d9d9;
}

.popup_layer.popup_add_pay .popup_contents .added_cards.hide {
	display: none;
}

.popup_layer.popup_add_pay .popup_contents .added_cards ul li {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 40px;
}

.popup_layer.popup_add_pay .popup_contents .added_cards ul li:last-child {
	margin-bottom: 0;
}

.popup_layer.popup_add_pay .popup_contents .added_cards ul li > div {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	width: 100%;
	flex-wrap: nowrap;
	align-content: center;
}

.popup_layer.popup_add_pay .popup_contents .added_cards .wrap_img {
	width: 140px;
	height: 87px;
	margin-right: 20px;
	border-radius: 10px;
	overflow: hidden;
}

.popup_layer.popup_add_pay .popup_contents .added_cards .wrap_img span.card_img {
	display: flex;
	align-content: center;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	background-image: url(../images/icon/ico_card_thumb.png);
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: top center;
	font-size: 0;
}

.popup_layer.popup_add_pay .popup_contents .added_cards li:nth-child(odd) .wrap_img span.card_img {
	background-color: #5e84ff;
}

.popup_layer.popup_add_pay .popup_contents .added_cards li:nth-child(even) .wrap_img span.card_img {
	background-color: #ffd971;
}

/* 두가지 이상의 색으로 한다면 스크립트를 사용해야함 --- */

@media (max-width: 767px) {
	.popup_layer.popup_add_pay .popup_contents .added_cards .wrap_img {
		width: 80px;
		min-width: 80px;
		height: 50px;
	}

	.popup_layer.popup_add_pay .popup_contents .added_cards ul li {
		margin-bottom: 30px;
	}
}

.popup_layer.popup_add_pay .popup_contents .added_cards .wrap_img.default {
	border: 1px dashed #b1b2b3;
	background-color: #f8f8f9;
	width: 140px;
	height: 87px;
	border-radius: 10px;
	overflow: hidden;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

.popup_layer.popup_add_pay .popup_contents .added_cards .wrap_img.default img {
	height: 30px;
}

@media (max-width: 767px) {
	.popup_layer.popup_add_pay {
		width: 100%;
		height: 80vh;
		top: unset;
		bottom: 0;
		left: 0;
		transform: none;
		border-radius: 20px 20px 0 0;
	}

	.popup_layer.popup_add_pay .wrap_close span {
		font-size: 14px;
	}

	.popup_layer.popup_add_pay .popup_contents {
		padding: 30px 0;
		display: flex;
		justify-content: flex-start;
		flex-direction: column;
		flex-wrap: nowrap;
		align-content: center;
		align-items: center;
	}

	.popup_layer.popup_add_pay .wrap_close span {
		font-size: 14px;
	}
}

.popup_layer.popup_add_pay .popup_contents .added_cards .wrap_card_info h3 {
	font-size: 20px;
	margin-bottom: 6px;
}

.popup_layer.popup_add_pay .popup_contents .added_cards .credit_card_num {
	color: #bebebe;
	font-size: 16px;
}

.popup_layer.popup_add_pay .popup_contents .added_cards .delete_credit_card {
	border: 1px solid #959595;
	/* padding: 9px 60px; */
	width: 100%;
	max-width: 150px;
	height: 40px;
	border-radius: 10px;
	color: #000 !important;
}

.popup_layer.popup_add_pay .popup_contents .added_cards .delete_credit_card button {
	border: 1px solid #959595;
	/* padding: 9px 60px; */
	width: 100%;
	max-width: 150px;
	height: 40px;
	border-radius: 10px;
}

@media (max-width: 767px) {
	.popup_layer.popup_add_pay .popup_contents .added_cards .delete_credit_card {
		width: 70px;
		height: 30px;
		border-radius: 5px;
		margin-left: 10px;
		font-size: 13px;
		color: #000;
	}

	.popup_layer.popup_add_pay .popup_contents .added_cards .delete_credit_card button {
		width: 70px;
		height: 30px;
		border-radius: 5px;
		margin-left: 10px;
		font-size: 13px;
	}

	.popup_layer.popup_add_pay .popup_contents .added_cards .wrap_card_info h3 {
		font-size: 14px;
		margin-bottom: 6px;
	}

	.popup_layer.popup_add_pay .popup_contents .added_cards .credit_card_num {
		font-size: 13px;
		width: 100%;
		height: auto;
		line-height: 1;
		max-width: 128px;
		text-overflow: ellipsis;
		overflow: hidden;
	}
}

.popup_layer.popup_add_pay .add_pay {
	width: 460px;
	height: 280px;
	border: 1px dashed #b1b2b3;
	background-color: #f8f8f9;
	border-radius: 20px;
	margin: 40px auto 0;
	position: relative;
	cursor: pointer;
}

.popup_layer.popup_add_pay .add_pay .txt {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

.popup_layer.popup_add_pay .add_pay .txt span {
	font-size: 24px;
	font-weight: 500;
	display: flex;
	justify-content: center;
	align-items: center;
}

.popup_layer.popup_add_pay .add_pay .txt span > img {
	margin-left: 4px;
}

.popup_layer.popup_add_pay .add_pay .bubble {
	position: absolute;
	background-color: #fff;
	font-size: 16px;
	color: #8c53ff;
	left: 50%;
	bottom: -60px;
	transform: translate(-50%, 0);
	width: 68%;
	min-width: 292px;
	height: 70px;
	line-height: 80px;
	text-align: center;
	background: url(/content/images/icon/card_balloon.png) no-repeat 0 0;
	background-size: 100% auto;
	animation: upDown 1.5s ease-in-out infinite;
}

@media (max-width: 767px) {
	.popup_layer.popup_add_pay .popup_contents {
		padding: 30px 0;
		width: 100%;
		height: 100%;
		margin: 0;
	}

	.popup_layer.popup_add_pay .popup_contents .added_cards .wrap_img.default img {
		height: 20px;
	}

	.popup_layer.popup_add_pay .popup_contents .added_cards {
		border-bottom: 6px solid #f8f8f9;
		width: 100%;
		margin: 0 auto;
		padding: 0 20px 30px;
	}

	.popup_layer.popup_add_pay .add_pay {
		width: calc(100% - 80px);
		height: 173px;
		border-radius: 10px;
	}

	.popup_layer.popup_add_pay .add_pay .txt span {
		font-size: 15px;
	}

	.popup_layer.popup_add_pay .add_pay .txt span img {
		width: 16px;
		height: 16px;
	}

	.popup_layer.popup_add_pay .add_pay .bubble {
		width: 205px;
		min-width: 205px;
		height: 44px;
		font-size: 12px;
		line-height: 53px;
	}

	.popup_layer .wrap_close {
		height: 40px;
	}
}

.popup_layer.popup_add_pay .add_pay .txt img {
	height: 30px;
}

@keyframes upDown {
	0% {
		bottom: -60px;
	}

	50% {
		bottom: -70px;
	}

	100% {
		bottom: -60px;
	}
}

/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////
	별점 Grade
////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.grade {
	display: flex;
	/*min-height:24px;
	margin-top: 37px;*/
	justify-content: center;
	align-items: center;
	font-size: 2rem;
	color: #999;
}

.grade .txt {
	font-size: 1.6rem;
	font-weight: 500;
	color: #000;
}

.grade .rating_star {
	margin: 0 20px 0 30px;
}

.grade .rating_star span {
	width: 36px;
	height: 36px;
	margin-right: 6px;
}

.grade .rating_star span:last-child {
	margin-right: 0px;
}

.grade .num,
.grade .num > * {
	display: inline-block;
	font-size: 30px;
	font-weight: 700;
	color: #000;
	vertical-align: middle;
	line-height: 1;
}

.grade .num {
	display: inline-flex;
	justify-content: center;
	align-items: flex-end;
	color: #999;
	font-size: 20px;
	vertical-align: bottom;
	font-weight: normal;
}

.grade .num > * {
	margin-right: 10px;
}

/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////
	별점 Grade
////////////////////////////////////////////////////////////////////////////////////////////////////////// */

/* ======================================== ~ mobile ======================================== */
@media (max-width: 480px) {
	.over_btn {
		display: none !important;
	}

	/* 모바일 타임딜 mobile timedeal */
	.timedeal_counter {
		height: 58px;
	}

	.timedeal_counter img {
		width: 32px;
		height: 32px;
	}

	.countdownHolder span {
		font-size: 1.2rem;
	}

	span.timedeal_d {
		margin: 0 0 0 4px;
		font-size: 15px;
		letter-spacing: 2px;
	}

	.countdownHolder span.countDays .position {
		width: 14px;
	}

	.countDiv {
		width: 8px;
	}

	.countdownHolder .position {
		width: 26px;
		height: 32px;
	}

	/* ///////////////////////////////////////////////////////////////////////////////////////////////
		모바일 타임딜 NEW
	////////////////////////////////////////////////////////////////////////////////////////////// */
	.timedeal_counter.ty02 img {
		width: 24px;
		height: 24px;
	}

	.countDown__digit_cont {
		font-size: 16px;
		padding: 0 5px 0 0;
	}

	.countDown__interval_cont_day .countDown__digit_cont {
		width: 12px;
	}

	.countDown__interval_cont_hour:before {
		transform: translate(0, -50%);
	}

	.countDown__digit_cont:nth-child(n + 1):not(:last-child) {
		margin-right: 5px;
	}

	/* 뱃지 Badge */
	.badge {
		width: 48px;
		height: 18px;
		font-size: 10px;
		padding-left: 4px;
	}

	/* Wish, SNS */
	.view_info .btn_wish {
		top: -2px !important;
		width: 36px !important;
		height: 36px !important;
	}

	.view_info .btn_sns {
		top: -2px !important;
		right: 14px !important;
		width: 36px !important;
		height: 36px !important;
	}
}

@media (max-width: 767px) {
	/* ============ form_wrap_box ============ */
	.form_wrap_box .row_area .row div:first-child {
		padding-right: 8px;
	}

	.form_wrap_box .row_area .row div:last-child {
		padding-left: 8px;
	}

	/* ============ 검색창 ============ */
	.search_form .row div:first-child {
		padding-right: 8px;
	}

	/* .search_form .row div:last-child {
		padding-left: 8px;
	} */

	.item_list.basic .txt_area {
		margin-top: -5px;
	}

	.item_list.basic .txt_area .title {
		font-size: 16px;
		line-height: 1.3;
		margin-bottom: 10px !important;
	}

	.item_list.basic .txt_area .sale_area {
		margin-top: 0;
	}

	/* ============ 상품리스트 ============ */
	/* ---- del ---- */
	.best_section .item_list {
		margin: 0 -8px;
	}

	.item_list.del .list_area {
		padding-left: 0;
	}

	.item_list.basic_wide .list_area {
		border-bottom: 1px solid #f5f5f5;
		box-sizing: border-box;
	}

	.item_list.del .check_area {
		position: static;
	}

	.item_list .brand {
		padding-top: 10px;
		margin: 0 0 4px;
		font-size: 14px;
	}

	.item_list .title {
		font-size: 16px;
		line-height: 1.5;
		letter-spacing: -0.06rem;
	}

	.item_list .price_area {
		margin-top: 10px;
	}

	.item_list .sale_area .sale {
		font-size: 1rem;
		line-height: 1rem;
		margin-bottom: 0px;
	}

	.item_list .sale_area .price {
		letter-spacing: -0.012rem;
		margin-top: 1px;
		margin-right: 4px;
	}

	.item_list .price_area .before {
		font-size: 12px;
		margin-top: 2px;
		margin-left: 0px;
	}

	.star_area .star_wrap span {
		margin-right: 2px;
	}

	.star_area .star_wrap span img {
		width: 11px;
		height: 11px;
	}

	.star_area .star_score {
		font-size: 12px;
		margin-left: 4px;
	}

	.star_area .star_score span {
		vertical-align: middle;
	}

	.item_list .btn_thumb_m {
		display: block;
	}

	.item_list .img_area:hover .over_btn {
		display: none !important;
	}

	/* --- thumb ---*/
	.item_list.thumb .txt_area {
		margin-top: 7px;
		border-top: 1px solid #f1f1f1;
		padding-top: 10px;
	}

	.item_list.thumb .list_area {
		margin-bottom: 40px;
	}

	.item_list.thumb .list_area:nth-child(odd) {
		padding-right: 8px;
	}

	.item_list.thumb .list_area:nth-child(even) {
		padding-left: 8px;
	}

	.item_list.thumb .list_area:nth-child(2n) {
		padding-right: 8px;
		padding-left: 8px;
		margin: 0 0 40px;
	}

	.item_list.thumb .list_area:nth-child(2n + 1) {
		padding-right: 8px;
		padding-left: 8px;
		margin: 0 0 50px;
	}

	.order_regular_contents .item_list.thumb .list_area:nth-child(2n + 1) {
		padding-right: 8px;
		padding-left: 8px;
		margin: 0 0 30px;
	}

	.item_list.basic_wide .img_area,
	.item_list.thumb .img_area {
		border-radius: 1rem;
	}

	.item_list .badge_area span {
		width: 48px;
		height: 16.1px;
		font-size: 10px;
		padding: 0.25em 0.4em;
		line-height: 1;
		margin-top: 3px;
		box-shadow: 0 2px 5px 0px rgb(0 0 0 / 5%);
	}

	.item_list .prd_numbering {
		width: 38px;
		height: 38px;
		border-radius: 0 0 0.8rem 0;
	}

	.item_list .prd_numbering span {
		font-size: 14px;
		font-weight: bold;
	}

	.tit_wrap .tit {
		font-size: 26px;
	}

	.best_content .item_list .container {
		padding-top: 1.6rem;
	}

	/* ============ 이벤트기획전 ============ */

	.featured_contents .col-12 {
		padding: 0;
	}

	/* 고객센터 */
	.tab_tit4 {
		border-bottom: 0;
		background-color: #f8f8f9;
	}

	.tab_tit4 {
		padding: 0 0px;
	}

	.tab_tit4 .nav {
		padding: 10px 5px;
	}

	.tab_tit4 .nav-link {
		font-size: 14px;
	}

	.tab_tit4 .nav-item {
		margin: 0 15px;
	}

	.total_top {
		margin-top: 30px;
	}

	.total_top .inquiry_write {
		margin: 0 -20px 0;
	}
}

/* ======================================== tablet ======================================== */
@media (min-width: 481px) {
	.mobile {
		display: none !important;
	}

	.pc {
		display: block !important;
	}

	.btn_m {
		height: 60px;
		font-size: 16px;
	}

	.btn_lg {
		height: 60px;
		line-height: 60px;
		font-size: 16px;
	}

	.item_list.del .item_bottom {
		margin-top: 20px;
	}

	.check_area label {
		font-size: 16px;
		line-height: 24px;
	}

	.item_list .option {
		color: #b1b2b3;
		margin-top: 5px;
	}

	.item_list .gifts {
		color: #b1b2b3;
	}

	.amt_box .number_s {
		width: 40px;
	}

	/* 장바구니 */
	.cart_top {
		padding: 0 0 40px;
	}
}

@media (min-width: 768px) {
	input,
	select,
	textarea,
	.form-control,
	.custom-select,
	button {
		font-size: 16px;
	}

	.mobile {
		display: none !important;
	}

	.tablet {
		display: flex !important;
		flex-direction: column;
		align-items: center;
	}

	.check_area input + label {
		background: url(/content/images/icon/ico_check_off.png) no-repeat 0 50%;
		background-size: 24px;
	}

	.check_area input:checked + label {
		background: url(/content/images/icon/ico_check_on.png) no-repeat 0 50%;
		background-size: 24px;
	}

	.check_area.ty02 input:checked + label {
		background: url(/content/images/icon/ico_check_ty02_on.png) no-repeat 0 50%;
		background-size: 24px;
	}

	.invalid-feedback,
	.invalid-feedback::before {
		font-size: 14px;
		line-height: 20px;
	}

	.tab_tit .nav-link {
		font-size: 16px;
		line-height: 58px;
	}

	.info_dot p,
	.info_dot li {
		font-size: 14px;
		line-height: 20px;
		color: #ababab;
	}

	.change_pw_contents .info_dot p {
		color: #000;
	}

	.btn_wrap .btn {
		margin-right: 30px;
	}

	.btn_m {
		min-width: 160px;
	}

	/* ============ 뱃지 ============ */
	.badge_txt {
		line-height: 1.1rem;
	}

	.item_list .badge_area {
		bottom: 20px;
	}

	.badge {
		width: 70px;
		height: 24px;
		font-size: 12px;
		padding: 0.25em 0.5em;
		margin-right: 5px;
		line-height: 1.7;
	}

	.badge_area.ty02 {
		position: relative;
		margin-top: 40px;
	}

	.item_list .badge_area .badge_delivery {
		font-size: 18px;
		width: 160px;
		height: 40px;
		padding: 0;
		margin: 0;
		/* background: #FBFBFB;
		color: #FF3939; */
	}

	.item_list .badge_area .badge_delivery > img {
		transform: translateX(-4px);
	}

	/* ============ form_wrap_box ============ */
	.form_wrap_box .file_area li {
		margin-right: 30px;
	}

	.agree_wrap {
		margin-top: 120px;
	}

	.agree_wrap .btn-group {
		margin-top: 60px;
	}

	.agree_wrap .all_check {
		padding-bottom: 20px;
	}

	.agree_wrap .agree_check {
		margin-top: 20px;
	}

	/* ============ 상품리스트 ============ */
	.item_list .price_area {
		margin-top: 20px;
		display: flex;
		flex-direction: row;
	}

	.item_list .sale_area .price.total span {
		font-size: 1.6rem;
	}

	.item_list .price_area .before {
		margin-bottom: 3px;
	}

	.item_list .coupon > span {
		margin-left: 5px;
		margin-top: 7px;
	}

	.item_list .coupon > span.count::before {
		content: "/";
		display: inline-block;
	}

	.item_list.check .title {
		display: -webkit-box;
		margin-bottom: 20px;
		font-size: 16px;
		line-height: 24px;
		color: #333;
		overflow: hidden;
		text-overflow: ellipsis;
		line-clamp: 2;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		word-wrap: break-word;
	}

	.item_list .prd_numbering {
		width: 54px;
		height: 54px;
		border-radius: 0 0 1.5rem 0;
	}

	.item_list .prd_numbering span {
		font-size: 26px;
	}

	.item_list.del .item_bottom {
		margin-top: 30px;
	}

	/* ---- basic ---- */
	.item_list.basic .list_area {
		display: flex;
		flex-direction: column;
		align-items: center;
		width: 100%;
		padding: 60px 0;
		margin: 0 15px;
	}

	.item_list.basic .txt_area {
		padding-left: 0;
	}

	.item_list.check .img_area {
		width: 160px;
		height: 160px;
		margin-right: 30px;
	}

	.item_list.check .txt_area {
		margin-top: 0;
	}

	.item_list.check .item_info {
		width: calc(100% - 190px);
	}

	.item_list .list_area {
		border-bottom: 0;
	}

	.item_list.del .brand {
		padding-right: 20px;
	}

	.item_list.basic_wide .img_area,
	.item_list.thumb .img_area {
		border-radius: 20px;
	}

	/* 추가 asj */
	.item_list.thumb .txt_area,
	.item_list.basic_wide .txt_area {
		margin-top: 20px;
	}

	.item_list .brand {
		font-size: 16px;
		margin-bottom: 10px;
	}

	.item_list .title {
		font-size: 16px;
		line-height: 22px;
	}

	.item_list .sale_area .sale {
		font-size: 24px;
		line-height: 32px;
	}

	.item_list .sale_area .price {
		font-size: 20px;
	}

	.item_list .price_area .before {
		font-size: 12px;
	}

	.star_area .star_score {
		font-size: 14px;
		line-height: 18px;
	}

	/* ============ 쿠폰리스트 ============ */
	.coupon_list .info {
		display: flex;
		justify-content: space-between;
	}

	.pop_down_coupon .coupon_list .info {
		display: flex;
		justify-content: flex-start;
		flex-direction: column;
	}

	/* ============ 전체조회 ============ */
	.total_top .inquiry_write {
		margin-right: 0;
		margin-left: 0;
		padding: 30px 0;
		border-top: 4px solid #000;
		border-bottom: 4px solid #000;
		background: #fff;
	}

	/* ============ 리스트 공통 ============ */
	.list_wrap .list_area {
		margin: 0;
		padding: 0;
	}

	.list_wrap .list_in {
		padding-right: 30px;
		padding-left: 30px;
	}

	/* ============ 리뷰리스트 ============ */
	.review_list .review_thumb li {
		margin-right: 30px;
	}

	/* ============ tab_tit2 ============ */
	.tab_tit2 {
		margin: 0;
	}

	/* ============ tab_tit4 ============ */
	.tab_tit4 {
		overflow-x: auto;
		white-space: nowrap;
		margin: 0;
		padding: 0;
		background-color: transparent;
	}

	.tab_tit4 .nav {
		display: flex;
		justify-content: center;
	}

	.tab_tit4 .nav-item {
		margin: 0 0 0 -1px;
		flex: 1;
		text-align: center;
	}

	.tab_tit4 .nav-link {
		padding: 17px 0;
		border: 0;
		border-radius: 0;
		font-weight: 500;
		font-size: 16px;
		line-height: 24px;
	}

	/* event */
	.tab_tit4 .nav-item .nav-link.active {
		position: relative;
		z-index: 10;
		box-shadow: 0 -3px 0 #000 inset;
		font-weight: 700;
	}

	/* ============ 별점 ============ */
	.rating_wrap {
		display: flex;
		text-align: left;
		align-items: center;
	}

	.rating_wrap .score {
		margin: 0 0 0 15px;
	}

	/* ============ agree_wrap ============ */
	.agree_wrap .check_area label,
	.agree_wrap .agree_check .terms_link {
		font-size: 14px;
	}

	/*	============ 이벤트기획전 ============== */
	.featured_menu.container {
		padding-left: 0;
		padding-right: 0;
	}

	.featured_contents .txt {
		padding: 15px 20px;
	}

	.featured_contents .txt span {
		font-size: 14px;
	}

	.featured_contents .txt p {
		font-size: 16px;
		letter-spacing: -0.5px;
	}

	.timedeal_counter.ty02 .countdownHolder {
		font-size: 20px;
	}

	.timedeal_counter.ty02 img {
		width: 40px;
		height: 40px;
	}

	span.timedeal_d {
		padding-top: 1px;
		margin: 0 0 0 5px;
		font-size: 20px;
		font-weight: 400;
		height: 100%;
		display: inline-block;
	}

	.timedeal_counter.ty02 .countdownHolder span.countDays .position {
		width: 13px;
	}

	.timedeal_counter.ty02 .digit {
		letter-spacing: 0;
	}

	.timedeal_counter.ty02 .countDiv {
		width: 10px;
	}

	.timedeal_counter.ty02 .countdownHolder .position {
		width: 25px;
		height: 30px;
	}

	/*  타이틀 */
	.main_tit {
		margin-bottom: 0px;
	}

	.main_tit .tit {
		font-size: 30px;
		line-height: 46px;
	}

	.amt_box .number_s {
		width: 50px;
		height: 40px;
		font-size: 16px;
		border-radius: 10px 0 0 10px;
	}

	.item_list .coupon {
		margin-top: 20px;
		margin-bottom: 40px;
	}

	.radio_area label {
		background-size: 24px;
		font-size: 16px;
		line-height: 1.8;
	}

	.radio_area input:checked + label {
		background-size: 24px;
	}

	.search_form .row.no-gutters > div:first-child {
		box-sizing: border-box;
		padding-right: 20px;
	}

	.search_form button {
		min-width: auto;
	}

	/*  타이틀 */
	.main_tit {
		padding: 60px 0;
	}

	.main_tit .tit {
		font-size: 40px;
		line-height: 56px;
	}

	.main_tit .sub_tit {
		margin-top: 60px;
		font-size: 20px;
		line-height: 26px;
	}

	.item_list .prd_numbering {
		width: 54px;
		height: 54px;
	}
}

@media (max-width: 767px) {
	.main_tit .tit {
		padding: 35px 0 30px;
	}

	.btn_sm {
		width: 90px;
		height: 30px;
		line-height: 28px;
		font-size: 13px;
		box-sizing: border-box;
		padding: 0 10px;
	}
}

/* ======================================== pc ======================================== */
@media (min-width: 992px) {
	html {
		font-size: 10px;
	}

	/* -------------- top category ---------------*/
	.wrap_category_top {
		width: 100%;
		margin: 0 auto 0;
		box-shadow: 0 12px 20px rgb(24 62 141 / 4%);
		position: fixed;
		z-index: 1000;
		background-color: #fff;
		display: block;
	}

	.wrap_category_top > ul {
		gap: 20px;
		padding: 0 16px;
	}

	.wrap_category_top ul {
		display: flex;
		flex-direction: row;
        justify-content: space-between;
        align-items: center;
        flex-wrap: nowrap;
        max-width: 970px;
		margin: 0 auto;
	}

	.wrap_category_top ul li {
		flex: none;
		padding: 22px 0;
	}

	.wrap_category_top ul li a {
		color: #000;
		font-size: 2rem;
		font-weight: bold;
	}

	.featured_contents .txt {
		padding: 25px 20px;
		height: 110px;
		box-sizing: border-box;
	}

	.featured_contents .txt span {
		font-size: 16px;
	}

	.featured_contents .txt p {
		font-size: 24px;
		letter-spacing: -0.7px;
	}

	/*  타이틀 */
	.main_tit {
		padding: 60px 0;
	}

	.main_tit .tit {
		font-size: 42px;
		line-height: 56px;
	}

	.main_tit .sub_tit {
		margin-top: 60px;
		font-size: 20px;
		line-height: 26px;
	}

	.item_list .prd_numbering {
		width: 54px;
		height: 54px;
	}
}

@media (min-width: 1200px) {
    .wrap_category_top > ul {
		gap: 40px;
	}

	.wrap_category_top ul {
		max-width: 1200px;
	}
}

/* ====================0708==================== */

.dotline {
	display: block;
	width: 100%;
	height: 1px;
	border-bottom: 2px dotted #dcdcdc;
	margin: 30px 0;
}

/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
	Item List Basic
/////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.item_list {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -15px;
}

@media (max-width: 767px) {
	.recommend_contents .item_list .row {
		margin-left: 0;
		margin-right: 0;
	}

	.item_list .prd_numbering span {
		font-size: 14px;
	}
}

.item_list .list_area {
	width: calc(100% / 4);
	padding: 0 15px;
	position: relative;
}

.item_list .list_area .img_area {
	position: relative;
	background-color: #fbfbfc;
	border: 1px solid #f1f1f1;
	border-radius: 10px;
	box-sizing: border-box;
}

.item_list.thumb .list_area .img_area:hover > a {
	background: rgba(0, 0, 0, 0.4);
}

.item_list.thumb .list_area .img_area:hover .prd_numbering {
	filter: brightness(0.5);
}

.item_list.thumb .list_area .img_area:hover .badge_area {
	filter: brightness(0.6);
}

.item_list.thumb .list_area .img_area:hover a img {
	filter: brightness(0.5);
}

.item_list.swiper-slide .list_area .img_area:hover > a {
	background: rgba(0, 0, 0, 0.4);
}

.item_list.swiper-slide .list_area .img_area:hover .prd_numbering {
	filter: brightness(0.7);
}

.item_list.swiper-slide .list_area .img_area:hover .badge_area {
	filter: brightness(0.6);
}

.item_list.swiper-slide .list_area .img_area:hover a img {
	filter: brightness(0.5);
}

@media (max-width: 767px) {
	.item_list.thumb .list_area .img_area:hover > a {
		background: rgba(0, 0, 0, 0);
	}

	.item_list.thumb .list_area .img_area:hover .prd_numbering {
		filter: brightness(1);
	}

	.item_list.thumb .list_area .img_area:hover .badge_area {
		filter: brightness(1);
	}

	.item_list.thumb .list_area .img_area:hover a img {
		filter: brightness(1);
	}
}

.item_list .img_area .over_btn {
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 1;
	display: none;
	width: 62px;
	height: 100%;
	text-align: right;
	vertical-align: top;
	/* background: rgba(0, 0, 0, 0.4); */
}

.item_list .img_area:hover .over_btn {
	display: block;
}

.item_list .btn_thumb_m {
	display: none;
}

.item_list .btn_thumb_m .wrap_btn_thumb_m {
	width: 100%;
	height: 32px;
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	margin-top: 8px;
	position: relative;
}

.item_list .btn_thumb_m .wrap_btn_thumb_m a {
	width: 30px;
	height: 30px;
	margin-left: 5px;
}

@media (min-width: 768px) and (max-width: 991px) {
	.featured_contents .txt {
		height: 80px;
		box-sizing: border-box;
	}

	.featured_contents .event_label {
		right: 30px;
		top: unset;
		bottom: 50px;
		transform: translateY(-50%);
	}

	.featured_list_contents .featured_contents .event_label {
		right: 30px;
		top: unset;
		bottom: 26%;
		transform: none !important;
		font-size: 14px;
	}
}

@media (max-width: 480px) {
	.main_contents .main_tit .link_more {
		top: 7px;
	}

	.item_list .list_area {
		width: calc(100% / 2);
		padding: 0 15px;
		position: relative;
	}

	.item_list.basic .list_area {
		padding: 30px 0px;
		margin: 0 5px;
	}

	.item_list .brand {
		font-size: 14px;
	}

	.item_list.thumb .title {
		font-size: 16px;
		line-height: 1.44;
		font-weight: 500;
		letter-spacing: -0.96px;
	}

	.item_list.thumb .price_area {
		margin-top: 15px;
	}

	.item_list .price_area .sale_area {
		margin-top: 0 !important;
	}

	.item_list .sale_area .sale,
	.item_list .sale_area .price {
		font-size: 14px;
	}

	.item_list .btn_thumb_m {
		display: block;
	}

	.item_list .img_area .over_btn {
		display: none;
	}
}

@media (min-width: 481px) {
	.item_list .list_area {
		width: calc(100% / 2);
		padding: 0 15px;
		position: relative;
	}

	.item_list .btn_thumb_m {
		display: block;
	}

	.item_list.thumb .title {
		line-height: 1.3;
	}

	.item_list .sale_area .sale,
	.item_list .sale_area .price {
		font-size: 14px;
	}

	.item_list .btn_thumb_m {
		display: block;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.main_tit {
		display: block;
		/* padding: 0 !important; */
	}
}

@media (min-width: 768px) {
	.item_list .btn_thumb_m {
		display: block;
	}

	.item_list.thumb .txt_area {
		margin-top: 8px;
		border-top: 1px solid #e6e6e6;
		padding-top: 10px;
	}

	.item_list .list_area {
		width: calc(100% / 3);
		padding: 0 15px;
		position: relative;
	}

	.item_list .brand {
		font-size: 16px;
		line-height: normal;
	}

	.item_list.thumb .title {
		font-size: 16px;
		height: auto;
		line-height: normal;
	}

	.item_list .sale_area .sale {
		font-size: 24px;
	}

	.item_list .sale_area .price > span,
	.item_list .sale_area .price {
		font-size: 20px;
	}

	.item_list .price_area .before {
		font-size: 12px;
	}
}

@media (min-width: 992px) {
	.item_list .btn_thumb_m {
		display: none;
	}

	.item_list.thumb .txt_area {
		margin-top: 10px;
		border-top: 0;
		padding-top: 10px;
		width: 100%;
	}

	.order_regular_contents .item_list.thumb .txt_area {
		margin-top: 24px;
		border-top: 0;
		padding-top: 24px;
		width: 100%;
	}

	/* Item List (New) */
	.item_list {
		display: flex;
		flex-wrap: wrap;
	}

	.main_contents .item_list {
		margin: 0;
	}

	.item_list .list_area {
		width: calc(100% / 4);
		padding: 0 15px;
		position: relative;
	}
}

.item_list .list_area {
	font-size: 0;
}

.item_list .list_area .img_area {
	border-radius: 20px;
	border-radius: 2rem;
	overflow: hidden;
}


@media (max-width: 767px) {
	.item_list .list_area .img_area {
		border-radius: 10px;
		border-radius: 1rem;
	}
}

.item_list .list_area .img_area > a {
	height: 0;
	width: 100%;
	display: block;
	padding-bottom: 100%;
}

.item_list.thumb .list_area .img_area > a {
	background-color: #fff;
}

.item_list .list_area .wrap_btn_thumb_m a {
	padding-bottom: 0;
}

.item_list .list_area a.waybill_num {
	padding-bottom: 0;
}

.item_list.basic .img_area a {
	padding-bottom: 0;
}

@media (max-width: 480px) {
	.item_list .btn_thumb_m .wrap_btn_thumb_m {
		height: 25px;
	}

	.item_list .btn_thumb_m a,
	.item_list .btn_thumb_m a.btn_cart_m,
	.item_list .btn_thumb_m a.btn_wish_m,
	.item_list .btn_thumb_m a.btn_wish_m.on,
	.item_list .btn_thumb_m .wrap_btn_thumb_m a {
		width: 25px;
		height: 25px;
		background-size: 25px auto;
		margin: 0 0 0 10px;
	}
}

/* 리스트에 상품이 없을 때 */
.review_none p,
.common_none p,
.noItem {
	padding: 0 0 180px;
	text-align: center;
	font-size: 20px;
	line-height: 1.5;
	width: 100%;
	font-weight: 400;
}

@media (max-width: 767px) {
	.common_none {
		padding: unset;
	}

	.review_none p,
	.common_none p,
	.noItem {
		font-size: 14px;
		padding: 50px 0 100px;
	}

	/* ======================================== pagination ~ mobile ======================================== */

	.contents .pagination .page-item {
		margin-left: 5px;
		width: auto;
		height: auto;
	}

	.contents .pagination .page-link {
		line-height: 30px;
		width: 30px;
		height: 30px;
		display: flex;
	}

	.contents .pagination .page-item {
		margin-left: 15px;
	}

	.contents .pagination .page-item.prev a {
		background: url(/content/images/icon/ico_pagination_prev.png) no-repeat;
		background-position: 46% 46%;
		background-size: 20%;
	}

	.contents .pagination .page-item.next a {
		background: url(/content/images/icon/ico_pagination_next.png) no-repeat;
		background-position: 54% 46%;
		background-size: 20%;
	}
}

/* ======================================== pagination ======================================== */

.contents .pagination .page-item.disable {
	background: url(/content/images/icon/ico_pagination_prev.png) no-repeat;
	border: 1px solid rgba(0, 0, 0, 0.6);
	background-position: center center;
	background-size: 20%;
	opacity: 0.2;
}

.contents .pagination .page-item {
	margin-left: 10px;
	border-radius: 0 !important;
}

.contents .pagination .page-item.active {
	border: 0px;
}

.contents .pagination .page-item.prev {
	margin-left: 0;
}

@media (min-width: 480px) and (max-width: 767px) {
	.noItem {
		font-size: 14px;
	}

	.main_tit .dropdown-menu a {
		font-size: 14px;
		line-height: 2.5;
	}

	.main_tit .dropdown-menu {
		width: 154px;
	}
}

@media (min-width: 767px) and (max-width: 991px) {
	.noItem {
		font-size: 14px;
	}

	.main_tit .dropdown-menu a {
		font-size: 14px;
		line-height: 2.5;
	}

	.main_tit .dropdown-menu {
		width: 154px;
	}
}

/* =========== 최신순 차트 =========== */
.sort_chart_wrap {
	position: relative;
	z-index: 11;
	padding: 0;
	width: 155px;
	height: 40px;
	color: #333;
	font-size: 14px;
	font-weight: 500;
	/* border: 1px solid #d9d9d9; */
	border: 2px solid transparent;
	border-radius: 10px;
	background: #fff url(/content/images/icon/ico_list_up.png) no-repeat calc(100% - 9px) center;
	background-size: 30px auto;
	box-shadow: none;
	margin: auto 0;
}

.sort_chart_wrap::before {
	content: "";
	position: absolute;
	top: -1px;
	left: -1px;
	width: 154px;
	height: 40px;
	border-radius: 10px;
	border: 1px solid #d9d9d9;
}

.sort_chart_wrap.show::before {
	display: none;
}

.sort_chart_wrap button {
	height: 40px;
	line-height: unset;
	border: 2px solid transparent;
	text-align: left;
	font-size: 14px;
	font-weight: 400;
	letter-spacing: -0.84px;
	padding: 0px 24px 0px 10px;
	border-radius: 10px;
	color: #333;
}

@media (max-width: 480px) {
	.sort_chart_wrap,
	.sort_chart_wrap::before,
	.sort_chart_wrap button {
		height: 30px;
	}

	.sort_chart_wrap button {
		font-size: 13px;
	}
}

.sort_chart_wrap ul {
	transform: translate3d(-2px, 31px, 0px) !important;
	border: 0;
	position: relative;
	min-width: auto;
}

.dropdown-toggle::after {
	display: none !important;
}

.sort_chart_wrap ul li {
	width: 100%;
	height: 40px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	font-size: 14px;
	box-sizing: border-box;
	background-color: #fff;
	font-size: 14px;
	color: #787878;
	font-weight: 400;
	padding: 0;
}

.sort_chart_wrap ul li.on {
	background: #f6f5fe;
}

.sort_chart_wrap ul li a {
	width: 100%;
	height: 100%;
	padding: 3px 11px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.sort_chart_wrap.show {
	border-top: 2px solid #000;
	border-left: 2px solid #000;
	border-bottom: 0px solid #fff;
	border-right: 2px solid #000;
	border-radius: 10px 10px 0 0;
	background: #fff url(/content/images/icon/ico_list_up_show.png) no-repeat calc(100% - 9px) center;
	background-size: 30px auto;
}

.sort_chart_wrap ul.show {
	border-top: 0px solid #fff;
	border-left: 2px solid #000;
	border-bottom: 2px solid #000;
	border-right: 2px solid #000;
	border-radius: 0 0 10px 10px !important;
}

@media (max-width: 480px) {
	.sort_chart_wrap.show {
		border-radius: 5px 5px 0 0;
	}

	.sort_chart_wrap ul.show {
		border-radius: 0 0 5px 5px !important;
	}
}

.sort_chart_wrap ul.show {
	top: 36px !important;
	left: -2px !important;
	transform: translate(0, 0) !important;
	width: calc(100% + 4px);
}

.sort_chart_wrap ul.show li:hover {
	background-color: #f6f5fe;
}

@media (max-width: 767px) {
	.sort_chart_wrap {
		padding: 0 18px 0 8px;
		width: 110px;
		background: #fff url(/content/images/icon/ico_list_up.png) no-repeat calc(100% - 6px) center;
		background-size: 24px auto;
		z-index: 1;
		border-radius: 10px;
	}

	.sort_chart_wrap button {
		margin: 0;
		border: 0;
	}

	.sort_chart_wrap ul.show {
		top: 26px !important;
		border-radius: 5px;
	}

	.sort_chart_wrap::before {
		width: 110px;
		/* border-radius: 0 0 5px 5px; */
		border-radius: 5px;
	}

	.sort_chart_wrap.show {
		background: #fff url(/content/images/icon/ico_list_up_show.png) no-repeat calc(100% - 6px) center;
		background-size: 24px auto;
	}

	.sort_chart_wrap button {
		font-size: 13px;
		padding: 0 0 1px 0;
		margin: 0;
		line-height: 1;
	}

	.sort_chart_wrap ul li {
		font-size: 12px;
		width: 100%;
		height: 30px;
		padding: 0;
		margin: 0;
		text-align: left;
		justify-content: flex-start;
	}

	.tab_tit4 .nav {
		padding: 0 5px;
		height: 44px;
		line-height: 1;
		box-sizing: border-box;
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		align-content: center;
		justify-content: flex-start;
		align-items: center;
	}

	.tab_tit4 .nav-link {
		font-size: 14px;
		line-height: 1;
	}
}

.dropdown_detail .dropdown-toggle[aria-expanded="false"] {
	background: url(/content/images/icon/btn_collapse_open.png) no-repeat center right;
	background-size: 15px auto;
}

.dropdown_detail .dropdown-toggle[aria-expanded="true"] {
	background: url(/content/images/icon/btn_collapse_close.png) no-repeat center right;
	background-size: 15px auto;
}

.item_list.basic .txt_area .title {
	margin-bottom: 20px;
	line-height: 20px;
}

.item_list.basic .txt_area .sale_area {
	margin-top: 20px;
}

.item_list.basic .sale_area .price span:first-child {
	margin-right: 0px;
}

.item_list.basic .sale_area .price span:last-child {
	margin-left: 0;
}

@media (max-width: 767px) {
	.item_list.basic .txt_area .sale_area {
		margin-top: 10px;
	}

	.item_list.basic .sale_area .price span:first-child {
		margin-right: 5px;
	}

	.item_list.basic .sale_area .price span:last-child {
		margin-left: 5px;
	}
}

/*	/////////////////////////////////////////////////////////////////////////////////////////////
	배송지목록 팝업 css
/////////////////////////////////////////////////////////////////////////////////////////// */
.modal-content {
	border-radius: 24px 24px 20px 20px !important;
	box-shadow: 0 12px 32px rgb(0 0 0 / 24%) !important;
}

.modal-header {
	position: relative;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	flex-direction: row;
	width: 100%;
	height: 60px;
	background-color: #695fbf;
	border-radius: 20px 20px 0 0 !important;
	font-weight: bold;
}

.modal_close {
	top: 10px !important;
	right: 12px !important;
	position: absolute !important;
	z-index: 10 !important;
	width: 40px !important;
	height: 40px !important;
	background: url(/content/images/icon/ico_close_popup.png) no-repeat center center !important;
	background-size: 40px 40px !important;
}

.coupon_contents .modal_full .modal-body,
.item_view .modal_full .modal-body {
	overflow-y: auto !important;
	padding-bottom: 30px !important;
}

.modal-header .modal_tit {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: #fff !important;
	font-size: 18px ;
}

.radio_area input + label {
	background: url(/content/images/icon/ico_select_off.png) no-repeat 0 top;
	background-size: 24px;
}

.radio_area input:checked + label {
	background: url(/content/images/icon/ico_select_on.png) no-repeat 0 top;
	background-size: 24px !important;
}

.radio_area input[disabled] + label,
.radio_area input[readonly] + label {
	color: #c2c2c2;
	background: url(/content/images/icon/ico_select_disable_off.png) no-repeat 0 50%;
	background-size: 24px;
}

.radio_area input[disabled]:checked + label,
.radio_area input[readonly]:checked + label {
	background: url(/content/images/icon/ico_select_disable_on.png) no-repeat 0 50%;
	background-size: 24px !important;
}

.popup_add_address .delivery_list .txt_area,
.pop_deli_list .delivery_list .txt_area {
	width: 100%;
}

.popup_add_address .link_deli_add a,
.pop_deli_list .link_deli_add a {
	font-size: 1.4rem;
}

.unmodifiable .radio_area input[disabled] + label,
.unmodifiable .radio_area input[readonly] + label {
	background: url(/content/images/icon/ico_select_disable_off.png) no-repeat 0 top;
	background-size: 24px;
	color: #d5d5d5;
	pointer-events: none;
}

.unmodifiable .radio_area input[disabled]:checked + label,
.unmodifiable .radio_area input[readonly]:checked + label {
	background: url(/content/images/icon/ico_select_disable_on.png) no-repeat 0 top !important;
	background-size: 24px !important;
	color: #d5d5d5;
}

.modal {
	position: fixed;
	width: 100vw;
	height: 100vh;
	/* height: calc(var(--vh, 1vh) * 100); */
	/* 100이면 100vh */
	top: 0;
	left: 0;
	z-index: 10059 !important;
}


@media (max-width: 767px) {
	.modal {
		top: unset;
		bottom: 0;
		z-index: 10059 !important;
		height: auto !important;
	}

	.modal-open .modal {
		overflow-y: hidden;
	}

	.unmodifiable .radio_area input + label,
	.unmodifiable .radio_area input[disabled] + label,
	.unmodifiable .radio_area input[readonly] + label,
	.radio_area input:checked + label,
	.radio_area label {
		padding-left: 22px;
	}

	.radio_area input:checked[disabled] + label,
	.radio_area input:checked[readonly] + label,
	.radio_area input:checked + label,
	.radio_area input + label {
		background-size: 18px !important;
		line-height: 18px;
	}

	.unmodifiable .radio_area input[disabled]:checked + label,
	.unmodifiable .radio_area input[readonly]:checked + label {
		background-size: 18px !important;
		line-height: 18px;
	}

	.join_wrap .radio_wrap .radio_area {
		margin-right: 30px;
	}

	.popup_add_address,
	.pop_deli_list {
		padding-right: 0 !important;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
	}

	.delivery_list > ul {
		width: 100%;
		height: auto;
	}

	.popup_add_address .modal-header,
	.pop_deli_list .modal-header {
		height: 52px;
	}

	.popup_add_address .modal-header .modal_tit,
	.pop_deli_list .modal-header .modal_tit {
		font-size: 14px;
	}

	.popup_add_address .modal_close,
	.pop_deli_list .modal_close {
		width: 28px;
		height: 28px;
		background: url(/content/images/icon/ico_close_popup.png) no-repeat center center;
		background-size: 28px 28px;
		top: 11px;
		right: 12px;
	}

	.popup_add_address .modal-body,
	.pop_deli_list .modal-body {
		padding: 0 20px;
		max-height: 100%;
		box-sizing: border-box;
		overflow-y: hidden;
	}

	.popup_add_address .delivery_list .txt_area .name,
	.pop_deli_list .delivery_list .txt_area .name {
		font-size: 14px;
	}

	.popup_add_address .delivery_list .txt_area p,
	.pop_deli_list .delivery_list .txt_area p {
		font-size: 14px;
		line-height: 1.5;
	}

	.popup_add_address .delivery_list li,
	.pop_deli_list .delivery_list li {
		padding: 20px 0;
	}

	.popup_add_address .delivery_list div.btn-group,
	.pop_deli_list .delivery_list div.btn-group {
		margin-top: 10px;
	}

	.popup_add_address .link_deli_add a,
	.pop_deli_list .link_deli_add a {
		font-size: 12px;
	}

	.coupon_list .tit_area .tit {
		font-size: 16px;
		line-height: 1.5;
	}

	.coupon_list .explain {
		font-size: 14px;
		line-height: 1.5;
		margin-top: 10px;
	}

	.coupon_contents .pop_down_coupon .btn_lg.btn_down_coupon {
		height: 50px;
		line-height: 50px;
	}

	.modal-header {
		height: 52px;
	}

	.modal_close {
		width: 28px !important;
		height: 28px !important;
		background: url(/content/images/icon/ico_close_popup.png) no-repeat center center !important;
		background-size: 28px 28px !important;
		top: 11px !important;
		right: 12px !important;
	}

	.coupon_list .info {
		font-size: 12px;
		line-height: 1.5;
	}

	.coupon_list .etc_area {
		margin-top: 10px;
	}

	.coupon_list .btn_coupon_get span {
		display: inline-block;
		padding-left: 20px;
		background: url(/content/images/icon/icon_down_w.png) no-repeat 0 50%;
		background-size: 15px auto;
	}

	.item_list .sale_area .price {
		font-size: 16px;
	}
}

/* 취소, 등록 버튼 */
.btn_wrap {
	display: flex;
	/* justify-content: space-between; */
	justify-content: center;
	align-items: center;
	margin: 40px auto 0;
	width: 500px;
}

@media (max-width: 480px) {
	.btn_wrap {
		/* margin: 0px auto 20px; */
		margin: 30px auto 0;
	}
}

.inquiry_write .btn-group.right .btn_wrap button {
	width: 235px;
	height: 60px;
}

.inquiry_write .btn-group.right .btn_wrap button.btn_cancel {
	border-color: #8c53ff;
	color: #8c53ff;
}

@media (max-width: 767px) {
	.btn_wrap {
		width: 100%;
	}

	.inquiry_write .btn-group.right .btn_wrap button {
		width: 46%;
	}

	.pagination .page-link {
		font-size: 12px;
	}
}

/* 모달팝업관련 */
.modal-backdrop {
	background-color: #1f1f1f;
}

.modal-backdrop.show {
	opacity: 0.8;
}

input::placeholder,
select::placeholder,
optgroup::placeholder,
textarea::placeholder {
	font-weight: 400 !important;
}

@media (max-width: 480px) {
	.method_area ul.nav {
		margin: 0 auto;
	}
}

/*
텍스트 수정불가 클래스
*/

/* form_area */

.form_area .unmodifiable input[disabled],
.form_area .unmodifiable input[readonly] {
	border-bottom: 1px solid transparent !important;
}

.form_area .unmodifiable input[disabled]::placeholder,
.form_area .unmodifiable input[readonly]::placeholder {
	color: #000 !important;
}

.form-group.required.unmodifiable::before {
	content: "";
	display: inline-block;
	position: absolute;
	top: 17px;
	left: 0;
	font-size: 16px;
	color: transparent;
}

/* join_area */
.join_area .unmodifiable input[readonly],
.join_area .unmodifiable select[readonly],
.join_area .unmodifiable .form-control[readonly],
.join_area .unmodifiable .custom-select[readonly],
.join_area .unmodifiable .form-control[readonly] {
	border-bottom: 1px solid #d5d5d5;
	background-color: #fff;
	color: #d5d5d5;
}

.join_area .unmodifiable input[disabled],
.join_area .unmodifiable select[disabled],
.join_area .unmodifiable .form-control[disabled],
.join_area .unmodifiable .custom-select[disabled],
.join_area .unmodifiable .form-control[disabled] {
	border-bottom: 1px solid #d5d5d5;
	background-color: #fff;
	color: #d5d5d5;
}

.join_area .unmodifiable .form-control[readonly] {
	padding: 0;
}

.form_wrap_line .address_area.unmodifiable .btn_address {
	cursor: auto;
}

.unmodifiable input.line:focus,
.unmodifiable select.line:focus,
.unmodifiable textarea.line:focus,
.unmodifiable .form-control.is-valid:focus {
	border-bottom: 1px solid #d5d5d5;
}

.unmodifiable input.line:focus[readonly],
.unmodifiable select.line:focus[readonly],
.unmodifiable textarea.line:focus[readonly],
.unmodifiable .form-control.is-valid:focus[readonly] {
	border-bottom: 1px solid #d5d5d5;
}

.unmodifiable input.line:focus[disabled],
.unmodifiable select.line:focus[disabled],
.unmodifiable textarea.line:focus[disabled],
.unmodifiable .form-control.is-valid:focus[disabled] {
	border-bottom: 1px solid #d5d5d5;
}

/* input에 사용자가 입력했을 때 텍스트 컬러 변경 */

.contents form input.txt_black::placeholder {
	color: #000;
}

@media (max-width: 480px) {
	.invalid-feedback {
		margin-top: 5px;
		/* font-size: 11px; */
		font-size: 12px;
		line-height: 1;
	}
}

/* --------------------------------------------------

개별 상품(pay_list)의 보더 스타일

-------------------------------------------------- */

.item_list.check {
	border-top: 1px solid #e2e2e2;
}

.optional .list_area {
	position: relative;
	/* padding: 1.5rem 0 2rem 30px; */
	border-top: 1px dashed #dcdcdc;
}

.optional:first-of-type,
.optional .list_area:first-of-type {
	border-top: 1px dashed transparent !important;
}

/* 옵션 구분 클래스 optional */
.optional {
	border-top: 1px dashed #d9d9d9 !important;
	border-bottom: 0;
}

/* 추가아이템 클래스 added*/
.optional.added {
	border-top: 1px solid #d9d9d9 !important;
	border-bottom: 0;
}

/*
form-group에 클래스가 추가된 상태

사용자 정보가 들어간 상태의 input class
*/

/*

modifiable

input type=text  placeholder 색상 검정 변경

*/

.modifiable .form-control[disabled],
.modifiable .form-control[readonly] {
	border-bottom: 0 !important;
}

.modifiable .form-control::placeholder {
	color: #000 !important;
}

/*

unmodifiable
라디오, 셀렉트 포함

input type=text  placeholder 색상 회색 변경

*/

.unmodifiable .form-control::placeholder {
	color: #b1b2b3 !important;
}

/*

이벤트 발생하지 않은 셀렉트

*/

.unmodifiable.date_birth_area .custom-select.box.year,
.unmodifiable.date_birth_area .custom-select.box.month,
.unmodifiable.date_birth_area .custom-select.box.day {
	pointer-events: none;
}

/*

main tit pc 숨기기

*/

@media (max-width: 767px) {
	.contents .main_tit {
		padding: 30px 20px;
	}
}

/* input : hover 백그라운드 부트스트랩 초기화 */

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active,
.contents input[type="password"]:-webkit-autofill,
.contents input:hover,
.contents input[type="number"]:hover,
.contents input[type="text"]:hover,
.contents input[type="password"]:hover,
.contents input[type="submit"]:hover,
.contents input[type="search"]:hover,
.contents textarea:hover,
.contents input:focus,
.contents input[type="number"]:focus,
.contents input[type="text"]:focus,
.contents input[type="password"]:focus,
.contents input[type="submit"]:focus,
.contents input[type="search"]:focus,
.contents textarea:focus,
.contents input:visited,
.contents input[type="number"]:visited,
.contents input[type="text"]:visited,
.contents input[type="password"]:visited,
.contents input[type="submit"]:visited,
.contents input[type="search"]:visited,
.contents textarea:visited {
	background-color: #fff !important;
}

input:-internal-autofill-selected {
	background-color: none !important;
}

input:-webkit-autofill,
input:-webkit-autofill:focus {
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0), inset 0 0 0 100px rgba(255, 255, 255, 1);
}

.total > span {
	margin: 0 2px;
}

/* 정기배송서비스 팝업 */
.modal.fade.deli_regular_pop.show {
	display: block;
	z-index: 10053;
}

.deli_regular_pop .modal_close {
	background: url(/content/images/icon/btn_close.png) no-repeat center center !important;
	z-index: 10054 !important;
}

.deli_regular_pop.modal .pop_txt {
	margin-top: 20px;
}

.deli_regular_pop .modal-dialog {
	width: 100% !important;
	max-width: 400px !important;
}

.deli_regular_pop .modal-body {
	border-radius: 20px !important;
}

@media (max-width: 767px) {
	.btn_nomem_order + .nomem_area .btn_default {
		font-size: 13px;
	}
}

@media (max-width: 767px) and (min-width: 481px) {
	.form_wrap_line .certi_area.authentication_number .btn_area {
		top: 26px;
	}
}

/* ==================== 가이드 popup_contents ==================== */
section .popup_contents .modal .modal-body {
	padding: 60px 30px;
	height: 100%;
}

section.popup_contents .modal-content .modal_close {
	width: 32px;
	height: 32px;
	background: url(/content/images/icon/ico_close_popup.png) no-repeat center center;
	background-size: 100% auto;
	margin-right: 12px;
}

section.popup_contents .popup_change_card .modal-content,
section.popup_contents .regular_pay .modal-content,
section.popup_contents .popup_add_pay .modal-content {
	max-height: 750px;
	height: 100%;
}

section.popup_contents .modal.regular_pay .modal-content {
	max-height: 900px;
}

section.popup_contents .popup_change_card .modal-body,
section.popup_contents .regular_pay .modal-body,
section.popup_contents .popup_add_pay .modal-body {
	padding: 60px 30px 80px;
	max-height: unset;
	height: 100%;
}

section.popup_contents .popup_change_card .modal-body {
	min-height: 458px;
}

section.popup_contents .popup_contents .added_cards .wrap_card_info h3 {
	font-size: 20px;
	margin-bottom: 6px;
}

section.popup_contents .popup_contents .added_cards .credit_card_num {
	color: #bebebe;
	font-size: 16px;
}

section.popup_contents .popup_contents .added_cards .delete_credit_card {
	border: 1px solid #959595;
	width: 100%;
	max-width: 150px;
	height: 40px;
	border-radius: 10px;
	background-color: #fff;
	color: #000 !important;
}

section.popup_contents .popup_contents .add_pay {
	width: 460px;
	height: 280px;
	border: 1px dashed #b1b2b3;
	background-color: #f8f8f9;
	border-radius: 20px;
	margin: 0 auto 60px;
	position: relative;
	cursor: pointer;
}

@media (max-width: 767px) {
	section.popup_contents .modal .popup_contents .add_pay {
		width: 100%;
		height: 180px;
		margin: 20px auto 0;
	}

	section.popup_contents .modal .popup_contents .add_pay .txt span {
		font-size: 16px;
	}

	section.popup_contents .modal .popup_contents .add_pay .txt span img {
		height: 21px;
	}

	section.popup_contents .modal .popup_contents .add_pay .bubble {
		transform: translate(-50%, -20%) scale(0.8);
	}
}

section.popup_contents .popup_contents .add_pay .txt {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

section.popup_contents .popup_contents .add_pay .txt span {
	font-size: 24px;
	font-weight: 500;
	display: flex;
	justify-content: center;
	align-items: center;
}

section.popup_contents .popup_contents .add_pay .txt span img {
	margin-left: 4px;
	height: 30px;
}

section.popup_contents .popup_contents .add_pay .bubble {
	position: absolute;
	font-size: 16px;
	color: #8c53ff;
	left: 50%;
	bottom: -80px;
	transform: translate(-50%, 0);
	width: 292px;
	height: 70px;
	line-height: 80px;
	text-align: center;
	background: url(/content/images/icon/card_balloon.png) no-repeat 0 0;
	background-size: 100% auto;
	animation: 1.5s ease-in-out 0s infinite normal none running upDown_Slide;
}

@keyframes upDown_Slide {
	0% {
		bottom: -80px;
	}

	50% {
		bottom: -100px;
	}

	100% {
		bottom: -80px;
	}
}

section.popup_contents .added_cards {
	padding-bottom: 0;
	border-bottom: 1px solid #d9d9d9;
}

section.popup_contents .added_cards ul li {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 40px;
}

@media (max-width: 767px) {
	section.popup_contents .added_cards ul li {
		margin-bottom: 20px;
	}
}

section.popup_contents .added_cards ul li > div {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	width: 100%;
	flex-wrap: nowrap;
	align-content: center;
}

section.popup_contents .added_cards .wrap_img {
	width: 140px;
	height: 87px;
	margin-right: 20px;
	border-radius: 10px;
	overflow: hidden;
}

section.popup_contents .added_cards .wrap_img span.card_img {
	display: flex;
	align-content: center;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	background-image: url(../images/icon/ico_card_thumb.png);
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: top center;
	font-size: 0;
}

section.popup_contents .added_cards li:nth-child(odd) .wrap_img span.card_img {
	background-color: #5e84ff;
}

section.popup_contents .added_cards li:nth-child(even) .wrap_img span.card_img {
	background-color: #ffd971;
}

section.popup_contents .popup_layer.popup_add_pay .popup_contents .added_cards .wrap_card_info h3 {
	font-size: 20px;
	margin-bottom: 6px;
}

section.popup_contents .added_cards .credit_card_num {
	color: #bebebe;
	font-size: 16px;
}

section.popup_contents .added_cards .delete_credit_card {
	border: 1px solid #959595;
	width: 100%;
	max-width: 150px;
	height: 40px;
	border-radius: 10px;
}

/* //////////////////////////////////////////////////////////////////////////////////
	모바일 App 페이지
//////////////////////////////////////////////////////////////////////////////// */

/* ============ 업데이트 안내 ============ */
.contents.app.update {
	margin: 0 !important;
	padding: 0 !important;
}

.contents.app.update .container {
	width: 100%;
	height: 100vh;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background-color: #fdfdfd;
}

.contents.app.update .main_tit {
	font-size: 1.5rem;
	text-align: center;
	padding: 0 0 20px;
}

.contents.app.update .desc {
	font-size: 1rem;
	text-align: center;
	line-height: 1.3;
}

.contents.app.update .wrap_appstore {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 40px 0 0;
	width: 100%;
}

.contents.app.update .wrap_appstore > div {
	padding: 8px;
	width: 50%;
	text-align: center;
	max-width: 168px;
}

.contents.app.update .logo_daesang {
	width: 120px;
	text-align: center;
	position: absolute;
	bottom: 2.5rem;
	max-width: 120px;
}

@media (max-height: 420px) {
	.contents.app.update .container {
		max-width: 100%;
	}

	.contents.app.update .main_tit {
		padding: 0 0 12px;
	}

	.contents.app.update .wrap_appstore {
		margin: 30px 0 0;
	}

	.contents.app.update .logo_daesang {
		width: 100px;
		bottom: 1.5rem;
	}
}

@media (max-width: 767px) {
	section.popup_contents .popup_change_card .modal-body,
	section.popup_contents .regular_pay .modal-body,
	section.popup_contents .popup_add_pay .modal-body {
		padding: 30px 20px;
	}

	section.popup_contents .popup_change_card .modal-body {
		min-height: unset;
	}

	section.popup_contents .popup_add_pay .modal-body {
		min-height: 80vh;
	}

	section.popup_contents .regular_pay .modal-body {
		min-height: 80vh;
	}

	.change_cards .custom-select.box {
		margin: 0 0 20px;
	}

	section.popup_contents .added_cards .wrap_img {
		width: 100%;
		max-width: 80px;
		height: 50px;
		border-radius: 5px;
		margin-right: 10px;
	}

	section.popup_contents .popup_contents .added_cards .wrap_card_info h3 {
		font-size: 14px;
	}

	section.popup_contents .popup_contents .added_cards .credit_card_num {
		font-size: 13px;
	}

	section.popup_contents .popup_contents .added_cards .delete_credit_card {
		width: 70px;
		height: 30px;
		border-radius: 5px;
		margin-left: 10px;
		font-size: 13px;
	}
}

button.search_detail,
a.page_back {
	display: none;
}

.search_fixed {
	display: none;
}

@media (max-width: 767px) {
	.option_btn_wrap.hide_btn_wrap {
		display: none;
	}

	.div_search.scroll-up .img_regular_delivery,
	.img_regular_delivery.hide {
		display: none !important;
	}

	#header .search_detail,
	#header .page_back {
		font-size: 0;
		width: 28px;
		height: 28px;
		justify-content: center;
		align-items: center;
		margin-right: 15px;
		background-size: 100% auto;
		background-repeat: no-repeat;
		background-position: center;
		cursor: pointer;
	}

	#header .page_back {
		background-image: url(/content/images/icon/ico_page_back.png);
		display: inline-flex;
		width: 32px;
		height: 32px;
		margin-right: 8px;
		font-size: 0;
	}

	#header .search_detail {
		position: absolute;
        top:50%;
		right: 40px;
        width: 24px;
        height: 24px;
		display: inline-flex;
		margin: 0;
		background-image: url(/content/images/icon/ico_search_new.svg);
		transition: display 0.35s linear;
		transform-origin: center center;
		transform: translateY(-50%);
	}

	.search_fixed {
		display: none;
		position: fixed;
		width: 100vw;
		height: 100vh;
		top: 0;
		left: 0;
		background-color: #fff;
		z-index: -1;
		padding: 150px 30px 0;
		box-sizing: border-box;
	}
}

.search_fixed .search_form {
	margin-top: 22px;
}

.search_fixed input.search_area {
	width: 100%;
	height: 45px;
	border-radius: 25px;
	font-size: 16px;
	padding: 0 15px;
	border: 1px solid transparent;
	box-sizing: border-box;
}

.search_fixed input.search_area:focus {
	border: 1px solid #8c53ff;
}

.search_fixed .search_form input.search_area::placeholder {
	font-size: 16px;
}

.search_fixed .search_form form {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
}

.search_fixed .search_form button.search_btn {
	width: 25px;
	height: 25px;
	background: transparent;
	right: 0;
	left: unset;
	top: 0;
	transform: translate(-50%, 37%);
}

a.erase {
	position: absolute;
	font-size: 0;
	width: 25px;
	height: 25px;
	background: url(/content/images/icon/ico_delete.png) no-repeat center center;
	background-size: 70% auto;
	top: 0;
	right: 35px;
	transform: translate(-50%, 37%);
	display: none;
	cursor: pointer;
}

.search_fixed .search_form:focus a.erase,
.delete_text a.erase {
	display: block;
}

.close_wrap {
	width: 100%;
	height: 40px;
	background: #fff;
	display: flex;
	justify-content: space-between;
	align-items: center;
	box-sizing: border-box;
	padding: 0 25px;
	border-radius: 0 !important;
}

.close_wrap button.modal_close {
	position: relative !important;
	top: unset !important;
	left: unset !important;
	right: unset !important;
	bottom: unset !important;
	transform: unset !important;
	width: auto !important;
	height: auto !important;
	line-height: 18px !important;
	/* background-image: url(/content/images/icon/icon_close_black.png) !important; */
	background-image: unset !important;
	background-repeat: no-repeat !important;
	background-size: 18px auto !important;
	background-position: right center !important;
	padding-right: 0px !important;
	overflow: visible !important;
	cursor: pointer;
}

.close_wrap {
	padding: 0;
}

.close_wrap button.modal_close {
	flex: 0.5;
	border-right: 1px solid #d5d5d5;
}

.close_wrap button.modal_close:last-child {
	border-right: 0;
}

.close_wrap button.modal_close > span {
	font-size: 14px;
	display: block;
	font-weight: 400;
	color: #333;
}

/* error-404 */

.error-404 {
	position: relative;
	width: 100%;
	text-align: center;
	font-size: 16px;
	padding: 120px 0 100px;
}

@media (max-width: 991px) {
	.error-404 {
		padding: 70px 0;
	}
}

.error-404:before {
	content: "";
	width: 400px;
	height: 120px;
	margin-bottom: 30px;
	background: url(/content/images/icon/ico-404.png) no-repeat center center;
	background-size: auto 100%;
	font-size: 0;
	line-height: 0;
	position: relative;
	display: block;
	margin: 0 auto 20px;
}

.error-404 > p {
	margin-bottom: 15px;
	font-size: 20px;
	color: #333;
	font-weight: bold;
}

.error-404 .btn_wrap {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 100px auto 0;
	max-width: 480px;
	gap: 20px;
}

.error-404 .btn_wrap .btn {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	flex: 1;
	width: auto;
	height: 48px;
	line-height: 1;
	font-size: 16px;
}

@media (max-width: 767px) {
	.error-404 > p {
		margin-bottom: 15px;
		font-size: 18px;
	}

	.error-404:before {
		width: 100%;
	}

	.error-404 .btn_wrap {
		margin: 70px auto 0;
		gap: 8px;
	}
}

/* terms_of_service */

.terms_of_service .col {
	padding: 0;
}

.terms_of_service .terms_content {
	padding: 20px 0;
}

.terms_of_service .terms_content .terms_wrap {
	display: none;
	width: 100%;
	height: auto;
	max-height: unset;
	padding: 0;
}

.terms_of_service .terms_content .terms_wrap > * {
	width: 100%;
	margin-bottom: 6px;
	font-size: 14px;
	line-height: 1.8;
	color: #666;
	letter-spacing: -0.02rem;
	/* text-align: justify; */
}

@media (max-width: 767px) {
	.terms_of_service .terms_content .terms_wrap > * {
		font-size: 13px;
		line-height: 1.5;
	}
}

.rv_report_btn {
	text-align: right;
	font-size: 12px;
	color: #b1b2b3;
	margin-right: 0;
	cursor: pointer;
}

.rv_report_btn:hover {
	text-decoration: underline;
}

.faq_list .rv_report_btn {
	width: auto;
	margin: 20px 0 0 0;
	display: inline-block;
	position: relative;
	right: -100%;
	transform: translateX(-100%);
}

body.modal-open,
body.modal-open #header {
	padding-right: unset !important;
}

.report_txt {
	font-size: 14px;
}

/* 좋아요 */

.btn_good {
	display: inline-block;
	position: relative;
	width: auto;
	max-width: unset;
	padding: 0 15px;
	margin-left: 6px;
	background-color: #fff;
	border: solid 1px #e2e2e2;
	border-radius: 50px;
	font-size: 12px;
	box-sizing: border-box;
	font-weight: 300;
	text-align: center;
	line-height: 30px;
	vertical-align: top;
	height: 30px;
}

.btn_good:before {
	content: "";
	margin-right: 5px;
	vertical-align: top;
	background: url(/content/images/icon/ico_review_good.png) no-repeat left center;
	background-size: 100% auto;
	position: absolute;
	z-index: 999;
	width: 14px;
	height: 14px;
	top: 50%;
	left: 12px;
	transform: translate(0px, -50%);
}

.btn_good:after {
	content: "";
	position: absolute;
	left: -2px;
	right: -2px;
	top: -2px;
	bottom: -2px;
	border: solid 1px #fff;
	border-radius: 50px;
}

.btn_good > span {
	display: inline-block;
	position: relative;
	margin-left: 15px;
	font-weight: bold;
	line-height: 28px;
	vertical-align: top;
	z-index: 1;
	font-size: 12px;
}

.btn_good.on {
	color: #fff;
	background-color: #8c53ff;
	border-width: 2px;
	border-color: #8c53ff;
	animation: all 1s;
}

.btn_good.on:before {
	background: url(/content/images/icon/ico_review_good_chk.png) no-repeat left center;
	background-size: 100% auto;
}

/* Loading circle  */

.loading_circle_wrap {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	z-index: 17000;
}

.loading_circle_wrap .loader {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	margin: 0px auto;
	width: 200px;
	height: 200px;
}

.loading_circle_wrap .loader:before {
	content: "";
	display: block;
	padding-top: 100%;
}

.circular-loader {
	-webkit-animation: rotate 2s linear infinite;
	animation: rotate 2s linear infinite;
	height: 100%;
	-webkit-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	margin: auto;
}

.loading_circle_wrap .darkBg {
	width: 100vw;
	height: 100vh;
	background-color: rgba(0, 0, 0, 0.65);
}

.loader-path {
	stroke-dasharray: 150, 200;
	stroke-dashoffset: -10;
	-webkit-animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
	animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
	stroke-linecap: round;
	stroke-width: 2;
}

@media (max-width: 767px) {
	.loading_circle_wrap .loader {
		width: 120px;
		height: 120px;
	}

	.loader-path {
		stroke-width: 3;
	}
}

@-webkit-keyframes rotate {
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes rotate {
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@-webkit-keyframes dash {
	0% {
		stroke-dasharray: 1, 200;
		stroke-dashoffset: 0;
	}

	50% {
		stroke-dasharray: 89, 200;
		stroke-dashoffset: -35;
	}

	100% {
		stroke-dasharray: 89, 200;
		stroke-dashoffset: -124;
	}
}

@keyframes dash {
	0% {
		stroke-dasharray: 1, 200;
		stroke-dashoffset: 0;
	}

	50% {
		stroke-dasharray: 89, 200;
		stroke-dashoffset: -35;
	}

	100% {
		stroke-dasharray: 89, 200;
		stroke-dashoffset: -124;
	}
}

@-webkit-keyframes color {
	0% {
		stroke: #8c53ff;
	}

	40% {
		stroke: #8c53ff;
	}

	66% {
		stroke: #8c53ff;
	}

	80%,
	90% {
		stroke: #8c53ff;
	}
}

@keyframes color {
	0% {
		stroke: #8c53ff;
	}

	40% {
		stroke: #8c53ff;
	}

	66% {
		stroke: #8c53ff;
	}

	80%,
	90% {
		stroke: #8c53ff;
	}
}

/* daum_layer_popup */

.daum_layer_popup {
	position: fixed !important;
	z-index: 100000 !important;
	width: 100% !important;
	max-width: 800px !important;
	left: 50% !important;
	top: 50% !important;
	background: #fff !important;
	transform: translate(-50%, -50%) !important;
}

.daum_layer_popup::after {
	content: "";
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background-color: rgba(0, 0, 0, 0.6);
	z-index: -1;
}

@media (max-width: 480px) {
	.daum_layer_popup {
		position: fixed !important;
		z-index: 100000 !important;
		width: 98% !important;
		left: 1% !important;
		top: 10% !important;
		background: #fff !important;
		transform: none !important;
	}

	#touchGuideBox p {
		width: 140px;
	}
}

.daum_layer_popup #daumAddr {
	width: auto;
	height: 800px;
}

@media (max-width: 767px) {
	.daum_layer_popup .layer_title,
	.daum_layer_popup #daumAddr {
		width: 98vw !important;
		margin: 0 auto;
	}
}

/* .file_area li a img 이미지 정사각형으로 자르기  */
.file_area li a img {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	margin: auto;
}

.file_area li {
	position: relative;
	margin-right: 10px;
	width: 77px;
	height: 77px;
	display: inline-block;
}

.file_area li div {
	width: 100%;
	height: 100%;
	padding-bottom: 0;
	border-radius: 20px;
	overflow: hidden;
	background: none;
}

.file_area li div img {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	margin: auto;
}

.form-group.file_area {
	margin-top: 0;
}

.form-group.file_area ul {
	display: flex;
	padding: 0;
}

.form-group.file_area li {
	position: relative;
	width: 77px;
	height: 77px;
	display: block;
}

.form-group.file_area li:last-child {
	margin-right: 0;
}

.form-group.file_area li div {
	width: 100%;
	height: 100%;
}

.form-group.file_area input[type="file"] {
	display: none;
}

.form-group.file_area .btn_file_del {
	position: absolute;
	right: 10%;
	top: 10%;
	width: 18px;
	height: 18px;
	background: url(/content/images/icon/btn_file_del.png) no-repeat 50%;
	background-size: 100% auto;
}

.form-group.file_area .btn_file_add {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	background: #fff url(/content/images/icon/ico_customer_add.png) no-repeat center center;
	background-size: 20px auto;
	border: solid 1px #e6e6e6;
	cursor: pointer;
}

@media (max-width: 767px) {
	.form-group.file_area .btn_file_add {
		background-color: #fbfbfc;
	}
}

.form-group.file_area .info {
	margin-top: 1.1rem;
	font-size: 1.2rem;
	line-height: 1.7rem;
	color: #959595;
}

.form-group .file_sel_area input {
	display: none;
}

.form-group .btn-group {
	margin-top: 3rem;
}

@media (max-width: 767px) {
	.delivery_contents .main_tit + .delivery_wrap .container > .btn_right {
		padding: 0 20px;
	}

	.badge_area {
		max-width: calc(100% - 50px);
		display: flex;
		flex-wrap: wrap;
		align-content: flex-start;
		justify-content: flex-start;
		align-items: flex-start;
	}

	#header .img_regular_delivery > p {
		transform: translate(-0%, 2%);
	}
}

button.search_btn[type="submit"] > img {
	display: none;
}

button.search_btn[type="submit"] {
	background: url(/content/images/icon/ico_search.png) no-repeat center center;
	background-size: 100% auto;
}

/* tracking_num */

.list_tit a.delivery_check {
	font-size: 16px;
	padding-right: 14px;
	background: url(/content/images/icon/ico_more.png) no-repeat calc(100% + 6px) center;
	background-size: 20px 20px;
}

@media (max-width: 767px) {
	.order_deli_list .list_tit a.delivery_check {
		font-size: 13px;
	}
}

.delivery_check span {
	position: relative;
}

.delivery_check span:first-child:after {
	content: "";
	position: absolute;
	display: block;
	width: 100%;
	height: 1px;
	background: #000;
	transform: translateY(-1px);
}

.list_tit span.gifted {
	font-size: 0;
	background: url(/content/images/icon/img_gifted.png) no-repeat center center;
	background-size: 100% auto;
	width: 60px;
	height: auto;
	display: inline-block;
	margin-left: 4px;
}

@media (max-width: 480px) {
	.list_tit span.gifted {
		height: auto;
		height: 15px;
		width: 50px;
	}
}

.float_menu_pc li a span.txt {
	letter-spacing: -0.08rem;
	word-spacing: -0.08rem;
}

button.sns_share {
	width: 24px;
	height: 26px;
	background: url(/content/images/icon/ico_sns.png) no-repeat center center;
	background-size: 100% auto;
	border: none;
	color: unset;
	font-size: 0;
	min-width: unset;
	border-radius: unset;
	margin: 0 10px 0 0 !important;
	padding: 1px;
}

@media (max-width: 767px) {
	button.sns_share {
		width: 14px;
		height: 16px;
		margin: 0 !important;
	}
}

/*------------------------------------*\
  가이드
\*------------------------------------*/

.linked_wrap {
	display: flex;
	width: 100%;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	flex-wrap: wrap;
	margin: 10px 0;
}

.linked_wrap:last-child {
	margin-bottom: unset;
}

.linked_wrap div {
	font-size: 16px;
	margin: 20px 10px 20px 0;
}

.linked_wrap div > span {
	font-weight: bold;
}

.linked_wrap button {
	margin-left: 10px;
}

@media (max-width: 767px) {
	.linked_wrap {
		flex-direction: column;
	}

	.linked_wrap div {
		font-size: 14px;
	}

	.linked_wrap div {
		margin-right: 0;
	}

	.linked_wrap button {
		margin-left: 0;
	}
}

.quantity_wrap {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	width: 100%;
}

.quantity_wrap span.quantity {
	max-width: unset;
	flex: unset;
	width: auto;
	display: block;
	font-size: 16px;
	margin-right: 10px;
}

#loading-dimmed {
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	filter: alpha(opacity=40);
	background: #000;
	background: rgba(0, 0, 0, 0.4);
	z-index: 20000;
}

#loading {
	display: none;
	position: fixed;
	left: 50%;
	top: 50%;
	margin-top: -50px;
	margin-left: -50px;
	z-index: 20001;
	width: 100px;
	height: 100px;
}

.free_table::-webkit-scrollbar,
.table_scroll::-webkit-scrollbar {
	display: none;
}

@media (max-width: 991px) {
	.free_table::-webkit-scrollbar,
	.table_scroll::-webkit-scrollbar {
		display: inline !important;
	}

	.table_scroll::-webkit-scrollbar {
		height: 3px !important;
	}

	.table_scroll::-webkit-scrollbar-track {
		background-color: transparent;
	}

	.table_scroll::-webkit-scrollbar-thumb {
		border-radius: 6px;
		background-color: #ababab;
		cursor: pointer;
	}

	.table_scroll::-webkit-scrollbar-thumb:active {
		background-color: #ababab;
	}

	.table_scroll::-webkit-scrollbar-button {
		width: auto;
		height: auto;
	}
}

.daum_layer_popup .layer_close {
	background: url(/content/images/icon/item_order_close.png) no-repeat center !important;
	background-size: 100% 100% !important;
}

.ship_notice {
	font-size: 16px;
	color: #ff0000;
	line-height: 1.35;
	margin-bottom: 8px;
	font-weight: 500;
	word-break: keep-all;
}

@media (max-width: 991px) {
	.ship_notice {
		font-size: 13px;
	}
}

.button_white {
	width: 114px;
	height: 40px;
	font-size: 1.6rem;
	line-height: 40px;
	color: #000;
	text-align: center;
	border: 1px solid #959595;
	border-radius: 10px;
	margin-left: 12px;
	position: relative;
	display: block;
	background-color: #fff;
	cursor: pointer;
}

.order_num_info .button_white {
	margin: 20px auto 0;
}

@media (max-width: 767px) {
	.button_white {
		width: 80px;
		height: 30px;
		line-height: 30px;
		font-size: 1.3rem;
		color: #000;
		text-align: center;
		border: 1px solid #959595;
		border-radius: 5px;
		margin-left: 12px;
		position: relative;
		background-color: #fff;
	}

	.order_num_info .button_white {
		margin: 14px auto 0;
	}
}

/* 슬라이드 버튼 */

.wrap_btn_slide input.btn_slide {
	appearance: none;
	width: 60px;
	height: 30px;
	border-radius: 15px;
	overflow: hidden;
	background-color: #787878 !important;
	box-shadow: inset 4px 4px 6px 0px rgba(0, 0, 0, 0.1), 4px 5px 6px -1px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: inset 4px 4px 6px 0px rgba(0, 0, 0, 0.1), 4px 5px 6px -1px rgba(0, 0, 0, 0.1);

	position: relative;
}

.wrap_btn_slide input.btn_slide + label {
	font-size: 0;
}

.wrap_btn_slide input.btn_slide:hover,
.wrap_btn_slide input.btn_slide:checked {
	background-color: #695fbf !important;
}

.wrap_btn_slide input.btn_slide::before {
	content: "";
	position: absolute;
	top: 2px;
	left: 2px;
	width: 25px;
	height: 25px;
	background-color: #e6e6e6;
	border-radius: 25px;
	transition: all 0.4s ease-in-out;
}

.wrap_btn_slide input.btn_slide:checked::before {
	background-color: #fff;
	left: calc(100% - 28px);
	animation: moveScale 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

@keyframes moveScale {
	0% {
		transform: scale(1);
	}

	50% {
		transform: scale(0.8);
	}

	100% {
		transform: scale(1);
	}
}

/* 221128 PSH 추가 */

.login-price {
	font-size: 1.6rem;
	letter-spacing: -0.025rem;
	color: #959595;
	display: -webkit-box;
	line-clamp: 1;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	overflow: hidden;
	word-wrap: break-word;
	word-break: keep-all;
}

.radio_wrap .dormant-member {
	font-size: 1.6rem;
	margin-top: 18px;
}

@media (max-width: 767px) {
	.login-price {
		font-size: 1.4rem;
	}

	.radio_wrap .dormant-member {
		font-size: 1.3rem;
	}
}

/*

20221207

nofi_set 앱설정 페이지 추가

*/

.receive_wrap .receive_area {
	margin-bottom: 4rem;
	display: flex;
}

.receive_wrap .receive_area:last-child {
	margin-bottom: 0;
}

.receive_wrap h6.tit {
	font-size: 1.7rem;
	font-weight: 500;
	line-height: 1;
	letter-spacing: -0.019rem;
	text-align: left;
	color: #000;
	margin-bottom: 6px;
}

.receive_wrap span.desc {
	font-size: 1.3rem;
	font-weight: 400;
	line-height: 1.46;
	text-align: left;
	color: #8f8f9b;
}

.receive_wrap .receive_area .receive_left {
	display: inline-flex;
	flex: 0.75;
	flex-direction: column;
}

.receive_wrap .receive_area .receive_right {
	display: inline-flex;
	flex: 0.25;
	align-items: flex-start;
	justify-content: flex-end;
}

.receive_wrap .wrap_btn_slide input.btn_slide {
	background-color: #d9d9d9 !important;
	border: 2px solid #d9d9d9;
	box-shadow: none;
	overflow: hidden;
	box-sizing: border-box;
	margin-right: -2px;
}

.receive_wrap .wrap_btn_slide input.btn_slide::before {
	top: 1px;
	left: 0;
	background-color: #fff;
	width: 2.4rem;
	height: 2.4rem;
	transition: all 0.4s ease-in;
	box-shadow: 2px 3px 4px rgba(0, 0, 0, 0.1);
}

.receive_wrap .wrap_btn_slide input.btn_slide:checked::before {
	left: calc(100% - 2.4rem);
}

.receive_wrap .wrap_btn_slide input.btn_slide:checked {
	background-color: #8c53ff !important;
	border: 2px solid #8c53ff;
}

.receive_wrap hr.devider {
	margin: 3rem 0;
}

.nofi_alert_desc {
	font-size: 1.3rem;
	font-weight: normal;
	line-height: 1.38;
	text-align: left;
	color: #8f8f9b;
}

/* 2212009 psh 9-more-check */

.btn_wrap a.btn {
	margin: 0 auto;
	padding: 0;
	width: 150px;
	height: 40px;
	line-height: 40px;
	font-size: 13px;
	box-sizing: border-box;
	display: block;
}

.btn_wrap a.btn:last-child {
	margin: 0 auto !important;
}

.btn_wrap .btn_secondary.btn_more,
.btn_wrap.mobile a.btn {
	background-color: #f0e9ff !important;
	border-color: #ebe2ff !important;
	color: #000 !important;
}

/* 230207 psh 수정 */
.notice_txt {
	font-size: 14px;
	color: #757575;
	line-height: 1.4;
	letter-spacing: -0.04rem;
	word-spacing: -0.08rem;
}

.notice_txt a {
	color: #000;
	text-decoration: underline;
}

@media (max-width: 767px) {
	.btn_wrap.mobile {
		margin: 0px auto 60px;
	}

	.notice_txt {
		font-size: 13px;
	}
}

/* 230216 psh 수정 */

tr.hide {
	display: none !important;
}

.address_area {
	cursor: pointer;
}

/* 230302 psh 수정*/

.regular_more_btn {
	margin: 10px auto 20px;
	width: 100%;
	max-width: 200px;
	height: 54px;
	line-height: 52px;
}

@media (max-width: 767px) {
	.regular_more_btn {
		max-width: 150px;
		height: 40px;
		line-height: 38px;
		font-size: 13px;
		margin-bottom: 15px;
	}
}

.label_sale {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	max-width: 120px;
	height: 50px;
	line-height: 50px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	font-size: 16px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	z-index: 1;
	border-bottom-right-radius: 20px;
}

.label_sale.label_sale_ex {
	background-color: #5fbf65;
}

.label_sale.label_sale_co {
	background-color: #ff5b75;
}

.img_area:hover .label_sale {
	filter: brightness(0.5);
}

@media (max-width: 767px) {
	.label_sale {
        min-width:85px;
		width: auto;
		height: 35px;
		line-height: 35px;
		font-size: 13px;
		border-bottom-right-radius: 10px;
        padding: 0 1rem;
        box-sizing: border-box;
	}
}

.justify-between {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.move-prev-page {
	display: inline-block;
	width: 150px;
	height: 40px;
	line-height: 40px;
	background-color: #ffffff;
	border: 1px solid #959595;
	border-radius: 10px;
	font-size: 16px;
	color: #000000;
}

.move-prev-page:hover {
	background-color: #f4f4f5;
	color: #777777;
}

.mb-20 {
	margin-bottom: 20px;
}

@media (max-width: 767px) {
	.move-prev-page {
		width: 120px;
		height: 30px;
		line-height: 30px;
		font-size: 13px;
		border-radius: 5px;
	}

	.mobile-px-20 {
		padding-right: 20px;
		padding-left: 20px;
	}

	.m-mb-10 {
		margin-bottom: 10px;
	}
}

/* 20231011 */
.agree_wrap .agree_check.pl-20 {
	padding-left: 20px;
}

.agree_wrap .check_area input + label {
	margin-bottom: 0;
}

.marketing_info {
	font-size: 14px;
	color: #000;
	margin-top: 20px;
	letter-spacing: -0.45px;
	word-spacing: -0.4px;
}

.marketing_info ~ .marketing_info {
	margin-top: 14px;
}

@media (max-width: 767px) {
	.agree_wrap .agree_check.pl-20 {
		padding-left: 10px;
	}
}

@media (max-width: 480px) {
	.agree_wrap .agree_check.pl-20 .terms_link {
		display: none;
	}
}

/* 20230919 스와이퍼 커스텀 */
.style_custom_swiper .swiper-button-next,
.style_custom_swiper .swiper-button-prev {
	width: 50px;
	height: 50px;
	background-size: 100% auto;
	background-color: #fff;
	border-radius: 50%;
	margin: 0;
	transform: translateY(-50%);
}

.style_custom_swiper .swiper-button-next:after,
.style_custom_swiper .swiper-container-rtl .swiper-button-prev:after,
.style_custom_swiper .swiper-button-prev:after,
.style_custom_swiper .swiper-container-rtl .swiper-button-next:after {
	display: none;
}

.style_custom_swiper .swiper-button-prev {
	box-shadow: -2px 4px 2px rgba(0, 0, 0, 0.1);
}

.style_custom_swiper .swiper-button-next {
	box-shadow: 2px 4px 2px rgba(0, 0, 0, 0.1);
}

.style_custom_swiper .swiper-button-prev,
.style_custom_swiper .swiper-container-rtl .swiper-button-next {
	background-image: url("/content/images/icon/ico_swiper_prev.png");
}

.style_custom_swiper .swiper-button-next,
.style_custom_swiper .swiper-container-rtl .swiper-button-prev {
	background-image: url("/content/images/icon/ico_swiper_next.png");
}

@media (max-width: 767px) {
	.style_custom_swiper .swiper-button-next,
	.style_custom_swiper .swiper-button-prev {
		width: 36px;
		height: 36px;
	}
}

/* end of 스와이퍼 커스텀 */

/* 20231023 */
.user_count_area {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	margin-top: 14px;
	flex-wrap: wrap;
}

.user_count_area > span {
	max-width: 50%;
	flex: none;
	display: inline-flex;
	align-items: center;
	justify-content: flex-start;
	margin-right: 12px;
	font-size: 13px;
}

.user_count_area > span > span {
	display: inline-block;
	line-height: 1;
	margin-right: 2px;
	color: #000;
	font-weight: 500;
}

.user_count_area span.ico {
	flex: none;
	width: 16px;
	height: 16px;
	margin-right: 3px;
}

.user_count_area .grade .count {
	font-size: 14px;
	white-space: nowrap;
}

.user_count_area .grade .review_count {
	color: #ababab;
	word-break: keep-all;
}

@media (max-width: 767px) {
	.user_count_area {
		flex-direction: column;
		align-items: flex-start;
		margin-top: 10px;
	}

	.user_count_area > span {
		max-width: 100%;
		margin-bottom: 6px;
	}

	.user_count_area span.ico {
		width: 12px;
		height: 12px;
	}

	.user_count_area span.ico img {
		margin-bottom: 1px;
		margin-right: 2px;
	}

	.user_count_area .liked span.ico {
		transform-origin: center;
		transform: scale(0.9);
	}
}

/* 20231108 */
.btn_default_gray {
	line-height: 40px;
	border: 1px solid #d9d9d9;
	background: #fbfbfc;
	border-radius: 10px;
	padding: 0 20px;
	font-size: 16px;
	color: #333333;
	letter-spacing: -0.5px;
	font-weight: 500;
}

@media (max-width: 767px) {
	.btn_default_gray {
		line-height: 30px;
		font-size: 13px;
		padding: 0 12px;
		border-radius: 5px;
	}
}

/* 20240312 */

.flex_col {
	flex-direction: column;
	gap: 20px;
}

.flex_col.btn-group > .btn.btn_lg {
	border-radius: 100px;
}

.flex_col.btn-group .btn_default {
	border: 2px solid #8c53ff;
}

.btn_easy_login {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
}

.btn_easy_login::before {
	content: "";
	position: absolute;
	top: 2px;
	left: 5.6%;
	line-height: 1;
	color: #c5a8ff;
	font-size: 11px;
}

.btn_easy_login::after {
	content: "휴대폰간편로그인간편결제매니저유료서비스광고AD";
	position: absolute;
	bottom: 3px;
	right: 5%;
	line-height: 1;
	color: #c5a8ff;
	font-size: 11px;
}

.btn_easy_login i {
	display: inline-block;
	line-height: 1;
	margin-top: -2px;
	margin-right: 10px;
}

/* 공통 */

.flex-Vcenter {
	display: flex;
	justify-content: center;
	align-items: center;
}

.iflex-Vcenter {
	display: inline-flex;
	justify-content: center;
	align-items: center;
}

.main_tit h2.tit em {
	display: inline-block;
	color: #695fbf;
	line-height: inherit;
	font: inherit;
}

.hide_scroll::-webkit-scrollbar {
	display: none;
}

.thin_scroll::-webkit-scrollbar {
	height: 4px;
}

.thin_scroll::-webkit-scrollbar-track {
	background-color: transparent;
}

.thin_scroll::-webkit-scrollbar-thumb {
	border-radius: 6px;
	background-color: #ddd;
	cursor: pointer;
}

.thin_scroll::-webkit-scrollbar-thumb:active {
	background-color: #ababab;
}

.thin_scroll::-webkit-scrollbar-button {
	width: auto;
	height: auto;
}

/* 20240904 */
@media (min-width: 991px) and (max-width: 1200px) {
	.wrap_category_top .wrap_dd {
		padding: 0 12px;
	}
}

@media (max-width: 767px) {
	.btn_easy_login::before,
	.btn_easy_login::after {
		font-size: 10px;
	}
}

/* 20250326 */
.simple_login_btn {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 16px;
	font-weight: 500;
	gap: 8px;
}

.simple_login_btn i {
	flex: none;
	display: inline-block;
}

.kakao_oly {
	background-color: #fee500;
}

.kakao_oly span {
    color: inherit;
}

.kakao_oly i {
	width: 19px;
	height: 19px;
	background: url("/content/images/icon/ico_sns_kakao.png") no-repeat center/ 100% auto;
}

.naver_login {
	background-color: #fff;
	border: 1px solid #d1d1d1;
	color: #767678;
}

.naver_login i {
	width: 16px;
	height: 16px;
	background: url("/content/images/icon/ico_naver_logo_txt.svg") no-repeat center/ 100% auto;
}

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

.apple_login i {
    width: 20px;
    height: 20px;
	background: url("/content/images/icon/ico_sns_apple.png") no-repeat center/ 100% auto;
}

.recent {
	position: relative;
}

.recent::before {
    display: inline-block;
	content: "최근 로그인";
	position: absolute;
	top: -11%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 96px;
	line-height: 24px;
	background-color: #3c3f44;
	border-radius: 20px;
	font-size: 12px;
	font-weight: 400;
	letter-spacing: -0.2px;
	color: #fff;
	z-index: 1;    
    text-align: center;
}

.recent::after {
	content: "";
	position: absolute;
	top: -12%;
	left: 50%;
	transform: translate(-50%, -0%) rotate(45deg) skew(20deg, 20deg);
	width: 1px;
	height: 1px;
	margin: -1px;
	border-width: 8px;
	border-style: solid;
	border-color: #3c3f44 #3c3f44 transparent transparent;
	background-color: #3c3f44;
	z-index: 0;
}

@media (max-width: 767px) {
    .flex_col {
        gap: 10px;
    }
    
	.kakao_oly {
		gap: 6px;
	}

    .kakao_oly i {
        width: 16px;
        height: 16px;
    }
    .naver_login i {
        width: 15px;
        height: 15px;
    }
}

/* 20250326 */
.simple_login_btn {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 16px;
	font-weight: 500;
	gap: 12px;
}

.simple_login_btn i {
	flex: none;
	display: inline-block;
}

.kakao_oly {
	background-color: #fee500;
}

.kakao_oly i {
	width: 19px;
	height: 19px;
	background: url("/content/images/icon/ico_sns_kakao.png") no-repeat center/ 100% auto;
}

.naver_login {
	background-color: #fff;
	border: 1px solid #d1d1d1;
	color: #767678;
}

.naver_login i {
	width: 16px;
	height: 16px;
	background: url("/content/images/icon/ico_naver_logo_txt.svg") no-repeat center/ 100% auto;
}

.btn.recent {
	position: relative;
}

.btn.recent::before {
	content: "최근 로그인";
	position: absolute;
	top: -11%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 96px;
	line-height: 24px;
	background-color: #3c3f44;
	border-radius: 20px;
	font-size: 12px;
	font-weight: 400;
	letter-spacing: -0.2px;
	color: #fff;
	z-index: 1;
}

.btn.recent::after {
	content: "";
	position: absolute;
	top: -12%;
	left: 50%;
	transform: translate(-50%, -0%) rotate(45deg) skew(20deg, 20deg);
	width: 1px;
	height: 1px;
	margin: -1px;
	border-width: 8px;
	border-style: solid;
	border-color: #3c3f44 #3c3f44 transparent transparent;
	background-color: #3c3f44;
	z-index: 0;
}

@media (max-width: 767px) {
	.flex_col {
		gap: 10px;
	}

	.kakao_oly {
		gap: 6px;
	}

	.kakao_oly i {
		width: 16px;
		height: 16px;
	}
	.naver_login i {
		width: 15px;
		height: 15px;
	}
}

/* 20250325 */
.item_list .list_area .img_area > .wrapper {
	height: 0;
	width: 100%;
	display: block;
	padding-bottom: 100%;
}

.item_list .list_area .img_area > .wrapper:hover {
	backdrop-filter: brightness(0.5);
}

.item_list .list_area .img_area > .wrapper:hover img {
	filter: brightness(0.5);
}


/* 20250424 */
.banner_area.users {
	display: block;
	margin: 40px auto 60px;
}

.for_user_info {
	display: block;
	text-align: center;
}

.for_user_info  strong {
	font-weight: bold;
}

.for_user_info .accent.color {
	font-size: 22px;
	color: #695fbf;
}

.for_user_info .desc {
	font-size: 20px;
	color: #333;
	line-height: 1.75;
}

/* 세일즈포스 호출 css 미노출 처리 */
.swiper-button-next:after, 
.swiper-rtl 
.swiper-button-prev:after {
    display: none!;
}

@media (min-width: 481px) {
    
}

@media (max-width: 480px) {
	.banner_area.users {
		margin: 30px auto 37px;
	}
	.for_user_info .accent.color {
		font-size: 17px;
	}

	.for_user_info .desc {
		font-size: 14px;
	}
}

@media (max-width: 767px) {
    #header.show-searcher .search_detail {
        display: none;
    }
}

/* 20250723 */
.modal.show {
    display: block;
}