@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css");

html, body {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

html {
	font-size: 10px;
}
html[lang=ko-KR], html[lang=ko] {
	font-family: 'GmarketSans', sans-serif;
}
html[lang=ko-KR] body, html[lang=ko] body {
	font-size: 16px;
	font-weight: 400;
	line-height: 1.4;
	color: #000;
}
html[lang=en], html *[lang=en] {
	font-family: "GmarketSans", Arial, sans-serif;
}
html[lang=en] body, html *[lang=en] body {
	font-size: 18px;
	font-weight: 400;
}

/* reset */
html {
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

a {
	background-color: transparent;
}

a:active,
a:hover {
	outline: 0;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

h1 {
	font-size: 2em;
	margin: 0 auto !important;
}

mark {
	background: #ff0;
	color: inherit;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 1em 40px;
}

hr {
	-webkit-box-sizing: content-box;
	        box-sizing: content-box;
	height: 0;
}

pre {
	overflow: auto;
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

button {
	overflow: visible;
	outline: none;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

button,
select {
	text-transform: none;
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
html input[disabled] {
	cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input {
	line-height: normal;
}

input[type=checkbox],
input[type=radio] {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	padding: 0;
}

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

input[type=search] {
	-webkit-appearance: textfield;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}

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

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td,
th {
	padding: 0;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, figure, legend, input, textarea, button, p, blockquote, th, td, form, fieldset, blockquote, iframe {
	margin: 0;
	padding: 0;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;
	-webkit-text-size-adjust: none;
	text-size-adjust: none;
}

html * {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	word-wrap: break-word;
}

article, aside, canvas, details, embed, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
	display: block;
}

command, datalist, keygen, mark, meter, progress, rp, rt, ruby, time, wbr {
	display: inline;
}

img {
	vertical-align: top;
	border: 0;
}

fieldset {
	border: 0;
}

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

hr {
	display: none;
	border: 0;
}

pre {
	white-space: pre-wrap;
}

legend, caption {
	display: none;
	clear: both;
}

a {
	color: inherit;
	cursor: pointer;
}
a:link {
	text-decoration: none;
}
a:hover, a:focus, a:active, a:visited {
	text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
	word-break: keep-all;
}

em, i, address, cite {
	font-style: normal;
	font-weight: normal;
}

input, textarea, select, button, table {
	font-size: inherit;
	font-family: inherit;
	*font-size: inherit;
	border: 0;
	background-color: transparent;
}

button, select {
	cursor: pointer;
}

textarea, input, select {
	border-radius: 0;
	border: 0;
	outline-color: -moz-use-text-color;
	outline-style: none;
	outline-width: medium;
}

textarea {
	resize: none;
	-webkit-appearance: none;
	   -moz-appearance: none;
	        appearance: none;
}

label {
	cursor: pointer;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
label img {
	pointer-events: none;
}

table {
	table-layout: fixed;
	border-collapse: collapse;
	border-spacing: 0;
}

th, td {
	border-collapse: collapse;
}

progress[value] {
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	border: none;
	background-size: auto;
}
progress[value][role][aria-valuenow] {
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	border: none;
	background-size: auto;
}
progress[value][role][aria-valuenow]:after {
	background-image: none;
}
progress[value][role][aria-valuenow]:before {
	display: table;
}
progress[value][role][aria-valuenow] strong {
	display: none;
}
progress[value][role][aria-valuenow]::-webkit-progress-value, progress[value][role][aria-valuenow]::-webkit-progress-inner-element {
	display: table;
}
progress[value][role][aria-valuenow]::-webkit-progress-bar {
	display: table-cell;
}
progress[value][role][aria-valuenow]::-moz-progress-bar, progress[value][role][aria-valuenow]::-webkit-progress-value {
	display: table;
}

textarea {
	color: inherit;
}
textarea:focus::-webkit-input-placeholder {
	color: transparent;
}
textarea:focus:-moz-placeholder {
	color: transparent;
}
textarea:focus::-moz-placeholder {
	color: transparent;
}
textarea:focus:-ms-input-placeholder {
	color: transparent;
}

input[type=reset], input[type=button], input[type=submit] {
	line-height: normal !important;
	cursor: pointer;
}
input[type=button], input[type=text], input[type=image], input[type=submit] {
	-webkit-appearance: none;
}
input:checked[type=checkbox] {
	background-color: #fff;
	-webkit-appearance: checkbox;
}

input {
	color: inherit;
}
input::-webkit-input-placeholder {
	color: inherit;
}
input::-moz-placeholder {
	color: inherit;
}
input:-ms-input-placeholder {
	color: inherit;
}
input:-moz-placeholder {
	color: inherit;
}
input:focus::-webkit-input-placeholder {
	color: transparent;
}
input:focus:-moz-placeholder {
	color: transparent;
}
input:focus::-moz-placeholder {
	color: transparent;
}
input:focus:-ms-input-placeholder {
	color: transparent;
}

input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
	-webkit-text-fill-color: inherit;
	-webkit-box-shadow: 0 0 0px 1000px white inset;
	box-shadow: 0 0 0px 1000px white inset;
}

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

input[type=date]::-webkit-clear-button {
	display: none;
}
input[type=date]::-webkit-inner-spin-button {
	display: none;
}
input[type=date]::-webkit-calendar-picker-indicator {
	color: #343434;
	background: #fff;
}
input[type=date] {
	-moz-appearance: none;
	     appearance: none;
	-webkit-appearance: none;
	display: inline-block !important;
	visibility: visible !important;
}
input[type=date], input:focus {
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
}

@media print {
	code[class*=language-], pre[class*=language-] {
		text-shadow: none;
	}

	html * {
		color: #000;
		background: #fff;
	}
}
/* clearfix */
.clearfix {
	*zoom: 1;
}
.clearfix:before, .clearfix:after {
	content: "";
	display: block;
}
.clearfix:after {
	clear: both;
}

/* hidden */
.hidden {
	display: none;
	overflow: hidden;
	border: 0;
	position: relative;
	z-index: -1;
	width: 0.13vw;
	height: 0.13vw;
	clip: rect(0.13vw, 0.13vw, 0.13vw, 0.13vw);
	-webkit-clip-path: inset(50%);
	        clip-path: inset(50%);
}

body.popView {
	overflow: hidden;
	height: 100vh;
}

img {
	width: 100%;
}

input[type=file] {
	display: none;
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
	font-size: inherit;
	color: #aaa;
}

input::-moz-placeholder, textarea::-moz-placeholder {
	font-size: inherit;
	color: #aaa;
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
	font-size: inherit;
	color: #aaa;
}

input::-ms-input-placeholder, textarea::-ms-input-placeholder {
	font-size: inherit;
	color: #aaa;
}

input::placeholder, textarea::placeholder {
	font-size: inherit;
	color: #aaa;
}

.f-right {
	float: right;
}

.f-left {
	float: left;
}

.po-r {
	position: relative;
}

.po-a {
	position: absolute;
}

.ov-h {
	overflow: hidden;
}

.ta-center {
	text-align: center !important;
}

.ta-left {
	text-align: left !important;
}

.line_01 {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.point {
	color: #c69c50 !important;
}

.bold {
	font-weight: 700 !important;
}

.Montserrat {
	font-family: "Montserrat", sans-serif;
}

.gmarket {
	font-family: "GmarketSans", "Noto Sans KR", sans-serif;
}

/* space */
.mt-0 {
	margin-top: 0vw !important;
}

.pt-0 {
	padding-top: 0vw !important;
}

.mt-1 {
	margin-top: 1.39vw !important;
}

.pt-1 {
	padding-top: 1.39vw !important;
}

.mt-2 {
	margin-top: 2.78vw !important;
}

.pt-2 {
	padding-top: 2.78vw !important;
}

.mt-3 {
	margin-top: 4.17vw !important;
}

.pt-3 {
	padding-top: 4.17vw !important;
}

.mt-4 {
	margin-top: 5.56vw !important;
}

.pt-4 {
	padding-top: 5.56vw !important;
}

.mt-5 {
	margin-top: 6.95vw !important;
}

.pt-5 {
	padding-top: 6.95vw !important;
}

.mt-6 {
	margin-top: 8.34vw !important;
}

.pt-6 {
	padding-top: 8.34vw !important;
}

.mt-7 {
	margin-top: 9.73vw !important;
}

.pt-7 {
	padding-top: 9.73vw !important;
}

.mt-8 {
	margin-top: 11.12vw !important;
}

.pt-8 {
	padding-top: 11.12vw !important;
}

.mt-9 {
	margin-top: 12.51vw !important;
}

.pt-9 {
	padding-top: 12.51vw !important;
}

.mb-0 {
	margin-bottom: 0vw !important;
}

.pb-0 {
	padding-bottom: 0vw !important;
}

.mb-1 {
	margin-bottom: 1.39vw !important;
}

.pb-1 {
	padding-bottom: 1.39vw !important;
}

.mb-2 {
	margin-bottom: 2.78vw !important;
}

.pb-2 {
	padding-bottom: 2.78vw !important;
}

.mb-3 {
	margin-bottom: 4.17vw !important;
}

.pb-3 {
	padding-bottom: 4.17vw !important;
}

.mb-4 {
	margin-bottom: 5.56vw !important;
}

.pb-4 {
	padding-bottom: 5.56vw !important;
}

.mb-5 {
	margin-bottom: 6.95vw !important;
}

.pb-5 {
	padding-bottom: 6.95vw !important;
}

.mb-6 {
	margin-bottom: 8.34vw !important;
}

.pb-6 {
	padding-bottom: 8.34vw !important;
}

.mb-7 {
	margin-bottom: 9.73vw !important;
}

.pb-7 {
	padding-bottom: 9.73vw !important;
}

.mb-8 {
	margin-bottom: 11.12vw !important;
}

.pb-8 {
	padding-bottom: 11.12vw !important;
}

.mb-9 {
	margin-bottom: 12.51vw !important;
}

.pb-9 {
	padding-bottom: 12.51vw !important;
}

.mr-0 {
	margin-right: 0vw !important;
}

.pr-0 {
	padding-right: 0vw !important;
}

.mr-1 {
	margin-right: 1.39vw !important;
}

.pr-1 {
	padding-right: 1.39vw !important;
}

.mr-2 {
	margin-right: 2.78vw !important;
}

.pr-2 {
	padding-right: 2.78vw !important;
}

.mr-3 {
	margin-right: 4.17vw !important;
}

.pr-3 {
	padding-right: 4.17vw !important;
}

.mr-4 {
	margin-right: 5.56vw !important;
}

.pr-4 {
	padding-right: 5.56vw !important;
}

.mr-5 {
	margin-right: 6.95vw !important;
}

.pr-5 {
	padding-right: 6.95vw !important;
}

.mr-6 {
	margin-right: 8.34vw !important;
}

.pr-6 {
	padding-right: 8.34vw !important;
}

.mr-7 {
	margin-right: 9.73vw !important;
}

.pr-7 {
	padding-right: 9.73vw !important;
}

.mr-8 {
	margin-right: 11.12vw !important;
}

.pr-8 {
	padding-right: 11.12vw !important;
}

.mr-9 {
	margin-right: 12.51vw !important;
}

.pr-9 {
	padding-right: 12.51vw !important;
}

.ml-0 {
	margin-left: 0vw !important;
}

.pl-0 {
	padding-left: 0vw !important;
}

.ml-1 {
	margin-left: 1.39vw !important;
}

.pl-1 {
	padding-left: 1.39vw !important;
}

.ml-2 {
	margin-left: 2.78vw !important;
}

.pl-2 {
	padding-left: 2.78vw !important;
}

.ml-3 {
	margin-left: 4.17vw !important;
}

.pl-3 {
	padding-left: 4.17vw !important;
}

.ml-4 {
	margin-left: 5.56vw !important;
}

.pl-4 {
	padding-left: 5.56vw !important;
}

.ml-5 {
	margin-left: 6.95vw !important;
}

.pl-5 {
	padding-left: 6.95vw !important;
}

.ml-6 {
	margin-left: 8.34vw !important;
}

.pl-6 {
	padding-left: 8.34vw !important;
}

.ml-7 {
	margin-left: 9.73vw !important;
}

.pl-7 {
	padding-left: 9.73vw !important;
}

.ml-8 {
	margin-left: 11.12vw !important;
}

.pl-8 {
	padding-left: 11.12vw !important;
}

.ml-9 {
	margin-left: 12.51vw !important;
}

.pl-9 {
	padding-left: 12.51vw !important;
}

/* layout */
.wrap.main {
	background: url("../img/common/bg.png") no-repeat center/cover;
}

.wrap{height:100vw}

.header {
	position: fixed;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	padding: 0 5.33vw;
	width: 100%;
	height: 14vw;
	/*background-color: #f283ad;*/
	background-color: #fff;
	z-index: 10;
}

.header .logo a {
	display: block;
	width: 230px;
	height: 37px;
	background: url("../img/common/logo1.png") no-repeat center/cover;
}

.header .alert {
	position: relative;
	display: inline-block;
	width: 7.33vw;
	height: 7.33vw;
	background: url("../img/common/ico_alert_w.png") no-repeat center/cover;
	position:absolute; top:50%; transform:translateY(-50%); right:13px;
}

.header .cart {
	position: relative;
	display: inline-block;
	width: 10vw;
	height: 10vw;
	background: url("../img/common/ico_cart_b.png") no-repeat center/cover;
	position:absolute; top:50%; transform:translateY(-50%);
	right:13px;
}

.header .m_menu {
	position: relative;
	display: inline-block;
	width: 7.33vw;
	height: 7.33vw;
	/*background: url("../img/common/m_menu.png") no-repeat center/cover;*/
	background: url("../img/common/m_menu2.png") no-repeat center/cover;
	position:absolute; top:50%; transform:translateY(-50%); left:10px;
}

.header .num {
	position: absolute;
	top: -5px;
	right: -5px;
	width: 15px;
	height: 15px;
	font-size: 12px;
	font-weight: 400;
	line-height:15px;
	color: #fff;
	background-color: #ee3131;
	border-radius: 50%;
	text-align: center;
}

.header.back {
	background-color: #fff;
	-webkit-box-shadow: none;
	        box-shadow: none;
}

.header.back .alert {
	position: absolute;
	right: 4vw;
	top: 50%;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
	background-image: url("../img/common/ico_alert_b.png");
}

.header.back .cart {
	position: absolute;
	/*right: 13.5vw;*/
	right: 4vw;
	width: 7.33vw;
	height: 7.33vw;
	background: url("../img/common/ico_cart_b.png") no-repeat center/cover;
}

.header.back .btn_search{
	position: absolute;
	/*right: 13.5vw;*/
	right: 4vw;
	width: 7.33vw;
	height: 7.33vw;
	background: url("../img/common/ico_search2.png") no-repeat center/cover;
}

.header.back .num {
	color: #fff;
	background-color: #ee3131;
}

.header #subject {
	width: 100%;
	font-size: 5.07vw;
	font-weight: 700;
	text-align: center;
}

.header .backBtn {
	position: absolute;
	left: 4vw;
	top: 50%;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
			width:12px;
}

.header .backBtn img {
	width: 100%;
	height:100%;
	display:block;
}

.nav {
	display: none;
	overflow: hidden scroll;
	position: fixed;
	width: 100%;
	height: 100vh;
	background-color: #fff;
	z-index: 100;
}

.nav .gnb_footer {
	text-align:center;
	font-size:12px;
	padding:20px;
	word-break:keep-all;
}

.nav .info {
	padding: 4vw;
}

.nav .info .txt {
	display: -webkit-box;
	display: -ms-flexbox;
	/*display: flex;*/
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	font-size: 5.87vw;
	font-weight: 200;
	color: #000;
}

.nav .info .btn-setting {
	display: inline-block;
	vertical-align:middle;
	width: 7vw;
	height: 7vw;
	background: url("../img/common/ico_setting.png") no-repeat center/7vw 7vw;
}

.nav .info .btn-close {
	display: inline-block;
	vertical-align:middle;
	width: 6vw;
	height: 6vw;
	background: url("../img/common/ico_close_2.png") no-repeat center/6vw 6vw;
}

.nav .info .btn-order {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	margin-top: 4vw;
}

.nav .info .btn-order li {
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	background-color: #f5f4f1;
	border-radius: 4.67vw;
}
.nav .info .btn-order li:nth-child(3) a::before {
	background-image: url("../img/contents/ico_main_order2.png");
	
}
.nav .info .btn-order li:nth-child(3) a, .nav .info .btn-order li:nth-child(1) a{
	padding:4.8vw 0;
}
.nav .info .btn-order li:nth-child(2) a::before {
	background-image: url("../img/contents/ico_popup_order2.png");
}
.nav .info .btn-order li:nth-child(1) a::before {
	background-image: url("../img/contents/ico_popup_order1.png");
}

.nav .info .btn-order li + li {
	margin-left: 1.87vw;
}

.nav .info .btn-order li a {
	display: block;
	padding: 2vw 0;
	font-size: 4vw;
	font-weight: 500;
	text-align: center;
}

.nav .info .btn-order li a::before {
	content: "";
	display: block;
	margin: 0 auto 1.33vw;
	width: 10vw;
	height: 10vw;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.nav .menu-list {
	border-top: 0.13vw solid #b3aaaf;
}
.nav .menu-list:last-child {
	border-bottom: 0.13vw solid #e5e5e5;
}

.nav .menu-list li {
	position: relative;
}
.nav .menu-list li:nth-child(1) a::before {
	background-image: url("../img/common/ico_menu1.png");
}
.nav .menu-list li:nth-child(2) a::before {
	background-image: url("../img/common/ico_menu2.png");
}
.nav .menu-list li:nth-child(3) a::before {
	background-image: url("../img/common/ico_menu13.png");
}
.nav .menu-list li:nth-child(4) a::before {
	background-image: url("../img/common/ico_menu14.png");
}
.nav .menu-list li:nth-child(5) a::before {
	background-image: url("../img/common/ico_menu15.png");
}
.nav .menu-list li:nth-child(6) a::before {
	background-image: url("../img/common/ico_menu6.png");
}
.nav .menu-list li:nth-child(7) a::before {
	background-image: url("../img/common/ico_menu16.png");
}
.nav .menu-list li:nth-child(8) a::before {
	background-image: url("../img/common/ico_menu17.png");
}
.nav .menu-list li:nth-child(9) a::before {
	background-image: url("../img/common/ico_menu18.png");
}
.nav .menu-list li:nth-child(10) a::before {
	background-image: url("../img/common/ico_menu9.png");
}
.nav .menu-list li:nth-child(11) a::before {
	background-image: url("../img/common/ico_menu10.png");
}
.nav .menu-list li:nth-child(12) a::before {
	background-image: url("../img/common/ico_menu11.png");
}

.nav .menu-list li + li {
	border-top: 0.13vw solid #e5e5e5;
}

.nav .menu-list li a {
	display: inline-block;
	padding: 4vw;
	width: 100%;
	font-size: 4.27vw;
	font-weight: 500;
}

.nav .menu-list li a::before {
	content: "";
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
	width: 5.33vw;
	height: 5.33vw;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.nav .menu-list li a span {
	padding-left: 8vw;
}

.dim {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 20;
}

.contents {
	padding-top: 14vw;
}

.contents.noMenu {
	height: calc(100vh - 14vw);
}

.contents.btnOn {
	height: calc(100vh - 28vw);
}

.bottomMenu {
	position: fixed;
	bottom: 0;
	padding: 0 5.33vw;
	width: 100%;
	height: 55px;
	border-radius:10px 10px 00;
	background-color: #fff;
	-webkit-box-shadow: -0.4vw -0.13vw 1.33vw 0.4vw rgba(0, 0, 0, 0.1);
	        box-shadow: -0.4vw -0.13vw 1.33vw 0.4vw rgba(0, 0, 0, 0.1);
	z-index: 10;
	font-size:0;
}

.bottomMenu li {
	display:inline-block;
	width:20%;
	position:relative;
	height:100%;
}

/*
.bottomMenu li:nth-child(1) a::before {
	background-image: url("../img/common/ico_bottom_menu1.png");
}
.bottomMenu li:nth-child(2) a::before {
	background-image: url("../img/common/ico_bottom_menu2.png");
}
.bottomMenu li:nth-child(3) a::before {
	background-image: url("../img/common/ico_bottom_menu3.png");
}
.bottomMenu li:nth-child(4) a::before {
	background-image: url("../img/common/ico_bottom_menu4.png");
}
*/

.bottomMenu li:last-child::after {
	display: none;
}


.bottomMenu li.on a {
	color: #f283ad;
}

.bottomMenu li:nth-child(3) a{
	top:20%;
}

.bottomMenu li a {
	display: block;
	width:100%;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
}

.bottomMenu li a img{
	display:block;
	width:80%;
	margin:0 auto;
}
/*
.bottomMenu li a::before {
	content: "";
	display: block;
	margin: 0 auto 1.6vw;
	width: 8vw;
	height: 8vw;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
*/

.popup-con {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 50;
}

.popup-con .inner {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
	z-index: 30;
}

.popup-con .dim {
	display: block;
}

.pop_close {
	position:absolute; top:140px; right:10vw; font-size:7vw; color:#fff; z-index:100;
}

#btn-order-pop .order-list li:nth-child(1) a::before {
	background-image: url("../img/contents/ico_popup_order1.png");
}
#btn-order-pop .order-list li:nth-child(2) a::before {
	background-image: url("../img/contents/ico_popup_order2.png");
}

#btn-order-pop .order-list li + li {
	margin-top: 4vw;
}

#btn-order-pop .order-list li a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	margin: 0 auto;
	padding: 8.67vw 6.67vw;
	width: 72vw;
	background-color: #fff;
	border-radius: 5.6vw;
}

#btn-order-pop .order-list li a::before {
	content: "";
	display: inline-block;
	width: 15.47vw;
	height: 15.47vw;
	background-size:100% auto;
}

#btn-order-pop .order-list li a .txt {
	width: calc(100% - 20vw);
	margin-left: 5.33vw;
}

#btn-order-pop .order-list li a .txt p {
	font-size: 4.53vw;
	font-weight: 500;
}

#btn-order-pop .order-list li a .txt span {
	font-size: 3.3vw;
	font-weight: 400;
	color: #727272;
}
.terms-detail-pop .inner{background: #fff; border-radius: 1.33vw;}
.terms-detail-pop .txt-con{overflow: hidden scroll; padding: 5.33vw; width: 69.33vw; max-height: 80.00vw; font-size: 3.73vw;}
.terms-detail-pop .btn-close{position: absolute; top: -55px; right: 0; display: inline-block; width: 50px; height: 50px; background: url("../img/common/ico_close_w.png") no-repeat center/40px 40px;}

.floatBtn a {
	position: fixed;
	left: 15px;
	bottom: 10px;
	width: 100%;
	height: 12vw;
	line-height: 12vw;
	text-align: center;
	font-size: 4.2vw;
	font-weight: 500;
	color: #fff;
	background-color: #3e3e3e;
	border-radius:5px;
}
/*# sourceMappingURL=maps/common.css.map */
.floatBtn a.cart{
	color:#3e3e3e;
	border:1px solid #3e3e3e;
	background-color:#FFF;
}

.basket_del{color:#fff; font-size:3vw; padding:5px 23px 5px 5px; background-color:#f283ad; line-height:29px; border-radius:14.5px; background-image:url(../../images/common/ico_x.png); background-repeat:no-repeat; background-position:right center; background-size:auto 100%;}
.time_list{height:20px; margin-top:-15px; color:#aaa; font-size:2.8vw;}




.recommend-menu ul li{font-size: 0; position: relative;}
.recommend-menu ul li button{position: absolute; top: 50%; right: 10px; transform:translateY(-50%); width: 25px; height: 25px; background-image: url(../img/common/heart_off.png); background-repeat: no-repeat; background-position: center center; background-size:100% auto;}
.recommend-menu ul li button.on{background-image: url(../img/common/heart_on.png);}
.recommend-menu ul li .img_wrapper{width: 35%; display: inline-block; vertical-align: middle;}
.recommend-menu ul li .img_wrapper .thumbnail {position: relative; padding-top: 100%; overflow: hidden; background-image: url(../img/common/bg3.png); background-repeat: no-repeat; background-position: center center; background-size:100% auto;}
.recommend-menu ul li .img_wrapper img{position: absolute; top: 0; left: 0; right: 0; bottom: 0; max-width: 100%; height: auto;}

.recommend-menu ul li .txt_wrapper{display: inline-block; vertical-align: middle; padding-left: 5px;}
.recommend-menu ul li .txt_wrapper p{font-weight: bold; font-size: 16px;}
.recommend-menu ul li .txt_wrapper span{font-size: 14px;}



.favor_store{font-size:0; margin-top:10px;}
.favor_store .img_wrapper{width:30%; display:inline-block; vertical-align:middle;}
.favor_store .img_wrapper .thumbnail{position:relative; padding-top:95.53%; overflow:hidden; border-radius:15px; display:block;}
.favor_store .img_wrapper .thumbnail img{position:absolute; top:0; left:0; bottom:0; right:0; max-width:100%; height:auto;}

.favor_store .txt_wrapper{display:inline-block; vertical-align:middle; width:70%; padding-left:15px; box-sizing:border-box;}
.favor_store .txt_wrapper a{display:block; font-size:0; width:100%;}
.favor_store .txt_wrapper .title{display:block; font-size:17px; font-weight:700;}
.favor_store .txt_wrapper .address{display:block; font-size:13px; line-height:1.2; display:block;}
.favor_store .txt_wrapper em{font-size:14px; display:block;}

.new_menu{margin-top:15px;}
.new_menu a{display:block;}
.new_menu .img{display:block; border-radius:50%; overflow:hidden;}
.new_menu em{text-align:center; font-size:14px; font-weight:700; margin-top:10px; display:block;}

.empty{font-size:0; margin-top:10px;}
.empty a{display:block; font-size:0;}
.empty .img_wrapper{width:30%; display:inline-block; vertical-align:middle;}
.empty .img_wrapper .thumbnail{position:relative; padding-top:95.53%; overflow:hidden; border-radius:15px; display:block; background-color:#909090; border-radius:15px;background-image: url(../img/common/ico_plus2.png); background-repeat:no-repeat; background-position:center center; background-size:100% auto;}
.empty .txt_wrapper{display:inline-block; vertical-align:middle; width:70%; padding-left:15px; box-sizing:border-box; font-size:12px;}

.stemp_list .tit{text-align:center; font-size:17px; line-height:38px; border-bottom:2px solid #dbdbdb; color:#000;}
.stemp_list .info{display:block; font-size:27px; font-weight:bold; line-height:1.2; text-align:center; margin-top:15px;}
.stemp_list .info em{border-bottom:2px solid #3e3e3e; font-weight:bold;}

.stemp_list .stemp{position:relative;}
.stemp_list .stemp > img{display:block; width:100%; margin-top:15px;}
.stemp_list .stemp .barcode{position:absolute; left:50%; transform:translateX(-50%); bottom:25px; width:80%;}

.stemp_list .btn{display:block; width:44%; margin:15px auto; height:46px; background-color:#3e3e3e; border-radius:10px; color:#fff;}