@charset "UTF-8";
.offscreen {
	position: absolute !important;
	display: block;
	overflow: hidden;
	height: 1px;
	width: 1px;
	clip: rect(1px, 1px, 1px, 1px);
	font-size: 14px !important;
}

/* s: common */
span {
	word-break: normal;
}

.mgt-0 {
	margin-top: 0 !important;
}

.mgb-0 {
	margin-bottom: 0 !important;
}

.btn-link {
	z-index: 1;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 100%;
}

@media (max-width: 890px) {
	.mo-block {
		display: block;
	}
}
@media (min-width: 891px) {
	.pc-block {
		display: block;
	}
}
/* 메뉴, 본문 스킵 네비게이션 */
.skip-nav {
	position: absolute;
	font-size: 0;
	left: 0;
	right: 0;
	top: 0;
	z-index: 1000;
}
.skip-nav a {
	position: absolute;
	display: inline-block;
	color: #fff;
	width: 100%;
	padding: 10px;
	background: #000;
	text-align: center;
	font-size: 13px;
	left: 0;
	right: 0;
	top: 0;
	box-sizing: border-box;
}
.skip-nav a:not(:focus) {
	-moz-transform: translateY(-100%);
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%);
}

/* 화면에서 숨김 */
/* loading */
.loading-wrap {
	position: fixed;
	z-index: 99999;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.5);
}
.loading-wrap .loading {
	position: absolute;
	display: block;
	width: 130px;
	height: 130px;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	top: 50%;
	left: 50%;
	margin-left: -65px;
	margin-top: -65px;
}

/* breadcrumb */
.breadcrumb {
	display: block;
}
.breadcrumb .breadcrumb-list {
	font-size: 0;
}
.breadcrumb .breadcrumb-list .crumb {
	position: relative;
	display: inline-block;
	vertical-align: top;
}
.breadcrumb .breadcrumb-list .crumb .link-home {
	display: block;
	width: 16px;
	height: 16px;
	margin-top: -1px;
	background: url("../images/common/comm_ico_breadcrumb_home.svg") 0 0 no-repeat;
	background-size: cover;
}
.breadcrumb .breadcrumb-list .crumb .menu {
	position: relative;
	display: inline-block;
	vertical-align: top;
	font-size: 13px;
	line-height: 18px;
	letter-spacing: -0.025em;
	line-height: 16px;
	color: #666;
}
.breadcrumb .breadcrumb-list .crumb ~ .crumb {
	padding-left: 24px;
	margin-left: 8px;
}
.breadcrumb .breadcrumb-list .crumb ~ .crumb:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	display: inline-block;
	vertical-align: top;
	width: 16px;
	height: 16px;
	background: url("../images/common/comm_ico_breadcrumb_divide.svg") 0 0 no-repeat;
	background-size: cover;
}

/* 메인 팝업 - 스와이퍼 */
.swiper-main-popup .swiper-slide {
	min-height: 310px;
}
.swiper-main-popup .swiper-slide a {
	min-height: 310px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-justify-content: center;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
}
.swiper-main-popup.swiper-container .swiper-pagination.swiper-pagination-fraction {
	border-radius: 30px;
	font-size: 12px;
	-moz-transform: translate(-50%, 0);
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	-moz-backdrop-filter: blur(15px) brightness(95%);
	-webkit-backdrop-filter: blur(15px) brightness(95%);
	backdrop-filter: blur(15px) brightness(95%);
	color: #fff;
	height: 22px;
	line-height: 22px;
	padding: 0 10px;
}
.swiper-main-popup.swiper-container .swiper-pagination.swiper-pagination-fraction .swiper-pagination-total:before {
	display: none;
}
.swiper-main-popup.swiper-container .swiper-pagination.swiper-pagination-fraction [class^=swiper-pagination] {
	font-size: 12px;
	font-weight: 500;
	line-height: 22px;
	color: #fff;
}

/* 매장 정보 - 스와이퍼 */
.swiper-container.swiper-store-info {
	border-radius: 4px;
}
.swiper-container.swiper-store-info .swiper-wrapper {
	height: 186px;
}
@media (min-width: 891px) {
	.swiper-container.swiper-store-info .swiper-wrapper {
		height: 422px;
	}
}
.swiper-container.swiper-store-info .swiper-wrapper .swiper-slide img {
	width: 100%;
	height: 100%;
}
.swiper-container.swiper-store-info .swiper-pagination.swiper-pagination-fraction {
	display: none;
	left: auto;
	bottom: 16px;
	right: 16px;
	transform: none;
	background-color: rgba(0, 0, 0, 0.5);
}
@media (min-width: 891px) {
	.swiper-container.swiper-store-info .swiper-pagination.swiper-pagination-fraction {
		left: 50%;
		bottom: 16px;
		-moz-transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		right: auto;
	}
}
.swiper-container.swiper-store-info .swiper-button-prev {
	width: 40px;
	height: 40px;
	background: url("../images/common/comm_btn_swiper_prev.png") 0 0 no-repeat;
	background-size: cover;
}
.swiper-container.swiper-store-info .swiper-button-next {
	width: 40px;
	height: 40px;
	background: url("../images/common/comm_btn_swiper_next.png") 0 0 no-repeat;
	background-size: cover;
}
.swiper-container.swiper-store-info.is-active .swiper-pagination.swiper-pagination-fraction {
	display: block;
}

/* 매장 목록 - 스와이퍼 */
.swiper-container-wrap.swiper-store-banner .swiper-slide {
	width: 180px;
	margin-right: 10px;
}
.swiper-container-wrap.swiper-store-banner .swiper-slide:last-child {
	margin-right: 0;
}
.swiper-container-wrap.swiper-store-banner .thumb-box {
	position: relative;
	width: 100%;
	overflow: hidden;
	padding-top: 130px;
	border-radius: 4px;
	background-color: #F5F6F8;
}
.swiper-container-wrap.swiper-store-banner .thumb-box img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
}
.swiper-container-wrap.swiper-store-banner .thumb-box .badge-lg {
	position: absolute;
	right: 61px;
	bottom: 33px;
	width: 40px;
}
.swiper-container-wrap.swiper-store-banner .thumb-box [class^=ico-brand-] {
	position: absolute;
	bottom: 10px;
	right: 10px;
}
.swiper-container-wrap.swiper-store-banner .thumb-box .congestion-level {
	position: absolute;
	top: 10px;
	right: 10px;
}
.swiper-container-wrap.swiper-store-banner .grid-info-box {
	margin-top: 12px;
}
.swiper-container-wrap.swiper-store-banner .grid-info-box .badge-wrap .distance-text {
	position: relative;
	margin-right: 2px;
	padding-right: 6px;
	font-weight: 500;
	color: #000;
}
.swiper-container-wrap.swiper-store-banner .grid-info-box .badge-wrap .distance-text:after {
	overflow: hidden;
	position: absolute;
	content: "";
	display: block;
	top: 8px;
	right: 0;
	width: 2px;
	height: 2px;
	background: #AAA;
	border-radius: 2px;
}
.swiper-container-wrap.swiper-store-banner .grid-info-box .badge-wrap ~ .grid-title {
	margin-top: 9px;
}
.swiper-container-wrap.swiper-store-banner .grid-info-box .grid-title {
	font-size: 15px;
	line-height: 20px;
	letter-spacing: -0.025em;
}
.swiper-container-wrap.swiper-store-banner .grid-info-box .grid-title ~ .fc-gray {
	margin-top: 5px;
	font-weight: 500;
	font-size: 13px;
	line-height: 18px;
	letter-spacing: -0.025em;
}
.swiper-container-wrap.swiper-store-banner .grid-info-box .badge-wrap ~ .grid-title {
	margin-top: 6px;
}

/* sns 공유하기 */
.sns-popup.ui-dialog-content[data-class=dialog-bottom] {
	min-height: auto;
}
.sns-popup .cont-box .cont-inner {
	padding-bottom: 20px;
}
.sns-popup .dialog-body {
	margin: 0 20px;
}
@media (min-width: 891px) {
	.sns-popup .dialog-body {
		margin: 0 10px;
	}
	.sns-popup .dialog-body .cont-box .cont-inner {
		padding-bottom: 30px;
	}
	.sns-popup .dialog-body .btn-flex-wrap [class^=ico-] {
		width: 49px;
		height: 49px;
		background-size: 49px 49px;
	}
}

/* Typography */
.required {
	display: inline-block;
	vertical-align: top;
}
.required:before {
	content: "*";
	display: inline-block;
	margin: 3px 0 0 3px;
	font-size: 13px;
	color: #00A5B9;
	line-height: 1;
	vertical-align: top;
}

/* editor */
.editor-wrap {
	font-size: 14px;
	line-height: 18px;
	letter-spacing: -0.025em;
	color: "Pretendard", "SF Pro Display", AppleSDGothicNeo-Light, Helvetica, "Malgun Gothic", "MalgunGothic", "맑은고딕", sans-serif !important;
}
.editor-wrap p, .editor-wrap span {
	word-break: normal;
	font-size: 14px;
	line-height: 18px;
	letter-spacing: -0.025em;
}
.editor-wrap img {
	width: auto;
	max-width: 100%;
}

/* 주소등록 */
.addr-list {
	margin-bottom: 20px;
}
.addr-list .addr-list-item + .addr-list-item {
	margin-top: 6px;
}
.addr-list + .input-box {
	margin-bottom: 12px;
}
.addr-list ~ .addr-list-item {
	border-top: 1px solid #DDE0E3;
	margin-top: 20px;
	padding-top: 20px;
}

.addr-list-item {
	position: relative;
	font-size: 0;
	min-height: 21px;
}
.addr-list-item .addr-head {
	position: absolute;
	top: 0;
	left: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-justify-content: center;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	min-width: 43px;
	height: 21px;
	text-align: center;
	border: 1px solid #C2C7CC;
	border-radius: 4px;
	color: #5F666C;
	font-size: 12px;
	line-height: 16px;
	letter-spacing: -0.025em;
	font-weight: 600;
	margin-right: 6px;
	vertical-align: top;
}
.addr-list-item .addr-cnt {
	display: inline-block;
	vertical-align: top;
	font-size: 14px;
	line-height: 18px;
	letter-spacing: -0.025em;
	line-height: 21px;
	font-weight: 400;
	color: #000;
	padding: 0 0 0 49px;
}
.addr-list-item .addr-text {
	color: #000;
}

.addr-book-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.addr-book-header .cont-tit {
	margin-bottom: 0;
}
.addr-book-header + .addr-book-list {
	margin-top: 20px;
}

.addr-map-wrap {
	position: relative;
	width: calc(100% + 40px);
	height: 411px;
	margin-left: -20px;
}
@media (min-width: 891px) {
	.addr-map-wrap {
		height: 340px;
	}
}
.addr-map-wrap .addr-map-inner {
	width: 100%;
	height: 100%;
}
@media (min-width: 891px) {
	.addr-map-wrap .addr-map-inner {
		padding: 0 20px;
	}
}
.addr-map-wrap .btn-access-location {
	position: absolute;
	top: 20px;
	right: 20px;
}

.addr-edit-box {
	position: absolute;
	top: 20px;
	right: 20px;
}
.addr-edit-box [class^=btn-] + [class^=btn-] {
	margin-left: 12px;
}

@media (min-width: 891px) {
	.addr-book-list {
		display: flex;
	}
	.addr-book-list.column {
		flex-direction: column;
	}
	.addr-book-list.column .addr-book-item {
		width: 100%;
		max-width: none;
	}
	.addr-book-list.column .addr-book-item + .addr-book-item {
		margin-top: 10px;
		margin-left: 0;
	}
}
.addr-book-list .addr-book-item {
	position: relative;
	max-width: none;
	flex: 1 0 auto;
	padding: 20px;
	border: 1px solid #DDE0E3;
	border-radius: 4px;
	background: #fff;
}
@media (min-width: 891px) {
	.addr-book-list .addr-book-item {
		max-width: 356px;
	}
}
.addr-book-list .addr-book-item + .addr-book-item {
	margin-top: 10px;
}
@media (min-width: 891px) {
	.addr-book-list .addr-book-item + .addr-book-item {
		margin-top: 0;
		margin-left: 21px;
	}
}
.addr-book-list .addr-book-item .addr-item-tit {
	font-size: 0;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	margin-bottom: 14px;
}
.addr-book-list .addr-book-item .addr-item-tit > .text {
	font-size: 15px;
	line-height: 20px;
	letter-spacing: -0.025em;
	font-weight: 600;
	margin-right: 6px;
	color: #000;
}
.addr-book-list .addr-book-item .addr-item-cont {
	font-size: 14px;
	line-height: 18px;
	letter-spacing: -0.025em;
	font-weight: 400;
	color: #000;
}

.addr-history-list.normal {
	padding-bottom: 10px;
}
@media (min-width: 891px) {
	.addr-history-list.normal {
		display: block;
		margin-top: 0;
		padding-bottom: 20px;
	}
	.addr-history-list.normal .addr-history-item {
		width: auto;
		padding: 20px 50px 20px 20px;
		border-radius: 0;
		margin-top: 0;
		border: 0;
		border-bottom: 1px solid #DDE0E3;
	}
	.addr-history-list.normal .addr-history-item .ico-addr-curr, .addr-history-list.normal .addr-history-item .ico-addr-drag{
		right:2.7%!important;
	}
}
.addr-history-list .addr-tit {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	font-size: 15px;
	line-height: 20px;
	letter-spacing: -0.025em;
	font-weight: 600;
	color: #000;
	margin-bottom: 12px;
}
.addr-history-list .addr-tit [class^=badge-] {
	margin-left: 6px;
}
.addr-history-list .addr-history-item {
	position: relative;
	border-bottom: 1px solid #DDE0E3;
	background: #fff;
}
.addr-history-list .addr-history-item .addr-edit-box {
	top: 0;
	right: 0;
}
.addr-history-list .addr-history-item ~ .addr-history-item {
	padding-top: 20px;
}
.addr-history-list .addr-history-item ~ .addr-history-item .addr-edit-box {
	top: 20px;
}
@media (min-width: 891px) {
	.addr-history-list {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		margin-top: -20px;
	}
	.addr-history-list .addr-history-item {
		width: calc(50% - 10px);
		padding: 20px;
		border-radius: 4px;
		border: 1px solid #DDE0E3;
		margin-top: 20px;
		background: #fff;
	}
	.addr-history-list .addr-history-item .addr-list {
		margin-bottom: 0;
	}
	.addr-history-list .addr-history-item .addr-edit-box {
		top: 20px;
		right: 20px;
	}
}

/* addr-add-wrap */
.addr-add-wrap {
	/*padding-top: 30px;*/
}
.addr-add-wrap .ui-row-list + .input-box {
	margin-top: 20px;
}
.addr-add-wrap .addr-info + .addr-list-item, .addr-add-wrap .addr-list-item + .input-box {
	margin-top: 10px;
}
@media (max-width: 890px) {
	.addr-add-wrap .addr-info + .input-box {
		margin-top: 6px;
	}
}
@media (min-width: 891px) {
	.addr-add-wrap .addr-info + .input-box {
		margin-top: 12px;
	}
}
.addr-add-wrap .input-box + .form-list-wrap {
	margin-top: 24px;
}

/* no data */
.no-data .btn-center-wrap {
	margin-top: 30px;
}
.no-data .btn-center-wrap [class^=btn-] {
	min-width: 200px;
}
.no-data .gray-box {
	margin-top: 30px;
}
@media (min-width: 891px) {
	.no-data .gray-box {
		width: 376px;
		margin-right: auto;
		margin-left: auto;
	}
}
@media (max-width: 890px) {
	.no-data .gray-box {
		width: 100%;
	}
}
@media (min-width: 891px) {
	.no-data {
		padding: 160px 0;
	}
}
@media (max-width: 890px) {
	.no-data {
		padding: 100px 0 128px;
	}
}
.no-data {padding: 160px 0;}
.no-data .no-data-desc {padding-top: 96px;background: url("../images/common/comm_ico_no_result.svg") top center no-repeat;background-size: 90px 90px;font-size: 14px;line-height: 18px;letter-spacing: -0.025em;line-height: 18px;font-weight: 400;color: #999;text-align: center;}
.no-data + .btn-wrap, .no-data + .btn-center-wrap, .no-data + .btn-flex-wrap, .no-data + .btn-right-wrap {
	margin-top: 27px;
}
.no-data + .btn-wrap [class^=btn-], .no-data + .btn-center-wrap [class^=btn-], .no-data + .btn-flex-wrap [class^=btn-], .no-data + .btn-right-wrap [class^=btn-] {
	width: 100%;
	max-width: 420px;
	min-width: auto;
	margin: 0 auto;
}
@media (min-width: 891px) {
	.no-data + .btn-wrap, .no-data + .btn-center-wrap, .no-data + .btn-flex-wrap, .no-data + .btn-right-wrap {
		margin-top: -110px;
	}
	.no-data + .btn-wrap [class^=btn-], .no-data + .btn-center-wrap [class^=btn-], .no-data + .btn-flex-wrap [class^=btn-], .no-data + .btn-right-wrap [class^=btn-] {
		min-width: 420px;
	}
}
.no-data.for-popup {
	padding: 100px 0;
	margin: 0;
}

.barcode-no-data {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-justify-content: center;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	height: 100px;
	background: url("../images/common/comm_img_no_barcode.svg") 0 0 no-repeat;
	background-size: cover;
}
.barcode-no-data .no-data-desc {
	padding: 11px 20px;
	font-size: 14px;
	line-height: 18px;
	letter-spacing: -0.025em;
	background-color: rgba(128, 135, 141, 0.8);
	border-radius: 100px;
	text-align: center;
	color: #fff;
	font-weight: 500;
	word-break: keep-all;
}

.store-no-data .gray-box {
	flex: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-justify-content: center;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	height: 185px;
}
.store-no-data .gray-box .no-data-desc {
	padding-top: 71px;
	font-size: 13px;
	line-height: 18px;
	letter-spacing: -0.025em;
	text-align: center;
	color: #999;
	background: url("../images/common/comm_ico_store_no_data.svg") top center no-repeat;
	background-size: 60px 60px;
}

/* map */
.map-content {
	position: relative;
	z-index: 1;
}
@media (max-width: 890px) {
	.map-content {
		margin: 0 -20px;
		padding-top: 300px;
	}
}
@media (min-width: 891px) {
	.map-content {
		padding-top: 420px;
	}
}
.map-content .map-area {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.map-content .map-area .btn-access-location {
	z-index: 6;
	width: 40px;
	height: 40px;
	background-color: #fff;
	border-radius: 40px;
	text-align: center;
	/*position: absolute;*/
	/*top: 30px;
	right: 20px;

	@include mixins.size_desktop {
	    top: 40px;
	}*/
}
.map-content.type-long {
	padding-top: 411px;
}

.map-wrap .map-header {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	margin-bottom: 20px;
}
.map-wrap .map-header .store-address {
	font-size: 18px;
	line-height: 24px;
	letter-spacing: -0.025em;
	color: #000;
	font-weight: 600;
}
.map-wrap .map-header [class^=btn-] {
	margin-left: auto;
	flex-shrink: 0;
}
@media (max-width: 890px) {
	.map-wrap .map-content:after {
		position: absolute;
		z-index: 4;
		top: 0;
		left: 0;
		content: "";
		display: inline-block;
		width: 100%;
		height: 20px;
		background: linear-gradient(rgba(0, 0, 0, 0.05) 0%, rgba(255, 255, 255, 0.05) 100%);
	}
}
@media (min-width: 891px) {
	.map-wrap .map-content {
		padding-top: 420px;
	}
}

/* map 핀 */
.pin-brand-state, .pin-delivery-state {
	text-align: center;
}
.pin-brand-state .info-area, .pin-delivery-state .info-area {
	position: relative;
	background-color: #fff;
	padding: 7px 10px;
	border-radius: 16px;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
	font-size: 0;
}
.pin-brand-state .info-area{display: flex}
.pin-brand-state .info-area:before, .pin-delivery-state .info-area:before {
	position: absolute;
	bottom: -5px;
	left: 50%;
	content: "";
	display: block;
	width: 11px;
	height: 5px;
	margin-left: -5px;
	transform: rotate(180deg);
	background: url("../images/common/comm_bg_marker_white_arr.svg") left top no-repeat;
	background-size: 10px;
}
.pin-brand-state .info-area .store-name, .pin-delivery-state .info-area .store-name {
	font-size: 13px;
	line-height: 18px;
	letter-spacing: -0.025em;
	font-weight: 600;
	color: #000;
}
.pin-brand-state .info-area .store-name{word-break: keep-all}
.pin-brand-state .info-area .badge-sm-round{min-width:31px;}
.pin-brand-state .info-area .badge-sm-round, .pin-delivery-state .info-area .badge-sm-round {
	margin-left: 4px;
}
.pin-brand-state img, .pin-delivery-state img {
	margin-top: 14px;
	width: 30px;
	height: 30px;
}

.download-area {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	min-height: 44px;
	position: relative;
	border-radius: 4px;
	border: 1px solid #DDE0E3;
	/*margin-top: 30px;*/
	padding: 0 16px;
	background-color: #F3F5F7;
}
@media (min-width: 891px) {
	.download-area {
		width: 335px;
	}
}
.download-area .text {
	width: 100%;
	font-size: 14px;
	line-height: 18px;
	letter-spacing: -0.025em;
	color: #666;
	font-weight: 400;
}
.download-area .download-link {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.comm-error {
	max-width: 410px;
	margin: 20px auto 0;
	padding-top: 150px;
	text-align: center;
	background: url("../images/common/comm_bg_error.svg") center 0 no-repeat;
	background-size: 180px 111px;
	/*&.comm-404 {
	    @include mixins.ratio_images('../images/common/comm_bg_404', 200px 123px, center 0);
	    @include mixins.size_desktop {
	        @include mixins.ratio_images('../images/common/comm_bg_404', 260px 160px, center 0);
	    }
	}

	&.comm-500 {
	    @include mixins.ratio_images('../images/common/comm_bg_500', 200px 123px, center 10px);
	    @include mixins.size_desktop {

	        @include mixins.ratio_images('../images/common/comm_bg_500', 260px 160px, center 0);
	    }
	}*/
}
.comm-error .comm-tit {
	font-size: 22px;
	line-height: 28px;
	letter-spacing: -0.025em;
	font-weight: 600;
	color: #000;
}
.comm-error .comm-content {
	font-size: 14px;
	line-height: 18px;
	letter-spacing: -0.025em;
	line-height: 22px;
	color: #000;
	margin: 15px 0 46px;
}
.comm-error .page-btn-wrap [class^=btn-] {
	flex: 1;
	min-width: auto;
}
.comm-error .member-content {
	margin-bottom: 50px;
}
@media (min-width: 891px) {
	.comm-error {
		padding-top: 200px;
		margin-top: 90px;
		margin-bottom: 53px;
		background: url("../images/common/comm_bg_error.svg") center 0 no-repeat;
		background-size: 260px 160px;
	}
}

/* 주소 정보성 */
.order-addr-wrap {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-moz-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
}
.order-addr-wrap .info-right {
	padding-left: 10px;
	margin-left: auto;
	flex: 1 0 auto;
}
.order-addr-wrap .popover-popup {
	margin-top: 9px;
}

.addr-info {
	overflow: hidden;
	width: 100%;
	position: relative;
	min-height: 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: stretch;
	-moz-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	font-size: 14px;
	line-height: 18px;
	letter-spacing: -0.025em;
}
.addr-info .ico-addr-location {
	flex-shrink: 0;
}
.addr-info .addr-info-tit {
	flex: 1 0 auto;
	position: relative;
	padding: 1px 0 1px 26px;
	margin-right: 15px;
}
.addr-info .addr-info-tit .text {
	display: inline-block;
	vertical-align: top;
	color: #000;
	font-weight: 600;
}
.addr-info .addr-info-tit [class^=ico-addr-] {
	position: absolute;
	top: 0;
	left: 0;
}
.addr-info .addr-info-val {
	width: 100%;
	padding: 1px 0;
	color: #000;
}
.addr-info.text-lg {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
}
.addr-info.text-lg .ico-addr-location {
	margin-top: 2px;
	margin-bottom: 2px;
}
.addr-info.text-lg .ico-addr-location + .addr-info-val {
	margin-left: 6px;
}
.addr-info.text-lg .addr-info-val {
	padding: 0;
	font-size: 18px;
	line-height: 24px;
	letter-spacing: -0.025em;
	font-weight: 500;
}
.addr-info.text-lg .info-right {
	flex-shrink: 0;
}

/*주소 + 복사 아이콘 */
.address-copy-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	margin-top: 8px;
}
@media (max-width: 890px) {
	.address-copy-wrap {
		align-items: flex-start;
	}
}
.address-copy-wrap .info-address {
	color: #000;
}
.address-copy-wrap .info-address + .btn-address-copy {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	flex-shrink: 0;
}
.address-copy-wrap .info-address + .btn-address-copy .text {
	color: #999;
	font-size: 13px;
	line-height: 18px;
	letter-spacing: -0.025em;
	font-weight: 500;
}
.address-copy-wrap .info-address + .btn-address-copy:before {
	content: "";
	margin-left: 10px;
	margin-right: 10px;
	width: 1px;
	height: 8px;
	margin-top: 1px;
	background-color: #C2C7CC;
}
.address-copy-wrap .info-address + .btn-address-copy [class^=ico-] {
	margin-right: 3px;
}
.address-copy-wrap + .order-addr-wrap {
	margin-top: 12px;
}

/* 주문번호, 주문날짜 */
.order-info-date,
.order-info-num {
	padding-top: 4px;
	text-align: left;
	color: #666;
}

/* 주문번호, 주문날짜 디바이더 */
.order-info-group {
	font-size: 0;
}
.order-info-group [class^=order-info-] {
	display: inline-block;
}
@media (max-width: 890px) {
	.order-info-group [class^=order-info-] {
		display: block;
	}
}
.order-info-group [class^=order-info-] + [class^=order-info-] {
	position: relative;
	margin-left: 8px;
	padding-left: 9px;
}
.order-info-group [class^=order-info-] + [class^=order-info-]:after {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	width: 1px;
	height: 8px;
	margin-top: -2px;
	background-color: #DDE0E3;
}
@media (max-width: 890px) {
	.order-info-group [class^=order-info-] + [class^=order-info-] {
		margin-left: 0;
		padding-left: 0;
	}
	.order-info-group [class^=order-info-] + [class^=order-info-]:after {
		display: none;
	}
}
@media (max-width: 890px) {
	.order-info-group.type-left {
		margin-bottom: -30px;
	}
}

.info-text-list + .grid-list-wrap {
	margin-top: 30px;
}

.ui-dialog-container .btext + .grid-list-wrap {
	margin-top: 20px;
}

/* 브랜드 바로가기 메뉴 */
.brand-menu {
	/*margin: -3px;*/
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: stretch;
	-moz-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	flex-wrap: wrap;
}
.brand-menu .brand-item {
	/*padding: 3px;*/
	width: calc(50% - 3px);
}
.brand-menu .brand-item:nth-child(2n) {
	margin-left: 6px;
}
.brand-menu .brand-item:nth-child(2) ~ .brand-item {
	margin-top: 6px;
}
.brand-menu .brand-item .btn-brand-link {
	width: 100%;
	height: 100px;
	padding: 16px;
	border-radius: 4px;
}
.brand-menu .brand-item .btn-brand-link .text {
	color: #fff;
	font-size: 14px;
	line-height: 18px;
	letter-spacing: -0.025em;
	font-weight: 600;
}
.brand-menu .brand-item .btn-brand-link.brd-lotteria {
	background: url("../images/common/comm_bg_lotteria.png") right bottom no-repeat #EF3D2E;
	background-size: 165px 100px;
}
.brand-menu .brand-item .btn-brand-link.brd-angelinus {
	background: url("../images/common/comm_bg_angelinus.png") right bottom no-repeat #DAD6CB;
	background-size: 165px 100px;
}
.brand-menu .brand-item .btn-brand-link.brd-angelinus .text {
	color: #2F271F;
}
.brand-menu .brand-item .btn-brand-link.brd-krispy {
	background: url("../images/common/comm_bg_krispy.png") right bottom no-repeat #1CAC68;
	background-size: 165px 100px;
}
.brand-menu .brand-item .btn-brand-link.brd-plating {
	background: url("../images/common/comm_bg_plating.png") right bottom no-repeat #222;
	background-size: 165px 100px;
}
.brand-menu .brand-item .btn-brand-link.brd-dtms {
	background: url("../images/common/comm_bg_dtms.png") right bottom no-repeat #e95006;
	background-size: 165px 100px;
}
.brand-menu .brand-item .btn-brand-link.brd-mkk {
	background: url("../images/common/comm_bg_mkk.png") right bottom no-repeat #000;
	background-size: 165px 100px;
}
.brand-menu .brand-item .btn-brand-link.brd-fbx {
	background: url("../images/common/comm_bg_fbx.png") right bottom no-repeat #e83924;
	background-size: 165px 100px;
}
.brand-menu .brand-item .btn-brand-link.brd-cpt {
	background: url("../images/common/comm_bg_cpt.png") right bottom no-repeat #421d18;
	background-size: 165px 100px;
}

@media (max-width: 890px) {
	.tbl-info-wrap + .swiper-container {
		margin-top: 30px;
	}
}
/* 카드 */
.card-box {
	background: url("../images/common/comm_thumb_no_data_card.svg") center no-repeat;
	background-size: cover;
}

.payment-card-item.payment-method-card .card-box {
	background-image: unset;
	background-color: #00A5B9;
}

.card-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-moz-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
}
.card-item .card-box {
	overflow: hidden;
	width: 80px;
	height: 50px;
	/*border-radius: 10px;*/
	border-radius: 4px;
	flex-shrink: 0;
}
.card-item .card-info-box {
	padding-left: 20px;
}
.card-item .card-info-box .card-name {font-weight: 500;color: #000;line-height: 18px;}
.card-item .card-info-box .card-price {
	margin-top: 6px;
	color: #000;
	font-weight: 600;
}
.card-item .card-info-box .card-price .val, .card-item .card-info-box .card-price .unit {
	display: inline-block;
	vertical-align: top;
	font-weight: inherit;
}
.card-item .card-info-box .card-price .val ~ .val, .card-item .card-info-box .card-price .val ~ .unit, .card-item .card-info-box .card-price .unit ~ .val, .card-item .card-info-box .card-price .unit ~ .unit {
	margin-left: 2px;
}
.card-item .card-info-box .card-company {
	margin-top: 10px;
	font-size: 12px;
	line-height: 16px;
	letter-spacing: -0.025em;
}
/*23.04.10 카드 종류 추가*/
.card-item .card-info-box .card-company span{display: inline-block;font-size:12px;padding:1px 5px;border-radius: 5px;}
.card-item .card-info-box .card-company span + span{margin-left: 1px;}
.card-item .card-info-box .card-company .type_personal{color:#00a5b9;border:1px solid #00a5b9}
.card-item .card-info-box .card-company .type_check{color:#0f8ce8;border:1px solid #0f8ce8}
.card-item .card-info-box .card-company .type_coparation{color:#ef3d2e;border:1px solid #ef3d2e}
.card-item .card-info-box .card-company .type_credit{color:#333;border:1px solid #333}
.card-item .card-info-box.type02{padding-left:0;margin-top:5px}

.card-item .card-info-box .card-number {
	margin-top: 4px;
	font-size: 12px;
	line-height: 16px;
	letter-spacing: -0.025em;
}
.card-item .card-info-box .card-date {
	margin-top: 4px;
	font-size: 12px;
	line-height: 16px;
	letter-spacing: -0.025em;
}
.card-item.size-lg {
	width: auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-justify-content: center;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
}
.card-item.size-lg .card-box {
	width: 200px;
	height: 126px;
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.16);
	border-radius: 6px;
}
.card-item.size-lg .card-info-box .card-price {
	margin-top: 10px;
}
.card-item.size-lg .card-info-box .card-number {
	margin-top: 10px;
}
@media (max-width: 890px) {
	.card-item.size-lg {
		display: block;
	}
	.card-item.size-lg .card-box {
		margin: 0 auto;
	}
	.card-item.size-lg .card-info-box {
		padding-left: 0;
		margin-top: 20px;
		text-align: center;
	}
}
.card-item.vertical {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: reverse;
	-moz-box-orient: vertical;
	-moz-box-direction: reverse;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column;
	margin: 0 auto;
	text-align: center;
}
.card-item.vertical .card-info-box {
	overflow: hidden;
	max-width: 100%;
	margin-top: 12px;
	padding-left: 0;
}
.card-item.vertical.size-lg .card-info-box {
	margin-top: 20px;
}
.card-item + .btn-wrap, .card-item + .btn-center-wrap, .card-item + .btn-flex-wrap, .card-item + .btn-right-wrap {
	margin-top: 20px;
}

.card-select-box {
	position: relative;
	min-height: 24px;
	padding-left: 30px;
}
.card-select-box .ui-rdo, .card-select-box .ui-chk {
	position: absolute;
	top: 0;
	left: 0;
}

.gray-box .card-item {
	padding: 10px 0;
}

/* 약관 영역 */
.term-info-wrap .btext ~ .btext-tit {
	margin-top: 30px;
}
.term-info-wrap .btext + .gray-box {
	margin-top: 20px;
}
.term-info-wrap .gray-box .grid-list-wrap .grid-list .grid-item {
	background-color: transparent;
}
.term-info-wrap .gray-box .grid-list-wrap .grid-list .grid-item ~ .grid-item {
	margin-top: 13px;
}
@media (min-width: 891px) {
	.term-info-wrap .gray-box .grid-list-wrap .grid-list .grid-item ~ .grid-item {
		margin-top: 0;
	}
	.term-info-wrap .gray-box .grid-list-wrap .grid-list .grid-item ~ .grid-item:nth-child(n+4) {
		margin-top: 13px;
	}
}
.term-info-wrap .fold-wrap ~ .terms-agree-list {
	margin-top: 20px;
}
.term-info-wrap .fold-wrap ~ .terms-agree-list ~ .dot-text {
	margin-top: 12px;
}

/* btext-info-wrap */
.btext-info-wrap .btext-tit {
	margin-top: 30px;
}
.btext-info-wrap .btext-tit:nth-child(1) {
	margin-top: 20px;
}
.btext-info-wrap .btext-tit:not(.btext-tit):nth-child(1) {
	margin-top: 0;
}

/* 완료페이지 */
.complete-info-wrap {
	width: 100%;
	margin-top: 90px;
	text-align: center;
}
@media (min-width: 891px) {
	.complete-info-wrap {
		padding-bottom: 20px;
	}
	.complete-info-wrap .order-header-box {
		margin-top: 50px;
		margin-bottom: -51px;
	}
}
.complete-info-wrap .ico-ord-complete {
	display: none;
	width: 180px;
	height: 111px;
	background: url("../images/order/ico_ord_complete.svg") 0 0 no-repeat;
	background-size: cover;
}
.complete-info-wrap .ico-ord-complete + .guide-desc {
	margin-top: 40px;
}
.complete-info-wrap .guide-desc {
	font-size: 22px;
	line-height: 28px;
	letter-spacing: -0.025em;
	font-weight: 600;
	color: #000;
}
.complete-info-wrap .guide-desc ~ .btext {
	margin-top: 20px;
}
@media (max-width: 890px) {
	.complete-info-wrap {
		margin-top: 20px;
		/* 주문 번호만 나올경우 해당 케이스 사용 */
	}
	.complete-info-wrap:last-child {
		margin-bottom: 10px;
	}
	.complete-info-wrap .ico-ord-complete + .guide-desc {
		margin-top: 0;
	}
	.complete-info-wrap .line-gray-box {
		max-width: calc(100% + 40px);
		border-radius: 0;
		border-left: 0;
		border-right: 0;
		border-bottom: 0;
		margin-left: -20px;
		margin-right: -20px;
	}
	.complete-info-wrap .order-header-box {
		margin-top: 40px;
		margin-bottom: -40px;
	}
}

.img-area + .decimal-list {
	margin-top: 12px;
}

.grs-logo {
	width: 100px;
	height: 21px;
	background: url("../images/common/comm_logo_lotte_grs.png") 0 0 no-repeat;
	background-size: cover;
}

/* progress */
.progress-box .frame {
	position: relative;
	width: 100%;
	height: 4px;
	border-radius: 8px;
	background-color: #E3E7EB;
}
.progress-box .frame .bar {
	position: absolute;
	top: 0;
	left: 0;
	height: 4px;
	background-color: #00A5B9;
	border-radius: 8px;
}
.progress-box ~ .state {
	margin-top: 13px;
}

.progress-wrap .state .goods-group, .progress-wrap .state .info {
	display: inline-block;
	vertical-align: top;
	font-size: 14px;
	line-height: 18px;
	letter-spacing: -0.025em;
	font-weight: 500;
}
.progress-wrap .state .goods-group .val, .progress-wrap .state .goods-group .unit, .progress-wrap .state .info .val, .progress-wrap .state .info .unit {
	font-weight: 600;
}
.progress-wrap .state .goods-group .val .fc-spot, .progress-wrap .state .goods-group .unit .fc-spot, .progress-wrap .state .info .val .fc-spot, .progress-wrap .state .info .unit .fc-spot {
	font-weight: 600;
}
.progress-wrap.progress-lotteria .frame .bar {
	background-color: #EF3D2E;
}
.progress-wrap.progress-lotteria .state .fc-spot {
	color: #EF3D2E !important;
}
.progress-wrap.progress-lotteria .state .val {
	color: #EF3D2E;
}
.progress-wrap.progress-krispy .frame .bar {
	background-color: #1CAC68;
}
.progress-wrap.progress-krispy .state .fc-spot {
	color: #1CAC68 !important;
}
.progress-wrap.progress-krispy .state .val {
	color: #1CAC68;
}
.progress-wrap.progress-angelinus .frame .bar {
	background-color: #AA9481;
}
.progress-wrap.progress-angelinus .state .fc-spot {
	color: #AA9481 !important;
}
.progress-wrap.progress-angelinus .state .val {
	color: #AA9481;
}
.progress-wrap.progress-plating .frame .bar {
	background-color: #222;
}
.progress-wrap.progress-plating .state .fc-spot {
	color: #222 !important;
}
.progress-wrap.progress-plating .state .val {
	color: #222;
}

/* 바코드 공통 스타일 */
.barcode-detail-wrap {
	max-width: 295px;
	/*height: 80px;*/
}

/* 바코드 상세 */
.barcode-view-wrap {
	text-align: center;
}
.barcode-view-wrap .info-top {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	-webkit-box-align: stretch;
	-moz-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	margin-bottom: 20px;
}
.barcode-view-wrap .card-number {
	margin-bottom: 7px;
	text-align: center;
	font-size: 16px;
	line-height: 22px;
	letter-spacing: -0.025em;
	font-weight: 600;
	color: #000;
}
.barcode-view-wrap .btext-tit {
	margin-bottom: 0;
	padding: 2px 0;
}
.barcode-view-wrap .goods-box .btext-tit {
	margin-right: 6px;
}
.barcode-view-wrap .time-info {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-justify-content: center;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	margin-top: 4px;
}
.barcode-view-wrap .time-info .time-count {
	margin-right: 6px;
	font-size: 14px;
	line-height: 18px;
	letter-spacing: -0.025em;
	font-weight: 600;
	color: #EF3D2E;
}
.barcode-view-wrap .barcode-detail-wrap .barcode-number {
	font-size: 16px;
	line-height: 22px;
	letter-spacing: -0.025em;
	font-weight: 600;
	color: #000;
}
.barcode-view-wrap .barcode-detail-wrap .barcode-number + .btext {
	margin-top: 11px;
}
.barcode-view-wrap .barcode-detail-wrap {
	margin: 20px auto 0;
	max-width: none;
}
.barcode-view-wrap .barcode-detail-wrap .goods-box {
	margin-top: 14px;
}
.barcode-view-wrap .barcode-detail-wrap .goods-box .label {
	color: #000;
}
.barcode-view-wrap .swiper-container .swiper-pagination.swiper-pagination-fraction {
	position: relative;
	display: inline-block;
	vertical-align: top;
	margin-top: 20px;
	left: auto;
	bottom: auto;
	-moz-backdrop-filter: none;
	-webkit-backdrop-filter: none;
	backdrop-filter: none;
	-moz-transform: none;
	-webkit-transform: none;
	transform: none;
	background-color: #fff;
	border: 1px solid #DDE0E3;
	color: #999;
}
.barcode-view-wrap .swiper-container .swiper-pagination.swiper-pagination-fraction .swiper-pagination-current {
	color: #000;
	font-weight: 600;
}
.barcode-view-wrap .swiper-container .swiper-pagination.swiper-pagination-fraction .swiper-pagination-total {
	color: #999;
}
.barcode-view-wrap .swiper-container .swiper-pagination.swiper-pagination-fraction .swiper-pagination-total:before {
	color: #999;
}
.barcode-view-wrap .time-reset-desc {
	margin-top: 30px;
	display: -ms-inline-flexbox;
	display: inline-flex;
	display: -webkit-inline-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-moz-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	font-size: 15px;
	line-height: 20px;
	letter-spacing: -0.025em;
	font-weight: 500;
}
.barcode-view-wrap .time-reset-desc .ico-time-reset {
	flex-shrink: 0;
	margin-top: 2px;
	margin-right: 6px;
}
.barcode-view-wrap .time-reset-desc .fc-spot {
	font-size: 15px;
	line-height: 20px;
	letter-spacing: -0.025em;
	font-weight: inherit;
}

/* list */
/* 혼잡도 상태 */
.congestion-level {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: reverse;
	-moz-box-orient: vertical;
	-moz-box-direction: reverse;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column;
}
.congestion-level .congestion-state {
	margin-top: 3px;
	font-size: 13px;
	line-height: 18px;
	letter-spacing: -0.025em;
	font-weight: 600;
	color: #000;
}

@media (max-width: 890px) {
	.cont-box .cont-inner .cont-sm-wrap.cont-version-info {
		margin-top: -30px;
	}
}
@media (min-width: 891px) {
	.cont-box .cont-inner .cont-sm-wrap.cont-version-info {
		margin-top: -40px;
	}
}
.cont-box .cont-inner .cont-sm-wrap.cont-version-info .cont-tit-wrap {
	margin-bottom: 0;
}
@media (max-width: 890px) {
	.cont-box .cont-inner .cont-sm-wrap.cont-version-info .cont-tit-wrap {
		margin-top: 30px;
	}
}
@media (min-width: 891px) {
	.cont-box .cont-inner .cont-sm-wrap.cont-version-info .cont-tit-wrap {
		margin-top: 40px;
	}
}
.cont-box .cont-inner .cont-sm-wrap.cont-version-info .btext {
	margin-top: 10px;
}

.bill-num {
	font-size: 13px;
	line-height: 18px;
	letter-spacing: -0.025em;
	color: #666;
}

/* 주문/예약 내역 목록, 배송 내역 목록, 정기구독 내역 목록 */
.order-prod-list-wrap.history .order-prod-list .order-prod-header {
	background-color: rgba(239, 241, 243, 0.4);
	border-top:1px solid #000;
	border-radius: 0;
}
.order-prod-list-wrap.history .order-prod-list .order-prod-header .title, .order-prod-list-wrap.history .order-prod-list .order-prod-header .right-box {
	font-weight: 500;
}
.order-prod-list-wrap.history .order-prod-list .order-prod-header [class^=ico-brand] {
	margin-right: 6px;
}
.order-prod-list-wrap.history .order-prod-list .order-prod-header + .order-prod-item {
	border-top: 0;
}
.order-prod-list-wrap.history .order-prod-list .order-prod-header + .order-prod-item:last-child {
	padding-bottom: 0;
	border-bottom: 0;
}
.order-prod-list-wrap.history .order-prod-list .order-prod-item {
	flex-wrap: wrap;
	flex-direction: column;
}
.order-prod-list-wrap.history .order-prod-list .order-prod-item:first-child {
	border-top: 1px solid #80878D;
	padding-top: 20px;
}
.order-prod-list-wrap.history .order-prod-list .order-prod-item:last-child {
	padding-bottom: 20px;
	border-bottom: 1px solid rgba(221, 224, 227, 0.5);
}
.order-prod-list-wrap.history .order-prod-list .order-prod-item .btext-tit {
	width: 100%;
}
.order-prod-list-wrap.history .order-prod-list .order-prod-item .order-prod-left {
	flex: 1;
}
@media (max-width: 890px) {
	.order-prod-list-wrap.history .order-prod-list .order-prod-item .order-prod-left {
		order: 1;
	}
}
.order-prod-list-wrap.history .order-prod-list .order-prod-item .order-prod-left .bar-text-group {
	margin-bottom: 12px;
}
.order-prod-list-wrap.history .order-prod-list .order-prod-item .order-prod-left .bar-text-group .bar-text + .bar-text:before {
	padding-left: 8px;
	margin-left: 8px;
	border-left-color: #DDE0E3;
}
.order-prod-list-wrap.history .order-prod-list .order-prod-item .btn-wrap, .order-prod-list-wrap.history .order-prod-list .order-prod-item .btn-center-wrap, .order-prod-list-wrap.history .order-prod-list .order-prod-item .btn-flex-wrap, .order-prod-list-wrap.history .order-prod-list .order-prod-item .btn-right-wrap {
	margin-top: 20px;
	width: 100%;
}
@media (max-width: 890px) {
	.order-prod-list-wrap.history .order-prod-list .order-prod-item .btn-wrap, .order-prod-list-wrap.history .order-prod-list .order-prod-item .btn-center-wrap, .order-prod-list-wrap.history .order-prod-list .order-prod-item .btn-flex-wrap, .order-prod-list-wrap.history .order-prod-list .order-prod-item .btn-right-wrap {
		order: 3;
	}
}
.order-prod-list-wrap.history .order-prod-list .order-prod-item .gray-box {
	width: 100%;
	margin-top: 20px;
}
@media (max-width: 890px) {
	.order-prod-list-wrap.history .order-prod-list .order-prod-item .gray-box {
		order: 2;
	}
}
@media (min-width: 891px) {
	.order-prod-list-wrap.history .order-prod-list .order-prod-item {
		justify-content: space-between;
		flex-direction: row;
	}
	.order-prod-list-wrap.history .order-prod-list .order-prod-item .order-prod-left {
		padding-right: 20px;
	}
	.order-prod-list-wrap.history .order-prod-list .order-prod-item .btn-wrap, .order-prod-list-wrap.history .order-prod-list .order-prod-item .btn-center-wrap, .order-prod-list-wrap.history .order-prod-list .order-prod-item .btn-flex-wrap, .order-prod-list-wrap.history .order-prod-list .order-prod-item .btn-right-wrap {
		flex-direction: column;
		width: auto;
		margin-top: 0;
	}
	.order-prod-list-wrap.history .order-prod-list .order-prod-item .btn-wrap [class^=btn-], .order-prod-list-wrap.history .order-prod-list .order-prod-item .btn-center-wrap [class^=btn-], .order-prod-list-wrap.history .order-prod-list .order-prod-item .btn-flex-wrap [class^=btn-], .order-prod-list-wrap.history .order-prod-list .order-prod-item .btn-right-wrap [class^=btn-] {
		min-width: 120px;
	}
	.order-prod-list-wrap.history .order-prod-list .order-prod-item .btn-wrap [class^=btn-] + [class^=btn-], .order-prod-list-wrap.history .order-prod-list .order-prod-item .btn-center-wrap [class^=btn-] + [class^=btn-], .order-prod-list-wrap.history .order-prod-list .order-prod-item .btn-flex-wrap [class^=btn-] + [class^=btn-], .order-prod-list-wrap.history .order-prod-list .order-prod-item .btn-right-wrap [class^=btn-] + [class^=btn-] {
		margin-top: 6px;
		margin-left: 0;
	}
}

/* e: common */
/* s : keyframes */
@keyframes bottomPopAnimation {
	0% {
		-moz-transform: translateY(100%);
		-webkit-transform: translateY(100%);
		transform: translateY(100%);
	}
	100% {
		-moz-transform: translateY(0);
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}
@keyframes popAnimation {
	0% {
		opacity: 0;
	}
	30% {
		-moz-transform: translateY(5px);
		-webkit-transform: translateY(5px);
		transform: translateY(5px);
	}
	100% {
		-moz-transform: translateY(0);
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 1;
	}
}
@keyframes popUpAnimation {
	0% {
		opacity: 0;
	}
	30% {
		-moz-transform: translateY(-5px);
		-webkit-transform: translateY(-5px);
		transform: translateY(-5px);
	}
	100% {
		-moz-transform: translateY(0);
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 1;
	}
}
@keyframes opacityActive {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@keyframes goTopIcoActive {
	0% {
		opacity: 0;
		-moz-transform: translateY(10px);
		-webkit-transform: translateY(10px);
		transform: translateY(10px);
	}
	100% {
		opacity: 1;
		-moz-transform: translateY(0);
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}
@keyframes uiActive {
	0% {
		-moz-transform: scale(0.8);
		-webkit-transform: scale(0.8);
		transform: scale(0.8);
	}
	100% {
		-moz-transform: scale(1);
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}
@keyframes topHide {
	0% {
		-moz-transform: scale(1);
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	100% {
		-moz-transform: scale(0);
		-webkit-transform: scale(0);
		transform: scale(0);
	}
}
/* e : keyframes */
/* s : title */
.page-tit-wrap {margin-bottom: 40px;color: #000;}
.page-tit-wrap .breadcrumb {
	margin-left: auto;
}
@media (min-width: 891px) {
	.page-tit-wrap {display: -webkit-box;display: -ms-flexbox;display: flex;display: -webkit-flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-justify-content: space-between;-webkit-box-align: start;-moz-box-align: start;-ms-flex-align: start;-webkit-align-items: flex-start;align-items: flex-start;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-moz-box-orient: horizontal;-moz-box-direction: normal;-ms-flex-direction: row;-webkit-flex-direction: row;flex-direction: row;align-items: flex-end;}
	.page-tit-wrap[data-pc-only] {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		display: -webkit-flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-justify-content: space-between;
		-webkit-box-align: start;
		-moz-box-align: start;
		-ms-flex-align: start;
		-webkit-align-items: flex-start;
		align-items: flex-start;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-moz-box-orient: horizontal;
		-moz-box-direction: normal;
		-ms-flex-direction: row;
		-webkit-flex-direction: row;
		flex-direction: row;
	}
}

.page-tit {
	font-size: 26px;
	line-height: 34px;
	letter-spacing: -0.025em;
	font-weight: 600;
	color: #000;
}

.cont-tit {margin-bottom: 20px;font-size: 16px;line-height: 22px;letter-spacing: -0.025em;font-weight: 600;color: #000;}
.cont-tit.flex{display: flex;justify-content: space-between;}
.cont-tit .fc-spot {
	font-size: 16px;
	line-height: 22px;
	letter-spacing: -0.025em;
	font-weight: inherit;
}
.cont-tit span {font-size: inherit;}
.cont-tit.has-line {
	margin-bottom: 0;
	padding-bottom: 20px;
	border-bottom: 1px solid #000;
}
.cont-tit.tit-rgl {
	font-size: 14px;
	line-height: 18px;
	letter-spacing: -0.025em;
}
.cont-tit.tit-rgl .badge-sm-round {
	margin-top: 3px;
	margin-left: 6px;
}
.cont-tit.tit-rgl + .cont-right {
	font-size: 14px;
	line-height: 18px;
	letter-spacing: -0.025em;
}
.cont-tit.tit-lg {
	font-size: 18px;
	line-height: 24px;
	letter-spacing: -0.025em;
}
.cont-tit.tit-lg .badge-sm-round {
	margin-top: 3px;
	margin-left: 6px;
}
.cont-tit.tit-xl {
	font-size: 22px;
	line-height: 28px;
	letter-spacing: -0.025em;
}
.cont-tit.tit-xl > p {
	display: inline-block;
	font-size: 22px;
	line-height: 28px;
	letter-spacing: -0.025em;
    font-weight: inherit;
}
.cont-tit.tit-xl span {
	font-size: inherit;
}
.cont-tit.tit-xl .btn-info {
	margin-top: 7px;
}
.cont-tit ~ .cont-tit, .cont-tit ~ .cont-tit-wrap {
	border-top: 1px dashed #DDE0E3;
	margin-top: 30px;
	padding-top: 30px;
}

.cont-tit-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	flex-wrap: wrap;
	margin-bottom: 20px;
}
.cont-tit-wrap .cont-tit {
	margin-bottom: 0;
}
.cont-tit-wrap .cont-tit.tit-xl ~ .cont-right {
	align-self: flex-end;
}
.cont-tit-wrap .cont-tit + .tooltip-wrap, .cont-tit-wrap .cont-tit + .btn-info {
	margin-left: 6px;
}
.cont-tit-wrap.has-line {
	margin-bottom: 0;
	padding-bottom: 20px;
	border-bottom: 1px solid #000;
}
.cont-tit-wrap .cont-right {
	margin-left: auto;
	font-size: 16px;
	line-height: 22px;
	letter-spacing: -0.025em;
	color: #000;
}
.cont-tit-wrap .cont-right .version {
	font-size: 16px;
	line-height: 22px;
	letter-spacing: -0.025em;
	font-weight: 600;
}
.cont-tit-wrap ~ .cont-tit,
.cont-tit-wrap ~ .cont-tit-wrap {
	border-top: 1px dashed #DDE0E3;
	margin-top: 30px;
	padding-top: 30px;
}
.cont-tit-wrap ~ .list-header-wrap {
	margin-top: 30px;
}

.info-text-list + .cont-tit {
	margin-top: 30px;
}

.cont-sub-text {
	display: inline-block;
	vertical-align: top;
	/* 기본 텍스트 보다 작은 서브텍스트 */
	font-size: 13px;
	line-height: 18px;
	letter-spacing: -0.025em;
	color: #999;
	margin-top: 5px;
}
.cont-sub-text.font_size_rgl {
	font-size: 14px;
	line-height: 18px;
	letter-spacing: -0.025em;
}

.btext-tit {
	margin-bottom: 10px;
	font-size: 16px;
	line-height: 22px;
	letter-spacing: -0.025em;
	font-weight: 600;
	color: #000;
	/* ellipsis 추가시 마진 안겹쳐져서 수정 */
	/* 마진 겹쳐서 추가 */
}
.btext-tit span {
	font-size: inherit;
	color: inherit;
	font-weight: inherit;
}
.btext-tit.tit-sm {
	font-size: 13px;
	line-height: 18px;
	letter-spacing: -0.025em;
	font-weight: 500;
}
.btext-tit.tit-sm + .btext-right {
	font-size: 13px;
	line-height: 18px;
	letter-spacing: -0.025em;
}
.btext-tit.tit-sm .fc-spot, .btext-tit.tit-sm .fw-md {
	font-size: 13px;
	line-height: 18px;
	letter-spacing: -0.025em;
}
.btext-tit.tit-sm .ico-logo-lpoint {
	vertical-align: -1px;
	margin-right: 6px;
}
.btext-tit.tit-rgl {
	font-size: 14px;
	line-height: 18px;
	letter-spacing: -0.025em;
}
.btext-tit.tit-rgl + .btext-right {
	font-size: 14px;
	line-height: 18px;
	letter-spacing: -0.025em;
}
.btext-tit.tit-rgl ~ .btext-tit.tit-rgl {
	margin-top: 20px;
}
.btext-tit.tit-lg {
	font-size: 18px;
	line-height: 24px;
	letter-spacing: -0.025em;
}
.btext-tit.tit-xl {
	font-size: 22px;
	line-height: 28px;
	letter-spacing: -0.025em;
}
.btext-tit.ellipsis + .btext {
	margin-top: 0;
}
.btext-tit + .info-text-list {
	margin-top: 0;
}
.btext-tit + .btext {
	margin-top: 0;
}
.btext-tit + .btext.ellipsis {
	margin-top: 0;
}
.btext-tit + .btext-tit-desc {
	margin-top: -4px;
}
.btext-tit ~ .btext, .btext-tit + .btext-tit.tit-rgl {
	margin-top: 10px;
}
.btext-tit + .grid-list-wrap {
	/* 푸터 개설절차 */
	margin-top: 20px;
}
.btext-tit ~ .btext-tit,
.btext-tit ~ .btext-tit-wrap {
	margin-top: 30px;
}
.btext-tit ~ .gray-box {
	margin-top: 30px;
}

.btext-tit-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-moz-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	flex-wrap: wrap;
	margin-bottom: 10px;
}
.btext-tit-wrap .btext-tit {
	margin-bottom: 0;
}
.btext-tit-wrap .btext-right {
	margin-left: auto;
	font-size: 13px;
	line-height: 18px;
	letter-spacing: -0.025em;
	color: #999;
}
.btext-tit-wrap .ui-toggle {
	margin: -3px 0;
}
.btext-tit-wrap .btext-tit-desc {
	margin-top: 5px;
	width: 100%;
}
.btext-tit-wrap ~ .btext-tit,
.btext-tit-wrap ~ .btext-tit-wrap {
	margin-top: 30px;
}

.btext-tit-desc {
	color: #666;
}
.btext-tit-desc.size-sm {
	font-size: 13px;
	line-height: 18px;
	letter-spacing: -0.025em;
}

.btext {
	/* 기본 텍스트 */
	/* 금액단위 */
}
.btext + .dash-text,
.btext + .dot-text,
.btext + .info-text-list,
.btext + .decimal-list {
	margin-top: 8px;
}
.btext.size-sm {
	font-size: 13px;
	line-height: 18px;
	letter-spacing: -0.025em;
}
.btext.has-line-height {
	line-height: 22px;
}
.btext.type-center {
	text-align: center;
}
.btext + .form-list-wrap, .btext + .btn-wrap, .btext + .btn-center-wrap, .btext + .btn-flex-wrap, .btext + .btn-right-wrap, .btext + .gray-box, .btext + .tab-wrap, .btext + .cont-tit-wrap {
	margin-top: 20px;
}
.btext .val ~ .unit {
	margin-left: 2px;
}

.btext-sub {
	/* 기본 텍스트 보다 작은 서브텍스트 */
	font-size: 12px;
	line-height: 16px;
	letter-spacing: -0.025em;
	color: #999;
	margin-top: 5px;
}
.btext-sub.size-sm {
	font-size: 13px;
	line-height: 18px;
	letter-spacing: -0.025em;
}
.btext-sub.font_size_rgl {
	font-size: 14px;
	line-height: 18px;
	letter-spacing: -0.025em;
}

.form-tit {
	margin-bottom: 10px;
	font-size: 16px;
	line-height: 22px;
	letter-spacing: -0.025em;
	font-weight: 600;
	color: #000;
}
.form-tit ~ .form-tit {
	margin-top: 20px;
}

.form-tit-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-moz-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	flex-wrap: wrap;
	margin-bottom: 10px;
}
.form-tit-wrap .form-tit {
	margin-bottom: 0;
}
.form-tit-wrap .form-right {
	margin-left: auto;
	font-size: 13px;
	line-height: 18px;
	letter-spacing: -0.025em;
	color: #999;
}
.form-tit-wrap ~ .form-tit,
.form-tit-wrap ~ .form-tit-wrap {
	margin-top: 20px;
}

/* e : title */
/* 로그인 스타일 */
.form-login-wrap .ui-input {
	padding-left: 38px;
}
.form-login-wrap .ui-input[type=text] {
	background: url("../images/form/ico_id.svg") 16px center no-repeat #fff;
	background-size: 16px 16px;
}
.form-login-wrap .ui-input[type=password]::-ms-reveal {
	display: none;
}
.form-login-wrap .form-ip-pw .ui-input {
	padding-right: 40px;
	background: url("../images/form/ico_pw.svg") 16px center no-repeat #fff;
	background-size: 16px 16px;
}

/* s : form */
.required-wrap {
	text-align: right;
}
.required-wrap .required {
	display: inline-block;
	/*@include mixins.font_size_xxs;*/
	color: #999;
	vertical-align: top;
}
.required-wrap .required:before {
	content: "*";
	display: inline-block;
	position: relative;
	width: 6px;
	height: 6px;
	margin-right: 3px;
	-moz-transform: translateY(6px);
	-webkit-transform: translateY(6px);
	transform: translateY(6px);
	background: url("../images/ico_required.svg") 0 0 no-repeat;
	background-size: 6px;
	color: transparent;
}
.required-wrap + .tbl_row-wrap {
	margin-top: 20px;
}

/* form 공통 */
.form-label {
	display: inline-block;
	color: #000;
	/*@include mixins.font_size_xxs;*/
	font-weight: 500;
	cursor: default;
}
.form-label .required {
	display: inline-block;
	width: 6px;
	height: 6px;
	padding-left: 3px;
	margin-top: 5px;
	vertical-align: top;
}
.form-label .required:before {
	content: "*";
	display: inline-block;
	position: relative;
	width: 6px;
	height: 6px;
	background: url("../images/ico_required.svg") 0 0 no-repeat;
	background-size: 6px;
	color: transparent;
}

/* form 공통 - 하단 메시지 */
.form-desc {
	display: block;
	position: relative;
	margin-top: 6px;
	/*@include mixins.font_size_xxs;*/
	color: #AAA;
}
.form-desc.tip {
	padding-left: 33px;
}
.form-desc.tip:before {
	content: "";
	display: inline-block;
	position: absolute;
	left: 0;
	top: 0;
	width: 28px;
	height: 18px;
	background-position: left top;
	background-repeat: no-repeat;
	background: url("../images/ico_tip.svg") 18px no-repeat;
	background-size: 28px;
}
.form-desc.align-right {
	text-align: right;
}
.form-desc .price-value {
	color: #000;
	font-size: 12px;
	line-height: 16px;
	letter-spacing: -0.025em;
}
.form-desc .price-value .price {
	display: inline-block;
	vertical-align: top;
	font-size: 0;
}
.form-desc .price-value .price .val, .form-desc .price-value .price .unit {
	font-size: 12px;
	line-height: 16px;
	letter-spacing: -0.025em;
	vertical-align: top;
}
/* form - input */
[class^=form-]::-ms-clear, [class^=form-]::-ms-reveal {
	display: none;
}
[class^=form-]::-webkit-search-decoration, [class^=form-]::-webkit-search-cancel-button, [class^=form-]::-webkit-search-results-button, [class^=form-]::-webkit-search-results-decoration {
	display: none;
}
[class^=form-][type=number]::-webkit-outer-spin-button, [class^=form-][type=number]::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}
[class^=form-][type=date]::-webkit-calendar-picker-indicator, [class^=form-][type=month]::-webkit-calendar-picker-indicator, [class^=form-][type=time]::-webkit-calendar-picker-indicator, [class^=form-][type=week]::-webkit-calendar-picker-indicator {
	background: none;
}
[class^=form-][type=search]::-webkit-search-cancel-button, [class^=form-][type=search]::-webkit-search-results-button, [class^=form-][type=search]::-webkit-search-results-decoration {
	display: none;
	width: 0;
	height: 0;
}

/* input password 숨김/보임 */
.form-ip-pw {
	position: relative;
}
.form-ip-pw .form-ip {
	padding: 0 48px 0 14px;
}
.form-ip-pw .btn-toggle-pw {
	display: inline-block;
	position: absolute;
	right: 16px;
	top: 12px;
	width: 20px;
	height: 20px;
	background: url("../images/form/ico_eye.svg") 0 0 no-repeat;
	background-size: 20px 20px;
	-moz-transition: background 0.2s ease-out;
	-webkit-transition: background 0.2s ease-out;
	transition: background 0.2s ease-out;
}
.form-ip-pw .btn-toggle-pw.is-active {
	background: url("../images/form/ico_eye_active.svg") 0 0 no-repeat;
	background-size: 20px 20px;
}
.form-ip-pw ~ .form-ip-pw {
	margin-top: 8px;
}

/* input - 검색 */
.form-ip-search {
	position: relative;
}
.form-ip-search .btn-ip-clear {
	display: none;
	position: absolute;
	right: 14px;
	top: 50%;
	width: 18px;
	height: 18px;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	background-position: center;
	background-repeat: no-repeat;
	background: url("../images/btn-ip_reset.svg") 0 0 no-repeat;
	background-size: 18px;
}
.form-ip-search .form-ip {
	padding-right: 45px;
}
.form-ip-search.has-value .form-ip {
	padding-right: 85px;
}
.form-ip-search.has-value .btn-ip-clear {
	display: block;
}

.form-search-box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	position: relative;
	width: 100%;
}
.form-search-box .form-ip-search {
	flex: 1;
}
.form-search-box .form-ip-search .btn-ip-clear {
	right: 50px;
}
.form-search-box .btn-ip-search {
	display: block;
	flex: 0 auto;
	position: absolute;
	right: 14px;
	top: 50%;
	width: 24px;
	height: 24px;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	background-position: center;
	background-repeat: no-repeat;
	background: url("../images/btn-ip_search.svg") 0 0 no-repeat;
	background-size: 24px;
}

/* radio, checkbox */
.ui-rdo, .ui-chk, .ui-opt-rdo {position: relative;display: inline-block;min-height: 24px;font-size: 0;vertical-align: top;}
.ui-rdo input, .ui-chk input, .ui-opt-rdo input {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0, 0, 0, 0);border: 0;}
.ui-rdo input + label, .ui-chk input + label, .ui-opt-rdo input + label {display: inline-block;position: relative;padding: 3px 0 3px 30px;font-size: 14px;line-height: 18px;letter-spacing: -0.025em;font-weight: 500;color: #000;cursor: pointer;vertical-align: top;-webkit-touch-callout: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.ui-rdo input + label:before, .ui-rdo input + label:after, .ui-chk input + label:before, .ui-chk input + label:after, .ui-opt-rdo input + label:before, .ui-opt-rdo input + label:after {content: "";display: inline-block;position: absolute;left: 0;top: 0;width: 24px;height: 24px;text-align: center;border-radius: 50%;box-sizing: border-box;-webkit-box-sizing: border-box;}
.ui-rdo input[disabled] + label, .ui-rdo input[aria-disabled] + label, .ui-chk input[disabled] + label, .ui-chk input[aria-disabled] + label, .ui-opt-rdo input[disabled] + label, .ui-opt-rdo input[aria-disabled] + label {opacity: 0.4;pointer-events: none;}
.ui-rdo input:checked + label:before, .ui-chk input:checked + label:before, .ui-opt-rdo input:checked + label:before {
	background-color: #00A5B9;
	border-color: #00A5B9;
}
.ui-rdo.no-label, .ui-chk.no-label, .ui-opt-rdo.no-label {
	width: 24px;
	height: 24px;
}
.ui-rdo.no-label input + label, .ui-chk.no-label input + label, .ui-opt-rdo.no-label input + label {
	padding-left: 0;
}
.ui-rdo + .input-box, .ui-chk + .input-box, .ui-opt-rdo + .input-box {
	margin-top: 20px;
}
.ui-rdo input + label.tx-md, .ui-chk input + label.tx-md{font-size: 16px;line-height: 22px;padding: 1px 0 1px 32px;}
/* radio */
.ui-rdo input + label:before, .ui-opt-rdo input + label:before {
	background-color: #DDE0E3;
	border: 1px solid #DDE0E3;
}
.ui-rdo input + label:after, .ui-opt-rdo input + label:after {
	top: 7px;
	left: 7px;
	width: 10px;
	height: 10px;
	background-color: #fff;
	border: none;
}
.ui-rdo input:checked + label:before, .ui-opt-rdo input:checked + label:before {
	-moz-transition: background-color 0.15s;
	-webkit-transition: background-color 0.15s;
	transition: background-color 0.15s;
	-moz-animation: uiActive 0.18s ease-in-out forwards;
	-webkit-animation: uiActive 0.18s ease-in-out forwards;
	animation: uiActive 0.18s ease-in-out forwards;
}

/* checkbox */
.ui-chk input + label:before {
	border: 1px solid #C2C7CC;
	background-color: #fff;
}
.ui-chk input + label:after {
	background: url("../images/ui/ui_ico_check.svg") 0 0 no-repeat;
	background-size: cover;
}
.ui-chk input[disabled] + label:after, .ui-chk input[aria-disabled] + label:after {
	opacity: 0.5;
}
.ui-chk input:checked + label:after {
	background: url("../images/ui/ui_ico_check_on.svg") 0 0 no-repeat;
	background-size: cover;
}
.ui-chk input:checked + label:before {
	-moz-transition: background-color 0.15s;
	-webkit-transition: background-color 0.15s;
	transition: background-color 0.15s;
	-moz-animation: uiActive 0.18s ease-in-out forwards;
	-webkit-animation: uiActive 0.18s ease-in-out forwards;
	animation: uiActive 0.18s ease-in-out forwards;
}

.fold-wrap + .ui-chk {
	margin-top: 20px;
}

/* option radio */
.ui-opt-rdo {
	display: block;
}
.ui-opt-rdo input + label {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	width: 100%;
	padding-top: 0;
	padding-bottom: 0;
	min-height: 24px;
}
.ui-opt-rdo input + label:before {
	top: 50%;
	margin-top: -12px;
	background-color: #DDE0E3;
	border: 1px solid #DDE0E3;
}
.ui-opt-rdo input + label:after {
	top: 50%;
	margin-top: -5px;
	/*top: 7px;*/
	left: 7px;
	width: 10px;
	height: 10px;
	background-color: #fff;
	border: none;
}

/* check/radio list(horizontal) */
.ui-row-list {
	font-size: 0;
	margin-top: -20px;
}
.ui-row-list .item {
	display: inline-block;
	margin-right: 24px;
	padding-top: 20px;
	vertical-align: top;
}
.ui-row-list .item:last-child {
	margin-right: 0;
}
.ui-row-list.type-btn {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: -6px;
}
.ui-row-list.type-btn .item {
	margin: 6px 0 0 0;
	padding: 0;
	width: calc(50% - 2.5px);
	text-align: center;
}
@media (min-width: 891px) {
	.ui-row-list.type-btn .item {
		width: calc(50% - 3px);
	}
}
.ui-row-list.type-btn .ui-chk, .ui-row-list.type-btn .ui-rdo {
	width: 100%;
	height: 100%;
	min-height: auto;
}
.ui-row-list.type-btn .ui-chk label, .ui-row-list.type-btn .ui-rdo label {
	/*@include mixins.justify_width();*/
	padding: 12px 0 10px;
	width: 100%;
	height: 100%;
	min-height: 44px;
	font-size: 14px;
	line-height: 18px;
	letter-spacing: -0.025em;
	border-radius: 4px;
	border: 1px solid #DDE0E3;
	background-color: #fff;
	color: #000;
	font-weight: 400;
}
.ui-row-list.type-btn .ui-chk label:after, .ui-row-list.type-btn .ui-rdo label:after {
	display: none;
}
.ui-row-list.type-btn .ui-chk label:before, .ui-row-list.type-btn .ui-rdo label:before {
	display: none;
}
.ui-row-list.type-btn .ui-chk label .val, .ui-row-list.type-btn .ui-chk label .unit, .ui-row-list.type-btn .ui-rdo label .val, .ui-row-list.type-btn .ui-rdo label .unit {
	font-size: 14px;
	line-height: 18px;
	letter-spacing: -0.025em;
}
.ui-row-list.type-btn .ui-chk label .val ~ .unit, .ui-row-list.type-btn .ui-rdo label .val ~ .unit {
	margin-left: 2px;
}
.ui-row-list.type-btn .ui-chk label .rdo-name, .ui-row-list.type-btn .ui-rdo label .rdo-name {
	display: block;
	padding: 8px 0 3px;
	font-size: 14px;
	line-height: 18px;
	letter-spacing: -0.025em;
	color: #000;
}
.ui-row-list.type-btn .ui-chk label .rdo-val, .ui-row-list.type-btn .ui-rdo label .rdo-val {
	display: block;
	padding: 3px 0 10px;
	font-size: 14px;
	line-height: 18px;
	letter-spacing: -0.025em;
	color: #444;
}
.ui-row-list.type-btn .ui-chk input[disabled] + label, .ui-row-list.type-btn .ui-chk input[aria-disabled] + label, .ui-row-list.type-btn .ui-rdo input[disabled] + label, .ui-row-list.type-btn .ui-rdo input[aria-disabled] + label {
	color: #000;
	background-color: #DDE0E3;
	border: 1px solid #C2C7CC;
}
.ui-row-list.type-btn .ui-chk input:checked + label, .ui-row-list.type-btn .ui-rdo input:checked + label {
	border: 1px solid #00A5B9;
	color: #00A5B9;
	font-weight: 600;
}
.ui-row-list.type-btn .ui-chk input:checked + label .val, .ui-row-list.type-btn .ui-chk input:checked + label .unit, .ui-row-list.type-btn .ui-rdo input:checked + label .val, .ui-row-list.type-btn .ui-rdo input:checked + label .unit {
	font-weight: inherit;
}
.ui-row-list.type-btn .ui-chk input:checked + label .rdo-name, .ui-row-list.type-btn .ui-rdo input:checked + label .rdo-name {
	font-weight: 600;
	color: #00A5B9;
}
.ui-row-list.type-btn .ui-chk input:checked + label .rdo-val, .ui-row-list.type-btn .ui-rdo input:checked + label .rdo-val {
	color: #00A5B9;
	font-weight: 600;
}
.ui-row-list.flex .item {
	flex: 1;
	padding-top: 0;
	margin-right: 6px;
	text-align: center;
	width: auto;
}
.ui-row-list.flex .item:last-child {
	margin-right: 0;
}
.ui-row-list.flex .item .ui-chk label, .ui-row-list.flex .item .ui-rdo label {
	padding-right: 10px;
	padding-left: 10px;
}
@media (min-width: 891px) {
	.ui-row-list.flex .item {
		width: auto;
	}
}
.ui-row-list.col2 .item {
	flex: initial;
	width: calc((100% - 6px) / 2);
	margin-right: 6px;
}
.ui-row-list.col2 .item:nth-child(2n) {
	margin-right: 0;
}
.ui-row-list.col2 .item:nth-child(n+3) {
	margin-top: 6px;
}
.ui-row-list.col3 {
	/* pc, mo 둘다 3열 */
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-moz-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
}
.ui-row-list.col3 .item {
	flex: initial;
	width: calc((100% - 12px) / 3);
	margin-right: 6px;
}
.ui-row-list.col3 .item:nth-child(3n) {
	margin-right: 0;
}
.ui-row-list.col3 .item:nth-child(n+4) {
	margin-top: 6px;
}
.ui-row-list.col4 {display: -webkit-box;display: -ms-flexbox;display: flex;display: -webkit-flex;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;-webkit-box-align: start;-moz-box-align: start;-ms-flex-align: start;-webkit-align-items: flex-start;align-items: flex-start;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-moz-box-orient: horizontal;-moz-box-direction: normal;-ms-flex-direction: row;-webkit-flex-direction: row;flex-direction: row;flex-wrap: wrap;}
.ui-row-list.col4 .item {margin-right: 6px;}
.ui-row-list.col6 {display: -webkit-box;display: -ms-flexbox;display: flex;display: -webkit-flex;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;-webkit-box-align: start;-moz-box-align: start;-ms-flex-align: start;-webkit-align-items: flex-start;align-items: flex-start;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-moz-box-orient: horizontal;-moz-box-direction: normal;-ms-flex-direction: row;-webkit-flex-direction: row;flex-direction: row;flex-wrap: wrap;}
@media (max-width: 890px) {
	.ui-row-list.col6 .item {
		flex: initial;
		width: calc((100% - 12px) / 3);
	}
	.ui-row-list.col6 .item:nth-child(3n) {
		margin-right: 0;
	}
	.ui-row-list.col6 .item:nth-child(n+4) {
		margin-top: 6px;
	}
}
@media (min-width: 891px) {
	.ui-row-list.col6 .item {
		flex: initial;
		width: calc((100% - 30px) / 6);
	}
	.ui-row-list.col6 .item:nth-child(6n) {
		margin-right: 0;
	}
	.ui-row-list.col6 .item:nth-child(n+7) {
		margin-top: 6px;
	}
}
@media (max-width: 890px) {
	.ui-row-list.col5 .item {
		width: calc((100% - 20px) / 2);
		margin-right: 20px;
	}
	.ui-row-list.col5 .item:nth-child(2n) {
		margin-right: 0;
	}
}
@media (min-width: 891px) {
	.ui-row-list.col5 .item {
		width: calc((100% - 96px) / 5);
	}
	.ui-row-list.col5 .item:nth-child(5n) {
		margin-right: 0;
	}
}
.ui-row-list.type-option .ui-chk input:checked + label, .ui-row-list.type-option .ui-rdo input:checked + label {
	padding-top: 11px;
	padding-bottom: 9px;
	border-width: 2px;
	box-shadow: 0px 5px 10px rgba(0, 165, 185, 0.1);
}
.ui-row-list + .dot-text {
	margin-top: 12px;
}

/* check/radio list(vertical) */
.ui-col-list .item + .item {
	margin-top: 16px;
}
.ui-col-list .item .input-box,
.ui-col-list .item .textarea-box {
	margin-top: 12px;
}
.ui-col-list .item .sub-opt-box {
	margin-top: 16px;
}
.ui-col-list.has-line {
	border-top: 1px solid rgba(128, 135, 141, 0.6);
	border-bottom: 1px solid #DDE0E3;
}
.ui-col-list.has-line .item {
	padding: 20px 0;
}
.ui-col-list.has-line .item ~ .item {
	margin-top: 0;
	border-top: 1px solid #DDE0E3;
}
.ui-col-list.has-line .item .ui-chk {
	width: 100%;
}
.ui-col-list.has-line .item .ui-chk label {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-moz-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
}
.ui-col-list.has-line .item .ui-chk label [class^=ico-] {
	display: inline-block;
	width: 16px;
	height: 16px;
}
.ui-col-list.has-line .item .ui-chk label [class^=ico-] + .text {
	margin-left: 6px;
	margin-right: 10px;
	flex: 1;
}
.ui-col-list.has-line .item .ui-chk label .text, .ui-col-list.has-line .item .ui-chk label .desc, .ui-col-list.has-line .item .ui-chk label .val, .ui-col-list.has-line .item .ui-chk label .unit {
	font-size: 14px;
	line-height: 18px;
	letter-spacing: -0.025em;
	font-weight: 600;
	color: #000;
}
.ui-col-list.has-line .item .ui-chk label .price {
	justify-self: flex-end;
	margin-left: auto;
}
.ui-col-list.has-line .item .ui-chk label .price .desc ~ .val {
	margin-left: 4px;
}
.ui-col-list.has-line .item .ui-chk label .price .val ~ .unit {
	margin-left: 2px;
}
.ui-col-list.has-line + .payment-current-wrap {
	margin-top: 30px;
}

/* chk-bookmark */
.chk-bookmark {
	position: relative;
	width: 18px;
	height: 18px;
}
.chk-bookmark input {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}
.chk-bookmark input:checked + label:after {
	-moz-animation: opacityActive 0.14s ease-in forwards;
	-webkit-animation: opacityActive 0.14s ease-in forwards;
	animation: opacityActive 0.14s ease-in forwards;
	opacity: 1;
}
.chk-bookmark input[disabled] + label {
	opacity: 0.3;
}
.chk-bookmark input + label {
	display: inline-block;
	width: 18px;
	height: 18px;
	cursor: pointer;
}
.chk-bookmark input + label:before, .chk-bookmark input + label:after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 18px;
	height: 18px;
}
.chk-bookmark input + label:before {
	background: url("../images/ui/ui_ico_bookmark_off.svg") 0 0 no-repeat;
	background-size: cover;
}
.chk-bookmark input + label:after {
	opacity: 0;
	background: url("../images/ui/ui_ico_bookmark_on.svg") 0 0 no-repeat;
	background-size: cover;
}
.chk-bookmark.size-lg {
	width: 24px;
	height: 24px;
}
.chk-bookmark.size-lg input + label {
	width: 24px;
	height: 24px;
}
.chk-bookmark.size-lg input + label:before, .chk-bookmark.size-lg input + label:after {
	width: 24px;
	height: 24px;
}

/* textarea */
.form-textarea {
	width: 100%;
	height: 150px;
	padding: 12px 14px;
	color: #000;
	border-radius: 6px;
	font-size: 12px;
	line-height: 16px;
	letter-spacing: -0.025em;
	background-color: #fff;
	box-sizing: border-box;
	outline: 0;
	-moz-transition: background 0.2s ease-out, border-color 0.2s ease-out;
	-webkit-transition: background 0.2s ease-out, border-color 0.2s ease-out;
	transition: background 0.2s ease-out, border-color 0.2s ease-out;
	overflow-y: auto;
	resize: none;
}
.form-textarea::-webkit-input-placeholder {
	font-size: inherit;
	color: #AAA;
}
.form-textarea:-ms-input-placeholder {
	font-size: inherit;
	color: #AAA;
}
.form-textarea::-ms-input-placeholder {
	font-size: inherit;
	color: #AAA;
}
.form-textarea::placeholder {
	font-size: inherit;
	color: #AAA;
}
.form-textarea:-ms-input-placeholder {
	font-size: inherit;
	color: #AAA;
}
.form-textarea::-ms-input-placeholder {
	font-size: inherit;
	color: #AAA;
}
.form-textarea:active, .form-textarea:focus {
	border-color: #000;
}
.form-textarea[disabled], .form-textarea[aria-disabled], .form-textarea[readonly] {
	color: #AAA;
	pointer-events: none;
	cursor: default;
}

/* byte_check */
.byte-check-wrap {
	display: flex;
	flex-direction: column;
	position: relative;
	overflow: hidden;
	border-radius: 6px;
	background: #fff;
	font-size: 12px;
	-moz-transition: background 0.2s ease-out, border-color 0.2s ease-out;
	-webkit-transition: background 0.2s ease-out, border-color 0.2s ease-out;
	transition: background 0.2s ease-out, border-color 0.2s ease-out;
	box-sizing: border-box;
}
.byte-check-wrap .form-textarea {
	border: none;
	padding: 11px 14px 0;
}
.byte-check-wrap .form-textarea[disabled] + .byte_check_footer, .byte-check-wrap .form-textarea[aria-disabled] + .byte_check_footer, .byte-check-wrap .form-textarea[readonly] + .byte_check_footer {
	color: #AAA;
}
.byte-check-wrap .byte-check {
	display: inline-block;
	line-height: 1;
	font-size: 0;
}
.byte-check-wrap .byte-check .count, .byte-check-wrap .byte-check .total {
	display: inline-block;
}
.byte-check-wrap .byte-check .count {
	display: inline-block;
}
.byte-check-wrap .byte-check .total:before {
	content: "/";
}
.byte-check-wrap .byte-check-footer {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	padding: 10px 10px 10px 14px;
	text-align: right;
	-moz-transition: background 0.2s ease-out;
	-webkit-transition: background 0.2s ease-out;
	transition: background 0.2s ease-out;
}
.byte-check-wrap .byte-check-footer .byte-check {
	margin-top: 2px;
}
.byte-check-wrap.focus {
	border-color: #000;
}

/* toggle */
.ui-toggle {
	position: relative;
	display: inline-block;
	width: 42px;
	height: 24px;
	vertical-align: top;
	box-sizing: border-box;
}
.ui-toggle input[type=checkbox] {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}
.ui-toggle input[type=checkbox] + label {
	display: inline-block;
	width: 100%;
	height: 100%;
	border-radius: 22px;
	background: #EFF1F3;
	font-size: 0;
	cursor: pointer;
	-moz-transition: background-color 0.15s ease-out;
	-webkit-transition: background-color 0.15s ease-out;
	transition: background-color 0.15s ease-out;
}
.ui-toggle input[type=checkbox] + label:before {
	content: "";
	position: absolute;
	width: 20px;
	height: 20px;
	margin-left: -22px;
	background: #fff;
	border-radius: 50%;
	left: 24px;
	top: 2px;
	z-index: 2;
	-moz-transition: left 0.2s ease-out;
	-webkit-transition: left 0.2s ease-out;
	transition: left 0.2s ease-out;
}
.ui-toggle input[type=checkbox]:checked + label {
	background: #00A5B9;
}
.ui-toggle input[type=checkbox]:checked + label:before {
	left: 100%;
}
.ui-toggle input[type=checkbox][disabled], .ui-toggle input[type=checkbox][aria-disabled], .ui-toggle input[type=checkbox][readonly] {
	pointer-events: none;
}
.ui-toggle input[type=checkbox][disabled] + label, .ui-toggle input[type=checkbox][aria-disabled] + label, .ui-toggle input[type=checkbox][readonly] + label {
	opacity: 0.5;
	cursor: default;
}

.form-toggle-box {
	display: inline-block;
	font-size: 0;
	box-sizing: border-box;
	vertical-align: top;
}
.form-toggle-box .toggle-text {
	display: inline-block;
	padding-top: 3px;
	font-size: 12px;
	line-height: 19px;
	letter-spacing: -0.025em;
	color: #AAA;
	vertical-align: top;
}
.form-toggle-box .toggle-text .date {
	padding-right: 4px;
}
.form-toggle-box .toggle-text .val {
	-moz-transition: color 0.2s ease-out;
	-webkit-transition: color 0.2s ease-out;
	transition: color 0.2s ease-out;
}
.form-toggle-box .toggle-text + .form-toggle {
	margin-left: 20px;
}
/* form - title(label) */
.form-list-wrap {
	overflow: hidden;
}
.form-list-wrap .form-item {
	/*~ .form-item {
	    margin-top: 24px;
	}*/
}
@media (max-width: 890px) {
	.form-list-wrap .form-item ~ .form-item {
		margin-top: 24px;
	}
}
.form-list-wrap .form-item.pc-full {
	margin-top: 24px;
}
.form-list-wrap .form-item.pc-full:nth-child(1) {
	margin-top: 0;
}
.form-list-wrap .form-item.pc-full ~ .form-item {
	margin-top: 30px;
}
.form-list-wrap .form-item.pc-full-half {
	margin-top: 24px;
}
.form-list-wrap .form-item.pc-full-half:nth-child(1) {
	margin-top: 0;
}
.form-list-wrap .form-item.pc-full-half ~ .form-item {
	margin-top: 24px;
}
@media (min-width: 891px) {
	.form-list-wrap .form-item.pc-full-half .form-title, .form-list-wrap .form-item.pc-full-half .form-cont {
		width: 50%;
		padding-right: 25px;
	}
}
.form-list-wrap .form-item .form-title {display: -webkit-box;display: -ms-flexbox;display: flex;display: -webkit-flex;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;-webkit-box-align: center;-moz-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-moz-box-orient: horizontal;-moz-box-direction: normal;-ms-flex-direction: row;-webkit-flex-direction: row;flex-direction: row;flex-wrap: wrap;margin-bottom: 10px;}
.form-list-wrap .form-item .form-title .title-text {
	font-size: 14px;
	line-height: 18px;
	letter-spacing: -0.025em;
	font-weight: 600;
	color: #000;
}
.form-list-wrap .form-item .form-title .btn-info {
	margin-left: 6px;
	margin-right: auto;
}
.form-list-wrap .form-item .form-title .right-wrap {
	margin-left: auto;
	color: #000;
}
.form-list-wrap .form-item .form-cont .input-btn-box ~ .input-btn-box, .form-list-wrap .form-item .form-cont .input-btn-box ~ .ui-select, .form-list-wrap .form-item .form-cont .input-btn-box ~ .input-box, .form-list-wrap .form-item .form-cont .input-btn-box ~ .input-flex-box, .form-list-wrap .form-item .form-cont .input-btn-box ~ .date-box, .form-list-wrap .form-item .form-cont .input-btn-box ~ .date-picker-box, .form-list-wrap .form-item .form-cont .input-btn-box ~ .textarea-box, .form-list-wrap .form-item .form-cont .ui-select ~ .input-btn-box, .form-list-wrap .form-item .form-cont .ui-select ~ .ui-select, .form-list-wrap .form-item .form-cont .ui-select ~ .input-box, .form-list-wrap .form-item .form-cont .ui-select ~ .input-flex-box, .form-list-wrap .form-item .form-cont .ui-select ~ .date-box, .form-list-wrap .form-item .form-cont .ui-select ~ .date-picker-box, .form-list-wrap .form-item .form-cont .ui-select ~ .textarea-box, .form-list-wrap .form-item .form-cont .input-flex-box ~ .input-btn-box, .form-list-wrap .form-item .form-cont .input-flex-box ~ .ui-select, .form-list-wrap .form-item .form-cont .input-flex-box ~ .input-box, .form-list-wrap .form-item .form-cont .input-flex-box ~ .input-flex-box, .form-list-wrap .form-item .form-cont .input-flex-box ~ .date-box, .form-list-wrap .form-item .form-cont .input-flex-box ~ .date-picker-box, .form-list-wrap .form-item .form-cont .input-flex-box ~ .textarea-box, .form-list-wrap .form-item .form-cont .input-box ~ .input-btn-box, .form-list-wrap .form-item .form-cont .input-box ~ .ui-select, .form-list-wrap .form-item .form-cont .input-box ~ .input-box, .form-list-wrap .form-item .form-cont .input-box ~ .input-flex-box, .form-list-wrap .form-item .form-cont .input-box ~ .date-box, .form-list-wrap .form-item .form-cont .input-box ~ .date-picker-box, .form-list-wrap .form-item .form-cont .input-box ~ .textarea-box, .form-list-wrap .form-item .form-cont .date-box ~ .input-btn-box, .form-list-wrap .form-item .form-cont .date-box ~ .ui-select, .form-list-wrap .form-item .form-cont .date-box ~ .input-box, .form-list-wrap .form-item .form-cont .date-box ~ .input-flex-box, .form-list-wrap .form-item .form-cont .date-box ~ .date-box, .form-list-wrap .form-item .form-cont .date-box ~ .date-picker-box, .form-list-wrap .form-item .form-cont .date-box ~ .textarea-box, .form-list-wrap .form-item .form-cont .date-picker-box ~ .input-btn-box, .form-list-wrap .form-item .form-cont .date-picker-box ~ .ui-select, .form-list-wrap .form-item .form-cont .date-picker-box ~ .input-box, .form-list-wrap .form-item .form-cont .date-picker-box ~ .input-flex-box, .form-list-wrap .form-item .form-cont .date-picker-box ~ .date-box, .form-list-wrap .form-item .form-cont .date-picker-box ~ .date-picker-box, .form-list-wrap .form-item .form-cont .date-picker-box ~ .textarea-box {
	margin-top: 6px;
}
.form-list-wrap .form-item .form-cont .input-btn-box + .btn-wrap, .form-list-wrap .form-item .form-cont .input-btn-box + .btn-center-wrap, .form-list-wrap .form-item .form-cont .input-btn-box + .btn-flex-wrap, .form-list-wrap .form-item .form-cont .input-btn-box + .btn-right-wrap, .form-list-wrap .form-item .form-cont .ui-select + .btn-wrap, .form-list-wrap .form-item .form-cont .ui-select + .btn-center-wrap, .form-list-wrap .form-item .form-cont .ui-select + .btn-flex-wrap, .form-list-wrap .form-item .form-cont .ui-select + .btn-right-wrap, .form-list-wrap .form-item .form-cont .input-flex-box + .btn-wrap, .form-list-wrap .form-item .form-cont .input-flex-box + .btn-center-wrap, .form-list-wrap .form-item .form-cont .input-flex-box + .btn-flex-wrap, .form-list-wrap .form-item .form-cont .input-flex-box + .btn-right-wrap, .form-list-wrap .form-item .form-cont .input-box + .btn-wrap, .form-list-wrap .form-item .form-cont .input-box + .btn-center-wrap, .form-list-wrap .form-item .form-cont .input-box + .btn-flex-wrap, .form-list-wrap .form-item .form-cont .input-box + .btn-right-wrap, .form-list-wrap .form-item .form-cont .date-box + .btn-wrap, .form-list-wrap .form-item .form-cont .date-box + .btn-center-wrap, .form-list-wrap .form-item .form-cont .date-box + .btn-flex-wrap, .form-list-wrap .form-item .form-cont .date-box + .btn-right-wrap, .form-list-wrap .form-item .form-cont .date-picker-box + .btn-wrap, .form-list-wrap .form-item .form-cont .date-picker-box + .btn-center-wrap, .form-list-wrap .form-item .form-cont .date-picker-box + .btn-flex-wrap, .form-list-wrap .form-item .form-cont .date-picker-box + .btn-right-wrap {
	margin-top: 12px;
}
.form-list-wrap .form-item .form-cont .input-btn-box ~ div[data-app-only] .btn-wrap.flex, .form-list-wrap .form-item .form-cont .input-btn-box ~ div[data-app-only] .flex.btn-center-wrap, .form-list-wrap .form-item .form-cont .input-btn-box ~ div[data-app-only] .flex.btn-flex-wrap, .form-list-wrap .form-item .form-cont .input-btn-box ~ div[data-app-only] .flex.btn-right-wrap, .form-list-wrap .form-item .form-cont .ui-select ~ div[data-app-only] .btn-wrap.flex, .form-list-wrap .form-item .form-cont .ui-select ~ div[data-app-only] .flex.btn-center-wrap, .form-list-wrap .form-item .form-cont .ui-select ~ div[data-app-only] .flex.btn-flex-wrap, .form-list-wrap .form-item .form-cont .ui-select ~ div[data-app-only] .flex.btn-right-wrap, .form-list-wrap .form-item .form-cont .input-flex-box ~ div[data-app-only] .btn-wrap.flex, .form-list-wrap .form-item .form-cont .input-flex-box ~ div[data-app-only] .flex.btn-center-wrap, .form-list-wrap .form-item .form-cont .input-flex-box ~ div[data-app-only] .flex.btn-flex-wrap, .form-list-wrap .form-item .form-cont .input-flex-box ~ div[data-app-only] .flex.btn-right-wrap, .form-list-wrap .form-item .form-cont .input-box ~ div[data-app-only] .btn-wrap.flex, .form-list-wrap .form-item .form-cont .input-box ~ div[data-app-only] .flex.btn-center-wrap, .form-list-wrap .form-item .form-cont .input-box ~ div[data-app-only] .flex.btn-flex-wrap, .form-list-wrap .form-item .form-cont .input-box ~ div[data-app-only] .flex.btn-right-wrap, .form-list-wrap .form-item .form-cont .date-box ~ div[data-app-only] .btn-wrap.flex, .form-list-wrap .form-item .form-cont .date-box ~ div[data-app-only] .flex.btn-center-wrap, .form-list-wrap .form-item .form-cont .date-box ~ div[data-app-only] .flex.btn-flex-wrap, .form-list-wrap .form-item .form-cont .date-box ~ div[data-app-only] .flex.btn-right-wrap, .form-list-wrap .form-item .form-cont .date-picker-box ~ div[data-app-only] .btn-wrap.flex, .form-list-wrap .form-item .form-cont .date-picker-box ~ div[data-app-only] .flex.btn-center-wrap, .form-list-wrap .form-item .form-cont .date-picker-box ~ div[data-app-only] .flex.btn-flex-wrap, .form-list-wrap .form-item .form-cont .date-picker-box ~ div[data-app-only] .flex.btn-right-wrap {
	margin-top: 12px;
}
.form-list-wrap .form-item .form-cont .input-flex-box .input-btn-box ~ .input-btn-box, .form-list-wrap .form-item .form-cont .input-flex-box .input-btn-box ~ .ui-select, .form-list-wrap .form-item .form-cont .input-flex-box .input-btn-box ~ .input-box, .form-list-wrap .form-item .form-cont .input-flex-box .input-btn-box ~ .date-box, .form-list-wrap .form-item .form-cont .input-flex-box .input-btn-box ~ .date-picker-box, .form-list-wrap .form-item .form-cont .input-flex-box .ui-select ~ .input-btn-box, .form-list-wrap .form-item .form-cont .input-flex-box .ui-select ~ .ui-select, .form-list-wrap .form-item .form-cont .input-flex-box .ui-select ~ .input-box, .form-list-wrap .form-item .form-cont .input-flex-box .ui-select ~ .date-box, .form-list-wrap .form-item .form-cont .input-flex-box .ui-select ~ .date-picker-box, .form-list-wrap .form-item .form-cont .input-flex-box .input-box ~ .input-btn-box, .form-list-wrap .form-item .form-cont .input-flex-box .input-box ~ .ui-select, .form-list-wrap .form-item .form-cont .input-flex-box .input-box ~ .input-box, .form-list-wrap .form-item .form-cont .input-flex-box .input-box ~ .date-box, .form-list-wrap .form-item .form-cont .input-flex-box .input-box ~ .date-picker-box, .form-list-wrap .form-item .form-cont .input-flex-box .date-box ~ .input-btn-box, .form-list-wrap .form-item .form-cont .input-flex-box .date-box ~ .ui-select, .form-list-wrap .form-item .form-cont .input-flex-box .date-box ~ .input-box, .form-list-wrap .form-item .form-cont .input-flex-box .date-box ~ .date-box, .form-list-wrap .form-item .form-cont .input-flex-box .date-box ~ .date-picker-box, .form-list-wrap .form-item .form-cont .input-flex-box .date-picker-box ~ .input-btn-box, .form-list-wrap .form-item .form-cont .input-flex-box .date-picker-box ~ .ui-select, .form-list-wrap .form-item .form-cont .input-flex-box .date-picker-box ~ .input-box, .form-list-wrap .form-item .form-cont .input-flex-box .date-picker-box ~ .date-box, .form-list-wrap .form-item .form-cont .input-flex-box .date-picker-box ~ .date-picker-box {
	margin-top: 0;
}
.form-list-wrap .form-item .form-cont .input-box ~ .ui-row-list.type-btn {
	margin-top: 10px;
}
.form-list-wrap .form-item .form-cont .date-picker-box .ui-select, .form-list-wrap .form-item .form-cont .date-picker-box .date-box {
	margin-top: 0;
}
.form-list-wrap .form-item .form-cont .date-picker-box .ui-select ~ .date-box, .form-list-wrap .form-item .form-cont .date-picker-box .date-box ~ .date-box {
	margin-top: 0;
}
.form-list-wrap .form-item .form-cont .ui-row-list {
	margin-top: -10px;
}
.form-list-wrap .form-item .form-cont .ui-row-list.type-btn {
	margin-top: 0;
}
.form-list-wrap .form-item .form-cont .dot-text, .form-list-wrap .form-item .form-cont .dash-text {
	font-size: 13px;
	line-height: 18px;
	letter-spacing: -0.025em;
}
.form-list-wrap .form-item .form-cont .secure-text-area ~ .input-btn-box {
	margin-top: 12px;
}
.form-list-wrap .form-item .form-cont .secure-text-area ~ .input-btn-box .btn-md {
	width: 68px;
}
.form-list-wrap .form-item .form-cont .textarea-box .ui-textarea {
	height: 87px;
}
.form-list-wrap .form-item .form-cont .gray-box ~ .gray-box {
	margin-top: 10px;
}
.form-list-wrap .form-item .form-cont .input-flex-box ~ .dot-text,
.form-list-wrap .form-item .form-cont .attach-files ~ .dot-text {
	margin-top: 12px;
}
.form-list-wrap .form-item .form-cont .file-attach-wrap:first-child {
	margin-top: 18px;
}
.form-list-wrap .form-item ~ .form-box {
	margin-top: 20px;
}
.form-list-wrap .form-item.has-line {
	padding-top: 20px;
}
.form-list-wrap .form-item .form-cont .secure-text-area .button{height: 43px;width:43px;display: inline-block;cursor: pointer;border-radius: 3px;vertical-align: top;border:1px solid #DDE0E3;}
.form-list-wrap .form-item .form-cont .secure-text-area .button img{display: block;padding:12px}
.form-list-wrap .form-item .form-cont .secure-text-area .num_area img{width:130px}
.form-list-wrap .form-item .form-cont .input-btn-box.type02 .input-box input{width:300px;height:44px;border: 1px solid #DDE0E3;padding:0 16px;letter-spacing:-0.025em;outline: 0;line-height: 18px;font-size: 14px}
.form-list-wrap .form-item .form-cont .input-btn-box.type02 .input-box input:focus{border: 1px solid #00A5B9;}
.form-list-wrap .form-item .form-cont .secure-text-area.type02 button:focus{border: 1px solid #00A5B9;}
@media (min-width: 891px) {
	.form-list-wrap .form-list {
		margin: 0 -25px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		display: -webkit-flex;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		-webkit-box-align: start;
		-moz-box-align: start;
		-ms-flex-align: start;
		-webkit-align-items: flex-start;
		align-items: flex-start;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-moz-box-orient: horizontal;
		-moz-box-direction: normal;
		-ms-flex-direction: row;
		-webkit-flex-direction: row;
		flex-direction: row;
		flex-wrap: wrap;
	}
	.form-list-wrap .form-list .form-item {
		padding: 0 25px;
		width: 50%;
	}
	.form-list-wrap .form-list .form-item.pc-full, .form-list-wrap .form-list .form-item.pc-full-half {
		width: 100%;
	}
	.form-list-wrap .form-list .form-item:not(.pc-full, .pc-full-half):nth-child(2) {
		margin-top: 0;
	}
	.form-list-wrap .form-list .form-item ~ .form-item {margin-top:30px;}
	.form-list-wrap .form-list.grid-col1 .form-item {
		width: 100%;
	}
	.form-list-wrap .form-list.grid-col1 .form-item ~ .form-item {
		margin-top: 24px;
	}
}
.form-list-wrap + .gray-box {
	margin-top: 30px;
}
.form-list-wrap + .ui-col-list.has-line, .form-list-wrap + .btext-tit {
	margin-top: 30px;
}
.form-list-wrap ~ .btn-wrap.full, .form-list-wrap ~ .full.btn-center-wrap, .form-list-wrap ~ .full.btn-flex-wrap, .form-list-wrap ~ .full.btn-right-wrap {
	margin-top: 20px;
}
.form-list-wrap ~ .fold-wrap {
	margin-top: 20px;
}

/* input + button */
.input-btn-box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-moz-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	width: 100%;
}
.input-btn-box .input-box {
	flex: 1 1 auto;
}
.input-btn-box .input-box ~ .ui-select, .input-btn-box .input-box ~ .input-box {
	margin-left: 6px;
}
.input-btn-box .input-box ~ .gap {
	margin-left: 4px;
	flex-shrink: 0;
}
.input-btn-box .input-box ~ .btn-md {margin-left: 6px;}
.input-btn-box .btn-sm, .input-btn-box .btn-md, .input-btn-box .btn-lg, .input-btn-box .btn-xs {
	min-width: 80px;
	margin-left: 5px;
	flex: 0 0 auto;
}
.input-btn-box .gap {
	align-self: center;
	color: #000;
	font-weight: 500;
}

/* input 균등분활 */
.input-flex-box .ui-select, .input-flex-box .input-box {
	flex: 1;
}
.input-flex-box .ui-select ~ .gap, .input-flex-box .ui-select ~ .ui-select, .input-flex-box .ui-select ~ .input-box, .input-flex-box .ui-select ~ .btn-md, .input-flex-box .input-box ~ .gap, .input-flex-box .input-box ~ .ui-select, .input-flex-box .input-box ~ .input-box, .input-flex-box .input-box ~ .btn-md {
	margin-left: 6px;
}
.input-flex-box .gap {
	color: #000;
	font-weight: 500;
}

/* input 85% */
.input-flex-box .ui-select.w8 {
	flex: 0.8;
}
/* input 100% */
.input-flex-box-w100p .ui-select ~ .ui-select{
	margin-left: 0;
	margin-top: 6px;
}

/* jQueryUI - Datepicker */
.date-box {
	position: relative;
}
.date-box .ui-date {
	width: 100%;
	padding: 0 24px 0 16px;
	height: 44px;
	border: 1px solid #DDE0E3;
	border-radius: 4px;
	color: #000;
	font-weight: 500;
	font-size: 14px;
	line-height: 18px;
	letter-spacing: -0.025em;
	background-color: #fff;
	outline: 0;
	display: inline-block;
	line-height: 42px;
	letter-spacing: -0.025em;
	box-sizing: border-box;
	-moz-transition: border-color 0.2s ease-out;
	-webkit-transition: border-color 0.2s ease-out;
	transition: border-color 0.2s ease-out;
	outline: none;
}
.date-box .ui-date:active, .date-box .ui-date:focus {
	border-color: #000;
}
.date-box .ui-date[disabled], .date-box .ui-date[aria-disabled], .date-box .ui-date[readonly] {
	color: #AAA;
	pointer-events: none;
	cursor: default;
}
.date-box .ui-date::-webkit-input-placeholder {
	font-size: inherit;
	color: #AAA;
}
.date-box .ui-date:-ms-input-placeholder {
	font-size: inherit;
	color: #AAA;
}
.date-box .ui-date::-ms-input-placeholder {
	font-size: inherit;
	color: #AAA;
}
.date-box .ui-date::placeholder {
	font-size: inherit;
	color: #AAA;
}
.date-box .ui-date:-ms-input-placeholder {
	font-size: inherit;
	color: #AAA;
}
.date-box .ui-date::-ms-input-placeholder {
	font-size: inherit;
	color: #AAA;
}
.date-box .ui-datepicker-trigger {
	overflow: hidden;
	position: absolute;
	right: 2px;
	top: 0;
	cursor: pointer;
	width: 44px;
	height: 44px;
	background: url("../images/form/datepicker_icon_button.svg") center center no-repeat;
	background-size: 20px;
	color: transparent;
}
.date-box .ui-datepicker-trigger:before {
	content: "날짜 선택";
	position: absolute;
	display: block;
	overflow: hidden;
	width: 1px;
	height: 1px;
	clip: rect(1px, 1px, 1px, 1px);
}

.date-picker-box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-moz-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	flex-wrap: wrap;
}
.date-picker-box .ui-select {
	width: 100%;
	margin-top: 0;
	flex-shrink: 0;
}
.date-picker-box .ui-select .ui-selectmenu-button {
	width: 100%;
}
.date-picker-box .ui-select + .date-box {
	margin-left: 6px;
}
.date-picker-box .ui-select + .period-box {
	width: 100%;
}
.date-picker-box .ui-select + .period-box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-moz-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	width: 100%;
	margin-top: 6px;
}
@media (min-width: 891px) {
	.date-picker-box .ui-select {
		width: 126px;
	}
	.date-picker-box .ui-select + .period-box {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		display: -webkit-flex;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		-webkit-box-align: start;
		-moz-box-align: start;
		-ms-flex-align: start;
		-webkit-align-items: flex-start;
		align-items: flex-start;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-moz-box-orient: horizontal;
		-moz-box-direction: normal;
		-ms-flex-direction: row;
		-webkit-flex-direction: row;
		flex-direction: row;
		margin-top: 0;
		margin-left: 6px;
	}
}
@media (max-width: 890px) {
	.date-picker-box .btn-md {
		width: 100%;
		margin-top: 6px;
	}
	.form-list-wrap .form-item .form-cont .input-btn-box.type02 .input-box input{width:100%}
}
@media (min-width: 891px) {
	.date-picker-box {
		flex-wrap: nowrap;
	}
	.date-picker-box .btn-md {
		min-width: 80px;
	}
	.date-picker-box .date-box ~ .btn-md {
		margin-left: 6px;
	}
}
.date-picker-box .date-box {
	flex: 1;
}
.date-picker-box .date-box + .btn-ip {
	margin-left: 6px;
}
.date-picker-box .gap {
	display: inline-block;
	padding: 0 4px;
	font-size: 13px;
	color: #000;
	line-height: 42px;
	vertical-align: top;
	text-align: center;
	padding-bottom: 2px;
}

/* form select + input */
.form-sort-search {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-justify-content: center;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
}
.form-sort-search .form-sel {
	flex: 0 1 130px;
}
.form-sort-search .form-ip, .form-sort-search .ip-group-box {
	flex: 1;
	margin-left: 6px;
}

/* form - 유효성 검사 */
/* 유효성검사 체크 */
.valid-check .valid-desc {
	display: none;
	font-size: 13px;
	font-weight: 400;
	color: #666;
}
.valid-check.fail .ui-input, .valid-check.fail .ui-select select, .valid-check.fail .textarea-box, .valid-check.fail .ui-select .ui-selectmenu-button {
	border-color: #EF3D2E;
}
.valid-check.fail .valid-desc {
	display: block;
	margin-top: 6px;
	padding-left: 20px;
	background: url("../images/form/ico_warning.svg") 0 0 no-repeat;
	background-size: 16px;
	color: #EF3D2E;
}
.valid-check.fail .valid-desc-text {
	display: block;
	margin-top: 6px;
	color: #EF3D2E;
}

.input-box {
	position: relative;
	display: block;
}
.input-box + .ui-chk {
	margin-top: 12px;
}
.input-box ~ .input-box {
	margin-top: 6px;
}
.input-box.has-value .ui-input {
	padding-right: 35px;
}
.input-box.has-value .ui-input[disabled], .input-box.has-value .ui-input[readonly] {
	padding-right: 0;
}
.input-box.has-value .ui-input[disabled] ~ .btn-input-del, .input-box.has-value .ui-input[readonly] ~ .btn-input-del {
	display: none;
}
.input-box .ui-input {
	padding-right: 16px;
}
.input-box .form-ip-pw {
	display: inline-block;
}
.input-box .btn-input-del {
	display: none;
	position: absolute;
	top: 9px;
	right: 7px;
	width: 26px;
	height: 26px;
	background: url("../images/form/ico_inp_close.svg") center no-repeat;
	background-size: 16px;
}
.input-box .btn-input-search {
	position: absolute;
	top: 13px;
	right: 12px;
	width: 16px;
	height: 16px;
	background: url("../images/form/ico_search.svg") 0 0 no-repeat;
	background-size: 18px;
}
.input-box .btn-input-search + .btn-input-del {
	right: 38px;
}
.input-box .dot-text, .input-box .ui-chk {
	margin-top: 12px;
}
.input-box.has-value .btn-input-del {
	display: block;
}
.input-box.form-input-timer .ui-input {
	padding-right: 54px;
}
.input-box.form-input-timer .btn-input-del {
	right: 54px;
}
.input-box.form-input-timer .text-timer {
	position: absolute;
	top: 0;
	right: 16px;
	overflow: hidden;
	width: 33px;
	display: inline-block;
	vertical-align: top;
	line-height: 44px;
	font-size: 12px;
	font-weight: 500;
	color: #EF3D2E;
}
.input-box.form-input-timer.has-value .ui-input {
	padding-right: 85px;
}
.input-box.form-input-search .ui-input {
	padding-right: 35px;
}
.input-box.form-input-search.has-value .ui-input {
	padding-right: 62px;
}
.input-box.form-input-search .btn-input-del {
	right: 35px;
}
.input-box.form-counting .ui-input {
	padding-right: 61px;
}
.input-box.form-counting .btn-input-del {
	right: 58px;
}
.input-box.form-counting .count-check {
	position: absolute;
	top: 13px;
	right: 16px;
	display: inline-block;
	vertical-align: top;
	font-size: 12px;
	line-height: 16px;
	letter-spacing: -0.025em;
	font-weight: 500;
	color: #666;
}
.input-box.form-counting .count-check .count {
	-moz-transition: color 0.13s;
	-webkit-transition: color 0.13s;
	transition: color 0.13s;
	color: #666;
	font-size: 12px;
	line-height: 16px;
	letter-spacing: -0.025em;
	font-weight: 500;
}
.input-box.form-counting .count-check .total {
	color: #666;
	font-size: 12px;
	line-height: 16px;
	letter-spacing: -0.025em;
	font-weight: 500;
}
.input-box.form-counting.has-value .ui-input {
	padding-right: 85px;
}
.input-box.form-counting.has-value .ui-input:focus ~ .count-check .count {
	color: #000;
}
.input-box.form-counting.has-value .count-check .count {
	color: #EF3D2E;
}
.input-box[type=number]::-webkit-outer-spin-button, .input-box [type=number]::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.input-guide {
	display: block;
	margin-top: 6px;
	color: #666;
	font-size: 13px;
	line-height: 18px;
	letter-spacing: -0.025em;
}

.input-flex-box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	-webkit-box-align: stretch;
	-moz-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
}
.input-flex-box .gap {
	align-self: center;
}
.input-flex-box .ui-select ~ .input-box {
	margin-left: 6px;
}
.input-flex-box .input-box {
	flex: 1;
}
.input-flex-box .input-box ~ .input-box, .input-flex-box .input-box ~ .ui-select {
	margin-left: 6px;
}

.ui-input {
	width: 100%;
	padding: 0 16px;
	height: 44px;
	border: 1px solid #DDE0E3;
	border-radius: 4px;
	color: #000;
	font-weight: 500;
	font-size: 14px;
	line-height: 18px;
	letter-spacing: -0.025em;
	background-color: #fff;
	outline: 0;
}
.ui-input.search {
	padding-right: 32px;
}
.ui-input.right {
	text-align: right;
}
.ui-input::placeholder {
	font-size: 14px;
	font-weight: 500;
	color: #80878D;
}
.ui-input:focus {
	border-color: #00A5B9;
}
.ui-input:disabled, .ui-input[readonly] {
	background-color: rgba(221, 224, 227, 0.4);
	color: #AAA;
	-webkit-text-fill-color: #AAA;
	opacity: 1;
	border: 0;
}
.ui-input:disabled + .btn-input-search, .ui-input[readonly] + .btn-input-search {
	background: url("../images/form/ico_search_disabled.svg") 0 0 no-repeat;
	background-size: 18px 18px;
	pointer-events: none;
}
body.ios .ui-input, body.mac .ui-input {
	padding-top: 1px;
}

@media (max-width: 890px) {
	.ui-select {
		position: relative;
		/*&:after {
		    content: '';
		    display: block;
		    position: absolute;
		    width: 10px;
		    height: 10px;
		    top: 16px;
		    right: 16px;
		    @include mixins.ratio_images('../images/ui/ui_mo_ico_select_arr');
		}*/
	}
	.ui-select select {
		width: 100%;
		height: 44px;
		padding: 12px 36px 12px 16px;
		border: 1px solid #DDE0E3;
		background: #fff;
		margin: 0;
		font-size: 14px;
		line-height: 18px;
		letter-spacing: -0.025em;
		border-radius: 4px;
		font-weight: 500;
		color: #000;
		background: url("../images/ui/ui_mo_ico_select_arr.svg") right center no-repeat #fff;
		background-size: 25px 10px;
		outline: 0;
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}
	.ui-select select[disabled] {
		opacity: 40%;
		background: url("../images/ui/ui_mo_ico_select_arr.svg") right center no-repeat #DDE0E3;
		background-size: 25px 10px;
		border-color: #DDE0E3;
		-moz-background-clip: padding-box;
		-webkit-background-clip: padding-box;
		background-clip: padding-box;
	}
	.ui-select.sel-text {
		/*width: auto;*/
	}
	.ui-select.sel-text select {
		height: auto;
		/*width: auto;*/
		border: 0;
		padding: 0 16px 0 0;
		background: transparent;
		background: url("../images/ui/ui_ico_select_arr.svg") right center no-repeat;
		background-size: 10px 10px;
	}
	.ui-select.sel-text:after {
		top: 4px;
		right: 0;
	}
}
.search-form-wrap {
	margin-bottom: 20px;
}
@media (max-width: 890px) {
	.search-form-wrap .btn-addr-search + .btn-wrap, .search-form-wrap .btn-addr-search + .btn-center-wrap, .search-form-wrap .btn-addr-search + .btn-flex-wrap, .search-form-wrap .btn-addr-search + .btn-right-wrap {
		margin-top: 6px;
	}
	.search-form-wrap .input-flex-box .ui-select {
		flex: none;
		width: 30%;
		min-width: 30%;
	}
}
@media (min-width: 891px) {
	.search-form-wrap {
		margin-bottom: 0;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		display: -webkit-flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-justify-content: center;
		-webkit-box-align: center;
		-moz-box-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		align-items: center;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-moz-box-orient: horizontal;
		-moz-box-direction: normal;
		-ms-flex-direction: row;
		-webkit-flex-direction: row;
		flex-direction: row;
		padding: 16px;
		background: rgba(239, 241, 243, 0.4);
		border-radius: 4px;
	}
	.search-form-wrap .input-box {
		width: 395px;
		flex: none;
	}
	.search-form-wrap .ui-select {
		width: auto;
		min-width: 395px;
	}
	.search-form-wrap .input-flex-box .ui-select {
		min-width: 150px;
	}
	.search-form-wrap .input-flex-box .ui-select ~ .input-box {
		width: 335px;
	}
	.search-form-wrap.bg-white {
		padding: 0;
		background: #fff;
	}
}
@media (max-width: 890px) {
	.search-form-wrap.mo-full .btn-addr-search {
		max-width: none;
	}
	.search-form-wrap.mo-full .input-flex-box {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		display: -webkit-flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-justify-content: center;
		-webkit-box-align: center;
		-moz-box-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		align-items: center;
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		-moz-box-orient: vertical;
		-moz-box-direction: reverse;
		-ms-flex-direction: column;
		-webkit-flex-direction: column;
		flex-direction: column;
	}
	.search-form-wrap.mo-full .ui-select {
		width: 100%;
	}
	.search-form-wrap.mo-full .ui-select ~ .input-box {
		width: 100%;
		margin-left: 0;
		margin-top: 6px;
	}
	.search-form-wrap.mo-full .input-box {
		width: 100%;
	}
	.search-form-wrap.mo-full .input-box ~ .btn-wrap, .search-form-wrap.mo-full .input-box ~ .btn-center-wrap, .search-form-wrap.mo-full .input-box ~ .btn-flex-wrap, .search-form-wrap.mo-full .input-box ~ .btn-right-wrap {
		width: 100%;
		margin-left: 0;
		margin-top: 6px;
	}
}
.search-form-wrap ~ .event-list-wrap,
.search-form-wrap ~ .editor-wrap,
.search-form-wrap ~ .fold-wrap,
.search-form-wrap ~ .grid-list-wrap,
.search-form-wrap ~ .board-list-wrap,
.search-form-wrap ~ .btext-info-wrap {
	margin-top: 20px;
}

.textarea-box {
	overflow: hidden;
	position: relative;
	padding-bottom: 39px;
	border: 1px solid #DDE0E3;
	border-radius: 4px;
	background-color: #fff;
}
.textarea-box .ui-textarea {
	height: 110px;
	/*padding: 14px 16px 39px 16px;*/
	padding: 14px 16px 0;
	border: 0;
	background: transparent;
	border-radius: 0;
	resize: none;
	outline: 0;
	font-size: 14px;
	line-height: 18px;
	letter-spacing: -0.025em;
}
.textarea-box.has-value {
	padding-bottom: 39px;
}
.textarea-box.is-focus {
	border-color: #80878D;
}
.textarea-box.disabled {
	opacity: 0.4;
	background: #DDE0E3;
	border: #DDE0E3;
}
.textarea-box.disabled::-webkit-input-placeholder {
	font-size: inherit;
	color: #000;
}
.textarea-box.disabled:-ms-input-placeholder {
	font-size: inherit;
	color: #000;
}
.textarea-box.disabled::-ms-input-placeholder {
	font-size: inherit;
	color: #000;
}
.textarea-box.disabled::placeholder {
	font-size: inherit;
	color: #000;
}
.textarea-box.disabled:-ms-input-placeholder {
	font-size: inherit;
	color: #000;
}
.textarea-box.disabled::-ms-input-placeholder {
	font-size: inherit;
	color: #000;
}
body.ios .textarea-box.disabled, body.mac .textarea-box.disabled {
	-webkit-text-fill-color: #000;
}
.textarea-box .count-check {
	position: absolute;
	bottom: 14px;
	right: 16px;
	display: inline-block;
	vertical-align: top;
	color: #AAA;
	font-weight: 500;
}
body.ios .textarea-box .count-check, body.mac .textarea-box .count-check {
	-webkit-text-fill-color: #AAA;
}
.textarea-box .count-check .count {
	font-size: 12px;
	line-height: 16px;
	letter-spacing: -0.025em;
	font-weight: 500;
	color: #AAA;
	-moz-transition: color 0.13s;
	-webkit-transition: color 0.13s;
	transition: color 0.13s;
}
.textarea-box .count-check .total {
	font-size: 12px;
	line-height: 16px;
	letter-spacing: -0.025em;
	font-weight: 500;
	color: #AAA;
}
.textarea-box.has-value .ui-textarea:focus ~ .count-check .count {
	color: #000;
}
.textarea-box.has-value .count-check .count {
	color: #EF3D2E;
}
@media (min-width: 891px) {
	.textarea-box .ui-textarea {
		height: 147px;
	}
}

/* 첨부파일 이미지 타입*/
.attach-files {
	display: inline-block;
	font-size: 0;
	vertical-align: top;
}

.attach-box {
	position: relative;
	display: inline-block;
	border-radius: 4px;
	width: 90px;
	height: 90px;
	overflow: hidden;
}
.attach-box .attach-file {
	display: block;
	width: 100%;
	height: 100%;
	border: 1px dashed #DDE0E3;
	border-radius: 4px;
	cursor: pointer;
	background: url("../images/common/comm_ico_attach_add.svg") center no-repeat;
	background-size: 16px 16px;
}
.attach-box + .attach-box {
	margin-left: 6px;
}
.attach-box .attach-inp {
	display: none;
}
.attach-box .attach-img-wrap {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.attach-box .attach-img-wrap > img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.attach-box .attach-img-wrap .btn-remove {
	position: absolute;
	top: 6px;
	right: 6px;
}

/* 첨부파일 - 증빙서류 타입 */
.file-attach-wrap {
	position: relative;
	margin-top: 10px;
	/* 버튼 - 파일첨부 */
}
.file-attach-wrap .info-text-box {
	margin-top: 12px;
}
.file-attach-wrap .btn-attach {
	position: absolute;
	top: -42px;
	right: 0;
	display: inline-block;
	vertical-align: top;
}
.file-attach-wrap .btn-attach input[type=file] {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}
.file-attach-wrap .btn-attach label {
	display: block;
	border-radius: 6px;
	vertical-align: top;
	text-align: center;
	box-sizing: border-box;
	font-weight: 500;
	font-size: 13px;
	line-height: 18px;
	letter-spacing: -0.025em;
	height: 32px;
	padding: 6px 13px;
	color: #000;
	background-color: #fff;
	border: 1px solid #DDE0E3;
}
.file-attach-wrap .btn-attach label [class^=ico-] {
	width: 16px;
	height: 16px;
}
.file-attach-wrap .btn-attach label .text {
	font-weight: 500;
	font-size: 13px;
	line-height: 18px;
	letter-spacing: -0.025em;
}
.file-attach-wrap .btn-attach label:focus, .file-attach-wrap .btn-attach label:active {
	background-color: #EFF1F3;
}
.file-attach-wrap .btn-attach label[disabled], .file-attach-wrap .btn-attach label[aria-disabled], .file-attach-wrap .btn-attach label.disabled {
	background-color: #EFF1F3;
}
@media (min-width: 891px) {
	.file-attach-wrap .btn-attach label:hover {
		background-color: #EFF1F3;
	}
}
.file-attach-wrap .file-blank-box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-justify-content: center;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	width: 100%;
	height: 90px;
	border: 1px dashed #DDE0E3;
	border-radius: 4px;
	overflow: hidden;
	/*@include mixins.ratio_images('../images/common/comm_ico_attach_add', 16px 16px, center);*/
}
.file-attach-wrap .file-blank-box ~ .info-text-box,
.file-attach-wrap .file-blank-box ~ .dash-text,
.file-attach-wrap .file-blank-box ~ .dot-text {
	margin-top: 12px;
}
.file-attach-wrap .file-blank-box .text {
	color: #666;
}
.file-attach-wrap .attach-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-moz-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-box-orient: vertical;
	-webkit-box-direction: reverse;
	-moz-box-orient: vertical;
	-moz-box-direction: reverse;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column;
	margin-top: 10px;
}
.file-attach-wrap .attach-list .attached-item {
	width: 100%;
}
@media (min-width: 891px) {
	.file-attach-wrap .attach-list {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		display: -webkit-flex;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		-webkit-box-align: start;
		-moz-box-align: start;
		-ms-flex-align: start;
		-webkit-align-items: flex-start;
		align-items: flex-start;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-moz-box-orient: horizontal;
		-moz-box-direction: normal;
		-ms-flex-direction: row;
		-webkit-flex-direction: row;
		flex-direction: row;
	}
	.file-attach-wrap .attach-list .attached-item {
		min-width: calc((100% - 20px) / 3);
		max-width: none;
	}
	.file-attach-wrap .attach-list .attached-item ~ .attached-item {
		margin-top: 0;
		margin-left: 10px;
	}
}
.file-attach-wrap .attach-list ~ .info-text-box,
.file-attach-wrap .attach-list ~ .dash-text,
.file-attach-wrap .attach-list ~ .dot-text {
	margin-top: 12px;
}
.file-attach-wrap .attached-item {
	overflow: hidden;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	padding: 13px 14px 13px 17px;
	border-radius: 4px;
	background-color: #EFF1F3;
	border: solid 1px #DDE0E3;
	font-size: 12px;
	line-height: 16px;
	letter-spacing: -0.025em;
	color: #666;
}
.file-attach-wrap .attached-item ~ .attached-item {
	margin-top: 6px;
}
.file-attach-wrap .attached-item .name {
	display: inline-block;
	overflow: hidden;
	display: inline-block;
	vertical-align: top;
	max-width: 100%;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: top;
}
.file-attach-wrap .attached-item .extension {
	flex-shrink: 0;
	margin-right: 6px;
}
.file-attach-wrap .attached-item .btn-attached-del {
	flex-shrink: 0;
	margin-left: auto;
	width: 16px;
	height: 16px;
	background-repeat: no-repeat;
	background-position: center;
	background: url("../images/common/comm_ico_attach_remove_gray.svg") 0 0 no-repeat;
	background-size: 16px;
}
.file-attach-wrap .attached-item .btn-download {
	margin-left: auto;
}
.file-attach-wrap .attached-item .ico-clip {
	flex-shrink: 0;
	display: inline-block;
	width: 16px;
	height: 16px;
	margin: 0 3px 0 0;
	background: url("../images/common/comm_ico_attached_clip.svg") 0 0 no-repeat;
	background-size: 16px;
	vertical-align: top;
}
@media (min-width: 891px) {
	.file-attach-wrap .attached-item {
		max-width: 550px;
	}
}
.file-attach-wrap .attached-item ~ .info-text-box,
.file-attach-wrap .attached-item ~ .dash-text,
.file-attach-wrap .attached-item ~ .dot-text {
	margin-top: 12px;
}
.file-attach-wrap .attached-item .date {
	display: inline-block;
	font-weight: 600;
	color: #000;
	vertical-align: top;
}
.file-attach-wrap .attached-item .order-num {
	display: inline-block;
	margin-left: 4px;
	font-weight: 500;
	vertical-align: top;
}

/* 유틸리티 - 버튼  */
.util-btn-box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
}
.util-btn-box .right-box {
	margin-left: auto;
}

/* e : form */
/* s : 버튼 */
a, button {
	/* 버튼 공통 */
	/* 공유하기 */
}
a[disabled], a[aria-disabled=true], a.disabled, button[disabled], button[aria-disabled=true], button.disabled {
	pointer-events: none !important;
	cursor: default !important;
	text-decoration: none !important;
	opacity: 0.3;
}
a[disabled] *, a[aria-disabled=true] *, a.disabled *, button[disabled] *, button[aria-disabled=true] *, button.disabled * {
	text-decoration: none !important;
}
a[class^=btn-], button[class^=btn-] {
	display: inline-block;
	box-sizing: border-box;
	vertical-align: top;
}
@media (min-width: 891px) {
	a[class^=btn-]:hover, button[class^=btn-]:hover {
		cursor: pointer;
	}
	a[class^=btn-] .text, button[class^=btn-] .text {
		display: inline-block;
		position: relative;
		vertical-align: top;
	}
}
a[class^=btn-].has-sub-text, button[class^=btn-].has-sub-text {
	flex-direction: column;
}
a[class^=btn-].has-sub-text .text, button[class^=btn-].has-sub-text .text {
	overflow: hidden;
	max-height: 20px;
}
a[class^=btn-].has-sub-text .sub-text, button[class^=btn-].has-sub-text .sub-text {
	overflow: hidden;
	margin-top: 2px;
	max-height: 16px;
	font-size: 12px;
	line-height: 16px;
	letter-spacing: -0.025em;
	color: rgba(225, 225, 225, 0.6);
}
a.btn-round-share, button.btn-round-share {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-justify-content: center;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	width: 40px;
	height: 40px;
	background: #fff;
	border: 1px solid #DDE0E3;
	border-radius: 40px;
}
a.btn-round-share:before, button.btn-round-share:before {
	display: block;
	content: "";
	width: 16px;
	height: 16px;
	background: url("../images/common/comm_ico_share.svg") 0 0 no-repeat;
	background-size: cover;
}
a.btn-cart, button.btn-cart {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-justify-content: center;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	width: 36px;
	height: 36px;
	border: 1px solid rgba(0, 0, 0, 0.1);
	background: rgba(255, 255, 255, 0.9);
	-moz-backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
	border-radius: 36px;
}
a.btn-text-link [class^=ico-], button.btn-text-link [class^=ico-] {
	margin-top: 1px;
	margin-right: 6px;
}
a.btn-text-link .text, button.btn-text-link .text {
	font-weight: 500;
}
a.btn-text-link.type-sns .text, button.btn-text-link.type-sns .text {
	font-size: 13px;
	line-height: 18px;
	letter-spacing: -0.025em;
	color: #000;
}
a.btn-text-link.type-sns [class^=ico-], button.btn-text-link.type-sns [class^=ico-] {
	margin-top: 2px;
	margin-right: 0;
	margin-left: 4px;
}

a.btn, button.btn {
	/* 버튼 - 사이즈 */
	/* 공통 */
	/* 대버튼 */
	/* 중버튼 */
	/* 소버튼 */
	/* xs버튼 */
	/* 버튼 - 색상 */
	/* btn-primary */
	/* btn-yellow */
	/* btn-line-primary */
	/* btn-gray */
	/* btn-line-gray */
	/* btn-line-light-gray */
	/* 버튼 - 모양 */
	/* btn-pill */
	/* 버튼 */
	/* btn-header-order */
	/* btn-text-underline */
	/* btn-non-member */
	/* btn-store-marker 매장 핀 */
	/* btn-current-marker 마커 */
	/* btn-access-location 현 위치 */
	/* btn-eatz-mileage 통합 마일리지 */
}
a.btn-lg, a.btn-md, a.btn-sm, a.btn-xs, button.btn-lg, button.btn-md, button.btn-sm, button.btn-xs {
	display: -ms-inline-flexbox;
	display: inline-flex;
	display: -webkit-inline-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-justify-content: center;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	border-radius: 4px;
}
a.btn-lg [class^=ico-], a.btn-md [class^=ico-], a.btn-sm [class^=ico-], a.btn-xs [class^=ico-], button.btn-lg [class^=ico-], button.btn-md [class^=ico-], button.btn-sm [class^=ico-], button.btn-xs [class^=ico-] {
	margin-right: 6px;
}
a.btn-lg [class^=ico-]:last-child, a.btn-md [class^=ico-]:last-child, a.btn-sm [class^=ico-]:last-child, a.btn-xs [class^=ico-]:last-child, button.btn-lg [class^=ico-]:last-child, button.btn-md [class^=ico-]:last-child, button.btn-sm [class^=ico-]:last-child, button.btn-xs [class^=ico-]:last-child {
	margin-right: 0;
	margin-left: 6px;
}
a.btn-lg [class^=ico-] + [class^=ico-], a.btn-md [class^=ico-] + [class^=ico-], a.btn-sm [class^=ico-] + [class^=ico-], a.btn-xs [class^=ico-] + [class^=ico-], button.btn-lg [class^=ico-] + [class^=ico-], button.btn-md [class^=ico-] + [class^=ico-], button.btn-sm [class^=ico-] + [class^=ico-], button.btn-xs [class^=ico-] + [class^=ico-] {
	margin-left: 0;
}
a.btn-lg.active [class^=ico-], a.btn-md.active [class^=ico-], a.btn-sm.active [class^=ico-], a.btn-xs.active [class^=ico-], button.btn-lg.active [class^=ico-], button.btn-md.active [class^=ico-], button.btn-sm.active [class^=ico-], button.btn-xs.active [class^=ico-] {
	-moz-transform: rotateZ(0);
	-webkit-transform: rotateZ(0);
	transform: rotateZ(0);
}
a.btn-lg .text, a.btn-md .text, a.btn-sm .text, a.btn-xs .text, button.btn-lg .text, button.btn-md .text, button.btn-sm .text, button.btn-xs .text {
	/* 버튼 내 금액단위 영역 */
}
a.btn-lg .text .val ~ .val, a.btn-lg .text .val ~ .unit, a.btn-lg .text .unit ~ .val, a.btn-lg .text .unit ~ .unit, a.btn-md .text .val ~ .val, a.btn-md .text .val ~ .unit, a.btn-md .text .unit ~ .val, a.btn-md .text .unit ~ .unit, a.btn-sm .text .val ~ .val, a.btn-sm .text .val ~ .unit, a.btn-sm .text .unit ~ .val, a.btn-sm .text .unit ~ .unit, a.btn-xs .text .val ~ .val, a.btn-xs .text .val ~ .unit, a.btn-xs .text .unit ~ .val, a.btn-xs .text .unit ~ .unit, button.btn-lg .text .val ~ .val, button.btn-lg .text .val ~ .unit, button.btn-lg .text .unit ~ .val, button.btn-lg .text .unit ~ .unit, button.btn-md .text .val ~ .val, button.btn-md .text .val ~ .unit, button.btn-md .text .unit ~ .val, button.btn-md .text .unit ~ .unit, button.btn-sm .text .val ~ .val, button.btn-sm .text .val ~ .unit, button.btn-sm .text .unit ~ .val, button.btn-sm .text .unit ~ .unit, button.btn-xs .text .val ~ .val, button.btn-xs .text .val ~ .unit, button.btn-xs .text .unit ~ .val, button.btn-xs .text .unit ~ .unit {
	margin-left: 2px;
}
a.btn-lg, button.btn-lg {
	height: 56px;
	padding: 0 16px;
}
@media (min-width: 891px) {
	a.btn-lg, button.btn-lg {
		min-width: 200px;
	}
}
a.btn-lg .text, button.btn-lg .text {
	font-weight: 600;
	font-size: 16px;
	line-height: 22px;
	letter-spacing: -0.025em;
	/* 버튼 내 금액단위 영역 */
}
a.btn-lg .text .val, a.btn-lg .text .unit, button.btn-lg .text .val, button.btn-lg .text .unit {
	font-weight: inherit;
	font-size: 16px;
	line-height: 22px;
	letter-spacing: -0.025em;
}
a.btn-lg.btn-round, button.btn-lg.btn-round {
	border-radius: 28px;
}
a.btn-md, button.btn-md {
	height: 44px;
	padding: 0 16px;
}
a.btn-md [class^=ico-], button.btn-md [class^=ico-] {
	width: 16px;
	height: 16px;
}
a.btn-md .ico-arr-10, button.btn-md .ico-arr-10 {
	width: 10px;
	height: 10px;
}
a.btn-md .text, button.btn-md .text {
	font-weight: 600;
	font-size: 14px;
	line-height: 18px;
	letter-spacing: -0.025em;
	/* 버튼 내 금액단위 영역 */
}
a.btn-md .text .val, a.btn-md .text .unit, button.btn-md .text .val, button.btn-md .text .unit {
	font-weight: inherit;
	font-size: 14px;
	line-height: 18px;
	letter-spacing: -0.025em;
}
a.btn-md.btn-round, button.btn-md.btn-round {
	border-radius: 22px;
}
a.btn-sm, button.btn-sm {
	height: 32px;
	padding: 0 13px;
	background-color: #fff;
	border: 1px solid #D6DCE1;
}
a.btn-sm [class^=ico-], button.btn-sm [class^=ico-] {
	width: 16px;
	height: 16px;
}
a.btn-sm .text, button.btn-sm .text {
	font-weight: 500;
	font-size: 13px;
	line-height: 18px;
	letter-spacing: -0.025em;
	color: #000;
	/* 버튼 내 금액단위 영역 */
}
a.btn-sm .text .val, a.btn-sm .text .unit, button.btn-sm .text .val, button.btn-sm .text .unit {
	font-weight: inherit;
	font-size: 13px;
	line-height: 18px;
	letter-spacing: -0.025em;
}
a.btn-sm.btn-round, button.btn-sm.btn-round {
	border-radius: 16px;
}
a.btn-xs, button.btn-xs {
	height: 24px;
	padding: 0 10px;
	background-color: #fff;
	border: 1px solid #D6DCE1;
}
a.btn-xs .text, button.btn-xs .text {
	font-size: 12px;
	line-height: 16px;
	letter-spacing: -0.025em;
	color: #000;
	/* 버튼 내 금액단위 영역 */
}
a.btn-xs .text .val, a.btn-xs .text .unit, button.btn-xs .text .val, button.btn-xs .text .unit {
	font-size: 12px;
	line-height: 16px;
	letter-spacing: -0.025em;
}
a.btn-xs.btn-round, button.btn-xs.btn-round {
	border-radius: 20px;
}
a.btn-primary, button.btn-primary {
	background-color: #00A5B9;
	border: 1px solid #00A5B9;
}
a.btn-primary .text, button.btn-primary .text {
	color: #fff;
}
a.btn-primary:focus, a.btn-primary:active, button.btn-primary:focus, button.btn-primary:active {
	background: #008D9F;
	border-color: #008D9F;
}
.btn-primary.type02{border-radius: 100px;}
@media (min-width: 891px) {
	a.btn-primary:hover, button.btn-primary:hover {
		background: #008D9F;
		border-color: #008D9F;
	}
}
a.btn-yellow, button.btn-yellow {
	background-color: #FDCD00;
	border: 1px solid #FDCD00;
}
a.btn-yellow .text, button.btn-yellow .text {
	color: #000;
}
a.btn-yellow:focus, a.btn-yellow:active, button.btn-yellow:focus, button.btn-yellow:active {
	background: #F0B000;
	border-color: #F0B000;
}
@media (min-width: 891px) {
	a.btn-yellow:hover, button.btn-yellow:hover {
		background: #F0B000;
		border-color: #F0B000;
	}
}
a.btn-line-primary, button.btn-line-primary {
	background-color: #fff;
	border: 1px solid #00A5B9;
}
a.btn-line-primary .text, button.btn-line-primary .text {
	color: #00A5B9;
}
a.btn-line-primary:focus, a.btn-line-primary:active, button.btn-line-primary:focus, button.btn-line-primary:active {
	background-color: rgba(0, 165, 185, 0.1);
}
a.btn-line-primary[disabled], a.btn-line-primary[aria-disabled], a.btn-line-primary.disabled, button.btn-line-primary[disabled], button.btn-line-primary[aria-disabled], button.btn-line-primary.disabled {
	border-color: #00A5B9;
	background-color: #EFF1F3;
}
@media (min-width: 891px) {
	a.btn-line-primary:hover, button.btn-line-primary:hover {
		background-color: rgba(0, 165, 185, 0.1);
	}
}
a.btn-gray, button.btn-gray {
	background-color: #80878D;
	border: 1px solid #80878D;
}
a.btn-gray .text, button.btn-gray .text {
	color: #fff;
}
a.btn-gray:focus, a.btn-gray:active, button.btn-gray:focus, button.btn-gray:active {
	background-color: #677077;
}
a.btn-light-gray, button.btn-light-gray { /* UIUX Project */
	background-color: #eff1f3;
	border: 1px solid #eff1f3;
}
a.btn-light-gray .text, button.btn-light-gray .text {
	color: #444;
}
a.btn-light-gray:focus, a.btn-light-gray:active, button.btn-light-gray:focus, button.btn-light-gray:active {
	background-color: #eff1f3;
}
@media (min-width: 891px) {
	a.btn-gray:hover, button.btn-gray:hover {
		background-color: #677077;
	}
}
a.btn-line-gray, button.btn-line-gray {
	background-color: #fff;
	border: 1px solid #80878D;
}
a.btn-line-gray .text, button.btn-line-gray .text {
	color: #000;
}
a.btn-line-gray:focus, a.btn-line-gray:active, button.btn-line-gray:focus, button.btn-line-gray:active {
	background-color: #EFF1F3;
}
a.btn-line-gray[disabled], a.btn-line-gray[aria-disabled], a.btn-line-gray.disabled, button.btn-line-gray[disabled], button.btn-line-gray[aria-disabled], button.btn-line-gray.disabled {
	background-color: #EFF1F3;
}
@media (min-width: 891px) {
	a.btn-line-gray:hover, button.btn-line-gray:hover {
		background-color: #EFF1F3;
	}
}
a.btn-line-light-gray, button.btn-line-light-gray {
	background-color: #fff;
	border: 1px solid #DDE0E3;
}
a.btn-line-light-gray .text, button.btn-line-light-gray .text {
	color: #000;
}
a.btn-line-light-gray:focus, a.btn-line-light-gray:active, button.btn-line-light-gray:focus, button.btn-line-light-gray:active {
	background-color: #EFF1F3;
}
a.btn-line-light-gray[disabled], a.btn-line-light-gray[aria-disabled], a.btn-line-light-gray.disabled, button.btn-line-light-gray[disabled], button.btn-line-light-gray[aria-disabled], button.btn-line-light-gray.disabled {
	background-color: #EFF1F3;
}
@media (min-width: 891px) {
	a.btn-line-light-gray:hover, button.btn-line-light-gray:hover {
		background-color: #EFF1F3;
	}
}
a.btn-pill, button.btn-pill {
	display: -ms-inline-flexbox;
	display: inline-flex;
	display: -webkit-inline-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-justify-content: center;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	height: 32px;
	padding: 0 16px;
	background-color: #fff;
	border: 1px solid #D6DCE1;
	border-radius: 17px;
}
a.btn-pill:after, button.btn-pill:after {
	content: "";
	display: inline-block;
	margin-left: 6px;
	width: 10px;
	height: 10px;
	vertical-align: top;
	background: url("../images/ui/ui_ico_select_arr.svg") 0 0 no-repeat;
	background-size: cover;
}
a.btn-pill .text, button.btn-pill .text {
	font-size: 13px;
	line-height: 18px;
	letter-spacing: -0.025em;
	color: #000;
}
a.btn-header-order, button.btn-header-order {
	color: #fff;
	padding: 0 18px;
	border: 1px solid #00A5B9;
	border-radius: 22px;
	background-color: #00A5B9;
	box-shadow: 0 5px 10px rgba(0, 165, 185, 0.3);
	/*.ico-order-logo {
	    margin: {
	        right: 4px;
	    }
	    width: 34px;
	    height: 11px;
	    @include mixins.ratio_images('../images/common/comm_order_logo');
	}*/
}
a.btn-header-order:focus, a.btn-header-order:active, button.btn-header-order:focus, button.btn-header-order:active {
	background: #008D9F;
	border-color: #008D9F;
}
a.btn-header-order .ico-eatz-character{width: 24px;height: 24px;}
button.btn-header-order .ico-eatz-character {width: 24px;height: 24px;margin-right: 5px;}
a.btn-header-order .ico-text-order, button.btn-header-order .ico-text-order {
	width: 47px;
	height: 15px;
	margin-left: 0;
}
@media (min-width: 891px) {
	a.btn-header-order:hover, button.btn-header-order:hover {
		background: #008D9F;
		border-color: #008D9F;
	}
}
a.btn-text-underline .text, button.btn-text-underline .text {
	display: inline-block;
	vertical-align: top;
	font-size: 12px;
	line-height: 16px;
	letter-spacing: -0.025em;
	text-decoration: underline;
	color: #000;
}
a.btn-text-underline .ico-arr-8, button.btn-text-underline .ico-arr-8 {
	margin-top: 4px;
}
a.btn-text-underline.size-lg .text, button.btn-text-underline.size-lg .text {
	font-size: 13px;
	line-height: 18px;
	letter-spacing: -0.025em;
}
a.btn-non-member, button.btn-non-member {
	-moz-transform: rotateZ(0);
	-webkit-transform: rotateZ(0);
	transform: rotateZ(0);
	-moz-transition: transform 0.15s cubic-bezier(0.17, 0.67, 0.29, 1.32);
	-webkit-transition: transform 0.15s cubic-bezier(0.17, 0.67, 0.29, 1.32);
	transition: transform 0.15s cubic-bezier(0.17, 0.67, 0.29, 1.32);
}
a.btn-non-member.active .offscreen:first-child, button.btn-non-member.active .offscreen:first-child {
	display: none;
}
a.btn-non-member.active .offscreen:last-child, button.btn-non-member.active .offscreen:last-child {
	display: block;
}
a.btn-non-member .offscreen, button.btn-non-member .offscreen {
	display: none;
}
a.btn-non-member .offscreen:first-child, button.btn-non-member .offscreen:first-child {
	display: block;
}
a.btn-non-member .offscreen:last-child, button.btn-non-member .offscreen:last-child {
	display: none;
}
a.btn-non-member .text, button.btn-non-member .text {
	color: #000;
	font-weight: 500;
	border-bottom: 1px solid #000;
}
a.btn-store-marker, button.btn-store-marker {
	z-index: 5;
}
a.btn-store-marker .store-name, button.btn-store-marker .store-name {
	display: block;
	margin-top: -3px;
	font-size: 13px;
	line-height: 18px;
	letter-spacing: -0.025em;
	color: #000;
	font-weight: 600;
}
a.btn-store-marker img, button.btn-store-marker img {
	width: 44px;
	height: 46px;
}
a.btn-current-marker img, button.btn-current-marker img {
	width: 40px;
	height: 47px;
}
a.btn-access-location img, button.btn-access-location img {
	width: 22px;
	height: 22px;
}
a.btn-eatz-mileage, button.btn-eatz-mileage {
	line-height: 20px;
	font-size: 0;
}
a.btn-eatz-mileage .text, button.btn-eatz-mileage .text {
	display: inline-block;
	margin-left: 6px;
	font-weight: 500;
	color: #000;
	vertical-align: top;
}
a.btn-eatz-mileage .num, button.btn-eatz-mileage .num {
	display: inline-block;
	margin-left: 6px;
	font-weight: 600;
	color: #000;
	vertical-align: top;
}
a.btn-eatz-mileage .ico-arr-h10-bold, button.btn-eatz-mileage .ico-arr-h10-bold {
	margin: 5px 0 0 3px;
}

/* btn-more-view */
.btn-more-view {position: relative;display: inline-block;vertical-align: top;padding-right: 12px;color: #000;font-size: 14px;line-height: 18px;letter-spacing: -0.025em;}
.btn-more-view:after {position: absolute;top: 50%;right: 0;content: "";display: inline-block;width: 10px;height: 10px;margin-top: -5px;vertical-align: top;background: url("../images/common/comm_ico_more_view_arr.svg") 0 0 no-repeat;background-size: cover;}
.btn-more-view.type_gray{color: #666 }
.btn-more-view.type_gray:after {width: 10px;height: 10px;margin-top: -5px;background: url("../images/common/comm_ico_arr_right_h16_gray.svg") 0 0 no-repeat;background-size: cover;}
.btn-more-view .text {font-size: 14px;line-height: 18px;letter-spacing: -0.025em;}
.btn-more-view.size-lg {
	padding-right: 13px;
	font-size: 16px;
	line-height: 22px;
	letter-spacing: -0.025em;
}
.btn-more-view.size-lg:after {
	background: url("../images/common/comm_ico_more_view_arr_lg.svg") 0 0 no-repeat;
	background-size: cover;
}
.btn-more-view.size-lg .text {
	font-weight: 600;
	font-size: 16px;
	line-height: 22px;
	letter-spacing: -0.025em;
}
.btn-more-view.no-arr:after {
	display: none;
}
.btn-more-view.type-white .text {
	color: #fff;
}
.btn-more-view.type-white:after {
	background: url("../images/common/comm_ico_more_view_arr_white.svg") 0 0 no-repeat;
	background-size: cover;
}
.btn-more-view .ico-mile-mint ~ .text {
	margin-left: 6px;
	font-size: 14px;
}
.btn-more-view .ico-mile-mint ~ .price {
	display: inline-block;
	margin-left: 6px;
	font-weight: 600;
	line-height: 22px;
	vertical-align: top;
	color: #00A5B9;
}

/* 버튼 - 정렬 */
.page-btn-wrap, .btn-wrap, .btn-center-wrap, .btn-flex-wrap, .btn-right-wrap {
	text-align: center;
}
.page-btn-wrap:not(.auto) [class^=btn-], .btn-wrap:not(.auto) [class^=btn-], .btn-center-wrap:not(.auto) [class^=btn-], .btn-flex-wrap:not(.auto) [class^=btn-], .btn-right-wrap:not(.auto) [class^=btn-] {
	/*flex: 1;
	min-width: auto;*/
}
.page-btn-wrap.auto, .btn-wrap.auto, .auto.btn-center-wrap, .auto.btn-flex-wrap, .auto.btn-right-wrap {
	display: flex;
}
.page-btn-wrap.auto [class^=btn-], .btn-wrap.auto [class^=btn-], .auto.btn-center-wrap [class^=btn-], .auto.btn-flex-wrap [class^=btn-], .auto.btn-right-wrap [class^=btn-] {
	flex: 0 1 auto;
}
.page-btn-wrap.full, .btn-wrap.full, .full.btn-center-wrap, .full.btn-flex-wrap, .full.btn-right-wrap {
	flex-wrap: wrap;
}
.page-btn-wrap.full [class^=btn-], .btn-wrap.full [class^=btn-], .full.btn-center-wrap [class^=btn-], .full.btn-flex-wrap [class^=btn-], .full.btn-right-wrap [class^=btn-] {
	flex: 0 auto;
	width: 100%;
	min-width: auto;
}
.page-btn-wrap.full [class^=btn-] + [class^=btn-], .btn-wrap.full [class^=btn-] + [class^=btn-], .full.btn-center-wrap [class^=btn-] + [class^=btn-], .full.btn-flex-wrap [class^=btn-] + [class^=btn-], .full.btn-right-wrap [class^=btn-] + [class^=btn-] {
	margin: 10px 0 0;
}
.page-btn-wrap.flex [class^=btn-], .btn-wrap.flex [class^=btn-], .flex.btn-center-wrap [class^=btn-], .flex.btn-flex-wrap [class^=btn-], .flex.btn-right-wrap [class^=btn-] {
	flex: 1;
	width: 100%;
	min-width: auto;
}
.page-btn-wrap.flex [class^=btn-] + [class^=btn-], .btn-wrap.flex [class^=btn-] + [class^=btn-], .flex.btn-center-wrap [class^=btn-] + [class^=btn-], .flex.btn-flex-wrap [class^=btn-] + [class^=btn-], .flex.btn-right-wrap [class^=btn-] + [class^=btn-] {
	margin-left: 6px;
}

/* 페이지 맨 하단 대버튼 */
.page-btn-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-justify-content: center;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	margin-top: 30px;
}
.page-btn-wrap [class^=btn-]:not([style*="display: none"]) ~ [class^=btn-] {
	margin-left: 10px;
}
@media (min-width: 891px) {
	.page-btn-wrap {
		margin-top: 50px;
	}
}
@media (max-width: 890px) {
	.page-btn-wrap [class^=btn-] {
		flex: 1;
		min-width: auto;
	}
}
.page-btn-wrap.auto [class^=btn-] + [class^=btn-] {
	margin-left: 10px;
}
@media (min-width: 891px) {
	.page-btn-wrap [class^=btn-] {
		min-width: 200px;
	}
}

/* 버튼 랩 */
.btn-wrap, .btn-center-wrap, .btn-flex-wrap, .btn-right-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-moz-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
}
.btn-wrap [class^=btn-] + [class^=btn-], .btn-center-wrap [class^=btn-] + [class^=btn-], .btn-flex-wrap [class^=btn-] + [class^=btn-], .btn-right-wrap [class^=btn-] + [class^=btn-] {
	margin-left: 6px;
}
.btn-wrap.auto [class^=btn-] + [class^=btn-], .auto.btn-center-wrap [class^=btn-] + [class^=btn-], .auto.btn-flex-wrap [class^=btn-] + [class^=btn-], .auto.btn-right-wrap [class^=btn-] + [class^=btn-] {
	margin-left: 6px;
}
.btn-wrap.top-dash, .top-dash.btn-center-wrap, .top-dash.btn-flex-wrap, .top-dash.btn-right-wrap {
	margin-top: 20px;
	border-top: 1px dashed #DDE0E3;
}
.btn-wrap.top-dash .btn-more-view, .top-dash.btn-center-wrap .btn-more-view, .top-dash.btn-flex-wrap .btn-more-view, .top-dash.btn-right-wrap .btn-more-view {
	margin-top: 20px;
}
.btn-wrap.col2, .col2.btn-center-wrap, .col2.btn-flex-wrap, .col2.btn-right-wrap {
	flex-wrap: wrap;
}
.btn-wrap.col2 [class^=btn-], .col2.btn-center-wrap [class^=btn-], .col2.btn-flex-wrap [class^=btn-], .col2.btn-right-wrap [class^=btn-] {
	width: calc(50% - 3px);
}
.btn-wrap.col2 [class^=btn-]:nth-child(n+3), .col2.btn-center-wrap [class^=btn-]:nth-child(n+3), .col2.btn-flex-wrap [class^=btn-]:nth-child(n+3), .col2.btn-right-wrap [class^=btn-]:nth-child(n+3) {
	margin-top: 6px;
}
.btn-wrap.col2 [class^=btn-]:nth-child(2n+1), .col2.btn-center-wrap [class^=btn-]:nth-child(2n+1), .col2.btn-flex-wrap [class^=btn-]:nth-child(2n+1), .col2.btn-right-wrap [class^=btn-]:nth-child(2n+1) {
	margin-left: 0;
}
@media (max-width: 890px) {
	.btn-wrap.mo-flex [class^=btn-], .mo-flex.btn-center-wrap [class^=btn-], .mo-flex.btn-flex-wrap [class^=btn-], .mo-flex.btn-right-wrap [class^=btn-] {
		flex: 1;
		width: 100%;
		min-width: auto;
	}
}
@media (min-width: 891px) {
	.btn-wrap.top-dash, .top-dash.btn-center-wrap, .top-dash.btn-flex-wrap, .top-dash.btn-right-wrap {
		margin-top: 30px;
	}
}
.btn-wrap + .btext-tit, .btn-center-wrap + .btext-tit, .btn-flex-wrap + .btext-tit, .btn-right-wrap + .btext-tit {
	margin-top: 30px;
}

.btn-right-wrap {
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}

.btn-flex-wrap {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-justify-content: space-between;
}
.btn-flex-wrap .right-box {
	margin-left: auto;
}

.btn-center-wrap {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-justify-content: center;
}

.btn-copy-url {
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background-color: #80878D;
}
@media (min-width: 891px) {
	.btn-copy-url {
		width: 49px;
		height: 49px;
	}
}
.btn-copy-url .text {
	font-size: 13px;
	line-height: 18px;
	letter-spacing: -0.025em;
	color: #fff;
	font-weight: 600;
}

/* 아이콘 버튼  */
.btn-info {
	display: inline-block;
	width: 16px;
	height: 16px;
}
.btn-info [class^=ico-] {
	display: inline-block;
	width: 16px;
	height: 16px;
	vertical-align: top;
	border: 1px solid #DDE0E3;
	border-radius: 16px;
	transition: background 0.2s ease-out;
	background-color: #fff;
}
.btn-info .ico-arr-down-8 {
	-moz-transition: transform 0.15s cubic-bezier(0.17, 0.67, 0.29, 1.32);
	-webkit-transition: transform 0.15s cubic-bezier(0.17, 0.67, 0.29, 1.32);
	transition: transform 0.15s cubic-bezier(0.17, 0.67, 0.29, 1.32);
}
.btn-info.active .ico-arr-down-8 {
	-moz-transform: rotateZ(180deg);
	-webkit-transform: rotateZ(180deg);
	transform: rotateZ(180deg);
}

/* search형 버튼 */
.btn-addr-search {
	position: relative;
	width: 100%;
	max-width: 395px;
	padding: 0 30px 0 16px;
	height: 44px;
	border: 1px solid #DDE0E3;
	border-radius: 4px;
	text-align: left;
	background-color: #fff;
}
.btn-addr-search .text {
	color: #AAA;
	font-weight: 500;
	font-size: 14px;
	line-height: 18px;
	letter-spacing: -0.025em;
}
.btn-addr-search [class^=ico-] {
	position: absolute;
	right: 12px;
	top: 50%;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

/* 버튼형 매장정보 */
button.store-name {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	flex-wrap: wrap;
}
button.store-name [class^=badge-], button.store-name [class^=ico-] {
	flex-shrink: 0;
}

.btn-small-delete {
	width: 16px;
	height: 16px;
	background: url("../images/common/comm_ico_x_gray_h16.svg") 0 0 no-repeat;
	background-size: 16px 16px;
}

/* 레이어 팝업 닫기 버튼 */
.btn-layer-close {
	z-index: 3;
	display: block;
	width: 26px;
	height: 26px;
	padding: 5px;
	background: url("../images/common/comm_ico_layer_close_gray.svg") center no-repeat;
	background-size: 16px 16px;
}

.order-state-box .btn-layer-close {
	position: absolute;
	top: 9px;
	right: 9px;
	background-image: url("../images/common/comm_ico_layer_close_white.svg");
}
.order-state-layer .btn-layer-close {
	position: absolute;
	top: 9px;
	right: 9px;
	background-image: url("../images/common/comm_ico_layer_close_gray.svg");
}

/* 필터 - 선택된 값 있는 경우 */
.btn-sm.is-selected {
	position: relative;
}
.btn-sm.is-selected:after {
	content: "선택";
	position: absolute;
	top: 6px;
	right: 5px;
	display: inline-block;
	width: 4px;
	height: 4px;
	overflow: hidden;
	border-radius: 4px;
	background-color: #00A5B9;
	font-size: 1px;
	line-height: 0;
	color: transparent;
}

/* e : 버튼 */
/* s : vendors */
[data-role=dialog] {
	display: none;
}

body.dialog-open {
	width: 100%;
	/*height: var(--reVh, 1vh);*/
	top: 0;
	left: 0;
	overflow-y: hidden;
}
@media (max-width: 890px) {
	body.dialog-open {
		/*position: fixed;*/
		overflow: hidden;
		/*height: 100vh;*/
	}
}

/* jquery UI - dialog */
.ui-dialog-container {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	/*height: 100%;*/
	height: var(--reVh, 1vh);
	padding: 20px;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}
@media (min-width: 891px) {
	.ui-dialog-container {
		overflow-y: scroll;
		/*-ms-overflow-style: none;
		scrollbar-width: none;

		&::-webkit-scrollbar {
		    display: none;
		}*/
	}
}
.ui-dialog-container .store-info-box {
	max-width: 360px;
}
.ui-dialog-container .ui-dialog {
	z-index: 100;
	position: relative;
	width: 100% !important;
	max-width: 335px !important;
	height: auto;
	padding: 0;
	background-color: #fff;
	border-radius: 10px;
	overflow: hidden;
	/* alert popup */
	/* pc popup - size */
}
.ui-dialog-container .ui-dialog .ui-dialog-titlebar {
	display: none;
}
.ui-dialog-container .ui-dialog.dialog-alert .dialog-body {
	padding: 13px 20px 12px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	text-align: center;
	background: #fff;
	flex: 1 0 auto;
}
.ui-dialog-container .ui-dialog.dialog-alert .dialog-body .alert-desc {
	flex: 1;
	font-size: 16px;
	line-height: 22px;
	letter-spacing: -0.025em;
	font-weight: 500;
	color: #000;
	/*word-break: keep-all;*/
}
.ui-dialog-container .ui-dialog.dialog-alert .dialog-footer {
	padding-top: 20px;
}
@media (min-width: 891px) {
	.ui-dialog-container .ui-dialog {
		width: 400px !important;
		max-width: none !important;
		/* middle popup */
		/* large popup */
	}
	.ui-dialog-container .ui-dialog.dialog-md {
		width: 500px !important;
	}
	.ui-dialog-container .ui-dialog.dialog-lg, .ui-dialog-container .ui-dialog.dialog-full {
		width: 800px !important;
	}
	.ui-dialog-container .ui-dialog.dialog-md.dialog-full{ /*UIUX Project*/
		width: 500px !important;
	}
}
@media (max-width: 890px) {
	.ui-dialog-container .ui-dialog {
		/* mobile - full popup */
		/* mobile - lg popup */
		/* mobile - bottom popup */
		/* map-wrap */
	}
	.ui-dialog-container .ui-dialog.dialog-full {
		position: fixed;
		top:  var(--TopPadding);
		left: 0;
		height: 100% !important;
		max-width: 100% !important;
		border-radius: 0;
	}
	.ui-dialog-container .ui-dialog.dialog-full .ui-dialog-content {
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
		height: 100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		display: -webkit-flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-justify-content: space-between;
		-webkit-box-align: stretch;
		-moz-box-align: stretch;
		-ms-flex-align: stretch;
		align-items: stretch;
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		-moz-box-orient: vertical;
		-moz-box-direction: reverse;
		-ms-flex-direction: column;
		-webkit-flex-direction: column;
		flex-direction: column;
	}
	.ui-dialog-container .ui-dialog.dialog-full .ui-dialog-content .dialog-body {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		display: -webkit-flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-justify-content: space-between;
		-webkit-box-align: stretch;
		-moz-box-align: stretch;
		-ms-flex-align: stretch;
		align-items: stretch;
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		-moz-box-orient: vertical;
		-moz-box-direction: reverse;
		-ms-flex-direction: column;
		-webkit-flex-direction: column;
		flex-direction: column;
		flex: 1;
	}
	.ui-dialog-container .ui-dialog.dialog-full .ui-dialog-content .dialog-body .cont-box {
		width: 100%;
	}
	.ui-dialog-container .ui-dialog.dialog-full .ui-dialog-content .dialog-body .cont-box:last-child {
		flex: 1;
	}
	.ui-dialog-container .ui-dialog.dialog-full .ui-dialog-content .dialog-body .cont-box:last-child .cont-inner {
		padding-bottom: 80px;
	}
	.ui-dialog-container .ui-dialog.dialog-full .ui-dialog-content .dialog-body .cont-box:first-child .cont-inner {
		padding-top: 20px;
	}
	.ui-dialog-container .ui-dialog.dialog-full .ui-dialog-content .dialog-footer {
		/*padding-top: 30px;*/
		margin-top: auto;
	}
	.ui-dialog-container .ui-dialog.dialog-full ~ .ui-widget-overlay {
		display: none;
	}
	.ui-dialog-container .ui-dialog.dialog-lg {
		max-width: none !important;
	}
	.ui-dialog-container .ui-dialog.dialog-bottom {
		position: fixed;
		top: auto;
		left: 0;
		bottom: 0;
		max-width: 100% !important;
		-moz-transform: translateY(100%);
		-webkit-transform: translateY(100%);
		transform: translateY(100%);
		border-radius: 10px 10px 0 0;
	}
	.ui-dialog-container .ui-dialog.dialog-bottom .ui-dialog-content {
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
		/*max-height: 100%;*/
		max-height: var(--reVh, 1vh);
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		display: -webkit-flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-justify-content: space-between;
		-webkit-box-align: stretch;
		-moz-box-align: stretch;
		-ms-flex-align: stretch;
		align-items: stretch;
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		-moz-box-orient: vertical;
		-moz-box-direction: reverse;
		-ms-flex-direction: column;
		-webkit-flex-direction: column;
		flex-direction: column;
	}
	.ui-dialog-container .ui-dialog.dialog-bottom .ui-dialog-content .dialog-body {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		display: -webkit-flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-justify-content: space-between;
		-webkit-box-align: stretch;
		-moz-box-align: stretch;
		-ms-flex-align: stretch;
		align-items: stretch;
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		-moz-box-orient: vertical;
		-moz-box-direction: reverse;
		-ms-flex-direction: column;
		-webkit-flex-direction: column;
		flex-direction: column;
		flex: 1;
	}
	.ui-dialog-container .ui-dialog.dialog-bottom .ui-dialog-content .dialog-body .cont-box {
		width: 100%;
	}
	.ui-dialog-container .ui-dialog.dialog-bottom .ui-dialog-content .dialog-body .cont-box:last-child {
		flex: 1;
	}
	.ui-dialog-container .ui-dialog .dialog-body .cont-box:first-child .map-wrap:first-child {
		margin-top: -20px;
	}
}
.ui-dialog-container .ui-widget-overlay {
	background-color: rgba(0, 0, 0, 0.5);
	height: var(--reVh, 1vh);
}
.ui-dialog-container .ui-dialog-content {
	position: relative;
	overflow: hidden;
	padding: 20px 0 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	-webkit-box-align: stretch;
	-moz-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-webkit-box-orient: vertical;
	-webkit-box-direction: reverse;
	-moz-box-orient: vertical;
	-moz-box-direction: reverse;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column;
}
.ui-dialog-container .ui-dialog-content .dialog-header {
	margin: 0 20px 20px;
	padding-right: 44px;
}
.ui-dialog-container .ui-dialog-content .dialog-header .pop-tit {
	font-size: 18px;
	line-height: 24px;
	letter-spacing: -0.025em;
	font-weight: 600;
	color: #000;
}
.ui-dialog-container .ui-dialog-content .dialog-header .pop-tit .ico-logo-lpoint.size-xl {
	margin-right: 6px;
	vertical-align: -1px;
}
.ui-dialog-container .ui-dialog-content .dialog-header .pop-tit.type-other {
	font-size: 22px;
	line-height: 28px;
	letter-spacing: -0.025em;
	line-height: 30px;
	font-weight: 400;
}
.ui-dialog-container .ui-dialog-content .dialog-header .pop-tit.type-other .fc-spot {
	font-size: inherit;
	font-weight: 600;
}
.ui-dialog-container .ui-dialog-content .dialog-body {
	font-size: 14px;
	line-height: 18px;
	letter-spacing: -0.025em;
	/*overflow-x: hidden;
	overflow-y: auto;*/
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-moz-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-box-orient: vertical;
	-webkit-box-direction: reverse;
	-moz-box-orient: vertical;
	-moz-box-direction: reverse;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column;
	background: #F3F5F7;
	flex: 1 0 auto;
}
.ui-dialog-container .ui-dialog-content .dialog-body .map-wrap {
	margin-bottom: 30px;
}
.ui-dialog-container .ui-dialog-content .dialog-body .editor-wrap {
	color: #000;
}
.ui-dialog-container .ui-dialog-content .dialog-body .search-form-wrap.bg-white .input-flex-box {
	width: 100%;
	overflow: hidden;
}
.ui-dialog-container .ui-dialog-content .dialog-body .search-form-wrap.bg-white .input-flex-box .ui-select {
	flex: none;
}
.ui-dialog-container .ui-dialog-content .dialog-body .search-form-wrap.bg-white .input-flex-box .form-input-search {
	width: auto;
	flex: 1;
}
.ui-dialog-container .ui-dialog-content .dialog-body .cont-box:first-child .cont-inner {
	padding-top: 0;
}
.ui-dialog-container .ui-dialog-content .dialog-body .cont-box:first-child.gray-box .cont-inner {
	padding-top: 20px;
}
.ui-dialog-container .ui-dialog-content .dialog-body .cont-box {
	width: 100%;
}
.ui-dialog-container .ui-dialog-content .dialog-body .cont-box:last-child {
	flex: 1 0 auto;
}
.ui-dialog-container .ui-dialog-content .dialog-body .cont-box:last-child .cont-inner {
	padding-bottom: 30px;
}
.ui-dialog-container .ui-dialog-content .dialog-body .cont-box.type-search-only .cont-inner {
	padding-bottom: 0;
}
.ui-dialog-container .ui-dialog-content .dialog-body .cont-box.type-search-only .search-form-wrap.bg-white {
	padding-bottom: 20px;
}
@media (min-width: 891px) {
	.ui-dialog-container .ui-dialog-content .dialog-body .cont-box.type-search-only .search-form-wrap .btn-wrap, .ui-dialog-container .ui-dialog-content .dialog-body .cont-box.type-search-only .search-form-wrap .btn-right-wrap, .ui-dialog-container .ui-dialog-content .dialog-body .cont-box.type-search-only .search-form-wrap .btn-flex-wrap, .ui-dialog-container .ui-dialog-content .dialog-body .cont-box.type-search-only .search-form-wrap .btn-center-wrap {
		margin-left: 5px;
	}
}
.ui-dialog-container .ui-dialog-content .dialog-body .cont-box .tab-wrap.order-way {
	padding-bottom: 30px;
}
.ui-dialog-container .ui-dialog-content .dialog-body .cont-box .cont-inner .tab-wrap.order-way {
	padding-bottom: 0;
}
.ui-dialog-container .ui-dialog-content .dialog-body .ui-select-wrap .ui-select ~ .ui-select {
	margin-top: 6px;
}
.ui-dialog-container .ui-dialog-content .dialog-body .ui-select-wrap .ui-select + .gray-box {
	margin-top: 20px;
}
.ui-dialog-container .ui-dialog-content .dialog-body .ui-select-wrap ~ .gray-box {
	margin-top: 20px;
}
.ui-dialog-container .ui-dialog-content .dialog-body .gray-box ~ .gray-box {
	margin-top: 12px;
}
.ui-dialog-container .ui-dialog-content .dialog-body .grid-list-wrap ~ .btn-wrap.full, .ui-dialog-container .ui-dialog-content .dialog-body .grid-list-wrap ~ .full.btn-right-wrap, .ui-dialog-container .ui-dialog-content .dialog-body .grid-list-wrap ~ .full.btn-flex-wrap, .ui-dialog-container .ui-dialog-content .dialog-body .grid-list-wrap ~ .full.btn-center-wrap {
	margin-top: 30px;
}
.ui-dialog-container .ui-dialog-content .dialog-body ~ .dialog-footer .prod-total-wrap, .ui-dialog-container .ui-dialog-content .dialog-body ~ .dialog-footer .period-total-wrap {
	position: relative;
	padding-top: 20px;
	box-shadow: 0 -10px 25px 0 rgba(0, 0, 0, 0.05);
}
.ui-dialog-container .ui-dialog-content .dialog-body ~ .dialog-footer .prod-total-wrap:after, .ui-dialog-container .ui-dialog-content .dialog-body ~ .dialog-footer .period-total-wrap:after {
	content: "";
	position: absolute;
	top: -20px;
	right: -20px;
	left: -20px;
	height: 20px;
	border-bottom: 1px solid #DDE0E3;
}
.ui-dialog-container .ui-dialog-content .dialog-footer {
	/*padding-top: 10px;*/
	padding-bottom: 20px;
}
.ui-dialog-container .ui-dialog-content .dialog-footer .prod-total-wrap {
	position: relative;
	padding: 0 20px 20px;
}
.ui-dialog-container .ui-dialog-content .dialog-footer .dialog-btn-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	padding: 0 20px;
}
.ui-dialog-container .ui-dialog-content .dialog-footer .dialog-btn-wrap [class^=btn-] {
	flex: 1;
	min-width: auto;
}
.ui-dialog-container .ui-dialog-content .dialog-footer .dialog-btn-wrap [class^=btn-] + [class^=btn-] {
	margin-left: 6px;
}
.ui-dialog-container .ui-dialog-content .dialog-footer.type02 {
	padding-top: 20px;
	padding-bottom: 0
}
@media (min-width: 891px) {
	.ui-dialog-container .ui-dialog-content .dialog-footer .dialog-btn-wrap.pc-auto {
		justify-content: center;
	}
	.ui-dialog-container .ui-dialog-content .dialog-footer .dialog-btn-wrap.pc-auto [class^=btn-] {
		flex: none;
		min-width: 200px;
	}
}
.ui-dialog-container .ui-dialog-content .btn-pop-close {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 44px;
	height: 44px;
	background: url("../images/ui/ui_popup_close.svg") center no-repeat;
	background-size: 24px;
}
.ui-dialog-container .ui-dialog-content .btn-pop-close.type-white {
	background: url("../images/ui/ui_popup_close_white.svg") center no-repeat;
	background-size: 24px;
}
.ui-dialog-container .ui-selectmenu-menu .ui-menu {
	max-height: 142px;
}
.ui-dialog-container .grid-list-wrap ~ .btn-wrap, .ui-dialog-container .grid-list-wrap ~ .btn-right-wrap, .ui-dialog-container .grid-list-wrap ~ .btn-flex-wrap, .ui-dialog-container .grid-list-wrap ~ .btn-center-wrap {
	margin-top: 20px;
}
.ui-dialog-container.open {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-justify-content: center;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	flex-wrap: wrap;
}
@media (max-width: 890px) {
	.ui-dialog-container.open .ui-dialog {
		-moz-animation: popAnimation 0.15s ease-in-out forwards;
		-webkit-animation: popAnimation 0.15s ease-in-out forwards;
		animation: popAnimation 0.15s ease-in-out forwards;
		/* mobile - full popup */
		/* mobile - bottom popup */
	}
	.ui-dialog-container.open .ui-dialog.dialog-full {
		-moz-animation: none;
		-webkit-animation: none;
		animation: none;
	}
	.ui-dialog-container.open .ui-dialog.dialog-bottom {
		-moz-animation: bottomPopAnimation 0.2s ease-in-out forwards;
		-webkit-animation: bottomPopAnimation 0.2s ease-in-out forwards;
		animation: bottomPopAnimation 0.2s ease-in-out forwards;
	}
	.ui-dialog-container .ui-dialog.dialog-full .btn-pop-close {top:10px;}
	.ui-dialog-container .ui-dialog.dialog-full.dialog-md .btn-pop-close {top:calc(10px + var(--TopPadding));}
	.ui-dialog-container .ui-dialog.dialog-full .ui-dialog-content .dialog-footer{padding-bottom: calc(20px + var(--TopPadding));}
}
.ui-dialog-container.open .btn-access-location {
	top: 14px;
}
@media (min-width: 891px) {
	.ui-dialog-container.open .btn-access-location {
		top: 40px;
	}
}
.ui-dialog-container .ui-dialog-content.dialog-bottom .store-info:only-child {
	padding-top: 0;
}
.ui-dialog-container .ui-dialog-content.dialog-bottom .store-info:only-child .tag-wrap {
	margin-bottom: -10px;
}
.ui-dialog-container .ui-dialog-content.dialog-bottom .store-info + .btext {
	margin-top: 18px;
}
.ui-dialog-container .ui-dialog-content.dialog-bottom .cont-inner {
	padding-bottom: 0;
}
.ui-dialog-container .ui-dialog-content.dialog-bottom .dialog-btn-wrap .btn-store-info {
	max-width: 80px;
	padding: 0;
}
.ui-dialog-container .ui-dialog-content.dialog-bottom .store-info:only-child {
	padding-top: 0;
}
.ui-dialog-container .ui-dialog-content.dialog-bottom .store-info:only-child .tag-wrap {
	margin-bottom: -10px;
}
.ui-dialog-container .ui-dialog-content.dialog-bottom .store-info + .btext {
	margin-top: 18px;
}
.ui-dialog-container .ui-dialog-content.dialog-bottom .cont-inner {
	padding-bottom: 0;
}
.ui-dialog-container .ui-dialog-content.dialog-bottom .dialog-btn-wrap .btn-store-info {
	max-width: 80px;
	padding: 0;
}
@media (min-width: 891px) {
	.ui-dialog-container .ui-dialog-content.pc-height-fixed {
		max-height: calc(100vh - 40px);
		overflow: auto;
	}
	.ui-dialog-container .ui-dialog-content .form-list-wrap .form-list {
		margin: 0;
	}
	.ui-dialog-container .ui-dialog-content .form-list-wrap .form-list .form-item {
		width: 100%;
		padding-left: 0;
		padding-right: 0;
	}
	.ui-dialog-container .ui-dialog-content .form-list-wrap .form-list .form-item ~ .form-item {margin-top: 30px;}
}
@media (max-width: 890px) {
	.ui-dialog-container {
		padding-bottom: 20px;
	}
}

/* sps */
.sps {
	position: relative;
}
.sps.sps-abv {
	position: absolute !important;
	left: 0;
	right: 0;
	/*left: 20px;
	right: 20px;*/
}
.sps ~ .sps-bg {
	position: absolute;
	top: 0;
	left: 0;
}
.sps.sps-blw {
	position: fixed !important;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
}
@media (max-width: 890px) {
	.sps {
		-moz-transform: translateY(0);
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
	.sps.sps-blw {
		-moz-transform: translateY(0);
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
	.sps.sps-blw.scroll-up {
		-moz-transition: transform 0.24s;
		-webkit-transition: transform 0.24s;
		transition: transform 0.24s;
		/* UIUX / 제품 상세보기 페이지에서 scroll up 할 때 sticky menu가 header 영역에 붙도록 하기 위한 주석 처리 (25.08.25 yoo) */
		/* UIUX / status bar 영역 재조정으로 인한 주석 해제 및 scroll down 시 Y 값 0 -> 55px로 조정 (25.09.03 yoo) */
		-moz-transform: translateY(55px);
		-webkit-transform: translateY(55px);
		transform: translateY(55px);
	}
	.sps.sps-blw.scroll-down {
		-moz-transition: transform 0.2s;
		-webkit-transition: transform 0.2s;
		transition: transform 0.2s;
		-moz-transform: translateY(55px);
		-webkit-transform: translateY(55px);
		transform: translateY(55px);
	}
}
@media (min-width: 891px) {
	.sps.sps-blw {
		top: 0;
	}
}

.sps-observer {
	position: absolute;
	top: 0;
	clip: rect(1px, 1px, 1px, 1px);
}

/* jQuery UI -  spinner */
.ui-spinner-box {
	display: inline-block;
	vertical-align: top;
	border: 1px solid #DDE0E3;
	border-radius: 4px;
	background-color: #fff;
	height: 42px;
	width: 120px;
	overflow: hidden;
}
.ui-spinner-box .ui-spinner {
	width: 100%;
	height: 100%;
	background: none;
	border: 0;
}
.ui-spinner-box .ui-widget-content {
	position: relative;
	width: 120px;
	padding: 0 40px;
	/*.ui-spinner-input {
	    position: relative;
	    display: block;
	    width: 100%;
	    height: 42px;
	    margin: 0;
	    padding: 0;
	    color: variables.$colorBlack;
	    font-weight: variables.$fontWeightMedium;
	    @include mixins.font_size_rgl;
	    outline: 0;
	    text-align: center;
	    box-sizing: border-box;
	    vertical-align: top;
	    border: 0;
	    background: 0;

	    &[type="number"]::-webkit-outer-spin-button,
	    &[type="number"]::-webkit-inner-spin-button {
	        -webkit-appearance: none;
	        margin: 0;
	    }
	}*/
}
.ui-spinner-box .ui-widget-content .ui-spinner-input {
	display: none;
}
.ui-spinner-box .ui-widget-content .count {
	position: relative;
	/*display: block;*/
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-justify-content: center;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	width: 100%;
	height: 40px;
	margin: 0;
	padding: 0;
	color: #000;
	font-weight: 500;
	font-size: 14px;
	line-height: 18px;
	letter-spacing: -0.025em;
	outline: 0;
	text-align: center;
	box-sizing: border-box;
	vertical-align: top;
	border: 0;
	background: 0;
}
.ui-spinner-box .ui-widget-content .count[type=number]::-webkit-outer-spin-button, .ui-spinner-box .ui-widget-content .count[type=number]::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}
.ui-spinner-box .ui-widget-content .ui-spinner-button {
	position: absolute;
	display: block;
	top: 50%;
	width: 24px;
	height: 24px;
	padding: 5px;
	margin-top: -12px;
	box-sizing: border-box;
	cursor: pointer;
}
.ui-spinner-box .ui-widget-content .ui-spinner-button .ui-icon {
	display: block;
	/*margin: 0 auto;*/
	width: 12px;
	height: 12px;
	background: url("../images/ui/ui_spinner_down.svg") 0 0 no-repeat;
	background-size: cover;
	text-align: center;
	vertical-align: top;
	margin-top: -6px;
	margin-left: -6px;
}
.ui-spinner-box .ui-widget-content .ui-spinner-button.ui-spinner-up {
	right: 10px;
}
.ui-spinner-box .ui-widget-content .ui-spinner-button.ui-spinner-up .ui-icon {
	background: url("../images/ui/ui_spinner_up.svg") 0 0 no-repeat;
	background-size: cover;
}
.ui-spinner-box .ui-widget-content .ui-spinner-button.ui-spinner-down {
	left: 10px;
}
.ui-spinner-box.ui-state-disabled {
	opacity: 0.4;
	background-color: #DDE0E3;
}
.ui-spinner-box.spinner-sm {
	height: 30px;
	width: 90px;
}
.ui-spinner-box.spinner-sm .ui-widget-content {
	width: 90px;
	padding: 0 30px;
	/*.ui-spinner-input {
	    height: 30px;
	}*/
}
.ui-spinner-box.spinner-sm .ui-widget-content .count {
	height: 28px;
}
.ui-spinner-box.spinner-sm .ui-widget-content .ui-spinner-button.ui-spinner-up {
	right: 3px;
}
.ui-spinner-box.spinner-sm .ui-widget-content .ui-spinner-button.ui-spinner-down {
	left: 3px;
}

/* jQuery UI - selectmenu */
.ui-select {
	width: 100%;
	z-index: 2;
	height: 44px;
}
.ui-select-wrap .ui-select ~ .ui-select {
	margin-top: 6px;
}
.ui-select-wrap + .gray-box {
	margin-top: 20px;
}
.ui-select + .ui-select-text {
	display: inline-block;
	font-size: 14px;
	line-height: 18px;
	letter-spacing: -0.025em;
	line-height: 44px;
	font-weight: 500;
	color: #000;
	margin-left: 6px;
}
.ui-select .ui-select-text:last-child {
	padding-right: 0;
}
.ui-select .ui-selectmenu-button {
	position: relative;
	width: 100%;
	height: 44px;
	padding: 12px 30px 12px 16px;
	margin: 0;
	background: #fff;
	border: 1px solid #DDE0E3;
	border-radius: 4px;
}
.ui-select .ui-selectmenu-button .ui-selectmenu-icon.ui-icon {
	position: absolute;
	width: 10px;
	height: 10px;
	top: 16px;
	right: 16px;
	-moz-transition: transform 0.22s cubic-bezier(0.17, 0.67, 0.29, 1.32);
	-webkit-transition: transform 0.22s cubic-bezier(0.17, 0.67, 0.29, 1.32);
	transition: transform 0.22s cubic-bezier(0.17, 0.67, 0.29, 1.32);
	background: url("../images/ui/ui_ico_select_arr.svg") 0 0 no-repeat;
	background-size: cover;
}
.ui-select .ui-selectmenu-button .ui-selectmenu-text {
	display: block;
	margin-right: 0;
	font-size: 14px;
	line-height: 18px;
	letter-spacing: -0.025em;
	font-weight: 500;
}
.ui-select .ui-selectmenu-button.ui-selectmenu-button-open {
	border-color: #80878D;
	border-radius: 4px 4px 0 0;
	border-bottom: 0;
}
.ui-select .ui-selectmenu-button.ui-selectmenu-button-open .ui-selectmenu-icon.ui-icon {
	-moz-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}
.ui-select .ui-selectmenu-button.ui-selectmenu-disabled {
	opacity: 0.4;
	background: #DDE0E3;
	border: 1px solid #DDE0E3;
	-moz-background-clip: padding-box;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
}
.ui-select[data-pos-top] .ui-selectmenu-button.ui-selectmenu-button-open {
	border-radius: 0 0 4px 4px;
	border-bottom: 1px solid #80878D;
	border-top: 0;
}
.ui-select.sel-text {
	overflow: hidden;
	display: inline-block;
	width: auto;
	vertical-align: top;
	height: 18px;
}
.ui-select.sel-text .ui-selectmenu-button {
	height: auto;
	border: 0;
	padding: 0 16px 0 0;
	vertical-align: top;
	background: transparent;
}
.ui-select.sel-text .ui-selectmenu-button .ui-selectmenu-icon {
	top: 4px;
	right: 0;
}

.ui-selectmenu-menu {
	z-index: 2;
	display: block;
	height: 0;
	overflow: hidden;
	box-sizing: border-box;
	opacity: 0;
	border-top: none;
}
.ui-selectmenu-menu.ui-selectmenu-open {
	height: auto;
	opacity: 1;
	box-sizing: border-box;
	z-index: 100;
}
.ui-selectmenu-menu .ui-menu {
	max-height: 182px;
	max-width: 100%;
	padding-bottom: 0;
	box-sizing: border-box;
	overflow-y: auto;
	background-color: #fff;
	border-radius: 0 0 4px 4px;
	border: 1px solid #80878D;
}
.ui-selectmenu-menu .ui-menu .ui-menu-item .ui-menu-item-wrapper {
	padding: 11px 14px;
	color: #000;
	font-size: 14px;
	line-height: 18px;
	letter-spacing: -0.025em;
	box-sizing: border-box;
	-moz-transition: background-color 0.2s ease-out;
	-webkit-transition: background-color 0.2s ease-out;
	transition: background-color 0.2s ease-out;
}
.ui-selectmenu-menu .ui-menu .ui-menu-item .ui-menu-item-wrapper.ui-state-active {
	margin: 0;
	background-color: #f5f5f5;
}
.ui-selectmenu-menu .ui-menu .ui-menu-item .ui-menu-item-wrapper.prod_option {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
}
.ui-selectmenu-menu .ui-menu .ui-menu-item .ui-menu-item-wrapper.prod_option .option_label_box {
	display: block;
	margin-right: 15px;
}
.ui-selectmenu-menu .ui-menu .ui-menu-item .ui-menu-item-wrapper.prod_option .option_price_box {
	margin-left: auto;
	flex-shrink: 0;
	display: block;
}
.ui-selectmenu-menu .ui-menu .ui-menu-item.ui-state-disabled .ui-menu-item-wrapper {
	color: #AAA;
}
.ui-selectmenu-menu.pos-top {
	border-radius: 4px 4px 0 0;
	border-top: 1px solid #80878D;
	border-bottom: none;
}
.ui-selectmenu-menu.menu-text {
	width: auto !important;
	max-width: 190px !important;
}
.ui-selectmenu-menu.menu-text .ui-menu {
	width: auto !important;
	margin-top: 10px;
	border: 1px solid #80878D;
	border-radius: 4px;
}

/* jQueryUI - Datepicker */
.ui-datepicker {
	z-index: 2 !important;
	width: 284px;
	padding: 19px 12px 17px;
	background: #fff;
	border: 1px solid #000;
	border-radius: 10px;
	box-sizing: border-box;
	/*@include mixins.size_mobile {
	    left: 20px !important;
	}*/
}
.ui-datepicker .ui-datepicker-header {
	padding: 0;
	margin: 0 7px 16px;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-title {
	font-size: 13px;
	line-height: 18px;
	letter-spacing: -0.025em;
	color: #000;
	font-weight: 400;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-title .ui-datepicker-year,
.ui-datepicker .ui-datepicker-header .ui-datepicker-title .ui-datepicker-month {
	display: inline-block;
	width: auto;
	height: 24px;
	margin: 0;
	padding-right: 15px;
	font-size: 16px;
	line-height: 22px;
	letter-spacing: -0.025em;
	color: #000;
	font-weight: 600;
	text-align: right;
	background-color: #fff;
	background-position: right center;
	background-repeat: no-repeat;
	background: url("../images/ui/ui_ico_select_arr.svg") right center no-repeat;
	background-size: 10px 10px;
	border: none;
	vertical-align: top;
	box-sizing: border-box;
	-webkit-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	appearance: none;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-title .ui-datepicker-year::-ms-expand,
.ui-datepicker .ui-datepicker-header .ui-datepicker-title .ui-datepicker-month::-ms-expand {
	display: none;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-title .ui-datepicker-year + .ui-datepicker-month {
	margin-left: 8px;
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
	width: 24px;
	height: 24px;
	background-position: center;
	background-repeat: no-repeat;
	background: url("../images/form/btn_datepicker_nav.svg") 0 0 no-repeat;
	background-size: 24px 24px;
	cursor: pointer;
}
.ui-datepicker .ui-datepicker-prev {
	top: 0;
	left: 0;
	transform: rotate(180deg);
}
.ui-datepicker .ui-datepicker-next {
	top: 0;
	right: 0;
}
.ui-datepicker .ui-datepicker-calendar {
	table-layout: fixed;
	margin-bottom: 0;
}
.ui-datepicker .ui-datepicker-calendar th {
	width: 37px;
	padding: 0 0 2px 0;
	font-size: 13px;
	line-height: 18px;
	letter-spacing: -0.025em;
	color: #000;
	font-weight: 500;
	text-align: center;
}
.ui-datepicker .ui-datepicker-calendar th.ui-datepicker-week-end:first-child {
	color: #00A5B9;
}
.ui-datepicker .ui-datepicker-calendar td {
	width: 37px;
	height: 35px;
	padding: 2px 3px;
	text-align: center;
	box-sizing: border-box;
}
.ui-datepicker .ui-datepicker-calendar td .ui-state-default {
	display: inline-block;
	width: 100%;
	height: 100%;
	padding: 0;
	font-size: 13px;
	line-height: 29px;
	letter-spacing: -0.025em;
	font-weight: 400;
	text-align: center;
	background-color: #fff;
	border-radius: 50%;
	border: 1px solid transparent;
	vertical-align: top;
	box-sizing: border-box;
	transition: border 0.2s, color 0.2s, background 0.2s;
}
.ui-datepicker .ui-datepicker-calendar td .ui-state-default.ui-state-hover, .ui-datepicker .ui-datepicker-calendar td .ui-state-default.ui-state-active {
	color: #fff;
	font-weight: 400;
	border-color: #00A5B9;
	background-color: #00A5B9;
}
.ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today .ui-state-highlight {
	color: #00A5B9;
	font-weight: 400;
	border-color: rgba(0, 165, 185, 0.2);
	background-color: #fff;
}
.ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today .ui-state-highlight.ui-state-hover {
	color: #fff;
	background-color: #00A5B9;
}
.ui-datepicker .ui-datepicker-calendar td.ui-datepicker-week-end:first-child .ui-state-default {
	color: #00A5B9;
}
.ui-datepicker .ui-datepicker-calendar td.ui-datepicker-week-end:first-child .ui-state-default.ui-state-hover, .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-week-end:first-child .ui-state-default.ui-state-active {
	color: #fff;
}

/* swiper */
.swiper-container-wrap {
	position: relative;
}
.swiper-container-wrap .swiper-control-wrap {
	display: none;
}
.swiper-container-wrap .swiper-pagination {
	z-index: 2;
}
.swiper-container-wrap .swiper-pagination.swiper-pagination-fraction {
	overflow: hidden;
	left: 50%;
	bottom: 20px;
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	width: auto;
	height: 22px;
	padding: 0 10px;
	border-radius: 22px;
	/*background-color: #fff;*/
	box-sizing: border-box;
	font-size: 0;
	-moz-backdrop-filter: blur(30px);
	-webkit-backdrop-filter: blur(30px);
	backdrop-filter: blur(30px);
}
.swiper-container-wrap .swiper-pagination.swiper-pagination-fraction .swiper-pagination-current,
.swiper-container-wrap .swiper-pagination.swiper-pagination-fraction .swiper-pagination-total {
	display: inline-block;
	vertical-align: top;
	font-size: 12px;
	line-height: 16px;
	letter-spacing: -0.025em;
	line-height: 22px;
	color: rgba(255, 255, 255, 0.67);
}
.swiper-container-wrap .swiper-pagination.swiper-pagination-fraction .swiper-pagination-current {
	color: #fff;
}
.swiper-container-wrap .swiper-pagination.swiper-pagination-fraction .swiper-pagination-total:before {
	content: "/";
	display: inline-block;
	margin: 0 4px 0 3px;
	color: #EFF1F3;
}
.swiper-container-wrap .swiper-pagination.swiper-pagination-fraction.type-white {
	border: solid 1px #DDE0E3;
}
.swiper-container-wrap .swiper-pagination.swiper-pagination-fraction.type-white .swiper-pagination-current,
.swiper-container-wrap .swiper-pagination.swiper-pagination-fraction.type-white .swiper-pagination-total {
	color: rgba(153, 153, 153, 0.8);
}
.swiper-container-wrap .swiper-pagination.swiper-pagination-fraction.type-white .swiper-pagination-current {
	color: #000;
}
.swiper-container-wrap .swiper-pagination.swiper-pagination-fraction.type-white .swiper-pagination-total:before {
	color: rgba(153, 153, 153, 0.8);
}
@media (min-width: 891px) {
	.swiper-container-wrap .swiper-pagination {
		display: none;
	}
	.swiper-container-wrap .swiper-control-wrap .swiper-button-next:before, .swiper-container-wrap .swiper-control-wrap .swiper-button-prev:before {content: "";position: absolute;top: 50%;width: 45px;height: 45px;margin-top: 0;background: url("../images/ui/ui_ico_swiper_arr_h45.svg") 0 0 no-repeat;background-size: cover;margin-top: -22px;}
	.swiper-container-wrap .swiper-control-wrap .swiper-button-next:hover::before, .swiper-container-wrap .swiper-control-wrap .swiper-button-prev:hover::before {
		background: url(../../assets/images/ui/ic_arrow_swiper_right_hover.svg);
		background-size: cover;
	}
	.swiper-container-wrap .swiper-control-wrap .swiper-button-next.swiper-button-disabled, .swiper-container-wrap .swiper-control-wrap .swiper-button-prev.swiper-button-disabled {
		background: transparent;
	}
	.swiper-container-wrap .swiper-control-wrap .swiper-button-next.swiper-button-disabled:before, .swiper-container-wrap .swiper-control-wrap .swiper-button-prev.swiper-button-disabled:before {
		opacity: 0.7;
		pointer-events: auto;
	}
	.swiper-container-wrap .swiper-control-wrap .swiper-button-next {
		right: -20px;
		background: none;
		width:45px;height:45px;
	}
	.swiper-container-wrap .swiper-control-wrap .swiper-button-next:before {
		right: 0px;
	}
	.swiper-container-wrap .swiper-control-wrap .swiper-button-prev {left: -20px;background: none;width:45px;height:45px}
	.swiper-container-wrap .swiper-control-wrap .swiper-button-prev:before {
		left: 0px;
		-moz-transform: rotate(180deg);
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg);

	}
	.swiper-container-wrap.is-active .swiper-control-wrap {
		display: block;
	}
}

.swiper-container {
	position: relative;
	/* swiper nav 기본 */
	/* swiper paging(type fraction) 기본 */
}
.swiper-container .swiper-button-next, .swiper-container .swiper-container-rtl .swiper-button-prev {
	background-color: transparent;
}
.swiper-container .swiper-slide {
	-webkit-backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
}
.swiper-container .swiper-pagination {
	z-index: 2;
}
.swiper-container .swiper-pagination.swiper-pagination-fraction {
	overflow: hidden;
	left: 50%;
	bottom: 20px;
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	width: auto;
	height: 22px;
	padding: 0 10px;
	border-radius: 22px;
	/*background-color: #fff;*/
	box-sizing: border-box;
	font-size: 0;
	-moz-backdrop-filter: blur(30px);
	-webkit-backdrop-filter: blur(30px);
	backdrop-filter: blur(30px);
}
.swiper-container .swiper-pagination.swiper-pagination-fraction .swiper-pagination-current,
.swiper-container .swiper-pagination.swiper-pagination-fraction .swiper-pagination-total {
	display: inline-block;
	vertical-align: top;
	font-size: 12px;
	line-height: 16px;
	letter-spacing: -0.025em;
	line-height: 22px;
	color: rgba(255, 255, 255, 0.67);
}
.swiper-container .swiper-pagination.swiper-pagination-fraction .swiper-pagination-current {
	color: #fff;
}
.swiper-container .swiper-pagination.swiper-pagination-fraction .swiper-pagination-total:before {
	content: "/";
	display: inline-block;
	margin: 0 4px 0 3px;
	color: #EFF1F3;
}
.swiper-container .swiper-pagination.swiper-pagination-fraction.type-white {
	border: solid 1px #DDE0E3;
}
.swiper-container .swiper-pagination.swiper-pagination-fraction.type-white .swiper-pagination-current,
.swiper-container .swiper-pagination.swiper-pagination-fraction.type-white .swiper-pagination-total {
	color: rgba(153, 153, 153, 0.8);
}
.swiper-container .swiper-pagination.swiper-pagination-fraction.type-white .swiper-pagination-current {
	color: #000;
}
.swiper-container .swiper-pagination.swiper-pagination-fraction.type-white .swiper-pagination-total:before {
	color: rgba(153, 153, 153, 0.8);
}

/* jQuery UI - tab */
.tab-wrap {
	padding: 0;
}
.tab-wrap .tabs {
	overflow: hidden;
	padding-bottom: 20px;
	padding-left: 20px;
	padding-right: 20px;
	margin: 0 -20px;
}
.tab-wrap .tabs .ui-tabs-nav {
	padding: 0;
	height: 44px;
}
.tab-wrap .tabs .tab-item {
	width: auto;
	margin: 0;
}
.tab-wrap .tabs .tab-item .tab-link {
	display: inline-block;
	vertical-align: top;
	overflow: hidden;
	height: 44px;
	padding: 12px 20px;
	background: rgba(221, 224, 227, 0.4);
	border: 2px solid rgba(221, 224, 227, 0.4);
	border-radius: 44px;
	-moz-background-clip: padding-box;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
}
.tab-wrap .tabs .tab-item .tab-link .tab-text {
	display: block;
	color: #666;
	font-size: 14px;
	line-height: 18px;
	letter-spacing: -0.025em;
}
.tab-wrap .tabs .tab-item ~ .tab-item {
	margin-left: 6px;
}
.tab-wrap .tabs .tab-item.ui-state-active .tab-link {
	background: #fff;
	border-color: #00A5B9;
	box-shadow: 0 5px 10px rgba(0, 165, 185, 0.1);
}
.tab-wrap .tabs .tab-item.ui-state-active .tab-link .tab-text {
	color: #00A5B9;
	font-weight: 600;
}
.tab-wrap .ui-tabs-panel {
	padding: 0;
}
.tab-wrap .tab-content {
	/* display: none; */
	opacity: 0;
	padding: 0;
}
.tab-wrap .tab-content.ui-tabs-panel {
	opacity: 1;
}
.tab-wrap .tab-content.no-hide {
	display: block;
	opacity: 1;
}
.tab-wrap .tab-content + .dot-text {
	margin-top: 12px;
}
.tab-wrap.anchor-tab .tab-content {
	opacity: 1;
}
.tab-wrap.small-tab .tabs .ui-tabs-nav {
	height: 32px;
}
.tab-wrap.small-tab .tabs .tab-link {
	height: 32px;
	padding: 6px 14px;
	border-radius: 4px;
}
.tab-wrap.small-tab .tabs .tab-link .tab-text {
	color: #666;
	font-size: 13px;
	line-height: 18px;
	letter-spacing: -0.025em;
}
.tab-wrap.small-tab .tabs .tab-item.ui-state-active .tab-link {
	background-color: #00A5B9;
	border-color: #00A5B9;
	box-shadow: none;
}
.tab-wrap.small-tab .tabs .tab-item.ui-state-active .tab-link .tab-text {
	color: #fff;
}
.tab-wrap.justify-tab .tabs {overflow-x: auto;display: -webkit-box;display: -ms-flexbox;display: flex;display: -webkit-flex;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;-webkit-box-align: center;-moz-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-moz-box-orient: horizontal;-moz-box-direction: normal;-ms-flex-direction: row;-webkit-flex-direction: row;flex-direction: row;}
.tab-wrap.justify-tab .tabs .tab-item {flex: 1;overflow: hidden;}
.tab-wrap.justify-tab .tabs .tab-item .tab-link {text-align: center;width: 100%;padding: 12px 5px;}
.tab-wrap.justify-tab .tabs .tab-item .tab-link .tab-text {overflow: hidden;display: inline-block;vertical-align: top;width: 100%;max-width: 100%;text-overflow: ellipsis;white-space: nowrap;}
.tab-wrap.justify-tab .tabs .tab-item.ui-state-active .tab-link {box-shadow: none;}
.tab-wrap.justify-tab .sub-tab .tabs .tab-item {flex: none;}
.tab-wrap.justify-tab.type_square .tabs{flex-wrap: wrap;}
.tab-wrap.justify-tab.type_square .tabs .tab-item{flex:initial;overflow: initial;}
.tab-wrap.justify-tab.type_square .tabs.col4 .tab-item{width:calc(25% - 6px);margin-top: 6px;}
.tab-wrap.justify-tab.type_square .tabs.col4 .tab-item:nth-child(4n+1){margin-left: 0;}
.tab-wrap.justify-tab.type_square .tabs.col4 .tab-item:nth-child(-n+4){margin-top:0}
.tab-wrap.justify-tab.type_square .tabs.col2 .tab-item{width:calc(50% - 6px);}
.tab-wrap.type_square .tabs .tab-item .tab-link{border-radius: 4px;background-color: #fff;border-width: 1px;}
.tab-wrap.type_square .tabs .tab-item .tab-link .tab-text{color:#000;font-weight: 500;}
.tab-wrap.type_square .tabs .tab-item.ui-state-active  .tab-link .tab-text{font-weight: 600;color:#00A5B9}
.tab-wrap.type_square .ui-row-list.type-btn {border-top:1px solid #eee;padding: 20px 0 10px;}
.tab-wrap.type_square .ui-row-list.type-btn .item{margin-top: 0;}
.tab-wrap.type_square .ui-row-list.type-btn .item .ui-rdo input + label{padding-left: 0;font-size: 14px;font-weight: 500;color:#000}
.tab-wrap.type_square .ui-row-list.type-btn .item .ui-rdo input:checked + label{color:#00a5b9}
.tab-wrap.type_square .ui-row-list{margin-top: 0;display: flex;}
.tab-wrap.type_square .ui-row-list .item{margin: 0;padding-top: 0;}
.tab-wrap.type_square .ui-row-list.col4 .item{width:calc(25% - 5px);flex: auto;}
.tab-wrap.type_square .ui-row-list.col4 .item + .item{margin-left:6px;}
.tab-wrap.type_square .ui-row-list.col4_mo .item{width:calc(25% - 5px);flex: auto;}
.tab-wrap.type_square .ui-row-list.col4_mo .item + .item{margin-left:6px;}
.tab-wrap.type_square .target .ui-row-list .item{flex: 1;}
@media (max-width: 890px) {
	.tab-wrap.justify-tab .tabs {
		-ms-overflow-style: none;
		scrollbar-width: none;
		/*white-space: nowrap;*/
	}
	.tab-wrap.justify-tab .tabs::-webkit-scrollbar {
		display: none;
	}
}
@media (max-width: 890px) {
	.tab-wrap.order-tab .tabs-swiper {
		padding: 0;
		margin-left: 0;
		margin-right: 0;
	}
}
.tab-wrap.order-tab .tabs {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	border-bottom: 1px solid #000;
	overflow: visible;
	padding: 0;
	margin: 0 0 20px;
}
.tab-wrap.order-tab .tabs .ui-tabs-nav {
	height: auto;
}
.tab-wrap.order-tab .tabs .tab-item {
	flex: 1;
}
.tab-wrap.order-tab .tabs .tab-item.ui-state-active .tab-link {
	position: relative;
	background-color: #fff;
	border-color: #000;
	box-shadow: none;
}
.tab-wrap.order-tab .tabs .tab-item.ui-state-active .tab-link .tab-text {
	color: #000;
	font-weight: 600;
}
.tab-wrap.order-tab .tabs .tab-item.ui-state-active .tab-link:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -2px;
	width: 100%;
	height: 3px;
	background: #fff;
}
.tab-wrap.order-tab .tabs .tab-item .tab-link {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-justify-content: center;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	overflow: visible;
	width: 100%;
	height: 47px;
	padding: 0 10px;
	background: rgba(221, 224, 227, 0.4);
	border: 1px solid rgba(194, 199, 204, 0.4);
	border-bottom: none;
	border-radius: 4px 4px 0 0;
}
@media (max-width: 890px) {
	.tab-wrap.order-tab .tabs .tab-item .tab-link {
		flex-flow: column;
		height: 70px;
	}
}
.tab-wrap.order-tab .tabs .tab-item .tab-link .tab-text {
	color: #666;
	font-size: 14px;
	line-height: 18px;
	letter-spacing: -0.025em;
}
@media (min-width: 891px) {
	.tab-wrap.order-tab .tabs .tab-item .tab-link .tab-text ~ [class^=badge-sm-] {
		margin-left: 6px;
	}
}
@media (max-width: 890px) {
	.tab-wrap.order-tab .tabs .tab-item .tab-link .tab-text ~ [class^=badge-sm-] {
		margin-top: 6px;
	}
}
.tab-wrap.order-tab .tabs .tab-item .tab-link.height-short {
	height: 47px;
}
@media (min-width: 891px) {
	.tab-wrap.order-tab .tabs .ui-tabs-nav {
		height: 47px;
	}
}
.tab-wrap.sub-tab .tabs {
	padding-bottom: 0;
	margin-bottom: 30px;
}
.tab-wrap.sub-tab .tabs .ui-tabs-nav {
	height: 18px;
}
.tab-wrap.sub-tab .tabs .tab-item .tab-link {
	height: 18px;
	padding: 0 15px 0 16px;
	background: none;
	border: none;
	border-radius: 0;
}
.tab-wrap.sub-tab .tabs .tab-item .tab-link .tab-text {font-size: 15px;line-height: 20px;letter-spacing: -0.025em;} /*UIUX프로젝트*/
.tab-wrap.sub-tab .tabs .tab-item ~ .tab-item {
	margin-left: 0;
}
.tab-wrap.sub-tab .tabs .tab-item ~ .tab-item:before {
	content: "";
	display: block;
	position: absolute;
	width: 1px;
	height: 10px;
	top: 4px;
	left: 0;
	background-color: #DDE0E3;
}
.tab-wrap.sub-tab .tabs .tab-item.ui-state-active .tab-link {
	box-shadow: none;
}
.tab-wrap.sub-tab .tabs .tab-item.ui-state-active .tab-link .tab-text {
	color: #000;
	font-weight: 600;
}
@media (min-width: 891px) {
	.tab-wrap.sub-tab .tabs .tab-item:first-child .tab-link {
		padding-left: 0;
	}
	.tab-wrap.sub-tab .tabs .tab-item:last-child .tab-link {
		padding-right: 0;
	}
}
.tab-wrap.cart .tabs {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-moz-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
}
.tab-wrap.cart .tabs .ui-tabs-nav {
	height: 32px;
}
.tab-wrap.cart .tabs .tab-item {
	position: relative;
}
.tab-wrap.cart .tabs .tab-item:first-child .tab-link {
	padding-left: 0;
}
.tab-wrap.cart .tabs .tab-item .tab-link {
	height: 26px;
	padding: 0 15px 0 16px;
	background: none;
	border: none;
	border-radius: 0;
}
.tab-wrap.cart .tabs .tab-item .tab-link .tab-text {
	opacity: 0.2;
	font-size: 22px;
	line-height: 28px;
	letter-spacing: -0.025em;
	font-weight: 600;
	color: #000;
}
.tab-wrap.cart .tabs .tab-item .tab-link .tab-text .num {
	font-size: 22px;
	line-height: 28px;
	letter-spacing: -0.025em;
	font-weight: 600;
	margin-left: 3px;
}
.tab-wrap.cart .tabs .tab-item ~ .tab-item {
	margin-left: 0;
}
.tab-wrap.cart .tabs .tab-item ~ .tab-item:before {
	content: "";
	display: block;
	position: absolute;
	width: 1px;
	height: 20px;
	top: 4px;
	left: 0;
	background-color: #DDE0E3;
}
.tab-wrap.cart .tabs .tab-item.ui-state-active .tab-link {
	box-shadow: none;
}
.tab-wrap.cart .tabs .tab-item.ui-state-active .tab-link .tab-text {
	opacity: 1;
	color: #000;
}
.tab-wrap.cart .tabs .tab-item.ui-state-active .tab-link .tab-text .num {
	color: #00A5B9;
}
@media (min-width: 891px) {
	.tab-wrap.cart .tabs .tab-item:first-child .tab-link {
		padding-left: 0;
	}
	.tab-wrap.cart .tabs .tab-item:last-child .tab-link {
		padding-right: 0;
	}
}
.tab-wrap.order-way .tabs {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	margin-bottom: 12px;
	padding-bottom: 0;
}
.tab-wrap.order-way .tabs .tab-item {
	flex: 1;
}
.tab-wrap.order-way .tabs .tab-item .tab-link {
	text-align: center;
	width: 100%;
	background-color: #fff;
	border: 1px solid #DDE0E3;
	border-radius: 4px;
}
.tab-wrap.order-way .tabs .tab-item .tab-link .tab-text {
	color: #000;
	font-weight: 400;
}
.tab-wrap.order-way .tabs .tab-item.ui-state-active .tab-link {
	background: #fff;
	border-color: #00A5B9;
	box-shadow: none;
}
.tab-wrap.order-way .tabs .tab-item.ui-state-active .tab-link .tab-text {
	color: #00A5B9;
	font-weight: 600;
}
.tab-wrap.order-way .order-way-content {
	display: none;
	margin-top: 12px;
}
@media (max-width: 890px) {
	.tab-wrap.sub-tab .tabs-swiper {
		padding: 0 40px 0 4px;
	}
	#tabCouponAf .tab-wrap.sub-tab .tabs-swiper{
		padding-right: 0;
	}
	.tab-wrap.sub-tab .tabs-swiper .swiper-wrapper {
		height: 18px;
		margin: 0;
	}
	.tab-wrap.sub-tab .tabs-swiper:after {
		z-index: 2;
		content: "";
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		height: 100%;
		pointer-events: none;
	}
}
@media (min-width: 891px) {
	.tab-wrap .tab-content .cont-tit:last-child {
		margin-bottom: 0;
	}
}
@media (max-width: 360px) {
	#tabCouponAf .tab-wrap.sub-tab .tabs-swiper{padding-left: 7px}
	#tabCouponAf .tab-wrap.sub-tab .tabs .tab-item .tab-link{padding: 0 11px 0 12px;}
}
@media (max-width: 320px) {
	#tabCouponAf .tab-wrap.sub-tab .tabs .tab-item .tab-link .tab-text{font-size:13px}
	#tabCouponAf .tab-wrap.sub-tab .tabs .tab-item .tab-link{padding:0 9px 0 10px}
}
.tab-wrap.justify-tab-normal {
	padding-bottom: 30px;
}
.tab-wrap.justify-tab-normal .tabs {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	margin-bottom: 12px;
}
.tab-wrap.justify-tab-normal .tabs .tab-item {
	flex: 1;
}
.tab-wrap.justify-tab-normal .tabs .tab-item .tab-link {
	text-align: center;
	width: 100%;
}
.tab-wrap.anchor-scrollspy .tab-content {
	display: block;
	opacity: 1;
	padding-top: 30px;
}
.tab-wrap.anchor-scrollspy .tab-content ~ .tab-content {
	margin-top: 30px;
	border-top: 1px dashed #DDE0E3;
}
.tab-wrap.option-tabs .tabs {
	margin-bottom: 0;
}
.tab-wrap.option-tabs .tabs:before {
	content: "";
	position: absolute;
	display: block;
	left: 0;
	right: 0;
	bottom: 0;
	height: 1px;
	background: rgba(221, 224, 227, 0.6);
}
.tab-wrap.option-tabs .tabs .tab-item .tab-link {
	padding: 15px 5px;
	height: auto;
	width: 100px;
	text-align: center;
	background: transparent;
	border-radius: 0;
	border-top: 0;
	border-left: 0;
	border-right: 0;
	box-shadow: none;
	border-bottom-width: 2px;
	border-bottom-color: transparent;
}
.tab-wrap.option-tabs .tabs .tab-item .tab-link .opt-tab-tit {
	display: block;
	color: #AAA;
	font-size: 16px;
	line-height: 22px;
	letter-spacing: -0.025em;
	overflow: hidden;
	display: inline-block;
	vertical-align: top;
	width: 100%;
	max-width: 100%;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.tab-wrap.option-tabs .tabs .tab-item .tab-link .opt-tab-val {
	display: block;
	min-height: 18px;
	margin-top: 2px;
	color: #AAA;
	font-size: 14px;
	line-height: 18px;
	letter-spacing: -0.025em;
	overflow: hidden;
	display: inline-block;
	vertical-align: top;
	width: 100%;
	max-width: 100%;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.tab-wrap.option-tabs .tabs .tab-item ~ .tab-item {
	margin-left: 0;
}
.tab-wrap.option-tabs .tabs .tab-item.ui-state-active .tab-link {
	border-bottom-color: #00A5B9;
}
.tab-wrap.option-tabs .tabs .tab-item.ui-state-active .tab-link .opt-tab-tit {
	color: #00A5B9;
	font-weight: 600;
}
.tab-wrap.option-tabs .tabs .tab-item.ui-state-active .tab-link .opt-tab-val {
	color: #666;
}
.tab-wrap.option-tabs .ui-col-list.has-sub .item .sub-opt-box {
	display: none;
}
.tab-wrap.option-tabs .ui-col-list.has-sub .item .sub-opt-box.is-active {
	display: block;
}
.tab-wrap + .line-top-box {
	margin-top: 0;
}
.tab-wrap ~ .gray-box {
	margin-top: 30px;
}

/* fold */
.fold-wrap {
	/* 주문서, 주문내역 */
}
.fold-wrap .fold-list .fold-item {
	width: 100%;
	border-bottom: 1px solid rgba(221, 224, 227, 0.6);
}
.fold-wrap .fold-list .fold-item.expanded {
	border-bottom: none;
}
.fold-wrap .fold-list .fold-item.expanded .fold-header {
	/* 텍스트 끝나는 지점에 뱃지있을때 구조 변경됨*/
}
.fold-wrap .fold-list .fold-item.expanded .fold-header .btn-fold:after {
	-moz-transform: rotateZ(180deg);
	-webkit-transform: rotateZ(180deg);
	transform: rotateZ(180deg);
}
.fold-wrap .fold-list .fold-item.expanded .fold-header .ellipsis {
	text-overflow: initial;
	white-space: normal;
}
.fold-wrap .fold-list .fold-item.expanded .fold-header .title-wrap .title {
	display: inline;
}
.fold-wrap .fold-list .fold-item.expanded .fold-content {
	display: block;
	padding: 20px;
	background: rgba(239, 241, 243, 0.4);
}
.fold-wrap .fold-list .fold-item.expanded .fold-content.bg-white {
	background: #fff;
	padding: 0;
}
.fold-wrap .fold-list .fold-item.expanded .fold-content.bottom-line {
	background: #fff;
	padding: 0 0 20px;
	border-bottom: 1px solid rgba(221, 224, 227, 0.6);
}
.fold-wrap .fold-list .fold-item .fold-header {position: relative;padding: 20px 32px 20px 0;font-size: 15px;line-height: 22px;letter-spacing: -0.025em;color: #000;font-weight: 600;}
.fold-wrap .fold-list .fold-item .fold-header .ico-logo-lpoint {vertical-align: -1px;margin-right: 4px;}
.fold-wrap .fold-list .fold-item .fold-header .btn-fold, .fold-wrap .fold-list .fold-item .fold-header .btn-link {display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;display: -webkit-box;display: -ms-flexbox;display: flex;display: -webkit-flex;-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;-webkit-box-align: center;-moz-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-moz-box-orient: horizontal;-moz-box-direction: normal;-ms-flex-direction: row;-webkit-flex-direction: row;flex-direction: row;}
.fold-wrap .fold-list .fold-item .fold-header .btn-fold:after {display: block;width: 20px;height: 20px;content: "";background: url("../images/common/comm_fold_arrow.svg") 0 0 no-repeat;background-size: cover;-moz-transform: rotateZ(0);-webkit-transform: rotateZ(0);transform: rotateZ(0);-moz-transition: transform 0.15s cubic-bezier(0.17, 0.67, 0.29, 1.32);-webkit-transition: transform 0.15s cubic-bezier(0.17, 0.67, 0.29, 1.32);transition: transform 0.15s cubic-bezier(0.17, 0.67, 0.29, 1.32);}
.fold-wrap.pop_no_line .fold-list .fold-item .fold-header{padding-bottom: 12px;}
.fold-wrap.pop_no_line .fold-list .fold-item{border-bottom: 0;}
.fold-wrap.pop_no_line .fold-list .fold-item .fold-header .btn-fold{top:3px}
.fold-wrap.pop_no_line .fold-list .fold-item .dot-text  .line{font-weight: 700;text-decoration: underline;}
.fold-wrap .fold-list .fold-item .fold-content {overflow: hidden;display: none;}
.fold-wrap .fold-list .fold-item .fold-content .map-content {
	padding-top: 220px;
}
.fold-wrap .fold-list .fold-item .fold-content .map-content + .tbl-info-wrap {
	margin-top: 20px;
}
.fold-wrap .fold-list .fold-item .fold-content .map-content + .tbl-info-wrap + .swiper-container {
	margin-top: 20px;
}
.fold-wrap .fold-list .fold-item .fold-content .swiper-container ~ .map-content {
	margin-top: 30px;
}
.fold-wrap .fold-list.faq .fold-item .fold-header {
	line-height: unset;
	padding-right: 30px;
}
.fold-wrap .fold-list.faq .fold-item .fold-header .badge-wrap {
	margin-bottom: 8px;
}
.fold-wrap .fold-list.faq .fold-item .fold-header .fold-title-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-moz-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	/* 텍스트 끝나는 지점에 뱃지있을때 구조 변경됨*/
}
.fold-wrap .fold-list.faq .fold-item .fold-header .fold-title-wrap .ico-question {
	flex-shrink: 0;
	margin-right: 8px;
}
.fold-wrap .fold-list.faq .fold-item .fold-header .fold-title-wrap .title {
	font-size: 15px;
	line-height: 20px;
	letter-spacing: -0.025em;
	font-weight: 600;
	color: #000;
}
.fold-wrap .fold-list.faq .fold-item .fold-header .fold-title-wrap .title [class^=badge-] {
	margin-left: 5px;
	flex-shrink: 0;
	vertical-align: -3px;
}
.fold-wrap .fold-list.faq .fold-item .fold-header .fold-title-wrap .title-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-moz-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	max-width: calc(100% - 30px);
}
.fold-wrap .fold-list.faq .fold-item .fold-header .fold-title-wrap .title-wrap .title {
	display: inline;
}
.fold-wrap .fold-list.faq .fold-item .fold-header .fold-title-wrap .title-wrap .title.ellipsis {
	display: inline-block;
	width: 100%;
}
.fold-wrap .fold-list.faq .fold-item .fold-header .fold-title-wrap [class^=badge-] {
	flex-shrink: 0;
	margin-left: 8px;
}
.fold-wrap .fold-list.faq .fold-item .fold-content {
	border-radius: 4px;
}
.fold-wrap .fold-list.faq .fold-item .fold-content .answer-desc {
	position: relative;
	padding-left: 30px;
}
.fold-wrap .fold-list.faq .fold-item .fold-content .answer-desc .ico-answer {
	position: absolute;
	top: 0;
	left: 0;
}
.fold-wrap .fold-list.faq .fold-item .fold-content .answer-desc .desc {
	font-size: 14px;
	line-height: 18px;
	letter-spacing: -0.025em;
	line-height: 22px;
	color: #444;
}
.fold-wrap .fold-list.faq .fold-item.expanded .fold-header .fold-title-wrap {
	/* 텍스트 끝나는 지점에 뱃지있을때 구조 변경됨*/
}
.fold-wrap .fold-list.faq .fold-item.expanded .fold-header .fold-title-wrap .title-wrap {
	font-size: 0;
	display: block;
}
.fold-wrap .fold-list.faq .fold-item.expanded .fold-header .fold-title-wrap .title-wrap .ellipsis {
	display: inline;
}
.fold-wrap .fold-list.faq .fold-item.expanded .fold-header .fold-title-wrap [class^=badge-] {
	flex-shrink: 0;
	margin-left: 8px;
	margin-top: 2px;
}
.fold-wrap.info-folding-box .fold-item {
	border: none;
}
.fold-wrap.info-folding-box .fold-item .fold-header {
	padding: 15px 52px 15px 20px;
	background-color: #fff;
	border: 1px solid #DDE0E3;
	border-radius: 4px;
	font-weight: 500;
}
.fold-wrap.info-folding-box .fold-item .fold-header .ico-logo-lpoint {
	margin-top: 5px;
}
.fold-wrap.info-folding-box .fold-item .fold-header .btn-fold {
	padding-right: 20px;
}
.fold-wrap.info-folding-box .fold-item.expanded .fold-header {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	border-bottom: 0;
}
.fold-wrap.info-folding-box .fold-item.expanded .fold-content {
	border-top: 1px solid #DDE0E3;
}
.fold-wrap.info-folding-box .fold-item.expanded .fold-content.bg-white {
	border-top: 0;
	padding: 7px 20px 20px;
}
.fold-wrap.info-folding-box .fold-item .fold-content {
	border: 1px solid #DDE0E3;
	border-top: none;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	background-color: rgba(239, 241, 243, 0.2);
}
.fold-wrap.info-folding-box .fold-item .fold-content .term-info-wrap .info-text-list + .btext-tit.tit-rgl {
	margin-top: 10px;
}
.fold-wrap.info-folding-box .fold-item .fold-content .term-info-wrap .dash-text {
	font-size: 13px;
	color: #666;
}
.fold-wrap.info-folding-box .fold-item .fold-content .term-info-wrap .decimal-list .decimal-text {
	font-size: 13px;
	color: #666;
}
.fold-wrap.info-folding-box .fold-item .fold-content .term-info-wrap .btext {
	font-size: 13px;
	color: #666;
}
.fold-wrap.info-folding-box .fold-item + .fold-item {
	margin-top: 10px;
}
.fold-wrap.type-tline-black {
	border-top: 1px solid #222;
}
.fold-wrap.order {
	background: #fff;
}
.fold-wrap.order .fold-list .fold-item {
	border-bottom-color: #444;
}
.fold-wrap.order .fold-list .fold-item .fold-header {display: -webkit-box;display: -ms-flexbox;display: flex;display: -webkit-flex;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;-webkit-box-align: start;-moz-box-align: start;-ms-flex-align: start;-webkit-align-items: flex-start;align-items: flex-start;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-moz-box-orient: horizontal;-moz-box-direction: normal;-ms-flex-direction: row;-webkit-flex-direction: row;flex-direction: row;padding-right: 50px;}
.fold-wrap.order .fold-list .fold-item .fold-header .ui-chk {
	z-index: 10;
}
.fold-wrap.order .fold-list .fold-item .fold-header .ui-chk label:before, .fold-wrap.order .fold-list .fold-item .fold-header .ui-chk label:after {
	margin-top: 2px;
}
.fold-wrap.order .fold-list .fold-item .fold-header .ui-chk + .right-box .goods-box.size-lg {
	margin-top: 3px;
}
.fold-wrap.order .fold-list .fold-item .fold-header .title {font-size: 18px;line-height: 24px;letter-spacing: -0.025em;font-weight: 600;}
.fold-wrap.order .fold-list .fold-item .fold-header .title [class^=ico-logo-].size-lg {
	margin-right: 6px;
	margin-bottom: -1px;
}
.fold-wrap.order .fold-list .fold-item .fold-header .ui-rdo .title {
	line-height: 18px;
}
.fold-wrap.order .fold-list .fold-item .fold-header .right-box {
	margin-left: auto;
	font-size: 16px;
	line-height: 22px;
	letter-spacing: -0.025em;
	font-weight: 600;
}
.fold-wrap.order .fold-list .fold-item .fold-header .right-box .fc-spot {
	font-size: 16px;
	line-height: 22px;
	letter-spacing: -0.025em;
	font-weight: 600;
}
.fold-wrap.order .fold-list .fold-item .fold-header .right-box .goods-group .val, .fold-wrap.order .fold-list .fold-item .fold-header .right-box .goods-group .unit {
	font-weight: 600;
}
.fold-wrap.order .fold-list .fold-item .fold-content {
	background: #fff;
	padding-top: 0;
}
.fold-wrap.order .fold-list .fold-item .fold-content .form-list-wrap .form-list .form-item.pc-full .form-cont .ui-row-list:first-child {
	margin-top: -20px;
}
.fold-wrap.order .fold-list .fold-item .fold-content .form-list-wrap + .ui-chk {
	margin-top: 15px;
}
@media (max-width: 890px) {
	.fold-wrap.order .fold-list .fold-item {
		border-bottom: 0;
	}
	.fold-wrap.order .fold-list .fold-item .fold-header {
		padding-top: 27px;
		padding-bottom: 27px;
		padding-left: 20px;
	}
	.fold-wrap.order .fold-list .fold-item .fold-content {
		padding-bottom: 30px;
	}
	.fold-wrap.order .fold-list .fold-item ~ .fold-item {
		border-top: solid 10px #F3F5F7;
	}
}
@media (min-width: 891px) {
	.fold-wrap.order .fold-list .fold-item .fold-header {
		padding:30px 28px 30px 0;
	}
	.fold-wrap.order .fold-list .fold-item .fold-content {padding:0 0 30px;}
	.fold-wrap.order .fold-list .fold-item.expanded {border-bottom: 1px solid #444;}
}
.fold-wrap.order .fold-list .fold-item.no-fold {
	/* 링크형 화살표 todo 공통 사용시 공통으로 뺄것 */
	/* 폴드 내에 no-fold 며 컨텐츠 노출되는 유형 :: 주문서에만 있음 */
}
.fold-wrap.order .fold-list .fold-item.no-fold.has-arrow .fold-header .btn-link:after {
	display: block;
	width: 16px;
	height: 16px;
	content: "";
	background: url("../images/common/comm_fold_arrow.svg") 0 0 no-repeat;
	background-size: cover;
	-moz-transform: rotateZ(270deg);
	-webkit-transform: rotateZ(270deg);
	transform: rotateZ(270deg);
	-moz-transition: transform 0.15s cubic-bezier(0.17, 0.67, 0.29, 1.32);
	-webkit-transition: transform 0.15s cubic-bezier(0.17, 0.67, 0.29, 1.32);
	transition: transform 0.15s cubic-bezier(0.17, 0.67, 0.29, 1.32);
	margin-right: 20px;
}
.fold-wrap.order .fold-list .fold-item.no-fold.has-content {
	border-bottom: 0;
}
.fold-wrap.order .fold-list .fold-item.no-fold.has-content .fold-header {
	padding-right: 0;
	padding-bottom: 20px;
}
.fold-wrap.order .fold-list .fold-item.no-fold.has-content .fold-header .right-box .btn-sm {
	margin-top: -5px;
}

@media (max-width: 890px) {
	.fold-wrap.order .fold-list .fold-item.no-fold.has-content .fold-header {
		padding-right: 20px;
	}
	.fold-wrap.order .fold-list .fold-item.no-fold.has-content .fold-content {
		padding: 0 20px 30px 20px;
		border-bottom: 0;
	}
}
.fold-wrap.term-agree .fold-list ~ .all-chk-box {
	padding-top: 20px;
}
.fold-wrap.term-agree + .gray-box {
	margin-top: 30px;
}
.cont-box ~ .fold-wrap.order {margin-top: 30px;border-top: solid 1px #444;}
@media (max-width: 890px) {
	.cont-box ~ .fold-wrap.order {
		border-top: solid 10px #F3F5F7;
	}
}
.aside-wrap .aside-payment-wrap .cont-box .fold-wrap {
	margin-top: -20px;
}
.aside-wrap .aside-payment-wrap .cont-box .fold-wrap .fold-item {
	border-bottom: 0;
	overflow-x: hidden;
}
.aside-wrap .aside-payment-wrap .cont-box .fold-wrap .fold-item ~ .fold-item {
	border-top: 1px solid rgba(221, 224, 227, 0.6);
}
.aside-wrap .aside-payment-wrap .cont-box .fold-wrap .fold-item.expanded {
	padding-bottom: 30px;
}
.aside-wrap .aside-payment-wrap .cont-box .fold-wrap .fold-item.expanded:last-child {
	padding-bottom: 0;
}
.aside-wrap .aside-payment-wrap .cont-box .fold-wrap.term-agree {
	border-bottom: 1px solid rgba(221, 224, 227, 0.6);
}
.aside-wrap .aside-payment-wrap .cont-box .fold-wrap.term-agree .fold-item.expanded, .aside-wrap .aside-payment-wrap .cont-box .fold-wrap.term-agree .fold-item.expanded:last-child {
	padding-bottom: 20px;
}

/* e : vendors */
.ico-camera, .ico-logo-lotte, .ico-return, [class^=ico-benefit-], .ico-check-step-3, .ico-check-step-2, .ico-check-step-1, [class^=ico-grade-shadow-], [class^=ico-grade-], [class^=ico-congestion-], .ico-share-link, .ico-filter-select, .ico-logo-lpay, .ico-logo-lpoint, .ico-white-brightness, .ico-service-receipt, .ico-service-voucher, .ico-service-lpoint, .ico-fill-card, .ico-fill-pay, .ico-coupon-buy, .ico-coupon-download, .ico-card-h36, .ico-cs-h36, .ico-event-h36, .ico-shopping-h36, .ico-check-h36, .ico-menu-h36, .ico-store-h36, .ico-address-h36, .ico-coupon-h36, .ico-stemp-h36, .ico-mile-h88, .ico-mile-h36, .ico-lopoint-h36, .ico-remove-h24, .ico-sk-telecome, .ico-kt, .ico-lg-uplus, .ico-smart-save, .ico-board-list, .ico-time-reset, .ico-md-family-card, .ico-md-entry, .ico-md-consult, .ico-md-subscribe, .ico-md-card, .ico-md-mileage, .ico-md-coupon, .ico-md-shipping, .ico-md-order, .ico-md-receipt, .ico-md-menu, .ico-md-store, .ico-md-address, .ico-scroll-induce, .ico-addr-pickup, .ico-addr-delevery, .ico-white-arr, [class^=ico-payment-], .ico-btn-search, .ico-order-type-driving, .ico-order-type-store-picker, .ico-order-type-delivery, .ico-homepage, .ico-specialty, .ico-cert-verywell, .ico-cert-well, .ico-cert-good, .ico-view-arr-gray, .ico-x-gray-h16, .ico-addr-search, .ico-prd-list, .ico-store-share, .ico-store-search, .ico-store-info, .ico-map-toggle, .ico-addr-time, .ico-addr-location, .ico-arr, .ico-delete-h16, .ico-edit-h16, .ico-delete-h18, .ico-edit-h18, .ico-current-marker, .ico-satisfy, .ico-unsatisfy, .ico-current-location, .ico-question, .ico-answer, .btn-header-back, .ico-download, .ico-arr-20, .ico-arr-down-8, .ico-arr-10, .ico-arr-8, .ico-mile-white, .ico-mile-mint, .ico-option, .ico-logout, .ico-copy, .ico-tel, .ico-access-location, .ico-remove-h18, .ico-filter, .ico-qr-white, .ico-qr, .ico-search, .ico-store-choice, .ico-store-order, [class^=ico-bank], .ico-eatz-character, [class^=ico-brand], .ico-arr-h10-bold, .ico-arr-h10, .ico-cart-black, a.btn-lg .ico-login-pin, a.btn-md .ico-login-pin, a.btn-sm .ico-login-pin, button.btn-lg .ico-login-pin, button.btn-md .ico-login-pin, button.btn-sm .ico-login-pin, a.btn-lg .ico-login-fingerprint, a.btn-md .ico-login-fingerprint, a.btn-sm .ico-login-fingerprint, button.btn-lg .ico-login-fingerprint, button.btn-md .ico-login-fingerprint, button.btn-sm .ico-login-fingerprint, a.btn-lg [class^=ico-], a.btn-md [class^=ico-], a.btn-sm [class^=ico-], button.btn-lg [class^=ico-], button.btn-md [class^=ico-], button.btn-sm [class^=ico-], .ico-share-twitter, .ico-share-fb, .ico-share-blog, .ico-share-kakao, .ico-filter-reset, .ico-notice-eatz, .ico-notice-store, .ico-notice-event, .ico-notice-order, .ico-notice-mypage, .ico-detail, .ico-nonmember-toggle, .ico-lopoint-h24, .ico-drink-ice, .ico-drink-hot, .ico-sns-instagram, .ico-sns-facebook, .ico-sns-twitter, .ico-sub-gate, .ico-text-order, .ico-header-coupon, .ico-header-mypage, .ico-header-barcode, .ico-header-alarm, .ico-header-cart, [class^=ico-docker-], a.btn-round-share:before, button.btn-round-share:before {
	display: inline-block;
	position: relative;
	vertical-align: top;
	overflow: hidden;
}

/* s : 아이콘 */
/* docker icon */
[class^=ico-docker-] { /*UIUX프로젝트*/
	width: 24px;
	height: 24px;
}

.ico-docker-home {
	background: url("../images/common/comm_dock_home_def02.svg") 0 0 no-repeat;
	background-size: cover;
}

.is-active .ico-docker-home {
	background: url("../images/common/comm_dock_home_sel.svg") 0 0 no-repeat;
	background-size: cover;
}

.ico-docker-store {
	background: url("../images/common/comm_dock_store_def.svg") 0 0 no-repeat;
	background-size: cover;
}

.is-active .ico-docker-store {
	background: url("../images/common/comm_dock_store_sel.svg") 0 0 no-repeat;
	background-size: cover;
}

.ico-docker-order {
	background: url("../images/common/comm_dock_order.svg") 0 0 no-repeat;
	background-size: cover;
	width: 60px;
	height: 60px;
	border-radius: 60px;
	box-shadow: 0 5px 10px rgba(0, 165, 185, 0.4);
}

.ico-docker-text-order {
	background: url("../images/common/comm_ico_docker_text_order.svg") 0 0 no-repeat;
	background-size: cover;
	width: 24px;
	height: 26px;
}

.ico-docker-mypage {
	background: url("../images/common/comm_dock_my_def.svg") 0 0 no-repeat;
	background-size: cover;
}

.is-active .ico-docker-mypage {
	background: url("../images/common/comm_dock_my_sel.svg") 0 0 no-repeat;
	background-size: cover;
}

.ico-docker-menu {
	background: url("../images/common/comm_dock_menu_def.svg") 0 0 no-repeat;
	background-size: cover;
}

.is-active .ico-docker-menu {
	background: url("../images/common/comm_dock_menu_sel.svg") 0 0 no-repeat;
	background-size: cover;
}

/* header */
.ico-header-cart {
	background: url("../images/common/comm_ico_cart.svg") 0 0 no-repeat;
	background-size: cover;
	width: 24px;
	height: 24px;
}

.ico-header-alarm {
	background: url("../images/common/comm_ico_alarm.svg") 0 0 no-repeat;
	background-size: cover;
	width: 24px;
	height: 24px;
}

.ico-header-barcode { /*UIUX프로젝트*/
	background: url("../images/common/comm_ico_barcode.svg") 0 0 no-repeat;
	background-size: cover;
	width: 42px;
	height: 36px;
}

.ico-header-mypage {
	background: url("../images/common/comm_ico_my.svg") 0 0 no-repeat;
	background-size: cover;
	width: 24px;
	height: 24px;
}

.ico-header-coupon {
	background: url("../images/common/comm_ico_coupon.svg") 0 0 no-repeat;
	background-size: cover;
	width: 24px;
	height: 24px;
}

.ico-text-order {
	width: 47px;
	height: 15px;
	background: url("../images/common/comm_ico_text_order.svg") 0 0 no-repeat;
	background-size: cover;
}

/* mobile - header */
.ico-sub-gate {
	width: 18px;
	height: 18px;
	background: url("../images/common/comm_sub_gate.svg") 0 0 no-repeat;
	background-size: cover;
}

/* desktop - footer */
.ico-sns-twitter {
	width: 24px;
	height: 24px;
	background: url("../images/common/comm_ico_sns_twitter.svg") 0 0 no-repeat;
	background-size: cover;
}

.ico-sns-facebook {
	width: 24px;
	height: 24px;
	background: url("../images/common/comm_ico_sns_facebook.svg") 0 0 no-repeat;
	background-size: cover;
}

.ico-sns-instagram {
	width: 24px;
	height: 24px;
	background: url("../images/common/comm_ico_sns_instagram.svg") 0 0 no-repeat;
	background-size: cover;
}

.is-active .ico-sns-twitter {
	background: url("../images/common/comm_ico_sns_twitter_on.svg") 0 0 no-repeat;
	background-size: cover;
}
.is-active .ico-sns-facebook {
	background: url("../images/common/comm_ico_sns_facebook_on.svg") 0 0 no-repeat;
	background-size: cover;
}
.is-active .ico-sns-instagram {
	background: url("../images/common/comm_ico_sns_instagram_on.svg") 0 0 no-repeat;
	background-size: cover;
}

/* order */
.ico-order-link {
	width: 20px;
	height: 20px;
}

.ico-drink-hot {
	width: 30px;
	height: 30px;
	background: url("../images/order/ico_drink_hot.svg") 0 0 no-repeat;
	background-size: cover;
}

.ico-drink-ice {
	width: 30px;
	height: 30px;
	background: url("../images/order/ico_drink_ice.svg") 0 0 no-repeat;
	background-size: cover;
}

/* mobile - 로그인 */
/* 카카오, 네이버, 휴대폰 번호 버튼 */
.ico-sns-kakao {
	width: 24px;
	height: 24px;
	background: url("../images/login/ico_kakao.svg") 0 0 no-repeat;
	background-size: 24px 24px;
}

.ico-sns-naver {
	width: 24px;
	height: 24px;
	background: url("../images/login/ico_naver.svg") 0 0 no-repeat;
	background-size: 24px 24px;
}

.ico-sns-shsign {
	width: 24px;
	height: 24px;
	background: url("../images/login/ico_shsign.png") 0 0 no-repeat;
	background-size: 24px 24px;
}

.ico-sns-mobile {
	width: 24px;
	height: 24px;
	background: url("../images/login/ico_phone.svg") 0 0 no-repeat;
	background-size: 24px 24px;
}

.ico-lopoint-h24 {
	width: 24px;
	height: 24px;
	background: url("../images/common/comm_ico_lpoint_h36.svg") 0 0 no-repeat;
	background-size: cover;
}

/* 로그인 - 비회원 주문/조회 토글 버튼 (open, close) */
.ico-nonmember-toggle {
	width: 16px;
	height: 16px;
	background: url("../images/common/comm_ico_arr_down_8.svg") center no-repeat;
	background-size: 8px 8px;
}

/* 공통 - 알림 팝업 - 더보기 */
.ico-detail {
	width: 16px;
	height: 16px;
	background: url("../images/common/comm_ico_pop_detail.svg") center no-repeat;
	background-size: 16px 16px;
}

.ico-notice-mypage {
	width: 24px;
	height: 24px;
	background: url("../images/common/comm_ico_mypage.svg") 0 0 no-repeat;
	background-size: cover;
}

.ico-notice-order {
	width: 24px;
	height: 24px;
	background: url("../images/common/comm_ico_order.svg") 0 0 no-repeat;
	background-size: cover;
}

.ico-notice-event {
	width: 24px;
	height: 24px;
	background: url("../images/common/comm_ico_event.svg") 0 0 no-repeat;
	background-size: cover;
}

.ico-notice-store {
	width: 24px;
	height: 24px;
	background: url("../images/common/comm_ico_store.svg") 0 0 no-repeat;
	background-size: cover;
}

.ico-notice-eatz {
	width: 24px;
	height: 24px;
	background: url("../images/common/comm_ico_cs_h36.svg") 0 0 no-repeat;
	background-size: cover;
}

/* 필터 팝업 */
.ico-filter-reset {
	width: 14px;
	height: 14px;
	background: url("../images/common/comm_ico_filter_reset.svg") 0 0 no-repeat;
	background-size: 14px 14px;
}
.ico-filter-reset.size-lg {
	width: 16px;
	height: 16px;
	background-size: 16px 16px;
}

/* 공유하기 */
.ico-share-kakao {
	width: 40px;
	height: 40px;
	background: url("../images/common/comm_ico_kakao.svg") 0 0 no-repeat;
	background-size: 40px 40px;
}

.ico-share-blog {
	width: 40px;
	height: 40px;
	background: url("../images/common/comm_ico_blog.svg") 0 0 no-repeat;
	background-size: 40px 40px;
}

.ico-share-fb {
	width: 40px;
	height: 40px;
	background: url("../images/common/comm_ico_fb.svg") 0 0 no-repeat;
	background-size: 40px 40px;
}

.ico-share-twitter {
	width: 40px;
	height: 40px;
	background: url("../images/common/comm_ico_twitter.svg") 0 0 no-repeat;
	background-size: 40px 40px;
}

/* button */
a.btn-lg, a.btn-md, a.btn-sm, button.btn-lg, button.btn-md, button.btn-sm {
	/* common */
	/* 로그인 - 지문, PIN */
}
a.btn-lg [class^=ico-], a.btn-md [class^=ico-], a.btn-sm [class^=ico-], button.btn-lg [class^=ico-], button.btn-md [class^=ico-], button.btn-sm [class^=ico-] {
	flex-shrink: 0;
}
a.btn-lg .ico-btn-arr, a.btn-md .ico-btn-arr, a.btn-sm .ico-btn-arr, button.btn-lg .ico-btn-arr, button.btn-md .ico-btn-arr, button.btn-sm .ico-btn-arr {
	background: url("../images/common/comm_ico_btn_arrow.svg") 0 0 no-repeat;
	background-size: cover;
}
a.btn-lg .ico-login-fingerprint, a.btn-md .ico-login-fingerprint, a.btn-sm .ico-login-fingerprint, button.btn-lg .ico-login-fingerprint, button.btn-md .ico-login-fingerprint, button.btn-sm .ico-login-fingerprint {
	width: 24px;
	height: 24px;
	background: url("../images/login/ico_login_fingerprint.svg") 0 0 no-repeat;
	background-size: 24px 24px;
}
a.btn-lg .ico-login-pin, a.btn-md .ico-login-pin, a.btn-sm .ico-login-pin, button.btn-lg .ico-login-pin, button.btn-md .ico-login-pin, button.btn-sm .ico-login-pin {
	width: 24px;
	height: 24px;
	background: url("../images/login/ico_login_pin.svg") 0 0 no-repeat;
	background-size: 24px 24px;
}
a.btn-lg .ico-store-map, a.btn-md .ico-store-map, a.btn-sm .ico-store-map, button.btn-lg .ico-store-map, button.btn-md .ico-store-map, button.btn-sm .ico-store-map {
	background: url("../images/common/comm_store_map.svg") 0 0 no-repeat;
	background-size: cover;
}
a.btn-lg .ico-order-history, a.btn-md .ico-order-history, a.btn-sm .ico-order-history, button.btn-lg .ico-order-history, button.btn-md .ico-order-history, button.btn-sm .ico-order-history {
	background: url("../images/common/comm_order_history.svg") 0 0 no-repeat;
	background-size: cover;
}
a.btn-lg .ico-cart-white, a.btn-md .ico-cart-white, a.btn-sm .ico-cart-white, button.btn-lg .ico-cart-white, button.btn-md .ico-cart-white, button.btn-sm .ico-cart-white {
	width: 20px;
	height: 20px;
	background: url("../images/order/ico_cart_white.svg") 0 0 no-repeat;
	background-size: cover;
}

/* common */
.ico-cart-black {
	width: 20px;
	height: 20px;
	background: url("../images/order/ico_cart_black.svg") 0 0 no-repeat;
	background-size: cover;
}

.ico-arr-h10 {
	width: 10px;
	height: 10px;
	background: url("../images/common/comm_ico_arr_h10.svg") 0 0 no-repeat;
	background-size: cover;
}

.ico-arr-h10-bold {
	width: 10px;
	height: 10px;
	background: url("../images/common/comm_ico_arr_h10_bold.svg") 0 0 no-repeat;
	background-size: cover;
}

/* store */
[class^=ico-brand] {width: 26px;height: 26px;border-radius: 26px;}
[class^=ico-brand]:after {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url("../images/common/comm_ico_brand_lotteria.png") 0 0 no-repeat;background-size: cover;}
[class^=ico-brand].size-lg {width: 30px;height: 30px;border-radius: 30px;}
[class^=ico-brand].size-xl {width: 40px;height: 40px;border-radius: 40px;}
[class^=ico-brand].size-xxl {width: 60px;height: 60px;border-radius: 60px;}

.ico-brand-lotteria {background-color: #f00028;}
.ico-brand-lotteria:after {background-image: url("../images/common/comm_ico_brand_lotteria_circle.svg");}
.ico-brand-krispy {background-color: #31955B;}
.ico-brand-krispy:after {background-image: url("../images/common/comm_ico_brand_krispy_circle.svg");}
.ico-brand-angelinus {background-color: #DBD6CB;}
.ico-brand-angelinus:after {background-image: url("../images/common/comm_ico_brand_angelinus_circle.svg");}
.ico-brand-plating {background-color: #000;}
.ico-brand-plating:after {background-image: url("../images/common/comm_ico_brand_plaeating_circle.svg");}
.ico-brand-farmersbox {background-color: #FFD7d3;}
.ico-brand-farmersbox:after {background-image: url("../images/common/comm_ico_brand_farmersbox.png");}
.ico-brand-eatz {background-color: #00A5B9;}
.ico-brand-eatz:after {background-image: url("../images/common/comm_ico_brand_eatz.png");}
.ico-brand-stanbru {background-color: #194FA1;}
.ico-brand-stanbru:after {background-image: url("../images/common/comm_ico_brand_stanbru.png");}
.ico-eatz-character {background: url("../images/common/comm_ico_eatz_character.svg") 0 0 no-repeat;background-size: cover;}
.ico-brand-three{width:84px;height:32px;background: url(../../assets/images/common/comm_ico_brand_three.svg) 0 0 no-repeat;background-size: cover;}
.ico-brand-three::after{background: none;}
[class^=ico-bank] {
	width: 38px;
	height: 38px;
	border-radius: 38px;
}

.ico-bank-hana {
	background: url("../images/common/comm_ico_bank_hana.png") 0 0 no-repeat;
	background-size: cover;
}

.ico-bank-sinhan {
	background: url("../images/common/comm_ico_bank_sinhan.png") 0 0 no-repeat;
	background-size: cover;
}

.ico-bank-nh {
	background: url("../images/common/comm_ico_bank_nh.png") 0 0 no-repeat;
	background-size: cover;
}

.ico-bank-woori {
	background: url("../images/common/comm_ico_bank_woori.png") 0 0 no-repeat;
	background-size: cover;
}

.ico-bank-kookmin {
	background: url("../images/common/comm_ico_bank_kookmin.png") 0 0 no-repeat;
	background-size: cover;
}

.ico-store-order {
	background: url("../images/common/comm_ico_store_order.svg") 0 0 no-repeat;
	background-size: cover;
}

.ico-store-choice {
	background: url("../images/common/comm_ico_store_choice.svg") 0 0 no-repeat;
	background-size: cover;
}

.ico-search {
	background: url("../images/common/comm_ico_search.svg") 0 0 no-repeat;
	background-size: cover;
}

.ico-qr {
	background: url("../images/common/comm_ico_qr.png") 0 0 no-repeat;
	background-size: cover;
}

.ico-qr-white {
	width: 24px;
	height: 24px;
	background: url("../images/common/comm_ico_qr_white.png") 0 0 no-repeat;
	background-size: cover;
}

.ico-filter {
	background: url("../images/common/comm_ico_filter.svg") 0 0 no-repeat;
	background-size: cover;
}

.ico-remove-h18 {
	width: 18px;
	height: 18px;
	background: url("../images/common/comm_ico_remove.svg") 0 0 no-repeat;
	background-size: cover;
}

.ico-access-location {
	width: 22px;
	height: 22px;
	background: url("../images/common/comm_ico_map_pos.svg") 0 0 no-repeat;
	background-size: cover;
}

.ico-tel {
	width: 14px;
	height: 14px;
	background: url("../images/common/comm_ico_tel.svg") 0 0 no-repeat;
	background-size: 14px 14px;
}

.ico-copy {
	width: 15px;
	height: 15px;
	background: url("../images/common/comm_ico_copy.svg") 0 0 no-repeat;
	background-size: 15px 15px;
}

.ico-logout {
	width: 24px;
	height: 24px;
	background: url("../images/common/comm_ico_logout.svg") 0 0 no-repeat;
	background-size: cover;
}

.ico-option {
	width: 24px;
	height: 24px;
	background: url("../images/common/comm_ico_option.svg") 0 0 no-repeat;
	background-size: cover;
}

.ico-mile-mint {
	width: 22px;
	height: 22px;
	background: url("../images/common/comm_ico_eatz_mile_mint.svg") 0 0 no-repeat;
	background-size: cover;
}
.ico-mile-mint.size-sm {
	width: 18px;
	height: 18px;
}

.ico-mile-white {
	width: 22px;
	height: 22px;
	background: url("../images/common/comm_ico_eatz_mile_white.svg") 0 0 no-repeat;
	background-size: cover;
}

.ico-arr-8 {
	width: 8px;
	height: 8px;
	background: url("../images/common/comm_ico_arr_8.svg") 0 0 no-repeat;
	background-size: cover;
}
.ico-arr-8.type-white {
	background: url("../images/common/comm_ico_arr_8_white.svg") 0 0 no-repeat;
	background-size: cover;
}

.ico-arr-10 {
	width: 10px;
	height: 10px;
	background: url("../images/common/comm_ico_arr_8.svg") 0 0 no-repeat;
	background-size: cover;
}
.ico-arr-10.type-white {
	background: url("../images/common/comm_ico_arr_8_white.svg") 0 0 no-repeat;
	background-size: cover;
}

.ico-arr-down-8 {
	background: url("../images/common/comm_ico_arr_down_8.svg") center no-repeat;
	background-size: 8px;
}

.ico-arr-20 {
	width: 20px;
	height: 20px;
	background: url("../images/common/comm_ico_arr_20.svg") 0 0 no-repeat;
	background-size: cover;
}
.ico-arr-20.type-yellow {
	background: url("../images/common/comm_ico_arr_20_yellow.svg") 0 0 no-repeat;
	background-size: cover;
}

.ico-info-tooltip {
	background: url("../images/common/comm_ico_tooltip.svg") 0 0 no-repeat;
	background-size: 14px center;
}

.ico-info-popup {
	background: url("../images/common/comm_ico_popup.svg") center no-repeat;
	background-size: 14px;
}

.ico-download {
	width: 16px;
	height: 16px;
	background: url("../images/common/comm_ico_download.svg") 0 0 no-repeat;
	background-size: 16px 16px;
}

.btn-header-back {
	width: 24px;
	height: 24px;
	background: url("../images/common/comm_ico_back.svg") 0 0 no-repeat;
	background-size: cover;
}

.ico-question, .ico-answer {
	width: 22px;
	height: 22px;
	border-radius: 22px;
}

.ico-question {
	background: url("../images/common/comm_ico_question.svg") 0 0 no-repeat #C2C7CC;
	background-size: cover;
}

.ico-answer {
	background: url("../images/common/comm_ico_answer.svg") 0 0 no-repeat #666;
	background-size: cover;
}

.ico-current-location {
	width: 15px;
	height: 15px;
	background: url("../images/common/comm_ico_current_location.svg") 0 0 no-repeat;
	background-size: 15px 15px;
}

.ico-unsatisfy {
	width: 16px;
	height: 16px;
	background: url("../images/form/ico_unsatisfy_face.svg") 0 0 no-repeat;
	background-size: cover;
}

.ico-satisfy {
	width: 16px;
	height: 16px;
	background: url("../images/form/ico_satisfy_face.svg") 0 0 no-repeat;
	background-size: cover;
}

.ico-current-marker {
	width: 40px;
	height: 40px;
	background: url("../images/common/comm_ico_marker.svg") 0 0 no-repeat;
	background-size: 40px 40px;
}

.ico-edit-h18 {
	width: 18px;
	height: 18px;
	background: url("../images/common/comm_ico_edit.svg") 0 0 no-repeat;
	background-size: 18px 18px;
}

.ico-delete-h18 {
	width: 18px;
	height: 18px;
	background: url("../images/common/comm_ico_delete.svg") 0 0 no-repeat;
	background-size: 18px 18px;
}
.ico-delete-h18.type-white {
	background: url("../images/common/comm_ico_delete_white.svg") 0 0 no-repeat;
	background-size: 18px 18px;
}

.ico-edit-h16 {
	width: 16px;
	height: 16px;
	background: url("../images/common/comm_ico_edit.svg") 0 0 no-repeat;
	background-size: 16px 16px;
}

.ico-delete-h16 {
	width: 16px;
	height: 16px;
	background: url("../images/common/comm_ico_delete.svg") 0 0 no-repeat;
	background-size: 16px 16px;
}

.ico-arr {
	background: url("../images/common/comm_ico_mint_arr.svg") 0 0 no-repeat;
	background-size: cover;
}

.ico-addr-location {
	width: 20px;
	height: 20px;
	background: url("../images/common/comm_ico_location.svg") 0 0 no-repeat;
	background-size: cover;
}

.ico-addr-time {
	width: 20px;
	height: 20px;
	background: url("../images/common/comm_ico_time.svg") 0 0 no-repeat;
	background-size: cover;
}

.ico-map-toggle {
	width: 8px;
	height: 8px;
	background: url("../images/common/comm_ico_map_toggle.svg") 0 0 no-repeat;
	background-size: cover;
}

.ico-store-info {
	width: 22px;
	height: 22px;
	background: url("../images/common/comm_ico_store_info.svg") 0 0 no-repeat;
	background-size: cover;
}

.ico-store-search {
	width: 22px;
	height: 22px;
	background: url("../images/common/comm_ico_store_search.svg") 0 0 no-repeat;
	background-size: cover;
}

.ico-store-share {
	width: 22px;
	height: 22px;
	background: url("../images/common/comm_ico_store_share.svg") 0 0 no-repeat;
	background-size: cover;
}

.ico-prd-list {
	background: url("../images/common/comm_ico_prd_list.svg") 0 0 no-repeat;
	background-size: cover;
}

.ico-addr-search {
	width: 18px;
	height: 18px;
	background: url("../images/form/ico_search.svg") 0 0 no-repeat;
	background-size: 18px 18px;
}

.ico-x-gray-h16 {
	width: 16px;
	height: 16px;
	background: url("../images/common/comm_ico_x_gray_h16.svg") 0 0 no-repeat;
	background-size: 18px 18px;
}

.ico-view-arr-gray {
	background: url("../images/common/comm_ico_fold_arr_gray.svg") 0 0 no-repeat;
	background-size: cover;
	-moz-transform: rotateZ(180deg);
	-webkit-transform: rotateZ(180deg);
	transform: rotateZ(180deg);
}

.ico-cert-good {
	width: 24px;
	height: 24px;
	background: url("../images/common/comm_ico_cert_good.svg") 0 0 no-repeat;
	background-size: 24px 24px;
}

.ico-cert-well {
	width: 24px;
	height: 24px;
	background: url("../images/common/comm_ico_cert_well.svg") 0 0 no-repeat;
	background-size: 24px 24px;
}

.ico-cert-verywell {
	width: 24px;
	height: 24px;
	background: url("../images/common/comm_ico_cert_verywell.svg") 0 0 no-repeat;
	background-size: 24px 24px;
}

.ico-specialty {
	width: 16px;
	height: 16px;
	background: url("../images/common/comm_ico_specialty.svg") 0 0 no-repeat;
	background-size: cover;
}

.ico-homepage {
	width: 16px;
	height: 16px;
	background: url("../images/common/comm_ico_homepage.svg") 0 0 no-repeat;
	background-size: cover;
}

.ico-order-type-delivery {
	width: 24px;
	height: 24px;
	background: url("../images/common/comm_ico_delivery.svg") 0 0 no-repeat;
	background-size: 24px 24px;
}

.ico-order-type-store-picker {
	width: 24px;
	height: 24px;
	background: url("../images/common/comm_ico_store_pickup.svg") 0 0 no-repeat;
	background-size: 24px 24px;
}

.ico-order-type-driving {
	width: 24px;
	height: 24px;
	background: url("../images/common/comm_ico_driving.svg") 0 0 no-repeat;
	background-size: 24px 24px;
}

input[type=radio].order-select-radio:checked + label .ico-order-type-delivery {
	background: url("../images/common/comm_ico_delivery_wh.svg") 0 0 no-repeat;
	background-size: 24px 24px;
}
input[type=radio].order-select-radio:checked + label .ico-order-type-store-picker {
	background: url("../images/common/comm_ico_store_pickup_wh.svg") 0 0 no-repeat;
	background-size: 24px 24px;
}
input[type=radio].order-select-radio:checked + label .ico-order-type-driving {
	background: url("../images/common/comm_ico_driving_wh.svg") 0 0 no-repeat;
	background-size: 24px 24px;
}

.ico-btn-search {
	background: url("../images/common/comm_btn_ico_search.svg") 0 0 no-repeat;
	background-size: cover;
}

/* 결제수단 페이 아이콘 */
[class^=ico-payment-] {
	width: 120px;
	height: 28px;
	margin-top: -5px;
	margin-bottom: -5px;
}

.ico-payment-payco {
	background: url("../images/common/pay_logo_payco.svg") 0 0 no-repeat;
	background-size: 120px 28px;
}

.ico-payment-samsungpay {
	background: url("../images/common/pay_logo_samsungpay.svg") 0 0 no-repeat;
	background-size: 120px 28px;
}

.ico-payment-kakaopay {
	background: url("../images/common/pay_logo_kakaopay.svg") 0 0 no-repeat;
	background-size: 120px 28px;
}

.ico-payment-npay {
	background: url("../images/common/pay_logo_naverpay.svg") 0 0 no-repeat;
	background-size: 120px 28px;
}

/* 이미지 불러오기 */
.ico-attach-img {
	background: url("../images/common/comm_ico_attach_img.svg") 0 0 no-repeat;
	background-size: cover;
}

/* 바코드 인식 */
.ico-barcode-recognition {
	background: url("../images/common/comm_ico_barcode_recognition.svg") 0 0 no-repeat;
	background-size: cover;
}
.ico-barcode-recognition.type02 { /* UIUX */
	background: url("../images/common/comm_ico_barcode_recognition_02.svg") 0 0 no-repeat;
	background-size: cover;
}

/* 선물 아이콘 */
.ico-give-present {
	background: url("../images/common/comm_ico_present.svg") 0 0 no-repeat;
	background-size: cover;
}

/* 가까운 배달존 선택 */
.ico-map-position {
	background: url("../images/common/comm_ico_map_position.svg") 0 0 no-repeat;
	background-size: cover;
}

/* main - EATZ마일 arr */
.ico-white-arr {
	width: 10px;
	height: 13px;
	background: url("../images/main/ico_white_arr.svg") 0 0 no-repeat;
	background-size: cover;
}

/* main - 배달 */
.ico-addr-delevery {
	width: 24px;
	height: 24px;
	background: url("../images/main/ico_addr_delevery_off.svg") 0 0 no-repeat;
	background-size: cover;
}
.tab-wrap .tabs .tab-item.ui-state-active .ico-addr-delevery {
	background: url("../images/main/ico_addr_delevery_on.svg") 0 0 no-repeat;
	background-size: cover;
}

/* main - 픽업 */
.ico-addr-pickup {
	width: 24px;
	height: 24px;
	background: url("../images/main/ico_addr_pickup_off.svg") 0 0 no-repeat;
	background-size: cover;
}
.tab-wrap .tabs .tab-item.ui-state-active .ico-addr-pickup {
	background: url("../images/main/ico_addr_pickup_on.svg") 0 0 no-repeat;
	background-size: cover;
}

/* main - 스크롤 유도 */
.ico-scroll-induce {
	width: 16px;
	height: 16px;
	background: url("../images/main/ico_scroll_induce.svg") 0 0 no-repeat;
	background-size: cover;
}

/* 마이페이지 > 메인 */
.ico-md-address {
	width: 36px;
	height: 36px;
	background: url("../images/mypage/ico_md_address.svg") 0 0 no-repeat;
	background-size: cover;
}

.ico-md-store {
	width: 36px;
	height: 36px;
	background: url("../images/mypage/ico_md_store.svg") 0 0 no-repeat;
	background-size: cover;
}

.ico-md-menu {
	width: 36px;
	height: 36px;
	background: url("../images/mypage/ico_md_menu.svg") 0 0 no-repeat;
	background-size: cover;
}
.ico-md-mileage {
	width: 26px;
	height: 26px;
	background: url("../images/mypage/ico_md_mileage.svg") 0 0 no-repeat;
	background-size: cover;
}

.ico-md-family-card {
	width: 26px;
	height: 26px;
	background: url("../images/mypage/ico_md_family_card.svg") 0 0 no-repeat;
	background-size: cover;
}

.ico-time-reset {
	width: 16px;
	height: 16px;
	background: url("../images/common/comm_ico_time_reset.svg") 0 0 no-repeat;
	background-size: cover;
}

.ico-board-list {
	width: 16px;
	height: 16px;
	background: url("../images/common/comm_ico_board_list.svg") 0 0 no-repeat;
	background-size: cover;
}

.ico-sk-telecome, .ico-kt, .ico-lg-uplus, .ico-smart-save {
	width: 120px;
	height: 28px;
	margin-top: -5px;
	margin-bottom: -5px;
}

.ico-sk-telecome {
	background: url("../images/mypage/ico_logo_sk_telecome.svg") 0 0 no-repeat;
	background-size: cover;
}

.ico-kt {
	background: url("../images/mypage/ico_logo_kt.svg") 0 0 no-repeat;
	background-size: cover;
}

.ico-lg-uplus {
	background: url("../images/mypage/ico_logo_lg_uplus.svg") 0 0 no-repeat;
	background-size: cover;
}

.ico-smart-save {
	background: url("../images/mypage/ico_logo_smart_save.svg") 0 0 no-repeat;
	background-size: cover;
}

.ico-remove-h24 {
	width: 24px;
	height: 24px;
	background: url("../images/common/comm_ico_remove.svg") 0 0 no-repeat;
	background-size: cover;
}

/* 마이페이지 - 메인 */
.ico-lopoint-h36 {
	width: 36px;
	height: 36px;
	background: url("../images/common/comm_ico_lpoint_h36.svg") 0 0 no-repeat;
	background-size: cover;
}

.ico-mile-h36 {
	width: 36px;
	height: 36px;
	background: url("../images/common/comm_ico_mile_h36.svg") 0 0 no-repeat;
	background-size: cover;
}

.ico-mile-h88 {
	width: 88px;
	height: 88px;
	background: url("../images/common/comm_ico_mile_h88.svg") 0 0 no-repeat;
	background-size: cover;
}

.ico-stemp-h36 {
	width: 36px;
	height: 36px;
	background: url("../images/common/comm_ico_stemp_h36.svg") 0 0 no-repeat;
	background-size: cover;
}

.ico-coupon-h36 {
	width: 36px;
	height: 36px;
	background: url("../images/common/comm_ico_coupon_h36.svg") 0 0 no-repeat;
	background-size: cover;
}

.ico-address-h36 {
	width: 36px;
	height: 36px;
	background: url("../images/common/comm_ico_address_h36.svg") 0 0 no-repeat;
	background-size: cover;
}

.ico-store-h36 {
	width: 36px;
	height: 36px;
	background: url("../images/common/comm_ico_store_h36.svg") 0 0 no-repeat;
	background-size: cover;
}

.ico-menu-h36 {
	width: 36px;
	height: 36px;
	background: url("../images/common/comm_ico_menu_h36.svg") 0 0 no-repeat;
	background-size: cover;
}

.ico-check-h36 {
	width: 36px;
	height: 36px;
	background: url("../images/common/comm_ico_check_h36.svg") 0 0 no-repeat;
	background-size: cover;
}

.ico-shopping-h36 {
	width: 36px;
	height: 36px;
	background: url("../images/common/comm_ico_shopping_h36.svg") 0 0 no-repeat;
	background-size: cover;
}

.ico-event-h36 {
	width: 36px;
	height: 36px;
	background: url("../images/common/comm_ico_event_h36.svg") 0 0 no-repeat;
	background-size: cover;
}

.ico-cs-h36 {
	width: 36px;
	height: 36px;
	background: url("../images/common/comm_ico_cs_h36.svg") 0 0 no-repeat;
	background-size: cover;
}

.ico-card-h36 {
	width: 36px;
	height: 36px;
	background: url("../images/common/comm_ico_card_h36.svg") 0 0 no-repeat;
	background-size: cover;
}

.ico-coupon-download {
	width: 20px;
	height: 20px;
	background: url("../images/common/comm_coupon_download.svg") 0 0 no-repeat;
	background-size: cover;
}

.ico-coupon-buy {
	width: 20px;
	height: 20px;
	background: url("../images/common/comm_coupon_buy.svg") 0 0 no-repeat;
	background-size: cover;
}

.ico-fill-pay {
	width: 24px;
	height: 24px;
	background: url("../images/common/comm_ico_fill_pay.svg") 0 0 no-repeat;
	background-size: cover;
}

.ico-fill-card {
	width: 24px;
	height: 24px;
	background: url("../images/common/comm_ico_fill_card.svg") 0 0 no-repeat;
	background-size: cover;
}

.ico-service-lpoint {
	width: 24px;
	height: 24px;
	background: url("../images/common/comm_ico_service_lpoint.svg") 0 0 no-repeat;
	background-size: cover;
}

.ico-service-voucher {
	width: 24px;
	height: 24px;
	background: url("../images/common/comm_ico_service_voucher.svg") 0 0 no-repeat;
	background-size: cover;
}

.ico-service-receipt {
	width: 24px;
	height: 24px;
	background: url("../images/common/comm_ico_service_receipt.svg") 0 0 no-repeat;
	background-size: cover;
}

.ico-white-brightness {
	width: 24px;
	height: 24px;
	background: url("../images/common/comm_ico_white_brightness.svg") 0 0 no-repeat;
	background-size: cover;
}

.is-active .ico-white-brightness {
	background: url("../images/common/comm_ico_white_brightness_on.svg") 0 0 no-repeat;
	background-size: cover;
}

.ui-rdo input:checked + label .ico-fill-pay, .ui-chk input:checked + label .ico-fill-pay {
	background: url("../images/common/comm_ico_fill_pay_on.svg") 0 0 no-repeat;
	background-size: cover;
}
.ui-rdo input:checked + label .ico-fill-card, .ui-chk input:checked + label .ico-fill-card {
	background: url("../images/common/comm_ico_fill_card_on.svg") 0 0 no-repeat;
	background-size: cover;
}
.ui-rdo input:checked + label .ico-service-voucher, .ui-chk input:checked + label .ico-service-voucher {
	background: url("../images/common/comm_ico_service_voucher_on.svg") 0 0 no-repeat;
	background-size: cover;
}
.ui-rdo input:checked + label .ico-service-receipt, .ui-chk input:checked + label .ico-service-receipt {
	background: url("../images/common/comm_ico_service_receipt_on.svg") 0 0 no-repeat;
	background-size: cover;
}

.ico-logo-lpoint {
	width: 64px;
	height: 12px;
	background: url("../images/common/comm_ico_logo_lpoint.svg") 0 0 no-repeat;
	background-size: contain;
	vertical-align: 0;
}
.ico-logo-lpoint.size-sm {
	width: 53px;
	height: 10px;
}
.ico-logo-lpoint.size-lg {
	width: 75px;
	height: 14px;
}
.ico-logo-lpoint.size-xl {
	width: 80px;
	height: 15px;
}

.ico-logo-lpay {
	width: 44px;
	height: 12px;
	background: url("../images/common/comm_ico_logo_lpay.svg") 0 0 no-repeat;
	background-size: cover;
	vertical-align: 0;
}

.ico-filter-select {
	width: 24px;
	height: 24px;
	background: url("../images/common/comm_ico_filter_select.svg") 0 0 no-repeat;
	background-size: cover;
}

.ico-share-link {
	width: 14px;
	height: 14px;
	background: url("../images/common/comm_ico_share_link.svg") 0 0 no-repeat;
	background-size: cover;
}

/* 혼잡도 아이콘 */
[class^=ico-congestion-] {
	width: 44px;
	height: 45px;
}

.ico-congestion-smooth {
	background: url("../images/common/comm_ico_congestion_smooth.svg") 0 0 no-repeat;
	background-size: cover;
}

.ico-congestion-usual {
	background: url("../images/common/comm_ico_congestion_usual.svg") 0 0 no-repeat;
	background-size: cover;
}

.ico-congestion-busy {
	background: url("../images/common/comm_ico_congestion_busy.svg") 0 0 no-repeat;
	background-size: cover;
}

.ico-congestion-impossible {
	background: url("../images/common/comm_ico_congestion_impossible.svg") 0 0 no-repeat;
	background-size: cover;
}

.ico-congestion-delay {
	background: url("../images/common/comm_ico_congestion_delay.svg") 0 0 no-repeat;
	background-size: cover;
}

/* 브랜드별 등급 아이콘 */
[class^=ico-grade-] {
	width: 40px;
	height: 40px;
}

.ico-grade-lotteria-regular {
	background: url("../images/common/comm_ico_grade_lotteria_rgl.svg") 0 0 no-repeat;
	background-size: cover;
}

.ico-grade-lotteria-gold {
	background: url("../images/common/comm_ico_grade_lotteria_gold.svg") 0 0 no-repeat;
	background-size: cover;
}

.ico-grade-lotteria-vip {
	background: url("../images/common/comm_ico_grade_lotteria_vip.svg") 0 0 no-repeat;
	background-size: cover;
}

.ico-grade-lotteria-vvip {
	background: url("../images/common/comm_ico_grade_lotteria_vvip.svg") 0 0 no-repeat;
	background-size: cover;
}

.ico-grade-angelinus-regular {
	background: url("../images/common/comm_ico_grade_angelinus_rgl.svg") 0 0 no-repeat;
	background-size: cover;
}

.ico-grade-angelinus-gold {
	background: url("../images/common/comm_ico_grade_angelinus_gold.svg") 0 0 no-repeat;
	background-size: cover;
}

.ico-grade-angelinus-vip {
	background: url("../images/common/comm_ico_grade_angelinus_vip.svg") 0 0 no-repeat;
	background-size: cover;
}

.ico-grade-angelinus-platinum {
	background: url("../images/common/comm_ico_grade_angelinus_platinum.svg") 0 0 no-repeat;
	background-size: cover;
}

.ico-grade-krispy-common { /* UIUX Project */
	background: url("../images/common/comm_ico_grade_krispy_common.svg") 0 0 no-repeat;
	background-size: cover;
}

.ico-grade-krispy-regular {
	background: url("../images/common/comm_ico_grade_krispy_rgl.svg") 0 0 no-repeat;
	background-size: cover;
}

.ico-grade-krispy-gold {
	background: url("../images/common/comm_ico_grade_krispy_gold.svg") 0 0 no-repeat;
	background-size: cover;
}

.ico-grade-krispy-vip {
	background: url("../images/common/comm_ico_grade_krispy_vip.svg") 0 0 no-repeat;
	background-size: cover;
}

.ico-grade-krispy-ogles {
	background: url("../images/common/comm_ico_grade_krispy_ogles.svg") 0 0 no-repeat;
	background-size: cover;
}

[class^=ico-grade-shadow-] {
	width: 36px;
	height: 36px;
}

.ico-grade-shadow-lotteria-regular {
	background: url("../images/common/comm_ico_grade_lotteria_rgl_shadow.svg") 0 0 no-repeat;
	background-size: cover;
}

.ico-grade-shadow-lotteria-gold {
	background: url("../images/common/comm_ico_grade_lotteria_gold_shadow.svg") 0 0 no-repeat;
	background-size: cover;
}

.ico-grade-shadow-lotteria-vip {
	background: url("../images/common/comm_ico_grade_lotteria_vip_shadow.svg") 0 0 no-repeat;
	background-size: cover;
}

.ico-grade-shadow-lotteria-vvip {
	background: url("../images/common/comm_ico_grade_lotteria_vvip_shadow.svg") 0 0 no-repeat;
	background-size: cover;
}

.ico-grade-shadow-angelinus-regular {
	background: url("../images/common/comm_ico_grade_angelinus_rgl_shadow.svg") 0 0 no-repeat;
	background-size: cover;
}

.ico-grade-shadow-angelinus-gold {
	background: url("../images/common/comm_ico_grade_angelinus_gold_shadow.svg") 0 0 no-repeat;
	background-size: cover;
}

.ico-grade-shadow-angelinus-vip {
	background: url("../images/common/comm_ico_grade_angelinus_vip_shadow.svg") 0 0 no-repeat;
	background-size: cover;
}

.ico-grade-shadow-angelinus-platinum {
	background: url("../images/common/comm_ico_grade_angelinus_platinum_shadow.svg") 0 0 no-repeat;
	background-size: cover;
}

.ico-grade-shadow-krispy-regular {
	background: url("../images/common/comm_ico_grade_krispy_rgl_shadow.svg") 0 0 no-repeat;
	background-size: cover;
}

.ico-grade-shadow-krispy-gold {
	background: url("../images/common/comm_ico_grade_krispy_gold_shadow.svg") 0 0 no-repeat;
	background-size: cover;
}

.ico-grade-shadow-krispy-vip {
	background: url("../images/common/comm_ico_grade_krispy_vip_shadow.svg") 0 0 no-repeat;
	background-size: cover;
}

.ico-grade-shadow-krispy-ogles {
	background: url("../images/common/comm_ico_grade_krispy_ogles_shadow.svg") 0 0 no-repeat;
	background-size: cover;
}

.ico-check-step-1 {
	width: 100px;
	height: 100px;
	background: url("../images/event/ico_check_guide_1.svg") 0 0 no-repeat;
	background-size: cover;
}

.ico-check-step-2 {
	width: 100px;
	height: 100px;
	background: url("../images/event/ico_check_guide_2.svg") 0 0 no-repeat;
	background-size: cover;
}

.ico-check-step-3 {
	width: 100px;
	height: 100px;
	background: url("../images/event/ico_check_guide_3.svg") 0 0 no-repeat;
	background-size: cover;
}

/* 등급별 혜택 아이콘 */
[class^=ico-benefit-] {
	width: 36px;
	height: 36px;
}

.ico-benefit-coupon {
	background: url("../images/common/comm_ico_benefit_coupon.svg") 0 0 no-repeat;
	background-size: cover;
}

.ico-benefit-coupon-burger {
	background: url("../images/common/comm_ico_benefit_coupon_burger.svg") 0 0 no-repeat;
	background-size: cover;
}

.ico-benefit-coupon-coffee {
	background: url("../images/common/comm_ico_benefit_coupon_coffee.svg") 0 0 no-repeat;
	background-size: cover;
}

.ico-benefit-coupon-delivery {
	background: url("../images/common/comm_ico_benefit_coupon_delivery.svg") 0 0 no-repeat;
	background-size: cover;
}

.ico-benefit-coupon-donut {
	background: url("../images/common/comm_ico_benefit_coupon_donut.svg") 0 0 no-repeat;
	background-size: cover;
}

.ico-benefit-coupon-free {
	background: url("../images/common/comm_ico_benefit_coupon_free.svg") 0 0 no-repeat;
	background-size: cover;
}

.ico-benefit-coupon-plus-one {
	background: url("../images/common/comm_ico_benefit_coupon_plus_one.svg") 0 0 no-repeat;
	background-size: cover;
}

.ico-benefit-coupon-icecream {
	background: url("../images/common/comm_ico_benefit_coupon_icecream.svg") 0 0 no-repeat;
	background-size: cover;
}

.ico-benefit-coupon-md {
	background: url("../images/common/comm_ico_benefit_coupon_md.svg") 0 0 no-repeat;
	background-size: cover;
}

.ico-benefit-coupon-sale {
	background: url("../images/common/comm_ico_benefit_coupon_sale.svg") 0 0 no-repeat;
	background-size: cover;
}

.ico-benefit-coupon-sandwich {
	background: url("../images/common/comm_ico_benefit_coupon_sandwich.svg") 0 0 no-repeat;
	background-size: cover;
}

.ico-benefit-coupon-strawberry {
	background: url("../images/common/comm_ico_benefit_coupon_strawberry.svg") 0 0 no-repeat;
	background-size: cover;
}

.ico-benefit-coupon-tumbler {
	background: url("../images/common/comm_ico_benefit_coupon_tumbler.svg") 0 0 no-repeat;
	background-size: cover;
}

.ico-benefit-coupon-season{ /* UIUX Project */
	background: url("../images/common/comm_ico_benefit_coupon_season.svg") no-repeat 0 0 / cover;
}

.ico-benefit-coupon-mug{ /* UIUX Project */
	background: url("../images/common/comm_ico_benefit_coupon_mug.svg") no-repeat 0 0 / cover;
}

.ico-benefit-invite {
	background: url("../images/common/comm_ico_benefit_invite.svg") 0 0 no-repeat;
	background-size: cover;
}

.ico-benefit-mileage {
	background: url("../images/common/comm_ico_benefit_mileage.svg") 0 0 no-repeat;
	background-size: cover;
}

.ico-benefit-stamp {
	background: url("../images/common/comm_ico_benefit_stamp.svg") 0 0 no-repeat;
	background-size: cover;
}
.ico-benefit-coupon-event {
	background: url("../images/common/comm_ico_benefit_event.svg") 0 0 no-repeat;
	background-size: cover;
}

.ico-return {
	width: 18px;
	height: 18px;
	background: url("../images/common/comm_ico_return.svg") 0 0 no-repeat;
	background-size: cover;
}

.ico-logo-lotte {
	width: 70px;
	height: 70px;
	background: url("../images/common/comm_ico_logo_lotte.svg") 0 0 no-repeat;
	background-size: cover;
}

.ico-camera {
	width: 24px;
	height: 24px;
	background: url("../images/common/comm_ico_camera.svg") 0 0 no-repeat;
	background-size: cover;
}

/* e : 아이콘 */
/* S: text */
/* Typography */
.fw-rql {font-weight: 400 !important;}
.fw-extra-bold {font-weight: 800 !important;}
.fw-bold {font-weight: 600 !important;}
.fw-bold span {font-weight: inherit;}
.fw-md {font-weight: 500 !important;}
.fc-spot {color: #00A5B9 !important;}
.fc-yellow {color: #FDCD00 !important;}
.fc-red {color: #EF3D2E !important;}
.fc-gray {color: #999 !important;}
.fc-black {color: #000 !important;}
.fc-light-black {color: #444 !important;}
.fc-dark-gray {color: #666 !important;}
.fc-skyblue {color: #199DFF !important;}
.fc-white {color: #fff !important;}


/* brand color */
.fc-lotteria {color: #EF3D2E !important;}
.fc-angelinus {color: #AA9481 !important;}
.fc-krispy {color: #1CAC68 !important;}
.fc-plating {color: #222 !important;}
.fc-lpoint {color: #199DFF !important;}
.fc-all {color: #00a5b9 !important;}

.ellipsis {
	overflow: hidden;
	display: inline-block;
	vertical-align: top;
	max-width: 100%;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.dot-text, .dash-text, .star-text {
	position: relative;
	display: block;
	word-break: keep-all;
	word-wrap: break-word;
}
.dot-text:before, .dash-text:before, .star-text:before {
	position: absolute;
	left: 0;
	display: block;
}
.dot-text .btn-sm, .dash-text .btn-sm, .star-text .btn-sm {
	margin-top: 10px;
}

.dot-text {
	padding-left: 7px;
	font-size: 13px;
	line-height: 18px;
	letter-spacing: -0.025em;
	color: #666;
}
.dot-text span {
	font-size: 13px;
	line-height: 18px;
	letter-spacing: -0.025em;
}
.dot-text .dash-text {
	color: inherit;
}
.dot-text:before {
	top: 8px;
	content: "";
	width: 2px;
	height: 2px;
	border-radius: 2px;
	background: #999;
}
.dot-text + .gray-box {
	margin-top: 30px;
}
.dot-text .info-text-list {
	margin-top: 0;
}
.dot-text .info-text-list ~ .info-text-list {
	margin-top: 12px;
}

.dash-text {
	padding-left: 8px;
	font-size: 14px;
	line-height: 18px;
	letter-spacing: -0.025em;
	color: #444;
}
.dash-text.font-size-sm {
	font-size: 13px;
	line-height: 18px;
	letter-spacing: -0.025em;
}
.dash-text.font-size-sm span {
	font-size: 13px;
	line-height: 18px;
	letter-spacing: -0.025em;
}
.dash-text:before {
	top: 0;
	content: "-";
	display: block;
}

.star-text {
	padding-left: 8px;
	font-size: 13px;
	line-height: 18px;
	letter-spacing: -0.025em;
	color: #666;
}
.star-text span {
	font-size: 13px;
	line-height: 18px;
	letter-spacing: -0.025em;
}
.star-text:before {
	top: 0;
	content: "*";
	display: block;
}
.bar-text-group {
	/*font-size: 0;*/
	display: -ms-inline-flexbox;
	display: inline-flex;
	display: -webkit-inline-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	flex-wrap: wrap;
}
.bar-text-group .bar-text {
	display: block;
	color: #000;
}
.bar-text-group .bar-text ~ .bar-text:before {
	content: "";
	display: inline-block;
	margin-left: 10px;
	padding-left: 10px;
	margin-bottom: 1px;
	width: 1px;
	height: 8px;
	border-left: solid 1px #C2C7CC;
}

/* E: text */
/* S: list */
.list-header-wrap {overflow: hidden;display: -webkit-box;display: -ms-flexbox;display: flex;display: -webkit-flex;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;-webkit-box-align: center;-moz-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-moz-box-orient: horizontal;-moz-box-direction: normal;-ms-flex-direction: row;-webkit-flex-direction: row;flex-direction: row;margin-bottom: 16px;}
.list-header-wrap .count {
	font-size: 16px;
	line-height: 22px;
	letter-spacing: -0.025em;
	color: #000;
	font-weight: 600;
}
.list-header-wrap .count .fc-spot {
	font-size: 16px;
	line-height: 22px;
	letter-spacing: -0.025em;
}
.list-header-wrap .right-box {
	margin-left: auto;
}
.list-header-wrap.full {
	flex-wrap: wrap;
}
.list-header-wrap.full .btext, .list-header-wrap.full .count {
	width: 100%;
}
.list-header-wrap.full .btext ~ .btn-more-view, .list-header-wrap.full .count ~ .btn-more-view {
	margin-top: 8px;
}

.btext ~ .list-header-wrap {
	margin-top: 20px;
}

.content-header-wrap .btext ~ .btn-more-view {
	margin-top: 8px;
}
.content-header-wrap .content-header {
	flex: 1;
}
.content-header-wrap .content-header .cont-tit {
	margin-bottom: 0;
}
.content-header-wrap .content-header .cont-tit-wrap, .content-header-wrap .content-header .line-gray-box, .content-header-wrap .content-header .dot-text {
	width: 100%;
}
.content-header-wrap .right-box {
	margin-left: auto;
}
.content-header-wrap + .list-header-wrap {
	margin-top: 20px;
}
@media (max-width: 890px) {
	.content-header-wrap .right-box .btn-wrap, .content-header-wrap .right-box .btn-right-wrap, .content-header-wrap .right-box .btn-flex-wrap, .content-header-wrap .right-box .btn-center-wrap {
		margin-top: 20px;
	}
}
@media (min-width: 891px) {
	.content-header-wrap {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		display: -webkit-flex;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		-webkit-box-align: center;
		-moz-box-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		align-items: center;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-moz-box-orient: horizontal;
		-moz-box-direction: normal;
		-ms-flex-direction: row;
		-webkit-flex-direction: row;
		flex-direction: row;
	}
	.content-header-wrap .right-box .btn-wrap .btn-md, .content-header-wrap .right-box .btn-right-wrap .btn-md, .content-header-wrap .right-box .btn-flex-wrap .btn-md, .content-header-wrap .right-box .btn-center-wrap .btn-md {
		min-width: 200px;
	}
}
.content-header-wrap + .board-list-wrap {
	margin-top: 30px;
}

.line-top-box {border-top: solid 1px #444;margin-top: 30px;padding-top: 30px;margin-bottom: 30px;}
.line-top-box.type-dash {
	border-style: dashed;
}
.line-top-box:last-child {
	margin-bottom: 0;
}

.line-gray-box {
	border: 1px solid #DDE0E3;
	border-radius: 4px;
	padding: 20px;
}
.line-gray-box + .dash-text,
.line-gray-box + .dot-text {
	margin-top: 12px;
}
.line-gray-box.size-sm {
	padding: 16px;
}
.line-gray-box .barcode-detail-wrap {
	margin-left: auto;
	margin-right: auto;
}

.gray-box {
	background-color: rgba(239, 241, 243, 0.4);
	border-radius: 4px;
	padding: 20px;
}
.gray-box .option-label {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 12px;
}
.gray-box .option-label .name {
	font-size: 14px;
	line-height: 18px;
	letter-spacing: -0.025em;
	font-weight: 500;
	color: #000;
}
.gray-box .option-select {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.gray-box .option-select .price {
	color: #000;
	font-size: 16px;
	line-height: 22px;
	letter-spacing: -0.025em;
	font-weight: 600;
}
.gray-box .option-select .price .val, .gray-box .option-select .price .unit {
	font-size: 16px;
	line-height: 22px;
	letter-spacing: -0.025em;
	font-weight: inherit;
}
.gray-box .option-select .price .val ~ .val, .gray-box .option-select .price .val ~ .unit, .gray-box .option-select .price .unit ~ .val, .gray-box .option-select .price .unit ~ .unit {
	margin-left: 2px;
}
.gray-box + .dash-text,
.gray-box + .dot-text {
	margin-top: 12px;
}
.gray-box.line-dash {
	border: 1px dashed #DDE0E3;
}
.gray-box.has-line {
	border: 1px solid rgba(221, 224, 227, 0.4);
}
.gray-box + .ui-row-list.type-btn {
	margin-top: 20px;
}
.gray-box + .cont-tit, .gray-box + .board-list-wrap {
	margin-top: 30px;
}

.green-box {
	background-color: #F0F9F5;
	border-radius: 4px;
	padding: 20px;
}
.green-box.size-sm {
	padding: 18px 16px;
}
.green-box + .ui-chk {
	margin-top: 12px;
}

.yellow-box {
	background-color: rgba(239, 187, 46, 0.06);
	border-radius: 4px;
	padding: 20px;
}
.yellow-box.size-sm {
	padding: 18px 16px;
}
.yellow-box.size-sm .btext-tit-desc ~ .dot-text {
	margin-top: 12px;
}
.yellow-box + .gray-box {
	margin-top: 20px;
}

.dark-gray-box {
	background-color: #80878D;
	border-radius: 4px;
	padding: 20px;
}
.dark-gray-box.size-sm {
	padding: 18px 16px;
}

.tumbler-box {
	background-color: rgba(239, 241, 243, 0.4);
	border-radius: 4px;
	position: relative;
	margin-bottom: 20px;
}
.tumbler-box.size-sm {
	padding: 10px 10px;
}

/* S: list */
.info-text-list {
	margin-top: 12px;
}
.info-text-list:first-child {
	margin-top: 0;
}
.info-text-list li ~ li {
	margin-top: 10px;
}
.info-text-list .dot-text ~ .dot-text {
	margin-top: 8px;
}
.info-text-list li .info-text-list li ~ li {
	margin-top: 0;
}
.info-text-list li .decimal-list .decimal-text ~ .decimal-text {
	margin-top: 0;
}
.info-text-list.font-size-sm .dot-text, .info-text-list.font-size-sm .dash-text {
	font-size: 13px;
	line-height: 18px;
	letter-spacing: -0.025em;
}
.info-text-list.font-size-sm ~ .btext.size-sm {
	margin-top: 5px;
}
.info-text-list .dash-text .decimal-list {
	margin-top: 7px;
}

.decimal-list {
	counter-reset: decimal-count 0;
}
.decimal-list .decimal-text {
	position: relative;
	padding-left: 14px;
	font-size: 14px;
	line-height: 18px;
	letter-spacing: -0.025em;
	color: #444;
}
.decimal-list .decimal-text:before {
	position: absolute;
	left: 0;
	display: block;
	counter-increment: decimal-count 1;
	content: counter(decimal-count) ". ";
}
.decimal-list .decimal-text ~ .decimal-text {
	margin-top: 7px;
}
.decimal-list .decimal-text .info-text-list li ~ li {
	margin-top: 0;
}
.decimal-list .decimal-text:nth-child(9) ~ .decimal-text {
	padding-left: 20px;
}
.decimal-list .decimal-list {
	margin-top: 7px;
}
.decimal-list.font-size-sm .decimal-text {
	font-size: 13px;
	line-height: 18px;
	letter-spacing: -0.025em;
}
.decimal-list.none > .decimal-text {
	padding-left: 0;
}
.decimal-list.none > .decimal-text:before {
	content: none;
}
.decimal-list.none > .decimal-text:nth-child(9) ~ .decimal-text {
	padding-left: 0;
}
.decimal-list.none .decimal-list {
	margin-left: 14px;
}

.number-text-list .number-text-item .number-tit {
	display: block;
	margin-bottom: 10px;
	font-size: 14px;
	line-height: 18px;
	letter-spacing: -0.025em;
	line-height: 22px;
	color: #444;
}
.number-text-list .number-text-item .number-desc {
	/* 기본 텍스트 */
}
.number-text-list .number-text-item ~ .number-text-item {
	margin-top: 25px;
}

/* grid list */
.grid-list-wrap .grid-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: stretch;
	-moz-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	flex-wrap: wrap;
}
.grid-list-wrap .grid-list .download-area {
	width: 100%;
}

.grid-list-wrap .grid-list .grid-item .btn-link {
	z-index: 6;
}
.grid-list-wrap .grid-list .grid-item ~ .grid-item {
	margin-top: 30px;
}
@media (min-width: 891px) {
	.grid-list-wrap .grid-list .grid-item {
		width: calc((100% - 24px) / 3);
		margin-left: 12px;
	}
	.grid-list-wrap .grid-list .grid-item:nth-child(3n+1) {
		margin-left: 0;
	}
	.grid-list-wrap .grid-list .grid-item ~ .grid-item {
		margin-top: 0;
	}
	.grid-list-wrap .grid-list .grid-item ~ .grid-item:nth-child(n+4) {
		margin-top: 30px;
	}
}
@media (max-width: 890px) {
	.grid-list-wrap .grid-list li.grid-item:last-child {
		margin-bottom: 30px;
	}
}
.grid-list-wrap .grid-list .grid-item .store-info-box {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-moz-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-box-orient: vertical;
	-webkit-box-direction: reverse;
	-moz-box-orient: vertical;
	-moz-box-direction: reverse;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column;
	width: auto;
	height: 100%;
}
.grid-list-wrap .grid-list .grid-item .store-info-box .store-info {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-moz-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-box-orient: vertical;
	-webkit-box-direction: reverse;
	-moz-box-orient: vertical;
	-moz-box-direction: reverse;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column;
	flex: 1;
}
.grid-list-wrap .grid-list .grid-item .store-info-box .store-info [class^=ico-brand-] {
	position: absolute;
}
.grid-list-wrap .grid-list .grid-item .store-info-box .store-info .store-info-title {
	padding-left: 36px;
}
.grid-list-wrap .grid-list .grid-item .store-info-box .store-info .store-desc-list {
	flex: 1;
}
.grid-list-wrap .grid-list.has-border {
	/* footer-개설절차 */
}
.grid-list-wrap .grid-list.has-border .grid-item {
	align-items: stretch;
	border-radius: 4px;
	border: solid 1px #DDE0E3;
	box-sizing: border-box;
	padding: 20px;
	/* has-border 일때 매장 정보 입장시 라인 삭제*/
	/* 삭제버튼 */
}
.grid-list-wrap .grid-list.has-border .grid-item ~ .grid-item {
	margin-top: 10px;
}
@media (min-width: 891px) {
	.grid-list-wrap .grid-list.has-border .grid-item ~ .grid-item {
		margin-top: 0;
	}
	.grid-list-wrap .grid-list.has-border .grid-item ~ .grid-item:nth-child(n+4) {
		margin-top: 20px;
	}
}
.grid-list-wrap .grid-list.has-border .grid-item .grid-info-box {
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-moz-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-box-orient: vertical;
	-webkit-box-direction: reverse;
	-moz-box-orient: vertical;
	-moz-box-direction: reverse;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column;
}
.grid-list-wrap .grid-list.has-border .grid-item .grid-info-box:first-child {
	margin-top: 0;
}
.grid-list-wrap .grid-list.has-border .grid-item .grid-info-box:first-child .grid-title:first-child {
	margin-top: 0;
}
.grid-list-wrap .grid-list.has-border .grid-item .store-info-box {
	padding: 0;
	border: 0;
}
.grid-list-wrap .grid-list.has-border .grid-item .store-info-box .store-info-header {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	position: relative;
	margin-right: -20px;
	margin-left: -20px;
	padding-left: 20px;
	padding-right: 20px;
	border-bottom: 1px solid #DEE0E3;
	width: calc(100% + 40px);
	max-width: calc(100% + 40px);
}
.grid-list-wrap .grid-list.has-border .grid-item .store-info-box .store-info-header .store-tit {
	font-size: 15px;
	line-height: 20px;
	letter-spacing: -0.025em;
	color: #000;
	font-weight: 500;
	overflow: hidden;
	display: inline-block;
	vertical-align: top;
	width: 100%;
	max-width: 100%;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.grid-list-wrap .grid-list.has-border .grid-item .store-info-box .store-info-header .store-tit ~ .ico-arr-h10-bold {
	margin-left: 5px;
}
@media (max-width: 890px) {
	.grid-list-wrap .grid-list.has-border .grid-item .store-info-box .store-info-header {
		margin-top: -3px;
		padding-bottom: 15px;
	}
	.grid-list-wrap .grid-list.has-border .grid-item .store-info-box .store-info-header ~ .store-info {
		margin-top: 20px;
	}
}
@media (min-width: 891px) {
	.grid-list-wrap .grid-list.has-border .grid-item .store-info-box .store-info-header {
		padding-bottom: 20px;
	}
	.grid-list-wrap .grid-list.has-border .grid-item .store-info-box .store-info-header ~ .store-info {
		margin-top: 15px;
	}
}
.grid-list-wrap .grid-list.has-border .grid-item .store-info-box .store-info {
	width: 100%;
	align-self: start;
}
.grid-list-wrap .grid-list.has-border .grid-item .store-info-box .store-info [class^=ico-brand] {
	align-self: start;
}
.grid-list-wrap .grid-list.has-border .grid-item .store-info-box .store-info .store-info-title,
.grid-list-wrap .grid-list.has-border .grid-item .store-info-box .store-info .store-desc-list {
	align-self: start;
}
.grid-list-wrap .grid-list.has-border .grid-item .store-info-box .btn-wrap, .grid-list-wrap .grid-list.has-border .grid-item .store-info-box .btn-right-wrap, .grid-list-wrap .grid-list.has-border .grid-item .store-info-box .btn-flex-wrap, .grid-list-wrap .grid-list.has-border .grid-item .store-info-box .btn-center-wrap {
	margin-top: auto;
	padding-top: 20px;
	width: 100%;
}
.grid-list-wrap .grid-list.has-border .grid-item .btn-delete {
	position: absolute;
	top: 20px;
	right: 20px;
}
.grid-list-wrap .grid-list.has-border.opening-procedure .grid-item {
	height: 180px;
}
@media (min-width: 891px) {
	.grid-list-wrap .grid-list.has-border.opening-procedure .grid-item {
		height: 226px;
	}
}
.grid-list-wrap .grid-list.has-border.opening-procedure .grid-item .grid-step {
	font-size: 12px;
	line-height: 16px;
	letter-spacing: -0.025em;
	font-weight: 600;
}
.grid-list-wrap .grid-list.has-border.opening-procedure .grid-item .grid-step ~ .grid-title {
	margin-top: 5px;
	font-weight: 500;
}
.grid-list-wrap .grid-list.has-border.opening-procedure .grid-item .grid-title {
	width: 85%;
	font-size: 14px;
	line-height: 18px;
	letter-spacing: -0.025em;
}
@media (min-width: 891px) {
	.grid-list-wrap .grid-list.has-border.opening-procedure .grid-item .grid-title {
		width: 50%;
	}
}
.grid-list-wrap .grid-list.has-border.opening-procedure .grid-item .thumb-box {
	position: relative;
	overflow: hidden;
	width: 60px;
	padding-top: 60px;
	border-radius: 4px;
	align-self: flex-end;
	margin-top: auto;
}
@media (min-width: 891px) {
	.grid-list-wrap .grid-list.has-border.opening-procedure .grid-item .thumb-box {
		width: 90px;
		padding-top: 90px;
	}
}
.grid-list-wrap .grid-list.has-border.opening-procedure .grid-item .thumb-box img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.grid-list-wrap .grid-list.has-border.opening-procedure.procedure-lotteria .grid-step {
	color: #EF3D2E;
}
.grid-list-wrap .grid-list.has-border.opening-procedure.procedure-angelinus .grid-step {
	color: #AA9481;
}
.grid-list-wrap .grid-list.grid-col4 .grid-item {
	width: calc((100% - 10px) / 2);
	margin-left: 10px;
}
.grid-list-wrap .grid-list.grid-col4 .grid-item:nth-child(2n+1) {
	margin-left: 0;
}
@media (min-width: 891px) {
	.grid-list-wrap .grid-list.grid-col4 .grid-item {
		width: calc((100% - 30px) / 4);
		margin-left: 10px;
	}
	.grid-list-wrap .grid-list.grid-col4 .grid-item:nth-child(n+3) {
		margin-left: 10px;
	}
	.grid-list-wrap .grid-list.grid-col4 .grid-item:nth-child(4n+1) {
		margin-left: 0;
	}
}
.grid-list-wrap .grid-list.grid-col4 .grid-item ~ .grid-item {
	margin-top: 10px;
}
.grid-list-wrap .grid-list.grid-col4 .grid-item ~ .grid-item:nth-child(2) {
	margin-top: 0;
}
@media (min-width: 891px) {
	.grid-list-wrap .grid-list.grid-col4 .grid-item ~ .grid-item {
		margin-top: 0;
	}
	.grid-list-wrap .grid-list.grid-col4 .grid-item ~ .grid-item:nth-child(n+4) {
		margin-top: 0;
	}
	.grid-list-wrap .grid-list.grid-col4 .grid-item ~ .grid-item:nth-child(n+5) {
		margin-top: 10px;
	}
}
.grid-list-wrap .grid-list.grid-col2 .grid-item {
	width: 100%;
	margin-left: 0;
}
@media (min-width: 891px) {
	.grid-list-wrap .grid-list.grid-col2 .grid-item {
		width: calc((100% - 10px) / 2);
		margin-left: 10px;
	}
	.grid-list-wrap .grid-list.grid-col2 .grid-item:nth-child(n+1) {
		margin-left: 10px;
	}
	.grid-list-wrap .grid-list.grid-col2 .grid-item:nth-child(2n+1) {
		margin-left: 0;
	}
}
.grid-list-wrap .grid-list.grid-col2 .grid-item ~ .grid-item {
	margin-top: 10px;
}
.grid-list-wrap .grid-list.grid-col2 .grid-item ~ .grid-item:nth-child(1) {
	margin-top: 0;
}
@media (min-width: 891px) {
	.grid-list-wrap .grid-list.grid-col2 .grid-item ~ .grid-item {
		margin-top: 0;
	}
	.grid-list-wrap .grid-list.grid-col2 .grid-item ~ .grid-item:nth-child(n+3) {
		margin-top: 0;
	}
	.grid-list-wrap .grid-list.grid-col2 .grid-item ~ .grid-item:nth-child(n+3) {
		margin-top: 10px;
	}
}
.grid-list-wrap .grid-list.grid-col1 .grid-item {
	width: 100%;
	margin-left: 0;
	background: transparent;
}
.grid-list-wrap .grid-list.grid-col1 .grid-item ~ .grid-item {
	margin-top: 30px;
}
.grid-list-wrap .grid-list.grid-col1.size-sm .grid-item ~ .grid-item {
	margin-top: 20px;
}
.grid-list-wrap .grid-list.type-box-full {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-moz-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
}
.grid-list-wrap .grid-list.type-box-full .grid-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-moz-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-box-orient: vertical;
	-webkit-box-direction: reverse;
	-moz-box-orient: vertical;
	-moz-box-direction: reverse;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column;
	align-self: stretch;
}
.grid-list-wrap .grid-list.type-box-full .grid-item ~ .grid-item {
	margin-top: 20px;
}
@media (min-width: 891px) {
	.grid-list-wrap .grid-list.type-box-full .grid-item ~ .grid-item {
		margin-top: 0;
	}
	.grid-list-wrap .grid-list.type-box-full .grid-item ~ .grid-item:nth-child(n+4) {
		margin-top: 12px;
	}
}
.grid-list-wrap .grid-list.type-box-full .grid-item .grid-info-box {
	width: 100%;
	height: 100%;
}
.grid-list-wrap .grid-list.type-box-full .grid-item .coupon-box {
	width: 100%;
	height: 100%;
}
.grid-list-wrap .grid-list.type-box-full.opening-procedure .grid-item {
	height: auto;
}
.grid-list-wrap .grid-list.type-box-full.grid-col2 .grid-item {
	width: 100%;
	margin-left: 0;
}
@media (min-width: 891px) {
	.grid-list-wrap .grid-list.type-box-full.grid-col2 .grid-item {
		width: calc((100% - 20px) / 2);
		margin-left: 20px;
	}
	.grid-list-wrap .grid-list.type-box-full.grid-col2 .grid-item:nth-child(n+1) {
		margin-left: 20px;
	}
	.grid-list-wrap .grid-list.type-box-full.grid-col2 .grid-item:nth-child(2n+1) {
		margin-left: 0;
	}
}
.grid-list-wrap .grid-list.type-box-full.grid-col2 .grid-item ~ .grid-item {
	margin-top: 20px;
}
.grid-list-wrap .grid-list.type-box-full.grid-col2 .grid-item ~ .grid-item:nth-child(1) {
	margin-top: 0;
}
@media (min-width: 891px) {
	.grid-list-wrap .grid-list.type-box-full.grid-col2 .grid-item ~ .grid-item {
		margin-top: 0;
	}
	.grid-list-wrap .grid-list.type-box-full.grid-col2 .grid-item ~ .grid-item:nth-child(n+3) {
		margin-top: 0;
	}
	.grid-list-wrap .grid-list.type-box-full.grid-col2 .grid-item ~ .grid-item:nth-child(n+3) {
		margin-top: 20px;
	}
}
.grid-list-wrap .grid-list.type-box-full.grid-col4 .grid-item {
	width: calc((100% - 20px) / 2);
	margin-left: 20px;
}
.grid-list-wrap .grid-list.type-box-full.grid-col4 .grid-item:nth-child(2n+1) {
	margin-left: 0;
}
@media (min-width: 891px) {
	.grid-list-wrap .grid-list.type-box-full.grid-col4 .grid-item {
		width: calc((100% - 60px) / 4);
		margin-left: 20px;
	}
	.grid-list-wrap .grid-list.type-box-full.grid-col4 .grid-item:nth-child(n+3) {
		margin-left: 20px;
	}
	.grid-list-wrap .grid-list.type-box-full.grid-col4 .grid-item:nth-child(4n+1) {
		margin-left: 0;
	}
}
.grid-list-wrap .grid-list.type-box-full.grid-col4 .grid-item ~ .grid-item {
	margin-top: 20px;
}
.grid-list-wrap .grid-list.type-box-full.grid-col4 .grid-item ~ .grid-item:nth-child(2) {
	margin-top: 0;
}
@media (min-width: 891px) {
	.grid-list-wrap .grid-list.type-box-full.grid-col4 .grid-item ~ .grid-item {
		margin-top: 0;
	}
	.grid-list-wrap .grid-list.type-box-full.grid-col4 .grid-item ~ .grid-item:nth-child(n+4) {
		margin-top: 0;
	}
	.grid-list-wrap .grid-list.type-box-full.grid-col4 .grid-item ~ .grid-item:nth-child(n+5) {
		margin-top: 20px;
	}
}
.grid-list-wrap .grid-list.type-sm .grid-item ~ .grid-item {
	margin-top: 6px;
}
.grid-list-wrap .grid-list.type-sm.grid-col4 .grid-item {
	width: calc((100% - 6px) / 2);
	margin-left: 6px;
}
.grid-list-wrap .grid-list.type-sm.grid-col4 .grid-item:nth-child(2n+1) {
	margin-left: 0;
}
.grid-list-wrap .grid-list.type-sm.grid-col4 .grid-item ~ .grid-item {
	margin-top: 6px;
}
.grid-list-wrap .grid-list.type-sm.grid-col4 .grid-item ~ .grid-item:nth-child(2) {
	margin-top: 0;
}
@media (min-width: 891px) {
	.grid-list-wrap .grid-list.type-sm .grid-item {
		width: calc((100% - 12px) / 3);
		margin-left: 6px;
	}
	.grid-list-wrap .grid-list.type-sm .grid-item:nth-child(3n+1) {
		margin-left: 0;
	}
	.grid-list-wrap .grid-list.type-sm .grid-item ~ .grid-item {
		margin-top: 0;
	}
	.grid-list-wrap .grid-list.type-sm .grid-item ~ .grid-item:nth-child(n+4) {
		margin-top: 6px;
	}
	.grid-list-wrap .grid-list.type-sm.grid-col4 .grid-item {
		width: calc((100% - 18px) / 4);
		margin-left: 6px;
	}
	.grid-list-wrap .grid-list.type-sm.grid-col4 .grid-item:nth-child(n+3) {
		margin-left: 6px;
	}
	.grid-list-wrap .grid-list.type-sm.grid-col4 .grid-item:nth-child(4n+1) {
		margin-left: 0;
	}
	.grid-list-wrap .grid-list.type-sm.grid-col4 .grid-item ~ .grid-item {
		margin-top: 0;
	}
	.grid-list-wrap .grid-list.type-sm.grid-col4 .grid-item ~ .grid-item:nth-child(n+4) {
		margin-top: 0;
	}
	.grid-list-wrap .grid-list.type-sm.grid-col4 .grid-item ~ .grid-item:nth-child(n+5) {
		margin-top: 6px;
	}
	.grid-list-wrap .grid-list.type-sm.grid-col2 .grid-item {
		width: calc((100% - 6px) / 2);
		margin-left: 6px;
	}
	.grid-list-wrap .grid-list.type-sm.grid-col2 .grid-item:nth-child(n+1) {
		margin-left: 6px;
	}
	.grid-list-wrap .grid-list.type-sm.grid-col2 .grid-item:nth-child(2n+1) {
		margin-left: 0;
	}
	.grid-list-wrap .grid-list.type-sm.grid-col2 .grid-item ~ .grid-item {
		margin-top: 0;
	}
	.grid-list-wrap .grid-list.type-sm.grid-col2 .grid-item ~ .grid-item:nth-child(n+3) {
		margin-top: 0;
	}
	.grid-list-wrap .grid-list.type-sm.grid-col2 .grid-item ~ .grid-item:nth-child(n+3) {
		margin-top: 6px;
	}
}
.grid-list-wrap + .grid-list-wrap {
	margin-top: 40px;
}
.grid-list-wrap + .gray-box {
	margin-top: 30px;
}

/* grid item */
.grid-item {
	position: relative;
	width: 100%;
	background-color: #fff;
}
.grid-item .thumb-box {
	position: relative;
	width: 100%;
	padding-top: 56.18%;
	border-radius: 4px;
	overflow: hidden;
}
.grid-item .thumb-box img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
.grid-item .thumb-box.bubble-end:after {
	z-index: 1;
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.3);
}
.grid-item .thumb-box.bubble-end .msg-box {
	overflow: hidden;
	z-index: 2;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-justify-content: center;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 110px;
	height: 110px;
	border: 1px solid #fff;
	border-radius: 110px;
	background-color: rgba(255, 255, 255, 0.15);
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	font-size: 16px;
	line-height: 22px;
	letter-spacing: -0.025em;
	font-weight: 600;
	text-align: center;
	color: #fff;
}
.grid-item .thumb-box.video:before {
	content: "";
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.1);
}
.grid-item .thumb-box.video:after {
	content: "";
	position: absolute;
	z-index: 2;
	top: 50%;
	left: 50%;
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 34px;
	height: 45px;
	background: url("../images/ui/ui_ico_play_video.svg") 0 0 no-repeat;
	background-size: cover;
	opacity: 0.95;
}
.grid-item .grid-title {
	display: block;
	margin-top: 14px;
	font-size: 16px;
	line-height: 22px;
	letter-spacing: -0.025em;
	line-height: 26px;
	font-weight: 600;
	color: #000;
	word-break: break-all;
}
.grid-item .grid-title + .info-text-list {
	margin-top: 10px;
}
.grid-item .grid-info-box {
	margin-top: 14px;
}
.grid-item .grid-info-box .badge-wrap ~ .grid-title {
	margin-top: 7px;
}
.grid-item .grid-info-box .progress-wrap {
	margin-top: 12px;
}
.grid-item .grid-info-box .progress-wrap .state {
	margin-top: 6px;
}
.grid-item .grid-info-box .grid-text {
	display: block;
	margin-top: 10px;
	font-size: 14px;
	line-height: 18px;
	letter-spacing: -0.025em;
}
.grid-item .grid-info-box .grid-period {
	margin-top: 6px;
	font-size: 14px;
	line-height: 18px;
	letter-spacing: -0.025em;
	color: #999;
}
.grid-item .store-info-box .store-info .store-info-title {
	flex: 0;
}
.grid-item .coupon-box {
	width: auto;
}
.grid-item .coupon-box .thumb-box {
	position: absolute;
	width: 120px;
	padding-top: 120px;
}

.terms-agree-wrap .all-chk-box {
	padding: 20px 0;
}

.agree-item {
	position: relative;
	padding: 13px 42px 13px 16px;
	background: rgba(239, 241, 243, 0.4);
	border-radius: 4px;
}
.agree-item .ui-chk {
	z-index: 2;
	position: relative;
}
.agree-item .btn-agree-arr {
	z-index: 1;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding-right: 16px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
}
.agree-item ~ .agree-item {
	margin-top: 6px;
}

.fold-content .agree-item {
	padding-top: 16px;
	padding-bottom: 16px;
	font-size: 14px;
	line-height: 18px;
	letter-spacing: -0.025em;
	color: #000;
	font-weight: 500;
}
.fold-content .terms-agree-wrap .terms-agree-list + .all-chk-box {
	padding-bottom: 0;
}
.fold-content .terms-agree-wrap.all-chk-wrap .terms-agree-list + .all-chk-box {
	margin-top: 20px;
}

/* 매장 */
/* 매장 리스트 헤더 */
.store-header-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	-webkit-box-align: end;
	-moz-box-align: end;
	-ms-flex-align: end;
	-webkit-align-items: flex-end;
	align-items: flex-end;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
}
.store-header-wrap[data-mobile-only] {
	display: flex;
}
.store-header-wrap .info-desc-wrap .guide-desc {
	font-size: 18px;
	line-height: 24px;
	letter-spacing: -0.025em;
	font-weight: 600;
	color: #000;
}
.store-header-wrap .info-desc-wrap .guide-desc ~ .search-result-desc {
	margin-top: 8px;
}
.store-header-wrap .info-desc-wrap .search-result-desc {
	font-size: 15px;
	line-height: 20px;
	letter-spacing: -0.025em;
	font-weight: 500;
	color: #000;
}
.store-header-wrap .info-desc-wrap .search-result-desc .fc-spot {
	font-weight: 600;
}
@media (min-width: 891px) {
	.store-header-wrap .store-header-info {
		width: 100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		display: -webkit-flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-justify-content: space-between;
		-webkit-box-align: end;
		-moz-box-align: end;
		-ms-flex-align: end;
		-webkit-align-items: flex-end;
		align-items: flex-end;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-moz-box-orient: horizontal;
		-moz-box-direction: normal;
		-ms-flex-direction: row;
		-webkit-flex-direction: row;
		flex-direction: row;
	}
}
.store-header-wrap .store-header-info .info-btn-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-moz-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	margin-top: 20px;
	flex-shrink: 0;
}
.store-header-wrap .store-header-info .info-btn-wrap[data-app-only] {
	display: none;
}
.store-header-wrap .store-header-info .info-btn-wrap [class^=btn-] {
	flex-shrink: 0;
}
.store-header-wrap .store-header-info .info-btn-wrap [class^=btn-] + [class^=btn-] {
	margin-left: 6px;
}
@media (max-width: 890px) {
	.store-header-wrap {
		flex-wrap: wrap;
	}
	.store-header-wrap .info-btn-wrap {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		display: -webkit-flex;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		-webkit-box-align: start;
		-moz-box-align: start;
		-ms-flex-align: start;
		-webkit-align-items: flex-start;
		align-items: flex-start;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-moz-box-orient: horizontal;
		-moz-box-direction: normal;
		-ms-flex-direction: row;
		-webkit-flex-direction: row;
		flex-direction: row;
		width: 100%;
		margin-top: 20px;
	}
	.store-header-wrap .info-btn-wrap [class^=btn-] + [class^=btn-] {
		margin-left: 6px;
	}
}
.store-header-wrap .right-box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	-webkit-box-align: end;
	-moz-box-align: end;
	-ms-flex-align: end;
	-webkit-align-items: flex-end;
	align-items: flex-end;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	align-self: stretch;
	flex-shrink: 0;
}
.store-header-wrap ~ .store-info-list {
	margin-top: 20px;
}
.store-header-wrap ~ .grid-list-wrap {
	margin-top: 20px;
}
.store-header-wrap + .search-form-wrap {
	margin-top: 12px;
}
@media (min-width: 891px) {
	.store-header-wrap + .search-form-wrap {
		margin-top: 0;
		margin-bottom: 30px;
	}
}

/* 매장 단일 */
.store-info {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	position: relative;
	flex-wrap: wrap;
}
.store-info [class^=ico-brand] {
	align-self: center;
	margin-right: 10px;
	flex-shrink: 0;
}
.store-info .store-info-title {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	flex: 1;
	flex-wrap: wrap;
}
.store-info .store-info-title .chk-bookmark + .store-name {
	margin-left: 2px;
}
.store-info .store-info-title .store-name {
	font-size: 16px;
	line-height: 22px;
	letter-spacing: -0.025em;
	font-weight: 600;
	color: #000;
	margin-top: 2px;
}
.store-info .store-info-title .store-name.size-xl {
	font-size: 18px;
	line-height: 24px;
	letter-spacing: -0.025em;
	margin-top: 0;
}
.store-info .store-info-title .desc {
	margin-top: 2px;
	margin-left: 2px;
	font-size: 16px;
	line-height: 22px;
	letter-spacing: -0.025em;
	color: #000;
}
.store-info .store-info-title .desc span {
	font-size: inherit;
}
.store-info .store-info-title [class^=badge-] {margin-left: 9px;}
.store-info .store-info-title .ico-arr-h10-bold {
	margin-left: 3px;
}
.store-info .store-info-title.tit-lg {
	margin-bottom: 10px;
}
.store-info .store-info-title.tit-lg .store-name {
	font-size: 18px;
	line-height: 24px;
	letter-spacing: -0.025em;
}
.store-info .store-info-title.tit-lg .store-name ~ .chk-bookmark {
	margin-left: 6px;
}
.store-info .tbl-row-info {
	width: calc(100% - 36px);
	margin-top: 10px;
	margin-left: 36px;
}
.store-info .tbl-row-info tr ~ tr th, .store-info .tbl-row-info tr ~ tr td {
	padding-top: 5px;
}
.store-info .tbl-row-info td .val ~ .unit {
	margin-left: 2px;
}
.store-info .store-desc-list {
	width: calc(100% - 36px);
	margin-top: 10px;
	margin-left: 36px;
}
.store-info .store-desc-list .store-desc-item {
	font-size: 14px;
	line-height: 18px;
	letter-spacing: -0.025em;
	color: #000;
}
.store-info .store-desc-list .store-desc-item ~ .store-desc-item {
	margin-top: 5px;
}
.store-info .tag-wrap {
	width: calc(100% - 36px);
	margin-top: 10px;
	margin-left: 36px;
}
.store-info .badge-wrap ~ .store-info-title.tit-lg {
	margin-top: 8px;
}
.store-info .store-with-wrap {
	margin-top: 6px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-moz-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	flex-wrap: wrap;
}
.store-info .store-with-wrap .left-box {
	margin-top: 10px;
	flex: 1 0 auto;
}
.store-info .store-with-wrap .right-box {
	margin-top: 10px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
}
.store-info .store-with-wrap .badge-with-text {
	margin-right: 6px;
	font-size: 13px;
	line-height: 18px;
	letter-spacing: -0.025em;
	font-weight: 500;
	color: #666;
}
.store-info.type-full {
	display: block;
}

.store-info-box, .order-header-box {position: relative;padding: 20px;background-color: #fff;border: 1px solid #ebebeb;border-radius: 20px;margin-bottom: 30px;}
.store-info-box .btn-store-choice, .order-header-box .btn-store-choice {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.store-info-box .btn-wrap, .store-info-box .btn-right-wrap, .store-info-box .btn-flex-wrap, .store-info-box .btn-center-wrap, .order-header-box .btn-wrap, .order-header-box .btn-right-wrap, .order-header-box .btn-flex-wrap, .order-header-box .btn-center-wrap {
	padding-left: 36px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: stretch;
	-moz-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	margin-top: 20px;
}
.store-info-box .btn-wrap .btn-sm, .store-info-box .btn-right-wrap .btn-sm, .store-info-box .btn-flex-wrap .btn-sm, .store-info-box .btn-center-wrap .btn-sm, .order-header-box .btn-wrap .btn-sm, .order-header-box .btn-right-wrap .btn-sm, .order-header-box .btn-flex-wrap .btn-sm, .order-header-box .btn-center-wrap .btn-sm {
	flex: 1 0 auto;
}
.store-info-box .btn-wrap .btn-sm.btn-store-info, .store-info-box .btn-right-wrap .btn-sm.btn-store-info, .store-info-box .btn-flex-wrap .btn-sm.btn-store-info, .store-info-box .btn-center-wrap .btn-sm.btn-store-info, .order-header-box .btn-wrap .btn-sm.btn-store-info, .order-header-box .btn-right-wrap .btn-sm.btn-store-info, .order-header-box .btn-flex-wrap .btn-sm.btn-store-info, .order-header-box .btn-center-wrap .btn-sm.btn-store-info {
	flex-grow: inherit;
}
.store-info-box ~ .store-info-box, .order-header-box ~ .store-info-box {
	margin-top: 10px;
}
.store-info-box ~ .dot-text, .order-header-box ~ .dot-text {
	margin-top: 12px;
}
@media (min-width: 891px) {
	.store-info-box, .order-header-box {
		max-width: 357px;
	}
}

.order-header-box {max-width: 100%;display: -webkit-box;display: -ms-flexbox;display: flex;display: -webkit-flex;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: space-between;;-webkit-box-align: center;-moz-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-moz-box-orient: horizontal;-moz-box-direction: normal;-ms-flex-direction: row;-webkit-flex-direction: row;flex-direction: row;flex-wrap: wrap;}
.order-header-box .right-box .order-info-num,
.order-header-box .right-box .order-info-date {
	display: inline-block;
	text-align: left;
}
.order-header-box .right-box .order-info-num + .order-info-num,
.order-header-box .right-box .order-info-num + .order-info-date,
.order-header-box .right-box .order-info-date + .order-info-num,
.order-header-box .right-box .order-info-date + .order-info-date {
	margin-left: 10px;
}
.order-header-box .right-box .address-copy-wrap {
	width: auto;
	margin-left: auto;
	text-align: left;
	margin-top: 0;
}
@media (min-width: 891px) {
	.order-header-box + .util-btn-box {
		margin-top: 20px;
	}
	.order-header-box .map-content {
		padding-top: 300px;
	}
	.order-header-box .history-content {
		padding: 50px 0;
	}
	.order-header-box .history-content .history-content-inner {
		width: 420px;
		margin: 0 auto;
	}
}
@media (max-width: 890px) {
	.order-header-box .store-info {
		width: 100%;
	}
	.order-header-box .store-info-title + .order-info-num,
	.order-header-box .store-info-title + .order-info-date {
		margin-top: 6px;
	}
	.order-header-box .right-box {
		margin-top: 6px;
		margin-left: 0;
		margin-top: 6px;
	}
	.order-header-box .right-box .order-info-num,
	.order-header-box .right-box .order-info-date {
		width: 100%;
		margin-left: 0;
	}
	.order-header-box .right-box .order-info-num + .order-info-num,
	.order-header-box .right-box .order-info-num + .order-info-date,
	.order-header-box .right-box .order-info-date + .order-info-num,
	.order-header-box .right-box .order-info-date + .order-info-date {
		margin-left: 0;
	}
	.order-header-box .right-box .address-copy-wrap {
		width: 100%;
		margin-left: 0;
		margin-top: 10px;
	}
	.order-header-box .map-content {
		padding-top: 220px;
	}
}
.order-header-box .map-content, .order-header-box .history-content {
	width: calc(100% + 40px);
	margin-top: 22px;
	margin-left: -20px;
	margin-right: -20px;
	margin-bottom: -20px;
}
.order-header-box .history-content {
	padding-top: 40px;
	border-top: 1px solid #DDE0E3;
}

/* 매장 1열 리스트 */
.store-info-list .store-info-item ~ .store-info-item {
	margin-top: 10px;
}
.store-info-list ~ .btn-wrap, .store-info-list ~ .btn-right-wrap, .store-info-list ~ .btn-flex-wrap, .store-info-list ~ .btn-center-wrap {
	margin-top: 30px;
}

/* 화폐 + 박스 [라벨 4,000 원 서브텍스트]*/
.goods-box {
	display: -ms-inline-flexbox;
	display: inline-flex;
	display: -webkit-inline-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-justify-content: center;
	-webkit-box-align: start;
	-moz-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
}
.goods-box .label {
	margin-right: 5px;
}
.goods-box.size-sm .label,
.goods-box.size-sm .val,
.goods-box.size-sm .sub,
.goods-box.size-sm .unit {
	font-size: 14px;
	line-height: 18px;
	letter-spacing: -0.025em;
}
.goods-box.size-lg .label,
.goods-box.size-lg .val,
.goods-box.size-lg .sub,
.goods-box.size-lg .unit {
	font-size: 16px;
	line-height: 22px;
	letter-spacing: -0.025em;
}
.goods-box.size-xxl .label,
.goods-box.size-xxl .val,
.goods-box.size-xxl .sub,
.goods-box.size-xxl .unit {
	font-size: 22px;
	line-height: 28px;
	letter-spacing: -0.025em;
}
.goods-box.size-xxl .unit {
	margin-left: 3px;
}

/* 화폐 + 그룹 최소단위 [4,000 원 서브텍스트] */
.goods-group {display: -ms-inline-flexbox;display: inline-flex;display: -webkit-inline-flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-justify-content: center;-webkit-box-align: start;-moz-box-align: start;-ms-flex-align: start;-webkit-align-items: flex-start;align-items: flex-start;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-moz-box-orient: horizontal;-moz-box-direction: normal;-ms-flex-direction: row;-webkit-flex-direction: row;flex-direction: row;font-size: 0;}
.goods-group .unit {font-size: 14px;line-height: 18px;letter-spacing: -0.025em;font-weight: 500;color: #000;margin-left: 2px;}
.goods-group .val {font-size: 14px;line-height: 18px;letter-spacing: -0.025em;font-weight: 400;color: #000;}
.goods-group .val + .val {
	margin-left: 4px;
}
.goods-group .sub {
	margin-left: 4px;
	font-size: 14px;
	line-height: 18px;
	letter-spacing: -0.025em;
	font-weight: 400;
	color: #000;
}
.goods-group.fw-rql .val,
.goods-group.fw-rql .sub,
.goods-group.fw-rql .unit {
	font-weight: 400;
}
.goods-group.size-sm .val,
.goods-group.size-sm .sub,
.goods-group.size-sm .unit {
	font-size: 13px;
	line-height: 18px;
	letter-spacing: -0.025em;
}
.goods-group.size-md .val,
.goods-group.size-md .sub,
.goods-group.size-md .unit {
	font-size: 15px;
	line-height: 20px;
	letter-spacing: -0.025em;
}
.goods-group.size-lg .val,
.goods-group.size-lg .sub,
.goods-group.size-lg .unit {
	font-size: 16px;
	line-height: 22px;
	letter-spacing: -0.025em;
}
.goods-group.size-xl {
	/* xl 는 기본 세미볼드 설정임 */
}
.goods-group.size-xl .val,
.goods-group.size-xl .sub,
.goods-group.size-xl .unit {
	font-size: 18px;
	line-height: 24px;
	letter-spacing: -0.025em;
	font-weight: 600;
}
.goods-group.size-xxl {
	/* xxl 는 기본 세미볼드 설정임 */
}
.goods-group.size-xxl .val,
.goods-group.size-xxl .sub,
.goods-group.size-xxl .unit {
	font-size: 22px;
	line-height: 28px;
	letter-spacing: -0.025em;
	font-weight: 600;
}
.goods-group.size-xxl .unit {margin-left: 0px;}
.goods-group.size-xxxl .val,
.goods-group.size-xxxl .sub,
.goods-group.size-xxxl .unit {
	font-size: 26px;
	line-height: 34px;
	letter-spacing: -0.025em;
	font-weight: 600;
}
.goods-group.size-xxxl .unit {
	margin-left: 3px;
}

/* 주문/상품 정보 리스트 */
.price-info-list .price-info-item {
	margin-bottom: 12px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	flex-wrap: wrap;
}
.price-info-list .price-info-item .btn-info {
	flex-shrink: 0;
	margin-left: 6px;
}
.price-info-list .price-info-item .label {max-width: 100%;flex-shrink: 0;font-size: 14px;line-height: 18px;letter-spacing: -0.025em;color: #000;}
.price-info-list .price-info-item .label [class^=ico-logo],
.price-info-list .price-info-item .label .ico-mile-mint {
	margin-right: 4px;
}
.price-info-list .price-info-item .label .fc-spot {
	font-size: inherit;
}
.price-info-list .price-info-item .right-box {
	font-size: 14px;
	line-height: 18px;
	letter-spacing: -0.025em;
	font-weight: 500;
	color: #000;
	margin-left: auto;
	padding-left: 10px;
}
.price-info-list .price-info-item .sub-right-text {
	margin-top: 4px;
	width: 100%;
	font-size: 13px;
	line-height: 18px;
	letter-spacing: -0.025em;
	text-align: right;
	color: #666;
}
.price-info-list .price-info-item .sub-right-text.font-size-rgl {
	font-size: 14px;
	line-height: 18px;
	letter-spacing: -0.025em;
}
.price-info-list .price-info-item .price-fold-wrap {
	display: none;
	padding-top: 12px;
	width: 100%;
}
.price-info-list .price-info-item .price-fold-wrap .price-info-item {
	margin-bottom: 6px;
}
.price-info-list .price-info-item .price-fold-wrap .price-info-item .goods-group .unit,
.price-info-list .price-info-item .price-fold-wrap .price-info-item .goods-group .val,
.price-info-list .price-info-item .price-fold-wrap .price-info-item .goods-group .sub {
	color: #666;
}
.price-info-list .price-info-item .price-fold-wrap .price-info-item:last-child {
	margin-bottom: 0;
}
.price-info-list .price-info-item .price-fold-wrap.active {
	display: block;
}
.price-info-list .price-info-item.total .label {
	margin-top: 2px;
	font-weight: 500;
}
.price-info-list .price-info-item.total .goods-group .unit {
	font-size: 12px;
	line-height: 16px;
	letter-spacing: -0.025em;
	vertical-align: 1px;
}
.price-info-list .price-info-item.total .goods-group .val {
	font-weight: 500;
	font-size: 15px;
	line-height: 20px;
	letter-spacing: -0.025em;
}
.price-info-list .price-info-item.total ~ .point {
	margin-top: 10px;
}
.price-info-list .price-info-item.point {
	color: #999;
}
.price-info-list .price-info-item.point .label {
	font-size: 10px;
	line-height: 13px;
	letter-spacing: -0.025em;
}
.price-info-list .price-info-item.point .goods-group .unit, .price-info-list .price-info-item.point .goods-group .val {
	font-size: 10px;
	line-height: 13px;
	letter-spacing: -0.025em;
}
.price-info-list .price-info-item:last-child {
	margin-bottom: 0;
}
.price-info-list.size-sm .price-info-item .label {font-size: 14px;line-height: 18px;letter-spacing: -0.025em;color:#666;}
.price-info-list.size-sm .price-info-item .goods-group .unit,
.price-info-list.size-sm .price-info-item .goods-group .val,
.price-info-list.size-sm .price-info-item .goods-group .sub {
	font-size: 13px;
	line-height: 18px;
	letter-spacing: -0.025em;
}
.price-info-list ~ .dot-text {
	margin-top: 12px;
}

/* banner thumb item */

.banner-thumb-item .img-txt-box {
	position: relative;
	color: #fff;
}
.banner-thumb-item .img-txt-box span {
	font-size: inherit;
}
.banner-thumb-item .img-txt-box .user-name {
	width: 190px;
	margin-bottom: 10px;
	font-size: 18px;
	line-height: 24px;
	letter-spacing: -0.025em;
	color: inherit;
}
.banner-thumb-item .img-txt-box .banner-tit {
	width: 190px;
	font-size: 22px;
	line-height: 28px;
	letter-spacing: -0.025em;
	color: inherit;
	word-break: keep-all;
	font-weight: 600;
}
.banner-thumb-item .img-txt-box .banner-tit-desc {
	width: 235px;
	margin-top: 10px;
	color: rgba(255, 255, 255, 0.8);
}
@media (min-width: 891px) {
	.banner-thumb-item {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		display: -webkit-flex;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		-webkit-box-align: end;
		-moz-box-align: end;
		-ms-flex-align: end;
		-webkit-align-items: flex-end;
		align-items: flex-end;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-moz-box-orient: horizontal;
		-moz-box-direction: normal;
		-ms-flex-direction: row;
		-webkit-flex-direction: row;
		flex-direction: row;
		min-height: 310px;
		border-radius: 20px;
	}
	.banner-thumb-item .img-txt-box {
		width: 340px;
		padding: 40px;
	}
	.banner-thumb-item .img-txt-box .user-name {
		width: 100%;
		margin-bottom: 6px;
		font-size: 26px;
		line-height: 34px;
		letter-spacing: -0.025em;
	}
	.banner-thumb-item .img-txt-box .banner-tit {
		width: 100%;
		font-size: 26px;
		line-height: 34px;
		letter-spacing: -0.025em;
	}
	.banner-thumb-item .img-txt-box .banner-tit-desc {
		width: 100%;
		margin-top: 14px;
		font-weight: 500;
	}
}
@media (max-width: 890px) {
	.banner-thumb-item .img-txt-box {
		max-width: 520px;
		padding: 124px 20px 20px;
		margin: 0 auto;
	}
}

/* 브랜드 등급 리스트 */
.brand-grade-list .brand-grade-item {
	position: relative;
	padding-top: 16px;
	padding-right: 20px;
	padding-left: 76px;
	padding-bottom: 16px;
	background: rgba(239, 241, 243, 0.4);
	border-radius: 4px;
}
.brand-grade-list .brand-grade-item ~ .brand-grade-item {
	margin-top: 6px;
}
.brand-grade-list .brand-grade-item .brand-grade-info {
	padding-top: 2px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-moz-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
}
.brand-grade-list .brand-grade-item .brand-grade-info .brand-name {
	font-size: 13px;
	line-height: 18px;
	letter-spacing: -0.025em;
	font-weight: 600;
	color: #000;
}
.brand-grade-list .brand-grade-item .brand-grade-info .badge-sm {
	margin-left: 6px;
}
.brand-grade-list .brand-grade-item .progress-wrap {
	margin-top: 10px;
}
.brand-grade-list .brand-grade-item .progress-wrap .progress-box .frame {
	height: 2px;
	border-radius: 2px;
}
.brand-grade-list .brand-grade-item .progress-wrap .progress-box .frame .bar {
	height: 2px;
	border-radius: 2px;
}
.brand-grade-list .brand-grade-item .grade-state {
	margin-top: 6px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-moz-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	overflow: hidden;
}
.brand-grade-list .brand-grade-item .grade-state .btext {
	flex-shrink: 0;
	color: #666;
	font-size: 12px;
	line-height: 16px;
	letter-spacing: -0.025em;
}
.brand-grade-list .brand-grade-item .grade-state .btext .font-size-sm {
	display: inline-block;
	vertical-align: top;
	margin-top: 2px;
	margin-left: 2px;
	font-size: 10px;
	line-height: 13px;
	letter-spacing: -0.025em;
}
body.ios .brand-grade-list .brand-grade-item .grade-state .btext .font-size-sm {
	margin-top: 1px;
}

.brand-grade-list .brand-grade-item .grade-state .right-box {
	flex: 1;
	text-align: right;
}
.brand-grade-list .brand-grade-item .grade-state .price, .brand-grade-list .brand-grade-item .grade-state .count {
	overflow: hidden;
	display: -ms-inline-flexbox;
	display: inline-flex;
	display: -webkit-inline-flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	flex: 1;
	text-align: right;
	color: #666;
	font-size: 12px;
	line-height: 16px;
	letter-spacing: -0.025em;
}
.brand-grade-list .brand-grade-item .grade-state .price .val, .brand-grade-list .brand-grade-item .grade-state .price .unit, .brand-grade-list .brand-grade-item .grade-state .count .val, .brand-grade-list .brand-grade-item .grade-state .count .unit {
	font-size: 12px;
	line-height: 16px;
	letter-spacing: -0.025em;
}
.brand-grade-list .brand-grade-item .grade-state .price .val, .brand-grade-list .brand-grade-item .grade-state .count .val {
	overflow: hidden;
	display: inline-block;
	vertical-align: top;
	max-width: 100%;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #000;
	font-weight: 600;
}
.brand-grade-list .brand-grade-item .grade-state .price .val, .brand-grade-list .brand-grade-item .grade-state .price .unit {
	display: inline-block;
	vertical-align: top;
}
.brand-grade-list .brand-grade-item .grade-state .price .val ~ .unit {
	margin-left: 2px;
}
.brand-grade-list .brand-grade-item .grade-state .btn-info {
	margin-left: 6px;
	position: relative;
	z-index: 5;
}
.brand-grade-list .brand-grade-item .grade-state-list {
	margin-top: 6px;
}
.brand-grade-list .brand-grade-item .grade-state-list .grade-state {
	margin-top: 0;
}
.brand-grade-list .brand-grade-item .grade-state-list .grade-state ~ .grade-state {
	margin-top: 4px;
}
.brand-grade-list .brand-grade-item .fc-dark-gray {
	margin-top: 4px;
	font-size: 12px;
	line-height: 16px;
	letter-spacing: -0.025em;
}
.brand-grade-list .brand-grade-item [class^=ico-grade], .brand-grade-list .brand-grade-item .size-xl {
	width: 40px;
	height: 40px;
	position: absolute;
	top: 50%;
	left: 20px;
	margin-top: -20px;
}
.brand-grade-list .brand-grade-item.brand-angelinus .grade-state .price .val, .brand-grade-list .brand-grade-item.brand-angelinus .grade-state .count .val {
	color: #2F271F;
}
.brand-grade-list .brand-grade-item.brand-angelinus .progress-wrap .progress-box .frame .bar {
	background-color: #2F271F;
}
.brand-grade-list .brand-grade-item.brand-krispy .grade-state .price .val, .brand-grade-list .brand-grade-item.brand-krispy .grade-state .count .val {
	color: #1CAC68;
}
.brand-grade-list .brand-grade-item.brand-krispy .progress-wrap .progress-box .frame .bar {
	background-color: #1CAC68;
}
.brand-grade-list .brand-grade-item.brand-lotteria .grade-state .price .val, .brand-grade-list .brand-grade-item.brand-lotteria .grade-state .count .val {
	color: #EF3D2E;
}
.brand-grade-list .brand-grade-item.brand-lotteria .progress-wrap .progress-box .frame .bar {
	background-color: #EF3D2E;
}

/* ONE바코드 설정 > 카드리스트 swiper*/
@media (max-width: 890px) {
	.swiper-payment-manage.swiper-container {
		margin: 0 -20px;
		padding-left: 20px;
		padding-right: 20px;
	}
}

/* 결제수단 > 카드 */
.payment-card-item, .payment-card-before-wrap {position: relative;width: 232px!important;}
.payment-card-item .card-box, .payment-card-before-wrap .card-box {position: relative;width: 232px;height: 145px;border-radius: 20px;box-sizing: border-box;padding: 20px;color: #fff;background-size: cover;background-repeat: no-repeat;}
.payment-card-item .card-box .ui-rdo, .payment-card-before-wrap .card-box .ui-rdo {position: absolute;top: 10px;left: 10px;}
.payment-card-item .card-box .brand-logo, .payment-card-before-wrap .card-box .brand-logo {position: absolute;top: 20px;right: 20px;}
.payment-card-item .card-box .brand-logo img, .payment-card-before-wrap .card-box .brand-logo img {height: 12px;}
.payment-card-item .card-box .brand-name, .payment-card-before-wrap .card-box .brand-name {
	font-size: 12px;
	line-height: 16px;
	letter-spacing: -0.025em;
	font-weight: 400;
	margin-top: 51px;
	text-align: left;
}
.payment-card-item .card-box .card-number, .payment-card-before-wrap .card-box .card-number {
	font-size: 12px;
	line-height: 16px;
	letter-spacing: -0.025em;
	font-weight: 400;
	margin-top: 4px;
	text-align: left;
}
.payment-card-item .card-box .btn-sm, .payment-card-before-wrap .card-box .btn-sm {
	position: absolute;
	right: 10px;
	bottom: 10px;
}
.payment-card-item .card-selected-box, .payment-card-before-wrap .card-selected-box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	margin-top: 12px;
}
.payment-card-item .card-selected-box .chk-bookmark, .payment-card-before-wrap .card-selected-box .chk-bookmark {
	margin-left: 4px;
}
.payment-card-item .card-selected-box .ui-rdo .val, .payment-card-item .card-selected-box .ui-rdo .unit, .payment-card-before-wrap .card-selected-box .ui-rdo .val, .payment-card-before-wrap .card-selected-box .ui-rdo .unit {
	display: inline-block;
	vertical-align: top;
	margin-top: 4px;
	font-size: 15px;
	line-height: 20px;
	letter-spacing: -0.025em;
	font-weight: 600;
}
.payment-card-item .card-selected-box .ui-rdo .val ~ .val, .payment-card-item .card-selected-box .ui-rdo .val ~ .unit, .payment-card-item .card-selected-box .ui-rdo .unit ~ .val, .payment-card-item .card-selected-box .ui-rdo .unit ~ .unit, .payment-card-before-wrap .card-selected-box .ui-rdo .val ~ .val, .payment-card-before-wrap .card-selected-box .ui-rdo .val ~ .unit, .payment-card-before-wrap .card-selected-box .ui-rdo .unit ~ .val, .payment-card-before-wrap .card-selected-box .ui-rdo .unit ~ .unit {
	margin-left: 2px;
}
.payment-card-item .btn-check-payment-card, .payment-card-before-wrap .btn-check-payment-card {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
}

/* 결제수단 > 카드 등록전 */
@media (max-width: 890px) {
	.payment-card-before-wrap {
		margin: 0 auto;
	}
}
.payment-card-before-wrap .btn-payment-card-add {position: relative;display: -ms-inline-flexbox;display: inline-flex;display: -webkit-inline-flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-justify-content: center;-webkit-box-align: center;-moz-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;-webkit-box-orient: vertical;-webkit-box-direction: reverse;-moz-box-orient: vertical;-moz-box-direction: reverse;-ms-flex-direction: column;-webkit-flex-direction: column;flex-direction: column;width:232px;height: 145px;border-radius: 20px;box-sizing: border-box;background-color: #f9f9f9;cursor: pointer;text-align: center;font-size: 14px;line-height: 18px;letter-spacing: -0.025em;color: #444;overflow: hidden;border: 1px solid #f1f1f1;}
.payment-card-before-wrap .btn-payment-card-add.add{border-color:#ebebeb;}
.payment-card-before-wrap .btn-payment-card-add.add:before {content: "";display: block;width: 32px;height: 32px;margin: 0 auto 12px;border-radius: 100%;background: url("../images/common/comm_ico_plus_h12_white.svg") 0 0 no-repeat;background-size: 11px;background-position: center;background-repeat: no-repeat;background-color: #444;}
.payment-card-before-wrap .btn-payment-card-add.add .text{font-weight: 500;}

.filter-gray-box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	min-height: 44px;
	background-color: rgba(239, 241, 243, 0.4);
	padding-left: 6px;
	margin-top: 20px;
	margin-bottom: 20px;
	border-radius: 4px;
}
.filter-gray-box .filter-value {
	overflow: hidden;
	padding: 10px;
	width: calc(100% - 44px);
	flex: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-moz-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
}
.filter-gray-box .filter-value .value {
	position: relative;
	display: block;
	flex-shrink: 0;
	color: #000;
	font-weight: 500;
}
.filter-gray-box .filter-value .value ~ .value {
	margin-left: 6px;
	padding-left: 8px;
}
.filter-gray-box .filter-value .value ~ .value:before {
	overflow: hidden;
	position: absolute;
	top: 8px;
	left: 0;
	content: "";
	display: block;
	width: 2px;
	height: 2px;
	background: #80878D;
	border-radius: 2px;
}
@media (max-width: 890px) {
	.filter-gray-box .filter-value {
		overflow-x: auto;
		-ms-overflow-style: none;
		scrollbar-width: none;
		-webkit-overflow-scrolling: touch;
	}
	.filter-gray-box .filter-value::-webkit-scrollbar {
		display: none;
	}
}

.btn-filter-select {
	padding: 10px;
}

/* 기타 > 설정 setting-item */
.setting-item .setting-tit-wrap {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
}
.setting-item .setting-tit-wrap .setting-tit {
	font-size: 15px;
	line-height: 20px;
	letter-spacing: -0.025em;
	color: #000;
	font-weight: 500;
}
.setting-item .setting-tit-wrap .right-box {
	margin-left: auto;
}
.setting-item .setting-desc {
	margin-top: 10px;
	font-size: 13px;
	line-height: 18px;
	letter-spacing: -0.025em;
	color: #666;
}
@media (max-width: 890px) {
	.setting-item .setting-desc {
		padding-right: 95px;
	}
}
@media (min-width: 891px) {
	.setting-item .setting-desc {
		padding-right: 110px;
	}
}
.setting-item .btn-setting {
	position: relative;
	width: 100%;
	text-align: left;
}
.setting-item .btn-setting:after {
	position: absolute;
	top: 5px;
	right: 0;
	content: "";
	display: block;
	width: 10px;
	height: 10px;
	background: url("../images/common/comm_ico_arr_h10_bold.svg") 0 0 no-repeat;
	background-size: cover;
}
.setting-item .btn-setting .text {
	font-size: 15px;
	line-height: 20px;
	letter-spacing: -0.025em;
	font-weight: 500;
	color: #000;
}

.setting-list .setting-item ~ .setting-item {
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px solid rgba(221, 224, 227, 0.6);
}

/* E: list */
/* s : common popup */
/* toast popup */
.toast-popup {
	position: fixed;
	bottom: 30px;
	left: 20px;
	right: 20px;
	z-index: 1000;
	/*padding: 0 20px;*/
	color: #fff;
	padding: 16px 5px 17px;
	border-radius: 10px;
	background-color: rgba(0, 0, 0, 0.6);
	-moz-backdrop-filter: blur(30px);
	-webkit-backdrop-filter: blur(30px);
	backdrop-filter: blur(30px);
	text-align: center;
}
.toast-popup .toast-inner {
	font-size: 14px;
	line-height: 18px;
	letter-spacing: -0.025em;
	font-weight: 500;
}
@media (min-width: 891px) {
	.toast-popup {
		min-width: 335px;
		top: 50%;
		left: 50%;
		right: auto;
		bottom: auto;
		-moz-transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}
}

/* 이벤트 - 당첨자 축하 */
.event-toast-popup {
	position: fixed;
	bottom: 30px;
	left: 20px;
	right: 20px;
	z-index: 1000;
	/*padding: 0 20px;*/
	font-size: 14px;
	line-height: 18px;
	letter-spacing: -0.025em;
	font-weight: 500;
	color: #fff;
	padding: 20px 0;
	border-radius: 10px;
	background-color: rgba(0, 0, 0, 0.6);
	-moz-backdrop-filter: blur(30px);
	-webkit-backdrop-filter: blur(30px);
	backdrop-filter: blur(30px);
	text-align: center;
}
.event-toast-popup .event-cong {
	min-width: 180px;
	padding: 80px 5px 0;
	background: url("../images/common/comm_ico_congratulation.svg") top center no-repeat;
	background-size: 80px 80px;
	text-align: center;
}
.event-toast-popup .event-cong-text {
	font-size: 14px;
	line-height: 18px;
	letter-spacing: -0.025em;
	font-weight: 500;
	color: #fff;
}
.event-toast-popup .event-cong.fail {
	background: url("../images/common/comm_ico_unwinnable.svg") top center no-repeat;
	background-size: 80px 80px;
}
@media (min-width: 891px) {
	.event-toast-popup {
		top: 50%;
		left: 50%;
		right: auto;
		bottom: auto;
		-moz-transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}
}

/* toast popup message */
.toast-popup-message {
	width: 100%;
	position: fixed;
	bottom: 30px;
	left: 0;
	z-index: 1000;
	padding: 0 20px;
}
@media (min-width: 891px) {
	.toast-popup-message {
		max-width: 335px;
		top: 50%;
		left: 50%;
		bottom: auto;
		-moz-transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}
}

/* 알림 팝업 */
.notice-history-popup {
	background: pink;
}
.notice-history-popup.ui-dialog-content[data-class=dialog-full].ui-widget-content .dialog-body .cont-box:first-child .cont-inner {
	padding-top: 0;
}
.notice-history-popup .tab-wrap .tabs {
	padding-top: 12px;
	padding-bottom: 11px;
}
.notice-history-popup .swiper-notice-history {
	margin: 0 -20px;
}
.notice-history-popup .swiper-notice-history .swiper-slide {
	height: 100%;
	padding-left: 20px;
	padding-right: 20px;
}
.notice-history-popup .swiper-notice-history .swiper-slide.swiper-slide-active {
	height: auto;
}
.notice-history-popup .notice-history-wrap .notice-history-list .notice-history-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-moz-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	padding: 19px 0 17px;
	border-bottom: 1px solid rgba(221, 224, 227, 0.6);
}
.notice-history-popup .notice-history-wrap .notice-history-list .notice-history-item .notice-history-left .alarm-circle {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	border: 1px solid rgba(221, 224, 227, 0.4);
}
.notice-history-popup .notice-history-wrap .notice-history-list .notice-history-item .notice-history-left .alarm-circle-point {
	position: absolute;
	top: 0;
	left: 0;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background-color: #00A5B9;
}
.notice-history-popup .notice-history-wrap .notice-history-list .notice-history-item .notice-history-right {
	margin-left: 14px;
}
.notice-history-popup .notice-history-wrap .notice-history-list .notice-history-item .notice-history-right .notice-history-date {
	margin-top: 7px;
}
.notice-history-popup .notice-history-wrap .notice-history-list .notice-history-item .notice-history-right .notice-history-date [class^=nt-] {
	font-size: 13px;
	line-height: 18px;
	letter-spacing: -0.025em;
	color: #AAA;
}
.notice-history-popup .notice-history-wrap .notice-history-list .notice-history-item .notice-history-right .notice-history-head {
	color: #666;
}
.notice-history-popup .notice-history-wrap .notice-history-list .notice-history-item .notice-history-right .notice-history-body {
	margin-top: 4px;
	font-size: 15px;
	line-height: 20px;
	letter-spacing: -0.025em;
	font-weight: 500;
}
.notice-history-popup .notice-history-wrap .notice-history-list .notice-history-item .alarm-dingbat {
	position: absolute;
	top: 2px;
	right: 2px;
	width: 8px;
	height: 8px;
	background-color: #00A5B9;
	border: 2px solid #fff;
	border-radius: 4px;
}
.notice-history-popup .notice-history-wrap + .btn-wrap, .notice-history-popup .notice-history-wrap + .btn-right-wrap, .notice-history-popup .notice-history-wrap + .btn-flex-wrap, .notice-history-popup .notice-history-wrap + .btn-center-wrap {
	margin-top: 30px;
}

/* 메인 팝업 */
.main-popup.ui-dialog-content.ui-widget-content {
	-webkit-mask-image: -webkit-radial-gradient(white, black);
	padding: 0;
}
.main-popup.ui-dialog-content.ui-widget-content .dialog-body {
	margin: 0;
}
.main-popup.ui-dialog-content.ui-widget-content .dialog-body .swiper-main-popup {
	width: 100%;
}
.main-popup.ui-dialog-content.ui-widget-content .dialog-body .swiper-main-popup img {
	width: 100%;
}
@media (min-width: 891px) {
	.main-popup.ui-dialog-content.ui-widget-content .dialog-body .swiper-main-popup .swiper-control-wrap {
		display: none;
	}
	.main-popup.ui-dialog-content.ui-widget-content .dialog-body .swiper-main-popup .swiper-control-wrap .swiper-button-next, .main-popup.ui-dialog-content.ui-widget-content .dialog-body .swiper-main-popup .swiper-control-wrap .swiper-button-prev {
		top: 50%;
		background: transparent;
		width: 24px;
		height: 24px;
		margin-top: -12px;
	}
	.main-popup.ui-dialog-content.ui-widget-content .dialog-body .swiper-main-popup .swiper-control-wrap .swiper-button-next:before, .main-popup.ui-dialog-content.ui-widget-content .dialog-body .swiper-main-popup .swiper-control-wrap .swiper-button-prev:before {
		content: "";
		position: absolute;
		top: 50%;
		width: 24px;
		height: 24px;
		margin-top: -12px;
		border-radius: 24px;
		background: url("../images/ui/ui_ico_swiper_arr_h24.svg") 0 0 no-repeat;
		background-size: cover;
		background-color: #fff;
		border: 1px solid rgba(0, 0, 0, 0.08);
		box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
	}
	.main-popup.ui-dialog-content.ui-widget-content .dialog-body .swiper-main-popup .swiper-control-wrap .swiper-button-next {
		right: 20px;
	}
	.main-popup.ui-dialog-content.ui-widget-content .dialog-body .swiper-main-popup .swiper-control-wrap .swiper-button-next:before {
		right: 0;
	}
	.main-popup.ui-dialog-content.ui-widget-content .dialog-body .swiper-main-popup .swiper-control-wrap .swiper-button-prev {
		left: 20px;
	}
	.main-popup.ui-dialog-content.ui-widget-content .dialog-body .swiper-main-popup .swiper-control-wrap .swiper-button-prev:before {
		left: 0;
		-moz-transform: rotate(180deg);
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg);
		box-shadow: 0 -3px 6px rgba(0, 0, 0, 0.1);
	}
	.main-popup.ui-dialog-content.ui-widget-content .dialog-body .swiper-main-popup.is-active .swiper-control-wrap {
		display: block;
	}
}
.main-popup.ui-dialog-content.ui-widget-content .dialog-footer {
	padding: 0;
}
.main-popup.ui-dialog-content.ui-widget-content .dialog-btn-wrap {
	height: 56px;
}
.main-popup .btn-flex-wrap {
	height: 100%;
}
.main-popup .btn-flex-wrap .text {
	font-size: 14px;
	line-height: 18px;
	letter-spacing: -0.025em;
	height: 100%;
	line-height: 56px;
}
.main-popup .btn-flex-wrap .left-box .text {
	color: #999;
}
.main-popup .btn-flex-wrap .right-box .text {
	color: #000;
}

.ui-dialog-container .mo-allmenu-popup .dialog-header {
	position: relative;
	z-index: 2;
	margin-bottom: 10px;
	padding-right: 50px;
	text-align: right;
}
.ui-dialog-container .mo-allmenu-popup .dialog-header .btn-user ~ .btn-user {
	margin-left: 28px;
}
.ui-dialog-container .mo-allmenu-popup .dialog-body .cont-box .fold-wrap {
	padding-top: 10px;
	padding-bottom: 40px;
}
.ui-dialog-container .mo-allmenu-popup .dialog-body .cont-box .fold-wrap ~ .cont-inner {
	margin-top: -30px;
	padding-bottom: 40px;
}
.ui-dialog-container .mo-allmenu-popup .dialog-body .cont-box:first-child {
	position: relative;
	background: #00A5B9;
}
.ui-dialog-container .mo-allmenu-popup .dialog-body .cont-box:first-child:before {
	z-index: 1;
	content: "";
	position: absolute;
	top: -54px;
	left: -20px;
	right: -20px;
	display: block;
	height: 54px;
	background: #00A5B9;
}
.ui-dialog-container .mo-allmenu-popup .dialog-body .cont-box:first-child .cont-inner {
	padding-top: 0 !important;
}
.ui-dialog-container .mo-allmenu-popup .dialog-body .cont-box:first-child .cont-inner .btn-line-light-gray {
	border-color: #fff;
}
.ui-dialog-container .mo-allmenu-popup .dialog-body .cont-box:first-child .cont-inner .btn-text-underline .text {
	color: #fff;
}
.ui-dialog-container .mo-allmenu-popup .user-allmenu-wrap {
	padding-top: 20px;
	margin-bottom: 20px;
}
.ui-dialog-container .mo-allmenu-popup .user-allmenu-wrap .user-desc {
	color: #fff;
	display: -ms-inline-flexbox;
	display: inline-flex;
	display: -webkit-inline-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-justify-content: center;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
}
.ui-dialog-container .mo-allmenu-popup .user-allmenu-wrap .user-desc .btn-more-view.size-lg {
	padding-right: 20px;
}
.ui-dialog-container .mo-allmenu-popup .user-allmenu-wrap .user-desc .btn-more-view.size-lg .text {
	font-size: 22px;
	line-height: 28px;
	letter-spacing: -0.025em;
}
.ui-dialog-container .mo-allmenu-popup .user-allmenu-wrap .user-desc .btn-more-view.size-lg:after {
	width: 20px;
	height: 20px;
	margin-top: -10px;
	background: url("../images/common/comm_ico_more_view_arr_white_lg.svg") 0 0 no-repeat;
	background-size: cover;
}
.ui-dialog-container .mo-allmenu-popup .user-allmenu-wrap .user-desc .text {
	font-size: 22px;
	line-height: 28px;
	letter-spacing: -0.025em;
	font-weight: 500;
}
.ui-dialog-container .mo-allmenu-popup .user-allmenu-wrap .user-desc .ico-eatz-character {
	width: 43px;
	height: 43px;
	margin-right: 16px;
}
.ui-dialog-container .mo-allmenu-popup .user-allmenu-wrap .join-desc-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	/*margin-top: 14px;*/
	/*.join-desc {
	    display: inline-block;
	    vertical-align: top;
	    @include mixins.font_size_rgl;
	    color: variables.$textColorDarkGray;
	}*/
}
.ui-dialog-container .mo-allmenu-popup .user-allmenu-wrap .join-desc-wrap .right-box {
	margin-left: auto;
}
.ui-dialog-container .mo-allmenu-popup .user-allmenu-wrap .join-desc-wrap .right-box .btn-text-underline {
	opacity: 0.8;
	/*margin-bottom: 2px;*/
}
.ui-dialog-container .mo-allmenu-popup .user-allmenu-wrap .join-desc-wrap .right-box .btn-text-underline .text {
	font-size: 14px;
	line-height: 18px;
	letter-spacing: -0.025em;
}
.ui-dialog-container .mo-allmenu-popup .user-allmenu-wrap .join-desc-wrap .right-box .btn-text-underline .ico-arr-8 {
	margin-top: 5px;
}
.ui-dialog-container .mo-allmenu-popup .swiper-allmenu-banner .swiper-pagination {
	left: auto;
	right: 12px;
	bottom: 12px;
	-moz-transform: none;
	-webkit-transform: none;
	transform: none;
}
.ui-dialog-container .mo-allmenu-popup .swiper-allmenu-banner .swiper-container {
	border-radius: 4px;
}
.ui-dialog-container .mo-allmenu-popup .swiper-allmenu-banner .swiper-container .swiper-slide img {
	width: 100%;
}
.ui-dialog-container .mo-allmenu-popup .fold-wrap .fold-header {
	font-size: 18px;
	line-height: 24px;
	letter-spacing: -0.025em;
}
.ui-dialog-container .mo-allmenu-popup .fold-wrap .sub-3dep-list .sub-gate-item .btn-sub-link, .ui-dialog-container .mo-allmenu-popup .fold-wrap .sub-3dep-list .sub-gate-item .btn-sub-more {
	font-size: 16px;
	line-height: 22px;
	letter-spacing: -0.025em;
	color: #666;
	font-weight: 400;
}
.ui-dialog-container .mo-allmenu-popup .fold-wrap .sub-3dep-list .sub-gate-item .btn-sub-link.is-active, .ui-dialog-container .mo-allmenu-popup .fold-wrap .sub-3dep-list .sub-gate-item .btn-sub-more.is-active {
	color: #000 !important;
	font-weight: 500;
}
.ui-dialog-container .mo-allmenu-popup .fold-wrap .sub-3dep-list .sub-gate-item .btn-sub-more {
	position: relative;
	padding-right: 21px;
	font-size: 16px;
	line-height: 22px;
	letter-spacing: -0.025em;
	color: #666;
}
.ui-dialog-container .mo-allmenu-popup .fold-wrap .sub-3dep-list .sub-gate-item .btn-sub-more:after {
	position: absolute;
	top: 3px;
	right: 0;
	content: "";
	width: 15px;
	height: 15px;
	background: url("../images/common/comm_sub_gate_off.svg") 0 0 no-repeat;
	background-size: cover;
}
body.ios .ui-dialog-container .mo-allmenu-popup .fold-wrap .sub-3dep-list .sub-gate-item .btn-sub-more:after, body.mac .ui-dialog-container .mo-allmenu-popup .fold-wrap .sub-3dep-list .sub-gate-item .btn-sub-more:after {
	top: 4px;
}
.ui-dialog-container .mo-allmenu-popup .fold-wrap .sub-3dep-list .sub-gate-item .sub-4dep-list {
	display: none;
	margin-top: 16px;
	margin-bottom: 16px;
	margin-left: 10px;
}
.ui-dialog-container .mo-allmenu-popup .fold-wrap .sub-3dep-list .sub-gate-item .sub-4dep-list .btn-sub-link:before {
	content: "- ";
}
.ui-dialog-container .mo-allmenu-popup .fold-wrap .sub-3dep-list .sub-gate-item.is-active > .btn-sub-link {
	color: #000;
	font-weight: 500;
}
.ui-dialog-container .mo-allmenu-popup .fold-wrap .sub-3dep-list .sub-gate-item.is-active .sub-4dep-list {
	display: block;
}
.ui-dialog-container .mo-allmenu-popup .fold-wrap .sub-3dep-list .sub-gate-item.is-active .btn-sub-more {
	color: #000;
	font-weight: 500;
}
.ui-dialog-container .mo-allmenu-popup .fold-wrap .sub-3dep-list .sub-gate-item.is-active .btn-sub-more:after {
	background: url("../images/common/comm_sub_gate_on.svg") 0 0 no-repeat;
	background-size: cover;
}
.ui-dialog-container .mo-allmenu-popup .fold-wrap .sub-3dep-list .sub-gate-item ~ .sub-gate-item {
	margin-top: 16px;
}
.ui-dialog-container .mo-allmenu-popup .btn-pop-close {
	z-index: 2;
}

/* 주소등록을 위한 임시 클래스 */
.addr-add-popup .dialog-header {
	display: flex;
}

/* 필터 팝업 */
.filter-select-wrap {
	/*padding-bottom: 30px;*/
}
.filter-select-wrap .filter-row ~ .filter-row {
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px dashed #DDE0E3;
}

/* 팝오버 팝업 */
.input-popover{position: relative;}
.popover-popup {z-index: 3;top:100%;left:-10px;position: absolute;margin-top: -15px;border-radius: 100px;background: #00a5b9;padding: 8px 14px;-moz-animation: popAnimation 0.35s cubic-bezier(0.17, 0.67, 0.29, 1.32) forwards;-webkit-animation: popAnimation 0.35s cubic-bezier(0.17, 0.67, 0.29, 1.32) forwards;animation: popAnimation 0.35s cubic-bezier(0.17, 0.67, 0.29, 1.32) forwards;}
.popover-popup:after {position: absolute;top: -5px;left: 15px;content: "";display: block;width: 14px;height: 14px;background: url("../images/common/comm_popover_arr_blue.svg") left top no-repeat;background-size: 10px;}
.popover-popup .popover-text {color: #fff;font-size: 12px;line-height: 16px;font-weight: 500;}
.popover-popup.pos-top {
	top: auto;
	bottom: 100%;
	margin-top: 0;
	margin-bottom: 9px;
}
.popover-popup.pos-top:after {
	top: auto;
	bottom: -5px;
	-moz-transform: rotateZ(180deg);
	-webkit-transform: rotateZ(180deg);
	transform: rotateZ(180deg);
}
.popover-popup.pos-top-right {
	top: auto;
	right: 0;
	bottom: 100%;
	margin-top: 0;
	margin-bottom: 9px;
}
.popover-popup.pos-top-right:after {
	top: auto;
	bottom: -5px;
	-moz-transform: rotateZ(180deg);
	-webkit-transform: rotateZ(180deg);
	transform: rotateZ(180deg);
}
.popover-popup.pos-right {
	right: 0;
}

@media (max-width: 890px) {
	.container-wrapper [data-mobile-docker] .popover-popup {
		left: 20px;
		max-width: calc(100% - 40px);
	}
}
/* 오더 유형 선택 팝업 */
.order-select-popup .order-select-wrap .order-select-list {
	display: flex;
	justify-content: space-between;
}
.order-select-popup .order-select-wrap .order-select-list .order-select-item {
	flex: 1;
}
.order-select-popup .order-select-wrap .order-select-list .order-select-item ~ .order-select-item {
	margin-left: 6px;
}
.order-select-popup .order-select-wrap .order-select-list input[type=radio].order-select-radio {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}
.order-select-popup .order-select-wrap .order-select-list input[type=radio].order-select-radio:checked + label {
	border-color: #00A5B9;
	background-color: #00A5B9;
	box-shadow: 0 5px 10px rgba(0, 165, 185, 0.2);
}
.order-select-popup .order-select-wrap .order-select-list input[type=radio].order-select-radio:checked + label .text {
	color: #fff;
}
.order-select-popup .order-select-wrap .order-select-list input[type=radio].order-select-radio:checked + label .ico-order-type-delivery {
	background: url("../images/common/comm_ico_delivery_wh.svg") 0 0 no-repeat;
	background-size: 24px 24px;
}
.order-select-popup .order-select-wrap .order-select-list input[type=radio].order-select-radio:checked + label .ico-order-type-store-picker {
	background: url("../images/common/comm_ico_store_pickup_wh.svg") 0 0 no-repeat;
	background-size: 24px 24px;
}
.order-select-popup .order-select-wrap .order-select-list input[type=radio].order-select-radio:checked + label .ico-order-type-driving {
	background: url("../images/common/comm_ico_driving_wh.svg") 0 0 no-repeat;
	background-size: 24px 24px;
}
.order-select-popup .order-select-wrap .order-select-list input[type=radio].order-select-radio:disabled + label {
	background-color: #EFF1F3;
	opacity: 0.3;
}
.order-select-popup .order-select-wrap .order-select-list input[type=radio].order-select-radio + label {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-justify-content: center;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: reverse;
	-moz-box-orient: vertical;
	-moz-box-direction: reverse;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column;
	width: 100%;
	height: 74px;
	padding: 0;
	border: 1px solid #DDE0E3;
	border-radius: 4px;
	box-shadow: none;
	background-color: #fff;
	cursor: pointer;
}
.order-select-popup .order-select-wrap .order-select-list input[type=radio].order-select-radio + label .text {
	margin-top: 7px;
	font-weight: 400;
	color: #444;
}
.order-select-popup .order-select-wrap .order-select-list ~ .order-addr-wrap {
	margin-top: 20px;
}
.order-select-popup .order-select-wrap .select-content-wrap {
	display: none;
	margin-top: 20px;
}
.order-select-popup .order-select-wrap .select-content-wrap.is-active {
	display: block;
}
.order-select-popup .order-select-wrap .select-content-wrap .select-content {
	margin-top: 20px;
	padding-top: 19px;
	border-top: 1px dashed #DDE0E3;
}
.order-select-popup .order-select-wrap .select-content-wrap .select-content .tab-wrap.small-tab .both-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	padding-bottom: 10px;
}
.order-select-popup .order-select-wrap .select-content-wrap .select-content .tab-wrap.small-tab .both-wrap .tabs-box {
	display: inline-block;
	max-width: 100%;
	vertical-align: top;
}
.order-select-popup .order-select-wrap .select-content-wrap .select-content .tab-wrap.small-tab .both-wrap .tabs-box .tabs {
	padding-bottom: 0;
}
.order-select-popup .order-select-wrap .select-content-wrap .select-content .tab-wrap.small-tab .swiper-container-wrap.swiper-store-banner {
	margin: 0 -20px;
}
@media (min-width: 891px) {
	.order-select-popup .order-select-wrap .select-content-wrap .select-content .tab-wrap.small-tab .swiper-container-wrap.swiper-store-banner {
		margin: 0;
	}
}
.order-select-popup .order-select-wrap .select-content-wrap .select-content .tab-wrap.small-tab .swiper-container-wrap.swiper-store-banner .swiper-container {
	padding: 0 20px;
}
@media (min-width: 891px) {
	.order-select-popup .order-select-wrap .select-content-wrap .select-content .tab-wrap.small-tab .swiper-container-wrap.swiper-store-banner .swiper-container {
		padding: 0;
	}
}
.order-select-popup .order-select-wrap .select-content-wrap .select-content .tab-wrap.small-tab .swiper-container-wrap.swiper-store-banner .swiper-container .swiper-slide .grid-box .grid-info-box .grid-title {
	font-weight: 600;
	color: #000;
}
@media (min-width: 891px) {
	.order-select-popup .order-select-wrap .select-content-wrap .select-content .tab-wrap.small-tab .swiper-container-wrap.swiper-store-banner .swiper-button-next, .order-select-popup .order-select-wrap .select-content-wrap .select-content .tab-wrap.small-tab .swiper-container-wrap.swiper-store-banner .swiper-button-prev {
		background: transparent;
	}
	.order-select-popup .order-select-wrap .select-content-wrap .select-content .tab-wrap.small-tab .swiper-container-wrap.swiper-store-banner .swiper-button-next:before, .order-select-popup .order-select-wrap .select-content-wrap .select-content .tab-wrap.small-tab .swiper-container-wrap.swiper-store-banner .swiper-button-prev:before {
		width: 24px;
		height: 24px;
		top: 76px;
		background: url("../images/ui/ui_ico_swiper_arr_h24.svg") 0 0 no-repeat;
		background-size: cover;
	}
	.order-select-popup .order-select-wrap .select-content-wrap .select-content .tab-wrap.small-tab .swiper-container-wrap.swiper-store-banner .swiper-button-next:before {
		right: -12px;
	}
	.order-select-popup .order-select-wrap .select-content-wrap .select-content .tab-wrap.small-tab .swiper-container-wrap.swiper-store-banner .swiper-button-prev:before {
		left: -12px;
	}
}
.order-select-popup .order-select-wrap .select-content-wrap .select-content .tab-wrap.small-tab .store-no-data .no-data-desc {
	font-size: 14px;
}

/* s : 도착 예정 시간 설정 팝업 */
.product-time-setting .store-info {
	justify-content: center;
	margin-bottom: 30px;
}
.product-time-setting .store-info [class^=ico-brand] {
	align-self: flex-start;
	margin-right: 6px;
}
.product-time-setting .store-info .store-info-title {
	flex-direction: column;
	align-items: flex-start;
	flex: none;
}
.product-time-setting .store-info .store-info-title .store-name .fw-rgl {
	font-size: inherit;
}
.product-time-setting .store-info .store-info-title .desc {
	margin-left: 0;
}
.product-time-setting .store-info .store-info-title .desc .fw-bold {
	font-size: inherit;
}
.product-time-setting .tab-wrap .tabs {
	margin-bottom: 20px;
}

/* e : 도착 예정 시간 설정 팝업 */
/* 주문서 > - LP : 쿠폰 선택 팝업 */
.pop-choice-coupon .no-data, .pop-choice-mobile-coupon .no-data {margin-top: 50px;margin-bottom: 0;padding-top: 0;padding-bottom: 80px;}

/* 고객지원 > 고객의 소리 > LP : 주문상품 선택 */
.pop-order-prd-select .order-select-list {
	margin: 0 -20px;
}
.pop-order-prd-select .order-select-list .order-select-header {
	padding: 16px 20px;
	background: rgba(239, 241, 243, 0.4);
}
.pop-order-prd-select .order-select-list .order-select-header ~ .order-select-header,
.pop-order-prd-select .order-select-list .order-select-header ~ .order-select-item {
	margin-top: 20px;
}
.pop-order-prd-select .order-select-list .order-select-item {
	padding: 0 20px;
}
.pop-order-prd-select .order-select-list .order-select-item .order-prod-list {
	margin-top: 20px;
}
.pop-order-prd-select .order-select-list .order-select-item .order-prod-list .order-prod-item .prod-item {
	align-items: center;
}
.pop-order-prd-select .order-select-list .order-select-item .order-prod-list .order-prod-item ~ .order-prod-item {
	margin-top: 20px;
}

.ui-dialog-container .ui-dialog .ui-dialog-content {
	/* 통합바코드 메인 팝업 */
	/* 통합바코드 메인 안내 */
	/* 공통 > 앱 가이드 */
}
.ui-dialog-container .ui-dialog .ui-dialog-content.pop-opt-select {
	overflow: hidden;
}
.ui-dialog-container .ui-dialog .ui-dialog-content.pop-opt-select .dialog-body {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-moz-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-box-orient: vertical;
	-webkit-box-direction: reverse;
	-moz-box-orient: vertical;
	-moz-box-direction: reverse;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column;
	flex: 1;
	height: 100%;
	overflow: hidden;
}
.ui-dialog-container .ui-dialog .ui-dialog-content.pop-opt-select .dialog-body .cont-box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-moz-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-box-orient: vertical;
	-webkit-box-direction: reverse;
	-moz-box-orient: vertical;
	-moz-box-direction: reverse;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column;
	flex: 1;
	height: 100%;
	width: 100%;
	overflow: hidden;
}
.ui-dialog-container .ui-dialog .ui-dialog-content.pop-opt-select .dialog-body .cont-box .cont-inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-moz-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-box-orient: vertical;
	-webkit-box-direction: reverse;
	-moz-box-orient: vertical;
	-moz-box-direction: reverse;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column;
	flex: 1;
	height: 100%;
	width: 100%;
	overflow: hidden;
}
.ui-dialog-container .ui-dialog .ui-dialog-content.pop-opt-select .dialog-body .cont-box .cont-inner .cont-tit {
	width: 100%;
	margin-bottom: 16px;
}
.ui-dialog-container .ui-dialog .ui-dialog-content.pop-opt-select .dialog-body .cont-box .cont-inner .option-change-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-moz-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-box-orient: vertical;
	-webkit-box-direction: reverse;
	-moz-box-orient: vertical;
	-moz-box-direction: reverse;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column;
	flex: 1;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.ui-dialog-container .ui-dialog .ui-dialog-content.pop-opt-select .dialog-body .cont-box .cont-inner .option-change-wrap .tab-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-moz-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-box-orient: vertical;
	-webkit-box-direction: reverse;
	-moz-box-orient: vertical;
	-moz-box-direction: reverse;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column;
	flex: 1;
	width: 100%;
	height: 100%;
	margin-bottom: 0;
	overflow: hidden;
}
.ui-dialog-container .ui-dialog .ui-dialog-content.pop-opt-select .dialog-body .cont-box .cont-inner .option-change-wrap .tab-wrap .tabs {
	flex: 1 0 auto;
	width: 100%;
	height: 74px;
	margin: 0;
	padding: 0;
}
.ui-dialog-container .ui-dialog .ui-dialog-content.pop-opt-select .dialog-body .cont-box .cont-inner .option-change-wrap .tab-wrap .opt-content-wrap {
	height: calc(100% - 78px);
}
.ui-dialog-container .ui-dialog .ui-dialog-content.pop-opt-select .dialog-body .cont-box .cont-inner .option-change-wrap .ui-row-list, .ui-dialog-container .ui-dialog .ui-dialog-content.pop-opt-select .dialog-body .cont-box .cont-inner .option-change-wrap .fold-wrap {
	flex: 1;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.ui-dialog-container .ui-dialog .ui-dialog-content.pop-opt-select .dialog-body .cont-box .cont-inner .option-change-wrap .opt-content-wrap {
	width: 100%;
	height: 100%;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}
.ui-dialog-container .ui-dialog .ui-dialog-content.pop-opt-select .dialog-body .cont-box .cont-inner .option-change-wrap .fold-wrap.option-fold {
	margin-top: 30px;
	border-top: 1px dashed #DDE0E3;
}
.ui-dialog-container .ui-dialog .ui-dialog-content.pop-opt-select .dialog-body .cont-box .cont-inner .option-change-wrap .fold-wrap.option-fold .fold-content {
	padding: 0;
	background: transparent;
}
.ui-dialog-container .ui-dialog .ui-dialog-content.pop-barcode-main {
	min-height: 193px;
}
.ui-dialog-container .ui-dialog .ui-dialog-content.pop-barcode-main .dialog-header {
	z-index: 2;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-moz-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	padding-right: 32px;
}
.ui-dialog-container .ui-dialog .ui-dialog-content.pop-barcode-main .dialog-header .pop-tit {
	color: #fff;
}
.ui-dialog-container .ui-dialog .ui-dialog-content.pop-barcode-main .dialog-header .right-box {
	margin-left: auto;
}
.ui-dialog-container .ui-dialog .ui-dialog-content.pop-barcode-main .dialog-header .right-box .btn-xs {
	background: transparent;
	border-color: rgba(255, 255, 255, 0.6);
}
.ui-dialog-container .ui-dialog .ui-dialog-content.pop-barcode-main .dialog-header .right-box .btn-xs .text {
	color: #fff;
}
.ui-dialog-container .ui-dialog .ui-dialog-content.pop-barcode-main .dialog-body {
	background-color: #EFF1F3;
}
.ui-dialog-container .ui-dialog .ui-dialog-content.pop-barcode-main .dialog-body:before {
	z-index: 1;
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 193px;
	background: #00A5B9;
}
.ui-dialog-container .ui-dialog .ui-dialog-content.pop-barcode-main .dialog-body .cont-box {
	z-index: 2;
	background: transparent;
}
.ui-dialog-container .ui-dialog .ui-dialog-content.pop-barcode-main .dialog-body .cont-box .cont-tit {
	color: #FDCD00;
}
.ui-dialog-container .ui-dialog .ui-dialog-content.pop-barcode-main .dialog-body .cont-box .cont-tit .fw-rql {
	color: #fff;
}
.ui-dialog-container .ui-dialog .ui-dialog-content.pop-barcode-main .dialog-body .cont-box .cont-tit .text-link {
	font-size: 22px;
	line-height: 28px;
	letter-spacing: -0.025em;
	text-decoration: underline;
	font-weight: 600;
}
.ui-dialog-container .ui-dialog .ui-dialog-content.pop-barcode-main .dialog-body .cont-box .cont-tit-wrap .cont-right {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: end;
	-moz-box-align: end;
	-ms-flex-align: end;
	-webkit-align-items: flex-end;
	align-items: flex-end;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
}
.ui-dialog-container .ui-dialog .ui-dialog-content.pop-barcode-main .dialog-body .cont-box .cont-tit-wrap .cont-right .btn-user ~ .btn-user {
	margin-left: 16px;
}
.ui-dialog-container .ui-dialog .ui-dialog-content.pop-barcode-main .barcode-view-wrap {
	background: #fff;
	border-radius: 4px;
	padding: 20px;
	margin-bottom: 10px;
}
.ui-dialog-container .ui-dialog .ui-dialog-content.pop-barcode-main .barcode-view-wrap .barcode-detail-wrap {
	margin: 0;
	max-width: none;
}
.ui-dialog-container .ui-dialog .ui-dialog-content.pop-barcode-main .barcode-view-wrap .util-btn-box {
	margin-top: 10px;
}
.ui-dialog-container .ui-dialog .ui-dialog-content.pop-barcode-main .ui-row-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: stretch;
	-moz-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	flex-wrap: nowrap;
}
.ui-dialog-container .ui-dialog .ui-dialog-content.pop-barcode-main .ui-row-list .item .ui-rdo label, .ui-dialog-container .ui-dialog .ui-dialog-content.pop-barcode-main .ui-row-list .item .ui-chk label {
	background: #fff;
	border: none;
}
.ui-dialog-container .ui-dialog .ui-dialog-content.pop-barcode-main .ui-row-list .item ~ .item {
	margin-left: 10px;
}
.ui-dialog-container .ui-dialog .ui-dialog-content.pop-barcode-main .ui-row-list.ui-barcode-category .item {
	width: 100%;
}
.ui-dialog-container .ui-dialog .ui-dialog-content.pop-barcode-main .ui-row-list.ui-barcode-category .item .ui-rdo label {
	padding: 17px 0 15px;
}
.ui-dialog-container .ui-dialog .ui-dialog-content.pop-barcode-main .ui-row-list.ui-barcode-category .item .ui-rdo label .text {
	display: inline-block;
	vertical-align: top;
	margin-left: 6px;
	padding: 3px 0;
	color: #000;
	font-weight: 600;
}
.ui-dialog-container .ui-dialog .ui-dialog-content.pop-barcode-main .ui-row-list.ui-barcode-category .item .ui-rdo input:checked + label {
	background-color: #00A5B9;
	box-shadow: 0 5px 10px rgba(0, 165, 185, 0.1);
	-moz-transition: background 0.2s ease-out;
	-webkit-transition: background 0.2s ease-out;
	transition: background 0.2s ease-out;
}
.ui-dialog-container .ui-dialog .ui-dialog-content.pop-barcode-main .ui-row-list.ui-barcode-category .item .ui-rdo input:checked + label .text {
	color: #fff;
}
.ui-dialog-container .ui-dialog .ui-dialog-content.pop-barcode-main .ui-row-list.ui-barcode-service {
	margin-top: 10px;
}
.ui-dialog-container .ui-dialog .ui-dialog-content.pop-barcode-main .ui-row-list.ui-barcode-service .item {
	margin-top: 0;
}
.ui-dialog-container .ui-dialog .ui-dialog-content.pop-barcode-main .ui-row-list.ui-barcode-service .item .ui-chk label {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-justify-content: center;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: reverse;
	-moz-box-orient: vertical;
	-moz-box-direction: reverse;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column;
	height: 110px;
	padding-top: 59px;
	color: #000;
	border: 2px solid transparent;
}
.ui-dialog-container .ui-dialog .ui-dialog-content.pop-barcode-main .ui-row-list.ui-barcode-service .item .ui-chk label [class^=ico-service] {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -12px;
	justify-self: self-start;
	margin-top: 24px;
}
.ui-dialog-container .ui-dialog .ui-dialog-content.pop-barcode-main .ui-row-list.ui-barcode-service .item .ui-chk label .text {
	display: block;
}
.ui-dialog-container .ui-dialog .ui-dialog-content.pop-barcode-main .ui-row-list.ui-barcode-service .item .ui-chk label .show-text {
	display: none;
}
.ui-dialog-container .ui-dialog .ui-dialog-content.pop-barcode-main .ui-row-list.ui-barcode-service .item .ui-chk label .active-text {
	font-weight: 600;
}
.ui-dialog-container .ui-dialog .ui-dialog-content.pop-barcode-main .ui-row-list.ui-barcode-service .item .ui-chk label .active-text .val ~ .unit {
	margin-left: 2px;
}
.ui-dialog-container .ui-dialog .ui-dialog-content.pop-barcode-main .ui-row-list.ui-barcode-service .item .ui-chk input:checked + label {
	color: #000;
	border-color: #00A5B9;
	-moz-transition: border-color 0.2s ease-out;
	-webkit-transition: border-color 0.2s ease-out;
	transition: border-color 0.2s ease-out;
}
.ui-dialog-container .ui-dialog .ui-dialog-content.pop-barcode-main .ui-row-list.ui-barcode-service .item .ui-chk input:checked + label .active-text {
	color: #00A5B9;
}
.ui-dialog-container .ui-dialog .ui-dialog-content.pop-barcode-main .ui-row-list.ui-barcode-service .item .ui-chk input:checked + label .show-text {
	display: block;
}
.ui-dialog-container .ui-dialog .ui-dialog-content.pop-barcode-main .btext.type-center {
	margin-top: 30px;
	margin-bottom: 20px;
}
.ui-dialog-container .ui-dialog .ui-dialog-content.pop-barcode-main .btn-pop-close {
	z-index: 2;
}
.ui-dialog-container .ui-dialog .ui-dialog-content.pop-barcode-main .barcode-category-wrap .time-instant-box {
	position: relative;
	display: none;
	margin-top: 11px;
	border: 1px solid rgba(0, 165, 185, 0.95);
	box-shadow: 0 5px 10px rgba(0, 165, 185, 0.1);
	border-radius: 10px;
}
.ui-dialog-container .ui-dialog .ui-dialog-content.pop-barcode-main .barcode-category-wrap .time-instant-box:before {
	z-index: 1;
	content: "";
	position: absolute;
	top: -4px;
	width: 10px;
	height: 10px;
	background-color: #fff;
	border: 1px solid #00A5B9;
	border-bottom-color: #fff;
	border-right-color: #fff;
	border-radius: 1px;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.ui-dialog-container .ui-dialog .ui-dialog-content.pop-barcode-main .barcode-category-wrap .time-instant-box .time-instant-inner {
	z-index: 2;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	padding: 8px 9px;
	background: rgba(255, 255, 255, 0.95);
	border-radius: 10px;
}
.ui-dialog-container .ui-dialog .ui-dialog-content.pop-barcode-main .barcode-category-wrap .time-instant-box.timer-pay:before {
	left: 70px;
}
.ui-dialog-container .ui-dialog .ui-dialog-content.pop-barcode-main .barcode-category-wrap .time-instant-box.timer-card:before {
	right: 70px;
}
.ui-dialog-container .ui-dialog .ui-dialog-content.pop-barcode-main .barcode-category-wrap .time-instant-box.is-active {
	display: block;
}
.ui-dialog-container .ui-dialog .ui-dialog-content.pop-barcode-main .barcode-category-wrap .time-instant-box .time-count {
	font-size: 13px;
	line-height: 18px;
	letter-spacing: -0.025em;
	margin-right: 6px;
	color: #EF3D2E;
}
.ui-dialog-container .ui-dialog .ui-dialog-content.pop-barcode-main .barcode-category-wrap .time-instant-box .timer-info {
	margin-left: 20px;
	flex: 1;
	font-size: 13px;
	line-height: 18px;
	letter-spacing: -0.025em;
	color: #000;
	font-weight: 500;
	/*overflow: hidden;*/
}
.ui-dialog-container .ui-dialog .ui-dialog-content.pop-barcode-main .barcode-category-wrap .time-instant-box .timer-info .val, .ui-dialog-container .ui-dialog .ui-dialog-content.pop-barcode-main .barcode-category-wrap .time-instant-box .timer-info .unit {
	display: inline-block;
	vertical-align: top;
	font-size: 13px;
	line-height: 18px;
	letter-spacing: -0.025em;
}
.ui-dialog-container .ui-dialog .ui-dialog-content.pop-barcode-main .barcode-category-wrap .time-instant-box .timer-info .val {
	color: #00A5B9;
	font-weight: 600;
}
.ui-dialog-container .ui-dialog .ui-dialog-content.pop-barcode-main .barcode-category-wrap .time-instant-box .timer-info .val ~ .unit {
	margin-left: 2px;
}
.ui-dialog-container .ui-dialog .ui-dialog-content.pop-barcode-main .barcode-category-wrap .time-instant-box .timer-info .unit {
	font-weight: 500;
}
.ui-dialog-container .ui-dialog .ui-dialog-content.pop-barcode-main .barcode-category-wrap .time-instant-box .right-box {
	margin-left: auto;
	flex-shrink: 0;
}
.ui-dialog-container .ui-dialog .ui-dialog-content.pop-barcode-main-guide {
	padding-top: 0;
	background: rgba(0, 0, 0, 0.7);
}
.ui-dialog-container .ui-dialog .ui-dialog-content.pop-barcode-main-guide .dialog-body {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-justify-content: center;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	padding: 20px;
	background: transparent;
}
.ui-dialog-container .ui-dialog .ui-dialog-content.pop-barcode-main-guide .dialog-body .barcode-guide-wrap {
	text-align: center;
}
.ui-dialog-container .ui-dialog .ui-dialog-content.pop-barcode-main-guide .dialog-body .barcode-guide-wrap .cont-tit {
	color: #fff;
	margin-bottom: 10px;
}
.ui-dialog-container .ui-dialog .ui-dialog-content.pop-barcode-main-guide .dialog-body .barcode-guide-wrap .btext {
	color: #fff;
}
.ui-dialog-container .ui-dialog .ui-dialog-content.pop-barcode-main-guide .dialog-body .barcode-guide-wrap .img-box {
	margin-top: 30px;
}
.ui-dialog-container .ui-dialog .ui-dialog-content.pop-barcode-main-guide .dialog-body .barcode-guide-wrap .img-box img {
	width: 300px;
}
.ui-dialog-container .ui-dialog .ui-dialog-content.pop-app-guide {
	padding-top: 0;
}
.ui-dialog-container .ui-dialog .ui-dialog-content.pop-app-guide .dialog-body .cont-box {
	padding: 0;
}
.ui-dialog-container .ui-dialog .ui-dialog-content.pop-app-guide .dialog-body .cont-box .app-guide-intro-wrap {
	/*min-height: 584px;*/
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: stretch;
	-moz-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-webkit-box-orient: vertical;
	-webkit-box-direction: reverse;
	-moz-box-orient: vertical;
	-moz-box-direction: reverse;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column;
	height: 100%;
}
.ui-dialog-container .ui-dialog .ui-dialog-content.pop-app-guide .dialog-body .cont-box .app-guide-intro-wrap .app-guide-content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-justify-content: center;
	-webkit-box-align: stretch;
	-moz-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-webkit-box-orient: vertical;
	-webkit-box-direction: reverse;
	-moz-box-orient: vertical;
	-moz-box-direction: reverse;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column;
	flex: 1;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 340px;
	background: url("../images/common/comm_bg_app_intro.svg") bottom center no-repeat #00A5B9;
	background-size: 375px 341px;
}
.ui-dialog-container .ui-dialog .ui-dialog-content.pop-app-guide .dialog-body .cont-box .app-guide-intro-wrap .app-guide-content .btext {
	margin-top: 23px;
	padding: 0 40px;
	color: #fff;
	word-break: keep-all;
}
@media (max-width: 375px) {
	.ui-dialog-container .ui-dialog .ui-dialog-content.pop-app-guide .dialog-body .cont-box .app-guide-intro-wrap .app-guide-content {
		padding-top: 40px;
		padding-bottom: 300px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		display: -webkit-flex;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		-webkit-box-align: stretch;
		-moz-box-align: stretch;
		-ms-flex-align: stretch;
		align-items: stretch;
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		-moz-box-orient: vertical;
		-moz-box-direction: reverse;
		-ms-flex-direction: column;
		-webkit-flex-direction: column;
		flex-direction: column;
		background-size: 100% auto;
	}
}
.ui-dialog-container .ui-dialog .ui-dialog-content.pop-app-guide .dialog-body .cont-box .app-guide-wrap {
	/*min-height: 575px;*/
	min-height: 584px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: stretch;
	-moz-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-webkit-box-orient: vertical;
	-webkit-box-direction: reverse;
	-moz-box-orient: vertical;
	-moz-box-direction: reverse;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column;
	height: 100%;
	padding-top: 80px;
	/* 앱 가이드 - 스와이퍼 */
	/*@media (max-width: 640px) {
	    padding-top: 9px;
	}*/
}
.ui-dialog-container .ui-dialog .ui-dialog-content.pop-app-guide .dialog-body .cont-box .app-guide-wrap .swiper-app-guide {
	padding-top: 38px;
	height: 100%;
}
.ui-dialog-container .ui-dialog .ui-dialog-content.pop-app-guide .dialog-body .cont-box .app-guide-wrap .swiper-app-guide .swiper-container {
	height: 100%;
}
.ui-dialog-container .ui-dialog .ui-dialog-content.pop-app-guide .dialog-body .cont-box .app-guide-wrap .swiper-app-guide .swiper-container .swiper-wrapper .swiper-slide {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: reverse;
	-moz-box-orient: vertical;
	-moz-box-direction: reverse;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column;
	text-align: center;
}
.ui-dialog-container .ui-dialog .ui-dialog-content.pop-app-guide .dialog-body .cont-box .app-guide-wrap .swiper-app-guide .swiper-container .swiper-wrapper .swiper-slide .cont-tit {
	margin-bottom: 0;
	font-weight: 400;
}
.ui-dialog-container .ui-dialog .ui-dialog-content.pop-app-guide .dialog-body .cont-box .app-guide-wrap .swiper-app-guide .swiper-container .swiper-wrapper .swiper-slide .cont-tit .fc-spot {
	font-weight: 600;
}
.ui-dialog-container .ui-dialog .ui-dialog-content.pop-app-guide .dialog-body .cont-box .app-guide-wrap .swiper-app-guide .swiper-container .swiper-wrapper .swiper-slide .img-box {
	margin-top: auto;
}
.ui-dialog-container .ui-dialog .ui-dialog-content.pop-app-guide .dialog-body .cont-box .app-guide-wrap .swiper-app-guide .swiper-container .swiper-wrapper .swiper-slide .img-box img {
	max-width: 375px;
}
@media (max-width: 375px) {
	.ui-dialog-container .ui-dialog .ui-dialog-content.pop-app-guide .dialog-body .cont-box .app-guide-wrap .swiper-app-guide .swiper-container .swiper-wrapper .swiper-slide .img-box img {
		width: 100%;
	}
}
.ui-dialog-container .ui-dialog .ui-dialog-content.pop-app-guide .dialog-body .cont-box .app-guide-wrap .swiper-app-guide .swiper-pagination {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	height: 8px;
	line-height: 8px;
	vertical-align: top;
}
.ui-dialog-container .ui-dialog .ui-dialog-content.pop-app-guide .dialog-body .cont-box .app-guide-wrap .swiper-app-guide .swiper-pagination .swiper-pagination-bullet {
	background-color: #E0E2E3;
	opacity: 1;
	margin-left: 8px;
}
.ui-dialog-container .ui-dialog .ui-dialog-content.pop-app-guide .dialog-body .cont-box .app-guide-wrap .swiper-app-guide .swiper-pagination .swiper-pagination-bullet:first-child {
	margin-left: 0;
}
.ui-dialog-container .ui-dialog .ui-dialog-content.pop-app-guide .dialog-body .cont-box .app-guide-wrap .swiper-app-guide .swiper-pagination .swiper-pagination-bullet-active {
	background-color: #01A5B9;
}
.ui-dialog-container .ui-dialog .ui-dialog-content.pop-app-guide .dialog-footer {
	padding: 0;
}
.ui-dialog-container .ui-dialog .ui-dialog-content.pop-app-guide .dialog-footer .dialog-btn-wrap {
	padding: 0;
}
.ui-dialog-container .ui-dialog .ui-dialog-content.pop-app-guide .dialog-footer .dialog-btn-wrap .btn-lg {
	border-radius: 0;
}

/* s: 부하방지(넷퍼넬) */
.netfunnel-info-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-justify-content: center;
	-webkit-box-align: stretch;
	-moz-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-webkit-box-orient: vertical;
	-webkit-box-direction: reverse;
	-moz-box-orient: vertical;
	-moz-box-direction: reverse;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column;
	padding-top: 35px;
	padding-bottom: 20px;
	text-align: center;
}
.netfunnel-info-wrap:after {
	content: "";
	display: block;
	margin: 40px auto 0;
	width: 65px;
	height: 36px;
	background: url("../images/common/comm_header_logo.svg") center no-repeat;
	background-size: 65px 36px;
}
.netfunnel-info-wrap .guide-desc {
	padding-top: 160px;
	background: url("../images/common/comm_img_netfunnel.svg") center top no-repeat;
	background-size: 130px 130px;
	color: #000;
	font-size: 22px;
	line-height: 28px;
	letter-spacing: -0.025em;
	font-weight: 600;
}
.netfunnel-info-wrap .guide-desc .fc-spot {
	font-size: inherit;
	font-weight: inherit;
}
.netfunnel-info-wrap .guide-sub-desc {
	margin-top: 20px;
	color: #000;
	font-size: 18px;
	line-height: 24px;
	letter-spacing: -0.025em;
	font-weight: 600;
}
.netfunnel-info-wrap .guide-sub-desc .total-count {
	font-size: 22px;
	line-height: 28px;
	letter-spacing: -0.025em;
	font-weight: inherit;
}
.netfunnel-info-wrap .btext {
	margin-top: 29px;
	color: #000;
	word-break: keep-all;
}
.netfunnel-info-wrap .btext .fc-spot {
	font-size: 16px;
	line-height: 22px;
	letter-spacing: -0.025em;
	font-weight: 600;
}
.netfunnel-info-wrap .btn-center-wrap {
	margin-top: 30px;
}
.netfunnel-info-wrap .btn-center-wrap .btn-md {
	min-width: 200px;
}
.netfunnel-info-wrap .gray-box {
	margin-top: 30px;
	text-align: left;
}
.netfunnel-info-wrap .progress-box {
	margin-top: 20px;
}
.netfunnel-info-wrap .progress-box .frame {
	height: 8px;
}
.netfunnel-info-wrap .progress-box .frame .bar {
	height: 8px;
}
@media (min-width: 891px) {
	.netfunnel-info-wrap {
		padding-top: 20px;
		max-width: 369px;
		margin: auto;
	}
	.netfunnel-info-wrap .btext {
		padding: 0 30px;
	}
}

/* e: 부하방지(넷퍼넬) */
/* 마이페이지 > 바코드 등록 팝업 */
.pop-register-barcode .dialog-body .cont-box .barcode-view-wrap {
	padding: 20px 0;
}

.prod-notice-wrap .prod-item .thumb-box {
	width: 200px;
	padding-top: 200px;
	margin: 0 auto;
	border: 0;
}
.prod-notice-wrap .prod-item .prod-info-box {
	position: relative;
	margin-top: 20px;
	padding-top: 20px;
	text-align: center;
}
.prod-notice-wrap .prod-item .prod-info-box .btext-tit, .prod-notice-wrap .prod-item .prod-info-box .btext {
	text-align: left;
}
.prod-notice-wrap .prod-item .prod-info-box:after {
	content: "";
	position: absolute;
	top: -1px;
	left: -20px;
	right: -20px;
	width: calc(100% + 140px);
	height: 1px;
	background-color: #DDE0E3;
}
.prod-notice-wrap .prod-item .prod-info-box .prod-tit {
	font-size: 18px;
	line-height: 24px;
	letter-spacing: -0.025em;
	line-height: 22px;
	font-weight: 500;
	color: #000;
}
.prod-notice-wrap .prod-item .prod-info-box .prod-tit + .btext {
	margin-top: 8px;
	text-align: center;
}
.prod-notice-wrap .prod-item .prod-info-box .prod-price {
	margin-top: 8px;
}
.prod-notice-wrap .prod-item .prod-info-box .prod-price .price {
	color: #000;
	font-size: 22px;
	line-height: 28px;
	letter-spacing: -0.025em;
	font-weight: 600;
}
.prod-notice-wrap .prod-item .prod-info-box .prod-price .price .val, .prod-notice-wrap .prod-item .prod-info-box .prod-price .price .unit {
	font-weight: inherit;
	font-size: 22px;
	line-height: 28px;
	letter-spacing: -0.025em;
}
.prod-notice-wrap .prod-item .prod-info-box .prod-price .price .val ~ .val, .prod-notice-wrap .prod-item .prod-info-box .prod-price .price .val ~ .unit, .prod-notice-wrap .prod-item .prod-info-box .prod-price .price .unit ~ .val, .prod-notice-wrap .prod-item .prod-info-box .prod-price .price .unit ~ .unit {
	margin-left: 3px;
}
.prod-notice-wrap.stamp .prod-item .prod-info-box {
	text-align: left;
}
.prod-notice-wrap.stamp .prod-item .prod-info-box .prod-brand {
	display: inline-block;
	vertical-align: top;
}
.prod-notice-wrap.stamp .prod-item .prod-info-box .prod-tit {
	margin-top: 12px;
	font-size: 22px;
	font-weight: 600;
}
.prod-notice-wrap.stamp .prod-item .prod-info-box .badge-wrap {
	margin-top: 12px;
}
.prod-notice-wrap.stamp .prod-item + .cont-tit-wrap {
	margin-top: 30px;
}

/* 상품 > 매장정보 팝업 */
.store-info-pop-wrap {padding-bottom: 80px;}
.store-info-pop-wrap .map-content {
	margin-bottom: 30px;
}
.store-info-pop-wrap .store-info ~ .map-content {
	margin-top: 20px;
	padding-top: 220px;
}
.store-info-pop-wrap .tag-wrap + .swiper-container {
	margin-top: 20px;
}

/* 주소 설정 > - LP : 한강 배달존 팝업 */
.pop-delivery-zone .cont-box .cont-inner .btext ~ .map-wrap {
	margin-top: 20px;
	margin-bottom: 0;
}
.pop-delivery-zone .cont-box ~ .cont-box.has-shadow .cont-inner {
	padding-top: 30px;
}
.pop-delivery-zone .cont-box ~ .cont-box.has-shadow .cont-inner .addr-history-list .addr-history-item .addr-list .addr-list-item {
	min-height: auto;
}
.pop-delivery-zone .cont-box ~ .cont-box.has-shadow .cont-inner .addr-history-list.normal {
	padding-bottom: 0;
}
@media (max-width: 890px) {
	.pop-delivery-zone .cont-box ~ .cont-box.has-shadow .cont-inner {
		padding-bottom: 0;
	}
	.pop-delivery-zone .cont-box ~ .cont-box.has-shadow .cont-inner .addr-history-list.normal {
		padding-bottom: 10px;
	}
}

.delivery-zone-banner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-justify-content: center;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: reverse;
	-moz-box-orient: vertical;
	-moz-box-direction: reverse;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column;
	position: relative;
	width: 100%;
	height: 110px;
}
.delivery-zone-banner .thumb-img {
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
@media (max-width: 890px) {
	.delivery-zone-banner {
		width: calc(100% + 40px);
		margin-top: -30px;
		margin-right: -20px;
		margin-bottom: -30px;
		margin-left: -20px;
	}
}

.addr-history-list.normal ~ .delivery-zone-banner {
	margin-top: 20px;
}

/* 주문서 > 희망 스위치 ON 팝업 */
.pop-hope-switch-on .img-box ~ .btext {
	margin-top: 20px;
}

/* 회원가입/로그인 > 비회원 주문/조회 팝업 */
.pop-nonmember-order .terms-agree-list ~ .form-list-wrap {
	margin-top: 20px;
}
.pop-nonmember-order .terms-agree-list ~ .form-list-wrap .form-cont .input-btn-box .btn-md {
	width: 108px;
	margin-left: 6px;
}

/* 고객지원 > 매장 찾기 팝업 */
.pop-find-store .search-form-wrap {
	margin-bottom: 0;
}
.pop-find-store .search-form-wrap .input-flex-box {
	flex-direction: column;
}
.pop-find-store .search-form-wrap .input-flex-box .ui-select {
	width: 100%;
}
.pop-find-store .search-form-wrap .input-flex-box .ui-select ~ .input-box {
	margin: 6px 0 0 0;
}

/* 매장 정보 요약 팝업 */
.pop-store-info-summary .store-info ~ .btn-wrap, .pop-store-info-summary .store-info ~ .btn-right-wrap, .pop-store-info-summary .store-info ~ .btn-flex-wrap, .pop-store-info-summary .store-info ~ .btn-center-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: stretch;
	-moz-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	margin-top: 20px;
}
.pop-store-info-summary .store-info ~ .btn-wrap .btn-md, .pop-store-info-summary .store-info ~ .btn-right-wrap .btn-md, .pop-store-info-summary .store-info ~ .btn-flex-wrap .btn-md, .pop-store-info-summary .store-info ~ .btn-center-wrap .btn-md {
	flex: 1 0 auto;
}
.pop-store-info-summary .store-info ~ .btn-wrap .btn-md.btn-store-info, .pop-store-info-summary .store-info ~ .btn-right-wrap .btn-md.btn-store-info, .pop-store-info-summary .store-info ~ .btn-flex-wrap .btn-md.btn-store-info, .pop-store-info-summary .store-info ~ .btn-center-wrap .btn-md.btn-store-info {
	flex-grow: inherit;
}

/* e : common popup */
/* S: board */
/* detail */
.container-wrapper .board-detail-wrap .board-header {
	position: relative;
	padding-right: 50px;
}
.container-wrapper .board-detail-wrap .board-header .badge-wrap {
	margin-bottom: 10px;
}
.container-wrapper .board-detail-wrap .board-header .board-tit {
	font-size: 18px;
	line-height: 24px;
	letter-spacing: -0.025em;
	font-weight: 600;
	color: #000;
}
.container-wrapper .board-detail-wrap .board-header .board-tit [class^=badge-] {
	margin-top: 4px;
	margin-left: 5px;
	flex-shrink: 0;
}
.container-wrapper .board-detail-wrap .board-header .board-tit-desc {
	margin-top: 11px;
	color: #000;
}
.container-wrapper .board-detail-wrap .board-header .detail-info-list {
	margin-top: 11px;
}
.container-wrapper .board-detail-wrap .board-header .btn-round-share {
	position: absolute;
	bottom: 0;
	right: 0;
}
.container-wrapper .board-detail-wrap .board-header.no-share {
	padding-right: 0;
}
.container-wrapper .board-detail-wrap .board-header ~ .board-body {
	margin-top: 20px;
	padding-top: 31px;
}
.container-wrapper .board-detail-wrap .board-header ~ .board-body:before {
	content: "";
	position: absolute;
	top: 0;
	left: -20px;
	right: -20px;
	height: 1px;
	background: #DDE0E3;
}
.container-wrapper .board-detail-wrap .board-body {
	position: relative;
	/* 설문조사쪽 입력데이터 */
}
.container-wrapper .board-detail-wrap .board-body .btext {
	font-size: 14px;
	line-height: 18px;
	letter-spacing: -0.025em;
}
.container-wrapper .board-detail-wrap .board-body .tbl-col:first-child {
	margin-top: 0;
}
.container-wrapper .board-detail-wrap .board-body .text-area ~ .img-area {
	margin-top: 30px;
}
.container-wrapper .board-detail-wrap .board-body .btext ~ .img-box,
.container-wrapper .board-detail-wrap .board-body .btext ~ .tbl-info-wrap, .container-wrapper .board-detail-wrap .board-body .tbl-info-wrap ~ .img-box,
.container-wrapper .board-detail-wrap .board-body .tbl-info-wrap ~ .tbl-info-wrap {
	margin-top: 20px;
}
.container-wrapper .board-detail-wrap .board-body .img-box {
	width: 100%;
}
.container-wrapper .board-detail-wrap .board-body .img-box img {
	width: 100%;
}
.container-wrapper .board-detail-wrap .board-body .img-box ~ .img-box {
	margin-top: 20px;
}
.container-wrapper .board-detail-wrap .board-body .img-box ~ .tbl-info-wrap,
.container-wrapper .board-detail-wrap .board-body .img-box ~ .tbl-info-info {
	margin-top: 20px;
}
.container-wrapper .board-detail-wrap .board-body .download-area {
	margin-top: 30px;
}
.container-wrapper .board-detail-wrap .board-body .grid-list-wrap {
	margin-top: 30px;
}
.container-wrapper .board-detail-wrap .board-body .gray-box ~ .btext {
	margin-top: 20px;
}
.container-wrapper .board-detail-wrap .board-body .file-attach-wrap {
	margin-top: 30px;
}
.container-wrapper .board-detail-wrap .board-body .date {font-size:14px;color:#999;margin-top:15px;}
.container-wrapper .board-detail-wrap .board-body .brand_name{font-size:14px;font-weight:bold;margin-bottom:10px;}
.container-wrapper .board-detail-wrap .board-body .brand_ria{color:#ef3d2e}
.container-wrapper .board-detail-wrap .board-body .brand_angel{color:#aa9481}
.container-wrapper .board-detail-wrap .board-body .brand_kkd{color:#1cac68}
.container-wrapper .board-detail-wrap .board-body .brand_pleEating{color:#222}
@media (min-width: 891px) {
	.container-wrapper .board-detail-wrap .board-body .file-attach-wrap {
		margin-top: 50px;
	}
}
.container-wrapper .board-detail-wrap .board-footer {
	position: relative;
	margin-top: 30px;
	padding-top: 20px;
}
.container-wrapper .board-detail-wrap .board-footer:before {
	content: "";
	position: absolute;
	display: block;
	top: 0;
	left: -20px;
	right: -20px;
	height: 1px;
	background: rgba(221, 224, 227, 0.6);
}
@media (min-width: 891px) {
	.container-wrapper .board-detail-wrap {
		position: relative;
		max-width: 1150px;
		padding: 0 20px;
		margin: 0 auto;
	}
	.container-wrapper .board-detail-wrap .board-header ~ .board-body {
		padding-top: 51px;
	}
	.container-wrapper .board-detail-wrap .board-header ~ .board-body:before {
		left: 0;
		right: 0;
	}
	.container-wrapper .board-detail-wrap .board-body {
		/* 설문조사쪽 입력데이터 */
	}
	.container-wrapper .board-detail-wrap .board-body img {
		width: 100%;
	}
	.container-wrapper .board-detail-wrap .board-body .cont-box {
		padding-left: 0;
		padding-right: 0;
	}
	.container-wrapper .board-detail-wrap .board-body .btext ~ .img-box,
	.container-wrapper .board-detail-wrap .board-body .btext ~ .tbl-info-wrap, .container-wrapper .board-detail-wrap .board-body .tbl-info-wrap ~ .img-box,
	.container-wrapper .board-detail-wrap .board-body .tbl-info-wrap ~ .tbl-info-wrap {
		margin-top: 30px;
	}
	.container-wrapper .board-detail-wrap .board-body .img-box {
		width: 100%;
	}
	.container-wrapper .board-detail-wrap .board-body .img-box ~ .img-box {
		margin-top: 30px;
	}
	.container-wrapper .board-detail-wrap .board-body .img-box ~ .tbl-info-wrap,
	.container-wrapper .board-detail-wrap .board-body .img-box ~ .tbl-info-info {
		margin-top: 30px;
	}
	.container-wrapper .board-detail-wrap .board-body .download-area {
		margin-top: 50px;
	}
	.container-wrapper .board-detail-wrap .board-body .grid-list-wrap {
		margin-top: 50px;
	}
	.container-wrapper .board-detail-wrap .board-body .grid-list-wrap .download-area {
		margin-top: 0;
	}
	.container-wrapper .board-detail-wrap .board-footer {
		margin-top: 50px;
	}
	.container-wrapper .board-detail-wrap .board-footer:before {
		left: 0;
		right: 0;
	}
	.container-wrapper .board-detail-wrap + .cont-box .cont-inner {
		padding-top: 0;
	}
}
@media (max-width: 890px) {
	.container-wrapper .board-detail-wrap {
		background: #fff;
	}
	.container-wrapper .board-detail-wrap .board-body {
		background: #F3F5F7;
	}
	.container-wrapper .board-detail-wrap .board-body .cont-box:first-child {
		padding-top: 55px;
	}
	.container-wrapper .board-detail-wrap .board-body .cont-box:last-child .cont-inner {
		padding-bottom: 0;
	}
	.container-wrapper .board-detail-wrap .board-footer {
		padding-left: 20px;
		padding-right: 20px;
	}
	.container-wrapper .board-detail-wrap + .cont-box {
		margin-top: 0;
	}
	.container-wrapper .board-detail-wrap + .cont-box .cont-inner {
		padding-top: 0;
	}
}

@media (max-width: 890px) {
	.container-wrapper .cont-box .board-detail-wrap .board-body {
		background: transparent;
	}
	.container-wrapper .cont-box .board-detail-wrap .board-footer {
		padding-left: 0;
		padding-right: 0;
	}
}
@media (min-width: 891px) {
	.container-wrapper .cont-box .board-detail-wrap {
		max-width: none;
		padding: 0;
	}
}

.page-tit-wrap ~ .board-detail-wrap {
	margin-top: -20px;
}
@media (max-width: 890px) {
	.page-tit-wrap ~ .board-detail-wrap {
		margin-top: 0;
	}
}

.detail-info-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-moz-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
}
@media (max-width: 890px) {
	.detail-info-list .info-item {
		position: relative;
		display: inline-block;
		color: #999;
		font-size: 14px;
		line-height: 18px;
		letter-spacing: -0.025em;
	}
	.detail-info-list .info-item ~ .info-item {
		margin-left: 8px;
		padding-left: 9px;
	}
	.detail-info-list .info-item ~ .info-item:before {
		content: "";
		width: 1px;
		height: 10px;
		position: absolute;
		top: 4px;
		left: 0;
		background: #C2C7CC;
	}
}
@media (min-width: 891px) {
	.detail-info-list .info-item:not([data-mobile-only]) {
		position: relative;
		display: inline-block;
		color: #999;
		font-size: 14px;
		line-height: 18px;
		letter-spacing: -0.025em;
	}
	.detail-info-list .info-item:not([data-mobile-only]) ~ .info-item {
		margin-left: 8px;
		padding-left: 9px;
	}
	.detail-info-list .info-item:not([data-mobile-only]) ~ .info-item:before {
		content: "";
		width: 1px;
		height: 10px;
		position: absolute;
		top: 4px;
		left: 0;
		background: #C2C7CC;
	}
}

/* list */
.board-list-wrap .board-list-header {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: end;
	-moz-box-align: end;
	-ms-flex-align: end;
	-webkit-align-items: flex-end;
	align-items: flex-end;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	margin-bottom: 16px;
}
.board-list-wrap .board-list-header .right-wrap {
	flex: 1 0 auto;
	margin-left: auto;
	padding-left: 10px;
	text-align: right;
}
.board-list-wrap .board-list {
	border-top: 1px solid #222;
}
.board-list-wrap .board-list .board-item {
	position: relative;
	padding: 20px 0;
	border-bottom: 1px solid #DDE0E3;
}
.board-list-wrap .board-list .board-item .board-left {
	flex: 1;
}
@media (min-width: 891px) {
	.board-list-wrap .board-list .board-item .board-left {
		padding-right: 10px;
	}
}
.board-list-wrap .board-list .board-item .board-left .label-notice {
	margin-bottom: 10px;
}
.board-list-wrap .board-list .board-item .board-left .bill-num ~ .board-tit-wrap {
	margin-top: 10px;
}
.board-list-wrap .board-list .board-item .board-left .price {
	margin-top: 6px;
	font-size: 16px;
	line-height: 22px;
	letter-spacing: -0.025em;
	font-weight: 600;
	color: #000;
}
.board-list-wrap .board-list .board-item .board-left .board-tit-wrap {
	display: -ms-inline-flexbox;
	display: inline-flex;
	display: -webkit-inline-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-moz-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	width: 100%;
}
.board-list-wrap .board-list .board-item .board-left .board-tit-wrap [class^=badge-] {
	margin-top: 1px;
	margin-left: 5px;
	flex-shrink: 0;
}
.board-list-wrap .board-list .board-item .board-left .board-date {
	margin-top: 6px;
}
.board-list-wrap .board-list .board-item .board-right {
	margin-top: 6px;
}
.board-list-wrap .board-list .board-item .board-right .btn-sm {
	margin-top: 14px;
}
.board-list-wrap .board-list .board-item .board-right .goods-group ~ .goods-group {
	margin-top: 5px;
}
.board-list-wrap .board-list .board-item .board-right.self-start {
	align-self: flex-start;
}
.board-list-wrap .board-list .board-item .badge-wrap {
	margin-bottom: 8px;
}
.board-list-wrap .board-list .board-item .badge-wrap .label-notice {
	margin-bottom: 0;
}
.board-list-wrap .board-list .board-item .board-tit {
	/*@include mixins.justify_width(center, start);*/
	display: inline-block;
	font-size: 15px;
	line-height: 20px;
	letter-spacing: -0.025em;
	font-weight: 600;
	color: #000;
}
.board-list-wrap .board-list .board-item .board-tit [class^=badge-] {
	margin-left: 5px;
	vertical-align: -3px;
}
.board-list-wrap .board-list .board-item .board-tit-desc {
	margin-top: 11px;
	color: #000;
}
.board-list-wrap .board-list .board-item .detail-info-list {
	margin-top: 11px;
}
.board-list-wrap .board-list .board-item .board-date {
	color: #999;
}
.board-list-wrap .board-list .board-item .btn-sm {
	position: relative;
	z-index: 2;
}
.board-list-wrap .board-list .board-item .card-use-history .history-state {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	-webkit-box-align: start;
	-moz-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
}
.board-list-wrap .board-list .board-item .card-use-history .history-state .state {
	color: #444;
}
.board-list-wrap .board-list .board-item .card-use-history .goods-group ~ .history-state {
	margin-top: 7px;
}
.board-list-wrap .board-list .board-item .card-use-history.minus .goods-group {
	position: relative;
}
.board-list-wrap .board-list .board-item .card-use-history.minus .goods-group:after {
	position: absolute;
	top: 9px;
	left: 0;
	content: "";
	display: inline-block;
	width: 100%;
	height: 1px;
	background-color: #999;
}
.board-list-wrap .board-list .board-item .card-use-history.minus .goods-group .val, .board-list-wrap .board-list .board-item .card-use-history.minus .goods-group .unit {
	color: #999;
}
.board-list-wrap .board-list .board-item .card-use-history.minus .history-state .state {
	color: #999;
}
.board-list-wrap .board-list .board-item .card-use-history.plus .goods-group .val, .board-list-wrap .board-list .board-item .card-use-history.plus .goods-group .unit {
	color: #00A5B9;
}
@media (max-width: 890px) {
	.board-list-wrap .board-list .board-item [data-pc-only] {
		display: none;
	}
}
@media (min-width: 891px) {
	.board-list-wrap .board-list .board-item {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		display: -webkit-flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-justify-content: space-between;
		-webkit-box-align: center;
		-moz-box-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		align-items: center;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-moz-box-orient: horizontal;
		-moz-box-direction: normal;
		-ms-flex-direction: row;
		-webkit-flex-direction: row;
		flex-direction: row;
	}
	.board-list-wrap .board-list .board-item .board-left {
		overflow: hidden;
	}
	.board-list-wrap .board-list .board-item .board-right {
		margin-top: 0;
	}
	.board-list-wrap .board-list .board-item .board-right .btn-sm {
		margin-top: 0;
	}
	.board-list-wrap .board-list .board-item .board-right .goods-group {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		display: -webkit-flex;
		-webkit-box-pack: end;
		-ms-flex-pack: end;
		justify-content: flex-end;
		-webkit-box-align: start;
		-moz-box-align: start;
		-ms-flex-align: start;
		-webkit-align-items: flex-start;
		align-items: flex-start;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-moz-box-orient: horizontal;
		-moz-box-direction: normal;
		-ms-flex-direction: row;
		-webkit-flex-direction: row;
		flex-direction: row;
	}
	.board-list-wrap .board-list .board-item [data-mobile-only] {
		display: none;
	}
}
@media (max-width: 890px) {
	.board-list-wrap .board-list.type-maintain .board-item {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		display: -webkit-flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-justify-content: space-between;
		-webkit-box-align: center;
		-moz-box-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		align-items: center;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-moz-box-orient: horizontal;
		-moz-box-direction: normal;
		-ms-flex-direction: row;
		-webkit-flex-direction: row;
		flex-direction: row;
	}
	.board-list-wrap .board-list.type-maintain .board-item .board-left {
		padding-right: 10px;
	}
	.board-list-wrap .board-list.type-maintain .board-item .board-right {
		margin-top: 0;
	}
	.board-list-wrap .board-list.type-maintain .board-item .board-right .goods-group {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		display: -webkit-flex;
		-webkit-box-pack: end;
		-ms-flex-pack: end;
		justify-content: flex-end;
		-webkit-box-align: start;
		-moz-box-align: start;
		-ms-flex-align: start;
		-webkit-align-items: flex-start;
		align-items: flex-start;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-moz-box-orient: horizontal;
		-moz-box-direction: normal;
		-ms-flex-direction: row;
		-webkit-flex-direction: row;
		flex-direction: row;
	}
	.board-list-wrap .board-list.type-maintain .board-item .board-right .btn-sm {
		margin-top: 0;
	}
}
.board-list-wrap .board-list.has-full-info .board-item {
	flex-wrap: wrap;
}
.board-list-wrap .board-list.has-full-info .board-item .board-full-info {
	width: 100%;
}
.board-list-wrap .board-list.has-full-info .board-item .board-full-info .label-notice {
	margin-bottom: 8px;
}
.board-list-wrap .board-list.has-full-info .board-item .board-full-info .badge-wrap .label-notice {
	margin-bottom: 0;
}

/* 고객이 등록하는 글 글작성 + 첨부이미지 영역 */
.board-content-wrap .text-area {
	font-size: 14px;
	line-height: 18px;
	letter-spacing: -0.025em;
	font-weight: 400;
	color: #444;
	word-break: break-all;
	white-space: pre-line;
}
.board-content-wrap .img-area .img-box ~ .img-box {
	margin-top: 20px;
}
@media (min-width: 891px) {
	.board-content-wrap .img-area .img-box ~ .img-box {
		margin-top: 30px;
	}
}
.board-content-wrap + [class^=btn-] {
	margin-top: 30px;
}
.board-content-wrap + [class^=btn-] [class^=btn-md] {
	min-width: auto;
}

/* E: board */
.badge-sm-round, .badge-sm {
	overflow: hidden;
	display: inline-block;
	box-sizing: border-box;
	text-align: center;
	vertical-align: top;
	border-radius: 4px;
	padding: 1px 6px 2px;
	height: 17px;
	background-color: #fff;
	color: #666;
	border: 1px solid #DDE0E3;
	-moz-background-clip: padding-box;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
}
.badge-sm-round .text, .badge-sm .text {
	display: inline-block;
	position: relative;
	vertical-align: top;
	font-size: 10px;
	line-height: 13px;
	letter-spacing: -0.025em;
	font-weight: 600;
}

.badge-md-round, .badge-md {
	overflow: hidden;
	display: inline-block;
	box-sizing: border-box;
	text-align: center;
	vertical-align: top;
	border-radius: 4px;
	padding: 2px 5.5px;
	height: 21px;
	background-color: #fff;
	color: #666;
	border: 1px solid #DDE0E3;
	-moz-background-clip: padding-box;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
}
.badge-md-round .text, .badge-md .text {
	display: inline-block;
	position: relative;
	vertical-align: top;
	font-size: 12px;
	line-height: 16px;
	letter-spacing: -0.025em;
	font-weight: 500;
}

.badge-lg-round, .badge-lg {
	overflow: hidden;
	display: inline-block;
	box-sizing: border-box;
	text-align: center;
	vertical-align: top;
	border-radius: 4px;
	padding: 3px 6px 4px;
	height: 24px;
	background-color: #fff;
	color: #666;
	border: 1px solid #DDE0E3;
	-moz-background-clip: padding-box;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
}
.badge-lg-round .text, .badge-lg .text {
	display: inline-block;
	position: relative;
	vertical-align: top;
	font-size: 12px;
	line-height: 16px;
	letter-spacing: -0.025em;
	font-weight: 500;
}

/* s : badge */
/* badge - size */
.badge-sm-round {
	border-radius: 9px;
}

.badge-md-round {
	border-radius: 21px;
}

.badge-lg-round {
	border-radius: 24px;
}

/* badge - type/color */
.badge-label{border-color: #f5f5f5;background-color: #f5f5f5;}
.badge-label .text{font-weight: 500;font-weight:600;}
.badge-lotteria {border-color: #fdecea;background-color: #fdecea;}
.badge-lotteria .text {color: #EF3D2E;font-weight: 600;}
.badge-angelinus {background-color: #efecea;border-color: #efecea;}
.badge-angelinus .text {color: #AA9481;font-weight: 600;}
.badge-krispy {background-color: #e9f5f1;border-color: #e9f5f1;}
.badge-krispy .text {color: #1CAC68;font-weight: 600; }
.badge-plating {
	background-color: rgba(34, 34, 34, 0.1);
	border-color: rgba(34, 34, 34, 0.1);
}
.badge-plating .text {
	color: #666;
	font-weight: 600;
}
.badge-icb {
	background-color: rgba(34, 34, 34, 0.1);
	border-color: rgba(34, 34, 34, 0.1);
}
.badge-icb .text {
	color: #666;
	font-weight: 600;
}

.badge-stanbru {
	background-color: rgba(79, 112, 161, 0.1);
	border-color: rgba(170, 148, 129, 0.1);
}
.badge-stanbru .text {
	color: #194FA1;
	font-weight: 600;
}

.badge-eatz {
	background-color: rgba(0, 165, 185, 0.1);
	border-color: rgba(0, 165, 185, 0.1);
}
.badge-eatz .text {
	color: #00A5B9;
	font-weight: 600;
}
.badge-all {
	background-color: rgba(0, 165, 185, 0.1);
	border-color: rgba(0, 165, 185, 0.1);
}
.badge-all .text {
	color: #00A5B9;
	font-weight: 600;
}
.badge-spot {
	border-color: #00A5B9;
	background-color: #fff;
}
.badge-spot .text {
	color: #00A5B9;
	font-weight: 600;
}
.badge-fill-spot {
	background-color: #00A5B9;
	border-color: #00A5B9;
}
.badge-fill-spot .text {
	color: #fff;
	font-weight: 600;
}
.badge-fill-light-spot {
	background-color: rgba(0, 165, 185, 0.1);
	border-color: rgba(0, 165, 185, 0.1);
}
.badge-fill-light-spot .text {
	color: #00A5B9;
	font-weight: 600;
}
.badge-blue {
	border-color: #2D7DCE;
}
.badge-blue .text {
	color: #2D7DCE;
	font-weight: 600;
}
.badge-fill-blue {
	background-color: #2D7DCE;
	border-color: #2D7DCE;
}
.badge-fill-blue .text {
	color: #fff;
	font-weight: 600;
}
.badge-fill-light-blue {
	background-color: rgba(45, 125, 206, 0.1);
	border-color: rgba(45, 125, 206, 0.1);
}
.badge-fill-light-blue .text {
	color: #2D7DCE;
	font-weight: 600;
}
.badge-green {
	border-color: #1CAC68;
}
.badge-green .text {
	color: #1CAC68;
	font-weight: 600;
}
.badge-fill-green {
	background-color: #1CAC68;
	border-color: #1CAC68;
}
.badge-fill-green .text {
	color: #fff;
	font-weight: 600;
}
.badge-fill-light-green {
	background-color: rgba(28, 172, 104, 0.1);
	border-color: rgba(28, 172, 104, 0.1);
}
.badge-fill-light-green .text {
	color: #1CAC68;
	font-weight: 600;
}
.badge-yellow {
	border-color: #FDCD00;
}
.badge-yellow .text {
	color: #FDCD00;
	font-weight: 600;
}
.badge-fill-yellow {
	background-color: #FDCD00;
	border-color: #FDCD00;
}
.badge-fill-yellow .text {
	color: #fff;
	font-weight: 600;
}
.badge-fill-light-yellow {
	background-color: rgba(253, 205, 0, 0.1);
	border-color: rgba(253, 205, 0, 0.1);
}
.badge-fill-light-yellow .text {
	color: #FDCD00;
	font-weight: 600;
}
.badge-orange {
	border-color: #F49527;
}
.badge-orange .text {
	color: #F49527;
	font-weight: 600;
}
.badge-fill-orange {
	background-color: #F49527;
	border-color: #F49527;
}
.badge-fill-orange .text {
	color: #fff;
	font-weight: 600;
}
.badge-fill-light-orange {
	background-color: rgba(244, 149, 39, 0.1);
	border-color: rgba(244, 149, 39, 0.1);
}
.badge-fill-light-orange .text {
	color: #F49527;
	font-weight: 600;
}
.badge-black {
	border-color: #444;
}
.badge-black .text {
	color: #444;
	font-weight: 600;
}
.badge-fill-black {
	background-color: #444;
	border-color: #444;
}
.badge-fill-black .text {
	color: #fff;
	font-weight: 600;
}
.badge-fill-light-black {
	background-color: rgba(68, 68, 68, 0.1);
	border-color: rgba(68, 68, 68, 0.1);
}
.badge-fill-light-black .text {
	color: #444;
	font-weight: 600;
}
.badge-brown {
	border-color: #2F271F;
}
.badge-brown .text {
	color: #2F271F;
	font-weight: 600;
}
.badge-fill-brown {
	background-color: #DAD6CB;
	border-color: #DAD6CB;
}
.badge-fill-brown .text {
	color: #2F271F;
	font-weight: 600;
}
.badge-fill-light-brown {
	background-color: rgba(47, 39, 31, 0.1);
	border-color: rgba(47, 39, 31, 0.1);
}
.badge-fill-light-brown .text {
	color: #2F271F;
	font-weight: 600;
}
.badge-fill-gray {
	background-color: #C2C7CC;
	border-color: #C2C7CC;
	color: #fff;
}
.badge-fill-gray .text {
	color: inherit;
	font-weight: 600;
}
.badge-fill-dark-gray {
	background-color: #95A5A5;
	border-color: #95A5A5;
	color: #fff;
}
.badge-fill-dark-gray .text {
	color: inherit;
	font-weight: 600;
}
.badge-fill-light-gray02 {background-color: #f5f5f5;border-color: #f5f5f5;}
.badge-fill-light-gray02 .text {color: #666;font-weight: 500;}
.badge-red {
	border-color: #EF3D2E;
}
.badge-red .text {
	color: #EF3D2E;
	font-weight: 600;
}
.badge-fill-red {
	background-color: #EF3D2E;
	border-color: #EF3D2E;
}
.badge-fill-red .text {
	color: #fff;
	font-weight: 600;
}
.badge-fill-light-red {
	background-color: rgba(239, 61, 46, 0.1);
	border-color: rgba(239, 61, 46, 0.1);
}
.badge-fill-light-red .text {
	color: #EF3D2E;
	font-weight: 600;
}
.badge-fill {
	color: #fff;
}
.badge-fill .text {
	color: inherit;
	font-weight: 600;
}

.label-notice {
	position: relative;
	display: inline-block;
	color: #666;
}

/* e : badge */
.tag-lg, .tag-md {
	overflow: hidden;
	display: inline-block;
	box-sizing: border-box;
	text-align: center;
	vertical-align: top;
	border: 1px solid #DDE0E3;
	background-color: #fff;
}
.tag-lg .text, .tag-md .text {
	display: inline-block;
	position: relative;
	color: #000;
	vertical-align: top;
}

/* s : tag */
.tag-md {
	height: 23px;
	padding: 2px 7px 3px;
	border-radius: 20px;
}
.tag-md .text {
	font-size: 12px;
	line-height: 16px;
	letter-spacing: -0.025em;
	line-height: 18px;
}
.tag-lg {
	height: 32px;
	padding: 2px 15px 2px;
	border-radius: 17px;
}
.tag-lg .text {
	font-size: 13px;
	line-height: 18px;
	letter-spacing: -0.025em;
	line-height: 28px;
}

/* e : tag */
/* 정렬 */
.badge-wrap {
	margin: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	flex-wrap: wrap;
}
.badge-wrap [class^=badge-] {margin-top:3px;}
.badge-wrap [class^=badge-] ~ .label-notice {
	margin-left: 8px;
	padding-left: 9px;
}
.badge-wrap [class^=badge-] ~ .label-notice .text {
	color: #666;
}
.badge-wrap [class^=badge-] ~ .label-notice:before {
	position: absolute;
	top: 3px;
	left: 0;
	content: "";
	width: 1px;
	height: 10px;
	background: #C2C7CC;
}
body.ios .badge-wrap [class^=badge-] ~ .label-notice:before, body.mac .badge-wrap [class^=badge-] ~ .label-notice:before {
	top: 4px;
}

.tag-wrap {
	font-size: 0;
	margin-top: -1px;
	margin-left: -2px;
	margin-right: -1px;
	margin-bottom: -2px;
}
.tag-wrap .tag-md {
	margin: 1px 1px 2px 2px;
}
.tag-wrap.type-lg {
	margin: -3px;
}
.tag-wrap.type-lg .tag-lg {
	margin: 3px;
}

.badge-cert {
	display: inline-flex;
	align-items: center;
	border: 1px solid transparent;
	border-radius: 16px;
	padding: 0 10px;
	height: 32px;
}
.badge-cert .text {
	font-size: 12px;
	line-height: 16px;
	letter-spacing: -0.025em;
	font-weight: 600;
	color: inherit;
	margin-left: 6px;
}
.badge-cert.good {
	border-color: #AA9481;
}
.badge-cert.good .text {
	color: #AA9481;
}
.badge-cert.well {
	border-color: #1CAC68;
}
.badge-cert.well .text {
	color: #1CAC68;
}
.badge-cert.verywell {
	border-color: #2D7DCE;
}
.badge-cert.verywell .text {
	color: #2D7DCE;
}

/* s : Table */
/* info */
.tbl-row {
	/* .tbl-row-info */
}
.tbl-row-info tr th, .tbl-row-info tr td {
	font-size: 14px;
	line-height: 18px;
	letter-spacing: -0.025em;
	text-align: left;
	vertical-align: top;
	word-break: break-all;
}
.tbl-row-info tr th.left, .tbl-row-info tr td.left {
	text-align: left;
}
.tbl-row-info tr th.right, .tbl-row-info tr td.right {
	text-align: right;
}
.tbl-row-info tr th {
	padding-right: 8px;
	color: #666;
}
.tbl-row-info tr td {
	color: #000;
}
.tbl-row-info tr td .address-copy-wrap {
	margin-top: 0;
}
.tbl-row-info tr ~ tr th, .tbl-row-info tr ~ tr td {padding-top: 4px;}

/* e : Table */
.scroll-wrap-x {
	overflow-x: auto;
	margin-top: 20px;
}
@media (min-width: 891px) {
	.scroll-wrap-x {
		overflow-x: visible;
	}
}
@media (max-width: 890px) {
	.scroll-wrap-x {
		width: auto;
		padding-left: 20px;
		margin-left: -20px;
	}
}
.scroll-wrap-x > .tbl-col,
.scroll-wrap-x .tbl-row {
	/*margin-top: 20px;*/
	margin-top: 0;
	min-width: 890px;
	width: 890px;
	margin-bottom: 16px;
	border: 0;
}
@media (min-width: 891px) {
	.scroll-wrap-x .tbl-col,
	.scroll-wrap-x .tbl-row {
		min-width: 100%;
		width: 100%;
		margin-bottom: auto;
	}
}
@media (max-width: 890px) {
	.scroll-wrap-x .tbl-col,
	.scroll-wrap-x .tbl-row {
		/*padding-right: 20px;*/
		margin-right: -20px;
	}
}
.scroll-wrap-x .tbl-col {
	border-left: solid 1px #DDE0E3;
}
.scroll-wrap-x .tbl-col tbody tr:last-child th, .scroll-wrap-x .tbl-col tbody tr:last-child td {
	border-bottom: solid 1px #DDE0E3;
}
.scroll-wrap-x .tbl-row tr:first-child th, .scroll-wrap-x .tbl-row tr:first-child td {
	border-top: solid 1px #DDE0E3;
}
.scroll-wrap-x .tbl-row tr td:last-child {
	border-right: solid 1px #DDE0E3;
}
.scroll-wrap-x + .btext,
.scroll-wrap-x + .info-text-list,
.scroll-wrap-x + .dot-text {
	margin-top: 13px;
}

/* Table th 가로형 ************************************************************************************************/
.tbl-col {
	width: 100%;
	border-left: solid 1px #DDE0E3;
	border-bottom: solid 1px #DDE0E3;
	text-align: center;
	margin-top: 20px;
}
.tbl-col tr th, .tbl-col tr td {
	font-size: 14px;
	line-height: 18px;
	letter-spacing: -0.025em;
	border-right: solid 1px #DDE0E3;
	border-top: solid 1px #DDE0E3;
	/*border-top: 0;*/
	padding: 10px 16px 11px;
	background: #fff;
}
.tbl-col tr th.left, .tbl-col tr td.left {
	text-align: left;
}
.tbl-col tr th.right, .tbl-col tr td.right {
	text-align: right;
}
.tbl-col thead tr th {
	border-top: solid 1px #DDE0E3;
	font-size: 13px;
	line-height: 18px;
	letter-spacing: -0.025em;
	color: #666;
	padding: 10px 0 11px;
	background-color: #EFF1F3;
	border-bottom: 0;
}
.tbl-col thead tr th.sub {
	color: #999;
}
.tbl-col thead tr:last-child th {
	border-bottom: 0;
}
.tbl-col thead.offscreen {
	display: none;
}
.tbl-col tbody tr {
	/*&:first-child {
	    th, td {
	        border-bottom: 0;
	    }
	}*/
}
.tbl-col tbody tr th {
	font-size: 13px;
	line-height: 18px;
	letter-spacing: -0.025em;
	color: #666;
	padding: 10px 0 11px;
	background-color: #EFF1F3;
}
.tbl-col tbody tr th.sub {
	color: #999;
}
.tbl-col tbody tr td .tbl-col,
.tbl-col tbody tr td .tbl-row {
	margin-top: 0;
}
.tbl-col.left th, .tbl-col.left td {
	text-align: left;
}
.tbl-col.right th, .tbl-col.right td {
	text-align: right;
}
@media (min-width: 891px) {
	.tbl-col .mo-col {
		display: none;
	}
}
@media (max-width: 890px) {
	.tbl-col .pc-col {
		display: none;
	}
}

/* Table th 세로형 ************************************************************************************************/
.tbl-row {
	table-layout: fixed;
	width: 100%;
	border-top: solid 1px #DDE0E3;
	/*border-bottom: solid 1px variables.$colorLineGray;*/
	border-right: solid 1px #DDE0E3;
	margin-top: 20px;
}
.tbl-row tbody th,
.tbl-row tbody td {
	font-size: 14px;
	line-height: 18px;
	letter-spacing: -0.025em;
	border-left: solid 1px #DDE0E3;
	border-bottom: solid 1px #DDE0E3;
	padding: 10px 16px 11px;
}
.tbl-row tbody th.left,
.tbl-row tbody td.left {
	text-align: left;
}
.tbl-row tbody th.right,
.tbl-row tbody td.right {
	text-align: right;
}
.tbl-row tbody th.center,
.tbl-row tbody td.center {
	text-align: center;
}
.tbl-row tbody th {
	text-align: center;
	font-size: 13px;
	line-height: 18px;
	letter-spacing: -0.025em;
	color: #666;
	background-color: #EFF1F3;
}
.tbl-row tbody th.sub {
	color: #999;
}
.tbl-row tbody td {
	text-align: left;
}
.tbl-row tbody td .tbl-col,
.tbl-row tbody td .tbl-row {
	margin-top: 0;
}

.tbl-col,
.tbl-row {
	/* 다음에 오는 케이스 여백 */
}
.tbl-col ~ .gray-box,
.tbl-row ~ .gray-box {
	margin-top: 30px;
}
.tbl-col + .btext,
.tbl-col + .info-text-list,
.tbl-col + .dot-text,
.tbl-row + .btext,
.tbl-row + .info-text-list,
.tbl-row + .dot-text {
	margin-top: 13px;
}
body.ios .tbl-col, body.mac .tbl-col,
body.ios .tbl-row,
body.mac .tbl-row {
	border-collapse: separate;
}

/* s : product */
/* item */
.prod-item {
	position: relative;
}
.prod-item .thumb-box {
	position: relative;
	border: 1px solid #EFF1F3;
	padding-top: calc(100% - 2px);
	border-radius: 4px;
	background: #fff;
}
.prod-item .thumb-box .thumb-img {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-justify-content: center;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat; 
}
.prod-item .thumb-box .badge-wrap {
	overflow: hidden;
	position: absolute;
	top: 10px;
	left: 10px;
	right: 10px;
}
.prod-item .thumb-box .btn-cart {
	z-index: 3;
	position: absolute;
	bottom: 10px;
	right: 10px;
}
.prod-item .thumb-box .btn-remove {
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 3;
}
.prod-item .prod-info-box {
	margin-top: 12px;
}
.prod-item .prod-info-box .badge-md ~ .prod-tit {
	margin-top: 8px;
}
.prod-item .prod-info-box .prod-brand {
	font-size: 13px;
	line-height: 18px;
	letter-spacing: -0.025em;
	color: #999;
}
.prod-item .prod-info-box .prod-brand + .prod-tit {
	margin-top: 4px;
}
.prod-item .prod-info-box .badge-wrap {
	margin-top: 10px;
}
.prod-item .prod-info-box .badge-wrap.brand {
	margin-top: 0;
	margin-bottom: 6px;
}
.prod-item .prod-info-box .prod-tit {
	color: #000;
	font-weight: 500;
	word-break: keep-all;
	display: block;
	display: -webkit-box;
	overflow: hidden;
	max-height: 36px;
	line-height: 18px;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	text-overflow: ellipsis;
	white-space: normal;
}
.prod-item .prod-info-box .prod-tit.ellipsis {
	height: auto;
	max-height: none;
	-webkit-box-orient: inherit;
	-webkit-line-clamp: inherit;
	display: block;
	white-space: nowrap;
}
.prod-item .prod-info-box .opt-text {
	margin-top: 6px;
	font-size: 12px;
	line-height: 16px;
	letter-spacing: -0.025em;
	color: #000;
}
.prod-item .prod-info-box .opt-text ~ .prod-price {
	margin-top: 12px;
}
.prod-item .prod-info-box .prod-price {margin-top: 8px;font-size: 0;}
.prod-item .prod-info-box .prod-price .price, .prod-item .prod-info-box .prod-price .price-normal {
	font-size: 0;
}
.prod-item .prod-info-box .prod-price .price .val, .prod-item .prod-info-box .prod-price .price .unit, .prod-item .prod-info-box .prod-price .price-normal .val, .prod-item .prod-info-box .prod-price .price-normal .unit {
	position: relative;
	display: inline-block;
	vertical-align: top;
	font-size: 14px;
	line-height: 18px;
	letter-spacing: -0.025em;
}
.prod-item .prod-info-box .prod-price .price .val ~ .unit, .prod-item .prod-info-box .prod-price .price-normal .val ~ .unit {
	margin-left: 2px;
}
.prod-item .prod-info-box .prod-price .price-normal {
	display: block;
	margin-bottom: 2px;
}
.prod-item .prod-info-box .prod-price .price-normal .val, .prod-item .prod-info-box .prod-price .price-normal .unit {
	color: #999;
}
.prod-item .prod-info-box .prod-price .price-normal .val:after, .prod-item .prod-info-box .prod-price .price-normal .unit:after {
	content: "";
	display: inline-block;
	position: absolute;
	top: 8px;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: #999;
}
.prod-item .prod-info-box .prod-price .price-normal .unit:after {
	width: calc(100% + 2px);
	left: -2px;
}
.prod-item .prod-info-box .prod-price .percent {
	display: inline-block;
	margin-right: 4px;
	vertical-align: top;
	font-weight: 600;
	color: #EF3D2E;
	font-size: 14px;
	line-height: 18px;
	letter-spacing: -0.025em;
}
.prod-item .prod-info-box .prod-price .price .val, .prod-item .prod-info-box .prod-price .price .unit {color: #000;font-weight: 700;}
.prod-item.prod-size-fix {
	display: inline-block;
	width: 144px;
	max-width: none;
	vertical-align: top;
}
.prod-item.horizontal {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-moz-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	max-width: none;
}
.prod-item.horizontal .thumb-box {
	width: 80px;
	padding-top: 78px;
}
.prod-item.horizontal .prod-info-box {
	flex: 1 0 auto;
	width: calc(100% - 80px);
	margin: 0;
	padding-left: 12px;
}
.prod-item.horizontal .prod-info-box .prod-tit {
	height: auto;
	max-height: none;
	-webkit-box-orient: inherit;
	-webkit-line-clamp: inherit;
}
.prod-item.horizontal .prod-info-box .tbl-info-wrap {
	margin-top: 10px;
}
.prod-item.horizontal .prod-info-box .tbl-info-wrap .tbl-row-info tr th, .prod-item.horizontal .prod-info-box .tbl-info-wrap .tbl-row-info tr td {font-size: 13px;line-height: 18px;letter-spacing: -0.025em;}
.prod-item.horizontal .prod-info-box .tbl-info-wrap .tbl-row-info tr th {
	padding-right: 4px;
}
.prod-item.horizontal .prod-info-box .tbl-info-wrap .tbl-row-info tr ~ tr th, .prod-item.horizontal .prod-info-box .tbl-info-wrap .tbl-row-info tr ~ tr td {padding-top: 4px;}
.prod-item.horizontal .prod-info-box .total-prod-price {
	font-size: 0;
	margin-top: 10px;
}
.prod-item.horizontal .prod-info-box .total-prod-price .prod-count {
	display: inline-block;
	vertical-align: top;
	color: #666;
	font-size: 14px;
	line-height: 18px;
	letter-spacing: -0.025em;
}
.prod-item.horizontal .prod-info-box .total-prod-price .prod-count ~ .total-price {
	padding-left: 8px;
	margin-left: 8px;
}
.prod-item.horizontal .prod-info-box .total-prod-price .prod-count ~ .total-price:before {
	content: "";
	position: absolute;
	top: 4px;
	left: 0;
	display: block;
	width: 1px;
	height: 10px;
	background: #DDE0E3;
}
.prod-item.horizontal .prod-info-box .total-prod-price .total-price {
	position: relative;
	display: inline-block;
	vertical-align: top;
	font-size: 0;
}
.prod-item.horizontal .prod-info-box .total-prod-price .total-price .val, .prod-item.horizontal .prod-info-box .total-prod-price .total-price .unit {
	display: inline-block;
	vertical-align: top;
	color: #000;
	font-weight: 600;
	font-size: 14px;
	line-height: 18px;
	letter-spacing: -0.025em;
}
.prod-item.horizontal .prod-info-box .total-prod-price .total-price .val ~ .unit {
	margin-left: 1px;
}
.prod-item.soldout .thumb-box {
	position: relative;
	overflow: hidden;
}
.prod-item.soldout .thumb-box:before {
	content: "품절";
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-justify-content: center;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	position: absolute;
	z-index: 1;
	background-color: #ff0000;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(0, 0, 0, 0.5);
	color: #fff;
	font-size: 18px;
	line-height: 24px;
	letter-spacing: -0.025em;
	font-weight: 600;
}

/* list */
.prod-list-wrap {
	overflow: hidden;
}
.prod-list-wrap .prod-list {
	margin: 0 -5px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: stretch;
	-moz-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	flex-wrap: wrap;
}
.prod-list-wrap .prod-list .prod-item {
	max-width: none;
	width: 50%;
	padding: 0 5px;
}
.prod-list-wrap .prod-list .prod-item:nth-child(2) ~ .prod-item {
	margin-top: 30px;
}
.prod-list-wrap .prod-list.grid-col4 ~ .prod-item {
	margin-top: 5px;
}
.prod-list-wrap .prod-list.grid-col4 ~ .prod-item:nth-child(1) {
	margin-top: 0;
}
@media (min-width: 891px) {
	.prod-list-wrap .prod-list {
		margin: 0 -10px;
	}
	.prod-list-wrap .prod-list .prod-item {
		width: 33.3333333333%;
		padding: 0 10px;
	}
	.prod-list-wrap .prod-list .prod-item ~ .prod-item:nth-child(3) {
		margin-top: 0;
	}
	.prod-list-wrap .prod-list.grid-col4 .prod-item {
		width: 25%;
		margin-left: 10px;
	}
	.prod-list-wrap .prod-list.grid-col4 .prod-item:nth-child(n+1) {
		margin-left: 0;
	}
	.prod-list-wrap .prod-list.grid-col4 .prod-item:nth-child(2n+1) {
		margin-left: 0;
	}
	.prod-list-wrap .prod-list.grid-col4 .prod-item ~ .prod-item {
		margin-top: 0;
		/* &:nth-child(n+3) {
		     margin-top: 0;
		 }*/
	}
	.prod-list-wrap .prod-list.grid-col4 .prod-item ~ .prod-item:nth-child(n+5) {
		margin-top: 30px;
	}
}

/* list */
.swiper-prod-wrap {
	position: relative;
	margin: 0 -20px;
}
.swiper-prod-wrap .swiper-container {
	padding: 0 20px;
}
.swiper-prod-wrap .swiper-container .swiper-slide {
	margin-right: 10px;
}
.swiper-prod-wrap .swiper-container .swiper-slide:last-child {
	margin-right: 0;
}
.swiper-prod-wrap .swiper-control-wrap {
	display: none;
}
@media (min-width: 891px) {
	.swiper-prod-wrap {
		margin: 0;
	}
	.swiper-prod-wrap .swiper-container {
		padding: 0;
	}
	.swiper-prod-wrap .swiper-control-wrap .swiper-button-next, .swiper-prod-wrap .swiper-control-wrap .swiper-button-prev {
		position: absolute;
		top: 0;
		opacity: 1;
		z-index: 2;
		box-sizing: border-box;
		width: 60px;
		height: 100%;
		margin-top: 0;
	}
	.swiper-prod-wrap .swiper-control-wrap .swiper-button-next:before, .swiper-prod-wrap .swiper-control-wrap .swiper-button-prev:before {
		content: "";
		position: absolute;
		top: 51px;
		width: 45px;
		height: 45px;
		background: url("../images/ui/ui_ico_swiper_arr_h45.svg") 0 0 no-repeat;
		background-size: cover;
	}
	.swiper-prod-wrap .swiper-control-wrap .swiper-button-next.swiper-button-disabled, .swiper-prod-wrap .swiper-control-wrap .swiper-button-prev.swiper-button-disabled {
		background: transparent;
	}
	.swiper-prod-wrap .swiper-control-wrap .swiper-button-next.swiper-button-disabled:before, .swiper-prod-wrap .swiper-control-wrap .swiper-button-prev.swiper-button-disabled:before {
		opacity: 0.6;
		pointer-events: auto;
	}
	.swiper-prod-wrap .swiper-control-wrap .swiper-button-next {
		right: 0;
		background: linear-gradient(-90deg, white 0%, rgba(255, 255, 255, 0) 100%);
	}
	.swiper-prod-wrap .swiper-control-wrap .swiper-button-next:before {
		right: -20px;
	}
	.swiper-prod-wrap .swiper-control-wrap .swiper-button-prev {
		left: 0;
		background: none;
	}
	.swiper-prod-wrap .swiper-control-wrap .swiper-button-prev:before {
		left: -20px;
		-moz-transform: rotate(180deg);
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg);
		box-shadow: 0 -3px 6px rgba(0, 0, 0, 0.1);
	}
	.swiper-prod-wrap.is-active .swiper-control-wrap {
		display: block;
	}
}

.label-prod-opt {
	position: relative;
	flex: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	justify-content: space-around;
	-webkit-justify-content: space-around;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
}
.label-prod-opt .opt-left {
	overflow: hidden;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	flex: 1;
}
.label-prod-opt .opt-left .opt-img {
	display: block;
	width: 80px;
	height: 80px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	border: 1px solid #EFF1F3;
	border-radius: 4px;
	margin-right: 12px;
	background-color: #fff;
	/*flex: 1 0 auto;*/
}
.label-prod-opt .opt-right {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	padding-left: 6px;
	/*flex: 1 0 auto;*/
}
.label-prod-opt .opt-right .ui-spinner-box {
	margin-left: 10px;
}
.label-prod-opt .opt-name {
	flex: 1;
	overflow: hidden;
	color: #000;
	font-weight: 500;
}
.label-prod-opt .opt-val {
	flex: 1;
	overflow: hidden;
	display: -ms-inline-flexbox;
	display: inline-flex;
	display: -webkit-inline-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-moz-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
}
.label-prod-opt .opt-val .val, .label-prod-opt .opt-val .unit {
	color: #000;
	font-weight: 500;
	font-size: 14px;
	line-height: 18px;
	letter-spacing: -0.025em;
}
.label-prod-opt .opt-val .val ~ .unit {
	margin-left: 2px;
}

.opt-count-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
}
.opt-count-wrap .ui-opt-rdo {
	flex: 1;
}

/* 상품목록 장바구니, 주문서 공통 사용 */
.order-prod-list-wrap .order-prod-list + .btn-wrap, .order-prod-list-wrap .order-prod-list + .btn-right-wrap, .order-prod-list-wrap .order-prod-list + .btn-flex-wrap, .order-prod-list-wrap .order-prod-list + .btn-center-wrap {
	margin-top: 20px;
	text-align: center;
}
.order-prod-list-wrap .order-prod-list + .cont-tit-wrap {
	padding: 0 20px;
}
@media (min-width: 891px) {
	.order-prod-list-wrap .order-prod-list + .cont-tit-wrap {
		margin-top: 40px;
	}
}
@media (max-width: 890px) {
	.order-prod-list-wrap .order-prod-list + .cont-tit-wrap {
		padding-top: 30px;
		border-top: solid 10px #F3F5F7;
	}
}
.order-prod-list-wrap .btn-wrap, .order-prod-list-wrap .btn-right-wrap, .order-prod-list-wrap .btn-flex-wrap, .order-prod-list-wrap .btn-center-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-justify-content: center;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
}
.order-prod-list-wrap .btn-wrap .btn-order-prod-more, .order-prod-list-wrap .btn-right-wrap .btn-order-prod-more, .order-prod-list-wrap .btn-flex-wrap .btn-order-prod-more, .order-prod-list-wrap .btn-center-wrap .btn-order-prod-more {
	width: 100%;
}
.order-prod-list-wrap .btn-wrap .btn-order-prod-more .text .num, .order-prod-list-wrap .btn-right-wrap .btn-order-prod-more .text .num, .order-prod-list-wrap .btn-flex-wrap .btn-order-prod-more .text .num, .order-prod-list-wrap .btn-center-wrap .btn-order-prod-more .text .num {
	font-weight: inherit;
	font-size: inherit;
}
.order-prod-list-wrap .btn-wrap .btn-order-prod-more .text .num .fc-spot, .order-prod-list-wrap .btn-right-wrap .btn-order-prod-more .text .num .fc-spot, .order-prod-list-wrap .btn-flex-wrap .btn-order-prod-more .text .num .fc-spot, .order-prod-list-wrap .btn-center-wrap .btn-order-prod-more .text .num .fc-spot {
	font-weight: inherit;
	font-size: inherit;
}
@media (max-width: 890px) {
	.order-prod-list-wrap .btn-wrap .btn-order-prod-more, .order-prod-list-wrap .btn-right-wrap .btn-order-prod-more, .order-prod-list-wrap .btn-flex-wrap .btn-order-prod-more, .order-prod-list-wrap .btn-center-wrap .btn-order-prod-more {
		margin-bottom: 0;
	}
}
.order-prod-list-wrap .order-prod-item {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;display: -webkit-flex;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;-webkit-box-align: center;-moz-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-moz-box-orient: horizontal;-moz-box-direction: normal;-ms-flex-direction: row;-webkit-flex-direction: row;flex-direction: row;padding-top: 20px;padding-bottom: 20px;}
.order-prod-list-wrap .order-prod-item + .order-prod-item{border-top:1px solid #eee} 
.order-prod-list-wrap .order-prod-item:first-child {
	border-top: 0;
	padding-top: 0;
}
.order-prod-list-wrap .order-prod-item:last-child {
	padding-bottom: 0;
}
.order-prod-list-wrap .order-prod-item.no-order .prod-item .thumb-box, .order-prod-list-wrap .order-prod-item.soldout .prod-item .thumb-box {
	position: relative;
	overflow: hidden;
}
.order-prod-list-wrap .order-prod-item.no-order .prod-item .thumb-box:before, .order-prod-list-wrap .order-prod-item.soldout .prod-item .thumb-box:before {
	content: "";
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-justify-content: center;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	position: absolute;
	z-index: 1;
	background-color: #ff0000;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(0, 0, 0, 0.5);
	color: #fff;
	font-size: 16px;
	line-height: 22px;
	letter-spacing: -0.025em;
	font-weight: 600;
}
.order-prod-list-wrap .order-prod-item.no-order .goods-group .sub.fc-gray, .order-prod-list-wrap .order-prod-item.soldout .goods-group .sub.fc-gray {
	font-weight: 600;
}
.order-prod-list-wrap .order-prod-item.no-order .prod-item .thumb-box:before {
	content: "주문불가";
}
.order-prod-list-wrap .order-prod-item.soldout .prod-item .thumb-box:before {
	content: "품절";
}
.order-prod-list-wrap .order-prod-item .prod-item.horizontal .thumb-box {
	flex-shrink: 0;
}
.order-prod-list-wrap .order-prod-item .prod-item.horizontal .prod-info-box {
	flex: auto;
}
@media (min-width: 891px) {
	.order-prod-list-wrap .order-prod-item .cart-prod-opt {
		width: 380px;
		padding-right: 60px;
	}
}
@media (max-width: 890px) {
	.order-prod-list-wrap .order-prod-item {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		display: -webkit-flex;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		-webkit-box-align: start;
		-moz-box-align: start;
		-ms-flex-align: start;
		-webkit-align-items: flex-start;
		align-items: flex-start;
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		-moz-box-orient: vertical;
		-moz-box-direction: reverse;
		-ms-flex-direction: column;
		-webkit-flex-direction: column;
		flex-direction: column;
	}
	.order-prod-list-wrap .order-prod-item .cart-prod-opt {
		margin-top: 20px;
		width: 100%;
		padding-left: 30px;
	}
}
.order-prod-list-wrap .order-prod-header {display: -webkit-box;display: -ms-flexbox;display: flex;display: -webkit-flex;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;-webkit-box-align: center;-moz-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-moz-box-orient: horizontal;-moz-box-direction: normal;-ms-flex-direction: row;-webkit-flex-direction: row;flex-direction: row;background-color:#f5f6f8;padding: 16px;border-radius: 10px;}
.order-prod-list-wrap .order-prod-header .title {
	color: #000;
	font-weight: 500;
}
.order-prod-list-wrap .order-prod-header .right-box {
	margin-left: auto;
	color: #000;
	font-weight: 500;
	font-size: 13px;
}
.order-prod-list-wrap .order-prod-header .right-box .goods-group {
	display: inline-block;
	vertical-align: top;
	font-size: 13px;
	line-height: 18px;
	letter-spacing: -0.025em;
	font-weight: inherit;
}
.order-prod-list-wrap.order:not(.active) .order-prod-list .order-prod-header:nth-of-type(n+2) {
	display: none;
}
.order-prod-list-wrap.order:not(.active) .order-prod-list .order-prod-header:nth-of-type(n+2) + .order-prod-item {
	display: block;
}
.order-prod-list-wrap.order:not(.active) .order-prod-list .order-prod-item:nth-of-type(n+2) {
	display: none!important;
}
.order-prod-list-wrap.order.active .btn-order-prod-more .num {
	display: none;
}
.order-prod-list-wrap.order-delivery-prd:not(.active) .order-prod-list .order-prod-header:first-child ~ .order-prod-item {
	display: none;
}
.order-prod-list-wrap.order-delivery-prd:not(.active) .order-prod-list .order-prod-header:first-child + .order-prod-item {
	display: block;
}
.order-prod-list-wrap.order-delivery-prd:not(.active) .order-prod-list .order-prod-header:nth-of-type(n+2) {
	display: none;
}
.order-prod-list-wrap.order-delivery-prd:not(.active) .order-prod-list .order-prod-header:nth-of-type(n+2) ~ .order-prod-item {
	display: none;
}
.order-prod-list-wrap.order-delivery-prd.active .btn-order-prod-more .num {
	display: none;
}
.order-prod-list-wrap.order-delivery-prd .prod-item.horizontal .prod-info-box .prod-tit{margin-top:4px ;}
/* 결제정보 , 장바구니,  */
.payment-current-wrap .payment-current-box ~ .payment-current-box {margin-top: 20px;padding-top: 22px;border-top: solid 1px #444;}
.payment-current-wrap .payment-current-box .cont-tit-wrap {margin-bottom: 0;}
.payment-current-wrap .payment-current-box .cont-tit-wrap .right-area {text-align: right;width: 100%;}
.payment-current-wrap .payment-current-box .cont-tit-wrap .right-area .cont-sub-text {
	color: #666;
}
.payment-current-wrap .payment-current-box .cont-tit-wrap  + .info-text-list{margin-top: 20px;padding-top: 10px;border-top:1px solid #eee}
.payment-current-wrap .payment-current-box .cont-tit-wrap .cont-right .goods-group .unit + .val {
	margin-left: 4px;
}
.payment-current-wrap .payment-current-box .cont-tit-wrap + .gray-box, .payment-current-wrap .payment-current-box .cont-tit-wrap + .price-info-list {
	margin-top: 20px;
}
.payment-current-wrap .payment-current-box .cont-tit-wrap + .dot-text {
	margin-top: 12px;
}
.payment-current-wrap .payment-current-box .gray-box {
	margin-top: 20px;
}
.payment-current-wrap .payment-current-box .gray-box .info-text-list {
	margin-top: 0;
}
.payment-current-wrap.col2 {
	margin-top: 10px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: stretch;
	-moz-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	flex-wrap: wrap;
}
@media (max-width: 890px) {
	.payment-current-wrap.col2 {
		margin: 30px -20px 0 -20px;
		padding: 30px 20px 0;
		border-top: solid 10px #F3F5F7;
		background: #fff;
	}
}
@media (min-width: 891px) {
	.payment-current-wrap.col2 {
		margin-top: 60px;
	}
}
.payment-current-wrap.col2 .payment-current-box {
	border-top: solid 2px #000;
}
.payment-current-wrap.col2 .payment-current-box .cont-tit-wrap {
	margin-top: 20px;
}
@media (max-width: 890px) {
	.payment-current-wrap.col2 .payment-current-box {
		width: 100%;
		padding-top: 20px;
	}
	.payment-current-wrap.col2 .payment-current-box .cont-tit-wrap {
		margin-top: 0;
	}
	.payment-current-wrap.col2 .payment-current-box ~ .payment-current-box {
		margin-top: 30px;
	}
}
@media (min-width: 891px) {
	.payment-current-wrap.col2 .payment-current-box {
		width: calc((100% - 40px) / 2);
		margin-left: 40px;
	}
	.payment-current-wrap.col2 .payment-current-box:nth-child(2n+1) {
		margin-left: 0;
	}
	.payment-current-wrap.col2 .payment-current-box ~ .payment-current-box {
		margin-top: 0;
		padding-top: 0;
	}
}
.payment-current-wrap + .gray-box {
	margin-top: 20px;
}

.prod-total-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
}
.prod-total-wrap .total-count .value-text {
	font-size: 15px;
	line-height: 20px;
	letter-spacing: -0.025em;
	font-weight: 600;
	color: #000;
}
.prod-total-wrap .total-info {
	font-size: 0;
	text-align: right;
}
.prod-total-wrap .total-info .total-price {
	display: inline-block;
	font-size: 0;
	vertical-align: top;
}
.prod-total-wrap .total-info .total-price .pre-text {
	display: inline-block;
	vertical-align: top;
	font-size: 18px;
	line-height: 24px;
	letter-spacing: -0.025em;
	font-weight: 600;
	color: #000;
	margin-right: 4px;
}
.prod-total-wrap .total-info .total-price .val {
	display: inline-block;
	vertical-align: top;
	font-size: 18px;
	line-height: 24px;
	letter-spacing: -0.025em;
	font-weight: 600;
	color: #00A5B9;
}
.prod-total-wrap .total-info .total-price .unit {
	display: inline-block;
	vertical-align: top;
	font-size: 18px;
	line-height: 24px;
	letter-spacing: -0.025em;
	font-weight: 600;
	color: #000;
	margin-left: 2px;
}
.prod-total-wrap .total-info .badge-md {
	margin: 1px 0 0 5px;
}
.prod-total-wrap .total-info .prod-delivery {
	margin-top: 5px;
	font-size: 13px;
	line-height: 18px;
	letter-spacing: -0.025em;
	color: #999;
	vertical-align: top;
}
.prod-total-wrap .total-info .prod-delivery .val, .prod-total-wrap .total-info .prod-delivery .unit {
	display: inline-block;
	vertical-align: top;
	font-size: inherit;
}
.prod-total-wrap .total-info .prod-delivery .val ~ .unit {
	margin-left: 2px;
}

.period-total-wrap {
	padding: 10px 20px 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-moz-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
}
.period-total-wrap .total-tit {
	padding: 2px 0;
	font-size: 15px;
	line-height: 20px;
	letter-spacing: -0.025em;
	font-weight: 600;
	color: #000;
}
.period-total-wrap .total-info {
	flex: 1;
	padding-left: 10px;
	text-align: right;
}
.period-total-wrap .total-info .period-date {
	font-size: 18px;
	line-height: 24px;
	letter-spacing: -0.025em;
	font-weight: 600;
	color: #000;
}
.period-total-wrap .total-info .btext {
	margin-top: 2px;
	font-size: 13px;
	line-height: 18px;
	letter-spacing: -0.025em;
	color: #666;
}

.gray-box .coupon-box {
	margin: 10px auto;
}
.gray-box .payment-card-item {
	border-radius: 10px;
	margin: 10px auto;
	-moz-box-shadow: 0 2px 30px 0 rgba(0, 0, 0, 0.16);
	-webkit-box-shadow: 0 2px 30px 0 rgba(0, 0, 0, 0.16);
	box-shadow: 0 2px 30px 0 rgba(0, 0, 0, 0.16);
}
.gray-box .payment-card-before-wrap {
	border-radius: 10px;
	margin: 10px auto;
}
.gray-box + .payment-current-box {
	margin-top: 20px;
}
.gray-box + .payment-current-box .cont-tit-wrap {
	margin-bottom: 0;
}
@media (max-width: 890px) {
	.gray-box.type-order-coupon {
		padding: 0;
		background: transparent;
	}
	.gray-box.type-order-coupon .coupon-box {
		margin: 0;
	}
}

/* e : product */
/* s : tootip */
/* 툴팁 공통 */
.tooltip-wrap {
	position: relative;
	display: inline-block;
	vertical-align: top;
	box-sizing: border-box;
}
body.ios .tooltip-wrap .btn-info, body.mac .tooltip-wrap .btn-info {
	margin-top: 1px;
}
.tooltip-wrap.active .btn-info .ico-info-tooltip {
	border-color: #444;
	background: url("../images/common/comm_ico_tooltip_active.svg") 0 0 no-repeat #fff;
	background-size: cover;
}
.tooltip-wrap.active .tooltip-box {
	opacity: 1;
	transform: scaleY(1);
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}
.tooltip-wrap .tooltip-box {
	display: block;
	position: absolute;
	left: 0;
	top: 16px;
	z-index: 15;
	overflow: hidden;
	padding: 16px 42px 16px 16px;
	margin-top: 6px;
	background-color: #fff;
	border: 1px solid #C2C7CC;
	border-radius: 4px;
	text-align: left;
	box-sizing: border-box;
	opacity: 0;
	transform: scaleY(0);
	transition: opacity 0.3s ease-out;
}
@media (min-width: 891px) {
	.tooltip-wrap .tooltip-box {
		width: 342px;
	}
}
@media (max-width: 890px) {
	.tooltip-wrap .tooltip-box {
		/*position: fixed;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%) !important;*/
		width: calc(100vw - 40px);
		max-width: 480px;
	}
}
.tooltip-wrap .tooltip-box .tooltip-contents {
	box-sizing: border-box;
}
.tooltip-wrap .tooltip-box .tooltip-contents .tooltip-desc, .tooltip-wrap .tooltip-box .tooltip-contents .tooltip-item {
	color: #666;
}
.tooltip-wrap .tooltip-box .tooltip-contents .tooltip-desc, .tooltip-wrap .tooltip-box .tooltip-contents .tooltip-item, .tooltip-wrap .tooltip-box .tooltip-contents .val, .tooltip-wrap .tooltip-box .tooltip-contents .unit {
	font-size: 14px;
	line-height: 18px;
	letter-spacing: -0.025em;
	line-height: 22px;
}
.tooltip-wrap .tooltip-box .tooltip-contents .val ~ .unit {
	margin-left: 2px;
}
.tooltip-wrap .btn-tooltip-close {
	display: block;
	position: absolute;
	right: 16px;
	top: 16px;
	width: 16px;
	height: 16px;
	background: url("../images/ui/ui_ico_tooltip_close.svg") 0 0 no-repeat;
	background-size: cover;
	box-sizing: border-box;
}
.tooltip-wrap.hide .tooltip-box {
	transform: scaleY(0);
	transition: opacity 0.3s ease-out, transform 0s 0.3s;
}
.tooltip-wrap.right .tooltip-box {
	left: auto;
	right: 0;
}
/* 툴팁 사이즈별 */
/* e : tootip */
/* s : as-is editor */
.editor-wrap .termTxt {
	padding-bottom: 50px;
}
.editor-wrap .termTxt:first-child {
	padding-top: 30px;
}
.editor-wrap .termTxt .tit {
	margin-top: 30px;
	font-size: 15px;
	font-weight: 900;
	color: #222;
}
.editor-wrap .termTxt .tit:first-child {
	margin-top: 0;
}
.editor-wrap .termTxt .txt {
	font-size: 14px;
	line-height: 20px;
}
.editor-wrap .termTxt .txt .txt {
	padding-left: 20px;
}
.editor-wrap .termTxt .txt .txt > * {
	margin-top: 10px;
}
.editor-wrap .termTxt .txt > * {
	margin-top: 10px;
}
.editor-wrap .termTxt .txt .textIndent {
	padding-left: 15px;
}
.editor-wrap .termTxt .txt .barList li {
	margin-top: 5px;
	font-size: 14px;
	line-height: 20px;
	text-indent: -8px;
	padding-left: 10px;
}
.editor-wrap .termTxt .txt .barList li:first-child {
	margin-top: 0;
}
.editor-wrap .termTxt .txt .barList li p {
	margin-top: 0;
}
.editor-wrap .termTxt .topDiv {
	padding: 30px 0;
	margin-bottom: 30px;
	border-bottom: 1px solid #E5E5E5;
	font-size: 14px;
	line-height: 20px;
}
.editor-wrap .termTxt .topDiv:first-child {
	padding: 0px 0 30px;
}
.editor-wrap .termTxt .topDiv .tit {
	font-size: 26px;
	line-height: 30px;
	color: #000;
}
.editor-wrap .termTxt .bottDiv {
	padding-bottom: 50px;
}
.editor-wrap .termTxt .bottDiv > * {
	margin-top: 15px;
}
.editor-wrap .termTxt .bottDiv > * > * {
	margin-top: 15px;
}
.editor-wrap .termTxt .txt1 {
	margin-top: 30px;
	font-size: 15px;
	font-weight: 900;
	color: #222;
}
.editor-wrap .termTxt .txt1:first-child {
	margin-top: 0;
}
.editor-wrap .termTxt .txt2 {
	font-size: 14px;
	line-height: 20px;
}
.editor-wrap .termTxt .txt3 {
	padding-left: 15px;
	font-size: 14px;
	line-height: 20px;
}
.editor-wrap .termTxt .barList {
	margin-top: 10px;
}
.editor-wrap .termTxt .barList li {
	text-indent: -8px;
	margin-top: 5px;
	padding-left: 10px;
}
.editor-wrap .termTxt .barList li:first-child {
	margin-top: 0;
}
.editor-wrap .termTxt .barList li p {
	margin-top: 0;
}
.editor-wrap .termTxt .tableType1 {
	margin-top: 20px;
	border-top: 2px solid #333;
	width: 100%;
	overflow-x: auto;
	table-layout: auto;
}
.editor-wrap .termTxt .tableType1 table {
	margin-top: 0;
	width: 180%;
	text-align: center;
	table-layout: auto;
}
.editor-wrap .termTxt .tableType1 table th {
	padding: 10px;
	border-bottom: 1px solid #E5E5E5;
	border-right: 1px solid #E5E5E5;
	border-left: 1px solid #E5E5E5;
	background: #F5F5F5;
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
	color: #222;
	word-break: keep-all;
}
.editor-wrap .termTxt .tableType1 table td {
	padding: 10px;
	border-bottom: 1px solid #E5E5E5;
	border-right: 1px solid #E5E5E5;
	border-left: 1px solid #E5E5E5;
	background: #fff;
	font-size: 13px;
	line-height: 20px;
	color: #555;
	word-break: keep-all;
}
.editor-wrap .termTxt .tableType1 table th:first-child {
	border-left: 0;
}
.editor-wrap .termTxt .tableType1 table th:last-child {
	border-right: 0;
}
.editor-wrap .termTxt .tableType1 table td:first-child {
	border-left: 0;
}
.editor-wrap .termTxt .tableType1 table td:last-child {
	border-right: 0;
}
.editor-wrap .termTxt .tableType1 table td table {
	width: 100%;
	border-top: 2px solid #333;
}
@media (min-width: 891px) {
	.editor-wrap .termDiv .titArea {
		padding: 20px 0;
		border-bottom: 1px solid #E5E5E5;
		margin-bottom: 20px;
	}
	.editor-wrap .termDiv .titArea .popTit {
		margin-bottom: 10px;
		font-size: 28px;
		line-height: 36px;
		color: #000;
	}
	.editor-wrap .termDiv .titArea .popTit br {
		display: none;
	}
	.editor-wrap .termDiv .titArea .popTxt {
		font-size: 14px;
		line-height: 18px;
	}
	.editor-wrap .termDiv .termTxt {
		padding-bottom: 30px;
	}
	.editor-wrap .termDiv .termTxt > div {
		margin-top: 30px;
	}
	.editor-wrap .termDiv .termTxt > div:first-child {
		margin-top: 0;
	}
	.editor-wrap .termDiv .termTxt .txt1 {
		font-size: 16px;
		font-weight: bold;
		line-height: 22px;
		color: #333;
	}
	.editor-wrap .termDiv .termTxt .barList li {
		margin-top: 10px;
		text-indent: -8px;
		padding-left: 10px;
	}
	.editor-wrap .termDiv .inputDiv {
		margin-top: 5px;
	}
	.editor-wrap .termDiv .inputDiv:first-child {
		margin-top: 0;
	}
	.editor-wrap .termTxt .tableType1 table {
		margin-top: 0;
		width: 100%;
		text-align: center;
	}
	.editor-wrap .termTxt {
		clear: both;
		padding-bottom: 100px;
	}
	.editor-wrap .termTxt:first-child {
		padding-top: 0;
	}
	.editor-wrap .termTxt .tit {
		margin-top: 30px;
		font-size: 18px;
		font-weight: 900;
		color: #222;
	}
	.editor-wrap .termTxt .tit:first-child {
		margin-top: 0;
	}
	.editor-wrap .termTxt .txt {
		font-size: 16px;
		line-height: 24px;
	}
	.editor-wrap .termTxt .txt p {
		margin-top: 20px;
	}
	.editor-wrap .termTxt .txt .textIndent {
		padding-left: 15px;
	}
	.editor-wrap .termTxt .txt .barList li {
		margin-top: 10px;
		font-size: 16px;
		line-height: 24px;
		text-indent: -8px;
		padding-left: 10px;
	}
	.editor-wrap .termTxt .txt .barList li:first-child {
		margin-top: 0;
	}
	.editor-wrap .termTxt .txt .barList li p {
		margin-top: 0;
	}
	.editor-wrap .termDiv .termTxt {
		padding-bottom: 30px;
	}
	.editor-wrap .termDiv .termTxt > div {
		margin-top: 30px;
	}
	.editor-wrap .termDiv .termTxt > div:first-child {
		margin-top: 0;
	}
	.editor-wrap .termDiv .termTxt .txt1 {
		font-size: 16px;
		font-weight: bold;
		line-height: 22px;
		color: #333;
	}
	.editor-wrap .termDiv .termTxt .barList li {
		margin-top: 10px;
		text-indent: -8px;
		padding-left: 10px;
	}
	.editor-wrap .termDiv .termTxt .dotT {
		position: relative;
		text-indent: 0;
		padding-left: 7px;
	}
	.editor-wrap .termDiv .inputDiv {
		margin-top: 5px;
	}
	.editor-wrap .termDiv .inputDiv:first-child {
		margin-top: 0;
	}
	.editor-wrap .termTxt .tableType1 table {
		margin-top: 0;
		width: 100%;
		text-align: center;
	}
	.editor-wrap .layerType1 .termTxt {
		padding: 0;
		margin-bottom: 50px;
	}
	.editor-wrap .termTxt .tableType1.tabelSmall {
		width: 45%;
	}
}

/* e : as-is editor */
/* s : coupon */
/* 쿠폰 */
.coupon-box, .coupon-item {
	position: relative;
	overflow: hidden;
}
.coupon-box .thumb-box .thumb-img, .coupon-item .thumb-box .thumb-img {
	position: absolute;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
	object-fit: cover;
	width:100%;
	height:100%;
	background-position: center;
	background-repeat: no-repeat;
}
.coupon-box .coupon-info-box .coupon-name, .coupon-item .coupon-info-box .coupon-name {
	color: #000;
	word-break: break-all;
}
.coupon-box .coupon-info-box .coupon-price .price, .coupon-box .coupon-info-box .coupon-price .price-normal, .coupon-box .coupon-info-box .coupon-price .balance, .coupon-item .coupon-info-box .coupon-price .price, .coupon-item .coupon-info-box .coupon-price .price-normal, .coupon-item .coupon-info-box .coupon-price .balance {
	font-size: 0;
}
.coupon-box .coupon-info-box .coupon-price .price .val, .coupon-box .coupon-info-box .coupon-price .price .unit, .coupon-box .coupon-info-box .coupon-price .price-normal .val, .coupon-box .coupon-info-box .coupon-price .price-normal .unit, .coupon-box .coupon-info-box .coupon-price .balance .val, .coupon-box .coupon-info-box .coupon-price .balance .unit, .coupon-item .coupon-info-box .coupon-price .price .val, .coupon-item .coupon-info-box .coupon-price .price .unit, .coupon-item .coupon-info-box .coupon-price .price-normal .val, .coupon-item .coupon-info-box .coupon-price .price-normal .unit, .coupon-item .coupon-info-box .coupon-price .balance .val, .coupon-item .coupon-info-box .coupon-price .balance .unit {
	position: relative;
	display: inline-block;
	vertical-align: top;
}
.coupon-box .coupon-info-box .coupon-price .price .val ~ .unit, .coupon-box .coupon-info-box .coupon-price .price-normal .val ~ .unit, .coupon-box .coupon-info-box .coupon-price .balance .val ~ .unit, .coupon-item .coupon-info-box .coupon-price .price .val ~ .unit, .coupon-item .coupon-info-box .coupon-price .price-normal .val ~ .unit, .coupon-item .coupon-info-box .coupon-price .balance .val ~ .unit {
	margin-left: 2px;
}
@media (max-width: 320px) {
	.coupon-box .coupon-info-box .coupon-price .price-normal, .coupon-item .coupon-info-box .coupon-price .price-normal {
		display: block;
	}
}
.coupon-box .coupon-info-box .coupon-price .price-normal .val, .coupon-box .coupon-info-box .coupon-price .price-normal .unit, .coupon-item .coupon-info-box .coupon-price .price-normal .val, .coupon-item .coupon-info-box .coupon-price .price-normal .unit {color: #aaa;font-size: 14px;line-height: 18px;letter-spacing: -0.025em;}
.coupon-box .coupon-info-box .coupon-price .price-normal .val:after, .coupon-box .coupon-info-box .coupon-price .price-normal .unit:after, .coupon-item .coupon-info-box .coupon-price .price-normal .val:after, .coupon-item .coupon-info-box .coupon-price .price-normal .unit:after {
	content: "";
	display: inline-block;
	position: absolute;
	top: 8px;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: #999;
}
.coupon-box .coupon-info-box .coupon-price .price-normal .unit:after, .coupon-item .coupon-info-box .coupon-price .price-normal .unit:after {
	width: calc(100% + 2px);
	left: -2px;
}
.coupon-box .coupon-info-box .coupon-price .percent, .coupon-item .coupon-info-box .coupon-price .percent {
	display: inline-block;
	margin-right: 2px;
	vertical-align: top;
	font-weight: 700;
	color: #EF3D2E;
}
.coupon-box .coupon-info-box .coupon-price .price, .coupon-item .coupon-info-box .coupon-price .price {
	display: inline-block;
	vertical-align: top;
}
.coupon-box .coupon-info-box .coupon-price .price .val, .coupon-box .coupon-info-box .coupon-price .price .unit, .coupon-item .coupon-info-box .coupon-price .price .val, .coupon-item .coupon-info-box .coupon-price .price .unit {color: #000;}
.coupon-box .coupon-info-box .badge-wrap [class^=badge-], .coupon-item .coupon-info-box .badge-wrap [class^=badge-] {
	flex-shrink: 0;
}
.coupon-box .coupon-info-box .badge-wrap:not(.brand), .coupon-item .coupon-info-box .badge-wrap:not(.brand) {
	margin-top: 12px;
}
.coupon-box .badge-coupon-state, .coupon-item .badge-coupon-state {
	z-index: 7;
	position: absolute;
	cursor: pointer;
}
.coupon-box .btn-link, .coupon-box ~ .btn-link, .coupon-item .btn-link, .coupon-item ~ .btn-link {
	z-index: 6;
}

.badge-coupon-state {
	overflow: hidden;
	display: inline-block;
	vertical-align: top;
	width: 36px;
	height: 36px;
	padding: 8px;
	border-radius: 36px;
	background: rgba(221, 224, 227, 0.4);
}

/* coupon-box - 가로형 */
.coupon-box {
	min-width: 240px;
	min-height: 160px;
	padding: 20px;
	background-color: #fff;
}
.coupon-box .thumb-box {
	position: absolute;
	top: 50%;
	right: 20px;
	z-index: 5;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 120px;
	padding-top: 120px;
}
.coupon-box .thumb-box .thumb-img {
	background: url("../images/common/comm_thumb_no_data_coupon.svg") center no-repeat;
	background-size: contain;
}
.coupon-box .coupon-info-box {
	position: relative;
	z-index: 6;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: stretch;
	-moz-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-webkit-box-orient: vertical;
	-webkit-box-direction: reverse;
	-moz-box-orient: vertical;
	-moz-box-direction: reverse;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column;
	height: 100%;
}
.coupon-box .coupon-info-box .coupon-name {width: calc(100% - 118px);font-size: 14px;line-height: 20px;letter-spacing: -0.025em;font-weight: 500;margin-top: 4px;}
.coupon-box .coupon-info-box .coupon-name.ellipsis-line2 {display: block;display: -webkit-box;overflow: hidden;max-height: 40px;line-height: 18px;-webkit-box-orient: vertical;-webkit-line-clamp: 2;text-overflow: ellipsis;white-space: normal;}
.coupon-box .coupon-info-box .coupon-price {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: flex-end;
	-moz-box-align: flex-end;
	-ms-flex-align: flex-end;
	-webkit-align-items: flex-end;
	align-items: flex-end;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	flex-wrap: wrap;
	width: calc(100% - 120px);
	margin-top: 6px;
}
.coupon-box .coupon-info-box .coupon-price .btext {
	font-size: 14px;
	line-height: 18px;
	letter-spacing: -0.025em;
	color: #000;
	margin-right: 4px;
}
.coupon-box .coupon-info-box .coupon-price .btext ~ .balance {
	color: #EF3D2E;
}
.coupon-box .coupon-info-box .coupon-price .balance .val, .coupon-box .coupon-info-box .coupon-price .balance .unit {
	font-weight: 600;
	font-size: 16px;
	line-height: 22px;
	letter-spacing: -0.025em;
}
.coupon-box .coupon-info-box .coupon-price .price-normal {
	margin-right: 4px;
	margin-bottom: 2px;
}
.coupon-box .coupon-info-box .coupon-price .percent {font-size: 16px;line-height: 22px;letter-spacing: -0.025em;margin-right: 3px;}
.coupon-box .coupon-info-box .coupon-price .price .val, .coupon-box .coupon-info-box .coupon-price .price .unit {
	font-size: 16px;
	line-height: 22px;
	letter-spacing: -0.025em;
	font-weight: 700;
}
.coupon-box .coupon-info-box .badge-wrap {
	width: calc(100% - 120px);
}
.coupon-box .coupon-info-box .bottom-box {
	margin-top: auto;
	width: calc(100% - 80px);
}
.coupon-box .coupon-info-box .coupon-info-list {
	position: relative;
	z-index: 10;
	width: auto;
	margin-top: 13px;
}
.coupon-box .coupon-info-box .coupon-info-list .coupon-info-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
}
.coupon-box .coupon-info-box .coupon-info-list .coupon-info-item .title {
	font-size: 14px;
	line-height: 18px;
	letter-spacing: -0.025em;
	color: #666;
	margin-right: 5px;
}
.coupon-box .coupon-info-box .coupon-info-list .coupon-info-item .title ~ .title {
	position: relative;
	padding-left: 9px;
	margin-left: 8px;
}
.coupon-box .coupon-info-box .coupon-info-list .coupon-info-item .title ~ .title:before {
	position: absolute;
	top: 4px;
	left: 0;
	content: "";
	display: inline-block;
	width: 1px;
	height: 10px;
	background-color: #C2C7CC;
}
.coupon-box .coupon-info-box .coupon-info-list .coupon-info-item .desc {
	font-size: 14px;
	line-height: 18px;
	letter-spacing: -0.025em;
	color: #000;
}
.coupon-box .coupon-info-box .coupon-info-list .coupon-info-item .desc .val, .coupon-box .coupon-info-box .coupon-info-list .coupon-info-item .desc .unit {
	display: inline-block;
	vertical-align: top;
}
.coupon-box .coupon-info-box .coupon-info-list .coupon-info-item .desc .val ~ .unit {
	margin-left: 2px;
}
.coupon-box .coupon-info-box .coupon-info-list .coupon-info-item ~ .coupon-info-item {
	margin-top: 7px;
}
.coupon-box .coupon-info-box .coupon-info-list ~ .coupon-date-list {
	margin-top: 6px;
}
.coupon-box .coupon-info-list {
	position: relative;
	z-index: 10;
	width: calc(100% - 120px);
	margin-top: 13px;
}
.coupon-box .coupon-info-list .coupon-info-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
}
.coupon-box .coupon-info-list .coupon-info-item .title {
	font-size: 14px;
	line-height: 18px;
	letter-spacing: -0.025em;
	color: #666;
	margin-right: 5px;
}
.coupon-box .coupon-info-list .coupon-info-item .title ~ .title {
	position: relative;
	padding-left: 9px;
	margin-left: 8px;
}
.coupon-box .coupon-info-list .coupon-info-item .title ~ .title:before {
	position: absolute;
	top: 4px;
	left: 0;
	content: "";
	display: inline-block;
	width: 1px;
	height: 10px;
	background-color: #C2C7CC;
}
.coupon-box .coupon-info-list .coupon-info-item .desc {
	font-size: 14px;
	line-height: 18px;
	letter-spacing: -0.025em;
	color: #000;
}
.coupon-box .coupon-info-list .coupon-info-item ~ .coupon-info-item {
	margin-top: 7px;
}
.coupon-box .ui-chk, .coupon-box .ui-rdo {
	position: absolute;
	top: 20px;
	right: 20px;
	z-index: 7;
}
.coupon-box .badge-coupon-state {
	bottom: 20px;
	right: 20px;
	background: #fff;
	z-index: 7;
	cursor: pointer;
}
.coupon-box.disabled {
	pointer-events: none !important;
	cursor: default !important;
	opacity: 0.5;
}
.coupon-box.disabled .ui-chk input[disabled] + label:after, .coupon-box.disabled .ui-chk input[aria-disabled] + label:after, .coupon-box.disabled .ui-rdo input[disabled] + label:after, .coupon-box.disabled .ui-rdo input[aria-disabled] + label:after {
	opacity: 1;
}
.coupon-box.disabled + .coupon-date-list {
	opacity: 50%;
}
.coupon-box.type-imminent {
	border-color: #EF3D2E;
}
.coupon-box.type-imminent .coupon-info-box .coupon-date-list .data-item .desc {
	color: #EF3D2E;
}
@media (max-width: 890px) {
	.coupon-box {
		width: 100%;
	}
}
@media (min-width: 891px) {
	.coupon-box {
		width: 335px;
	}
}
.coupon-box .btn-remove {
	position: absolute;
	top: 20px;
	right: 20px;
	z-index: 7;
}

/* coupon-item - 세로형 */
.coupon-item {
	/*width: 162px;*/
	/* coupon-item - 가로형 */
}
.coupon-item .thumb-box {
	position: relative;
	width: 100%;
	border: 1px solid #EFF1F3;
	padding-top: calc(100% - 2px);
	border-radius: 15px;
	background: #fff;
	overflow: hidden;
}
.coupon-item .thumb-box .thumb-img {
	background-size: contain;
}
.coupon-item .thumb-box [class^=badge-] {
	overflow: hidden;
	position: absolute;
	top: 10px;
	left: 10px;
}
.coupon-item .thumb-box .badge-coupon-state {
	top: auto;
	left: auto;
	bottom: 10px;
	right: 10px;
}

.coupon-item .coupon-info-box {
	margin-top: 12px;
}
.coupon-item .coupon-info-box .coupon-name {
	margin-top: 4px;
	font-weight: 500;
	font-size: 14px;
	letter-spacing: -0.025em;
	display: block;
	display: -webkit-box;
	overflow: hidden;
	max-height: 36px;
	line-height: 18px;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	text-overflow: ellipsis;
	white-space: normal;
}
.coupon-item .coupon-info-box .coupon-price {
	font-size: 0;
	margin-top: 8px;
}
.coupon-item .coupon-info-box .coupon-price .price-normal {margin-left:4px;margin-bottom: 2px;}
.coupon-item .coupon-info-box .coupon-price .percent {
	font-size: 14px;
	line-height: 18px;
	letter-spacing: -0.025em;
}
.coupon-item .coupon-info-box .coupon-price .price .val, .coupon-item .coupon-info-box .coupon-price .price .unit {
	font-size: 16px;
	line-height: 22px;
	font-weight: 700;
	letter-spacing: -0.025em;
}
.coupon-item .coupon-info-box .coupon-price .price .val ~ .unit {
	margin-left: 2px;
}
.coupon-item .coupon-info-box .badge-wrap {
	width: 100%;
}
.coupon-item.horizontal {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-moz-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	max-width: none;
}
.coupon-item.horizontal .thumb-box {
	width: 80px;
	padding-top: 78px;
}
.coupon-item.horizontal .coupon-info-box {
	align-self: center;
	flex: 1 0 auto;
	width: calc(100% - 80px);
	margin: 0;
	padding-left: 12px;
	/*.prod-tit {
	    @include mixins.clear_multi_ellipsis;
	}*/
}
.coupon-item.horizontal .coupon-info-box .badge-wrap {
	margin-top: 0;
}
.coupon-item.horizontal .coupon-info-box .coupon-name {
	margin-top: 6px;
	height: auto;
	max-height: none;
	-webkit-box-orient: inherit;
	-webkit-line-clamp: inherit;
}
.coupon-item.horizontal .coupon-info-box .coupon-date-list {
	margin-top: 6px;
}
.coupon-item.horizontal .coupon-info-box .coupon-date-list .coupon-date-item {
	font-size: 12px;
	line-height: 16px;
	letter-spacing: -0.025em;
}
.coupon-item.horizontal .coupon-info-box .coupon-date-list .coupon-date-item .title, .coupon-item.horizontal .coupon-info-box .coupon-date-list .coupon-date-item .desc {
	display: inline-block;
	vertical-align: top;
	color: #999;
	font-size: 12px;
	line-height: 16px;
	letter-spacing: -0.025em;
}
.coupon-item.horizontal .coupon-info-box .coupon-date-list .coupon-date-item .title {
	margin-right: 0;
}
.coupon-item.horizontal .coupon-info-box .coupon-date-list .coupon-date-item .desc {
	position: relative;
}
.coupon-item.horizontal .coupon-info-box .coupon-date-list .coupon-date-item .desc:before {
	content: " : ";
}
.coupon-item.horizontal.disabled {
	pointer-events: none !important;
	cursor: default !important;
	opacity: 0.5;
}

/* 쿠폰 리스트 */
.coupon-date-list {
	margin-top: 12px;
}
.coupon-date-list .title {
	font-size: 14px;
	line-height: 18px;
	letter-spacing: -0.025em;
	color: #666;
	margin-right: 8px;
}
.coupon-date-list .desc {
	font-size: 14px;
	line-height: 18px;
	letter-spacing: -0.025em;
	color: #000;
}
.coupon-date-list .desc .badge-md {
	vertical-align: -5px;
	margin-left: 8px;
}
.coupon-date-list .dash-text ~ .dash-text {
	margin-top: 6px;
}
.coupon-date-list .coupon-date-item ~ .coupon-date-item {
	margin-top: 6px;
}

.coupon-list-wrap {
	overflow: hidden;
}
.coupon-list-wrap .coupon-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: stretch;
	-moz-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	flex-wrap: wrap;
}
.coupon-list-wrap .coupon-list .coupon-item {
	max-width: none;
	margin-left: 10px;
	width: calc((100% - 10px) / 2);
}
.coupon-list-wrap .coupon-list .coupon-item:nth-child(2n-1) {
	margin-left: 0;
}
.coupon-list-wrap .coupon-list .coupon-item:nth-child(n+3) {
	margin-top: 30px;
}
.coupon-list-wrap .coupon-list .coupon-item .coupon-item:nth-child(1), .coupon-list-wrap .coupon-list .coupon-item .coupon-item:nth-child(2) {
	margin-top: 0;
}
.coupon-list-wrap .coupon-list .coupon-item .coupon-box {
	min-width: auto;
}
.coupon-box .badge-coupon-state.on, .coupon-item .thumb-box .badge-coupon-state.on{background: #00A5B9;}
.coupon-box .badge-coupon-state.on .ico-coupon-download, .coupon-item .thumb-box .badge-coupon-state.on .ico-coupon-download{
	width:20px;
	height:20px;
	background : url(../images/common/comm_coupon_download_on.png) 0 0 no-repeat;
	background-size: cover;
}


@media (min-width: 891px) {
	.coupon-list-wrap .coupon-list .coupon-item {
		margin-left: 20px;
		width: calc((100% - 40px) / 3);
	}
	.coupon-list-wrap .coupon-list .coupon-item:nth-child(2n-1) {
		margin-left: 20px;
	}
	.coupon-list-wrap .coupon-list .coupon-item:nth-child(3n-2) {
		margin-left: 0;
	}
	.coupon-list-wrap .coupon-list .coupon-item:nth-child(3) {
		margin-top: 0;
	}
	.coupon-list-wrap .coupon-list.grid-col5 .coupon-item {
		margin-left: 20px;
		width: calc((100% - 80px) / 5);
		/*&:nth-child(1) ~ &:nth-child(2) {
		    background: pink;
		}*/
	}
	.coupon-list-wrap .coupon-list.grid-col5 .coupon-item:nth-child(5n-4) {
		margin-left: 0;
	}
	.coupon-list-wrap .coupon-list.grid-col5 .coupon-item:nth-child(4), .coupon-list-wrap .coupon-list.grid-col5 .coupon-item:nth-child(5) {
		margin-top: 0;
	}
	.coupon-list-wrap .coupon-list.grid-col5 .coupon-item:nth-child(n+6) {
		margin-top: 30px;
	}
}
@media (max-width: 360px) {
	.coupon-date-list .title{margin-right: 2px}
	.coupon-date-list .desc .badge-md{margin-left: 3px}
}
/* swiper */
.swiper-coupon-wrap, .swiper-coupon-box-wrap {
	position: relative;
	margin: 0 -20px;
}
.swiper-coupon-wrap .swiper-container, .swiper-coupon-box-wrap .swiper-container {
	padding: 0 20px;
}
.swiper-coupon-wrap .swiper-control-wrap, .swiper-coupon-box-wrap .swiper-control-wrap {
	display: none;
}
@media (min-width: 891px) {
	.swiper-coupon-wrap, .swiper-coupon-box-wrap {
		margin: 0;
	}
	.swiper-coupon-wrap .swiper-container, .swiper-coupon-box-wrap .swiper-container {
		padding: 0;
	}
	.swiper-coupon-wrap .swiper-control-wrap .swiper-button-next:before, .swiper-coupon-wrap .swiper-control-wrap .swiper-button-prev:before, .swiper-coupon-box-wrap .swiper-control-wrap .swiper-button-next:before, .swiper-coupon-box-wrap .swiper-control-wrap .swiper-button-prev:before {content: "";position: absolute;top: -64px;width: 45px;height: 45px;background: url("../images/ui/ui_ico_swiper_arr_h45.svg") 0 0 no-repeat;background-size: cover;}
	.swiper-coupon-wrap .swiper-control-wrap .swiper-button-next.swiper-button-disabled, .swiper-coupon-wrap .swiper-control-wrap .swiper-button-prev.swiper-button-disabled, .swiper-coupon-box-wrap .swiper-control-wrap .swiper-button-next.swiper-button-disabled, .swiper-coupon-box-wrap .swiper-control-wrap .swiper-button-prev.swiper-button-disabled {
		background: transparent;
	}
	.swiper-coupon-wrap .swiper-control-wrap .swiper-button-next, .swiper-coupon-box-wrap .swiper-control-wrap .swiper-button-next {
		right: 0;

	}
	.swiper-coupon-wrap .swiper-control-wrap .swiper-button-next:before, .swiper-coupon-box-wrap .swiper-control-wrap .swiper-button-next:before {
		right: -20px;
	}
	.swiper-coupon-box-wrap .swiper-control-wrap .swiper-button-prev {
		left: 0;
		background: none;
	}
	.swiper-coupon-wrap .swiper-control-wrap .swiper-button-prev:before, .swiper-coupon-box-wrap .swiper-control-wrap .swiper-button-prev:before {
		left: -20px;
		-moz-transform: rotate(180deg);
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg);
	}
	.swiper-coupon-wrap.is-active .swiper-control-wrap, .swiper-coupon-box-wrap.is-active .swiper-control-wrap {
		display: block;
	}
}

.swiper-coupon-wrap .swiper-container .swiper-slide {
	margin-right: 10px;
}
.swiper-coupon-wrap .swiper-container .swiper-slide:last-child {
margin-right: 0;
}

.swiper-coupon-box-wrap .swiper-container .swiper-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: stretch;
	-moz-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
}
.swiper-coupon-box-wrap .swiper-container .swiper-wrapper .swiper-slide {
	align-self: stretch;
	margin-right: 20px;
}
.swiper-coupon-box-wrap .swiper-container .swiper-wrapper .swiper-slide:last-child {
	margin-right: 0;
}
.swiper-coupon-box-wrap .swiper-container .swiper-wrapper .swiper-slide.coupon-box {
	width: 280px;
}
@media (min-width: 891px) {
	.swiper-coupon-box-wrap .swiper-control-wrap .swiper-button-next:before, .swiper-coupon-box-wrap .swiper-control-wrap .swiper-button-prev:before {
		top: 50%;
		margin-top: -20px;
	}
}
/*230502 앱 리뷰 팝업추가*/
.app_eva_popup {text-align: center;padding:20px 0 0 }
.app_eva_popup h3{font-size:22px;color:#00a5b9;margin: 30px 0 15px;font-weight: 500;}
.app_eva_popup .txt{font-size:15px;color:#000;margin-bottom: 30px;}
.app_eva_popup .star_rating{position: relative;display: inline-block;}
.app_eva_popup .star_rating input{position:absolute;width:1px;height:1px;opacity: 0;}
.app_eva_popup .star_rating label{position:relative;font-size:0;width:35px;height:35px;float: right;margin: 0 5px;}
.app_eva_popup .star_rating .star_rating:not(:checked) > label::before{background: url(../images/common/star_off.png) 0 0 no-repeat; background-size: cover;}
.app_eva_popup .star_rating label::before{content:'';display:inline-block;position:absolute;left:0;top:0;background: url(../images/common/star_off.png) 0 0 no-repeat; background-size: cover;width:35px;height:35px}
.app_eva_popup .star_rating input:checked ~ label::before {background: url(../images/common/star_on.png) 0 0 no-repeat;background-size: cover;}
.app_eva_popup .star_rating input:hover ~ label::before {background: url(../images/common/star_on.png) 0 0 no-repeat;background-size: cover;}

/*230620 룰렛당첨 팝업추가*/
.ui-dialog-container .ui-dialog.dialog-rl{	width: 750px !important;}
.roulette_popup .prd_img_area img{margin:30px auto;display: block;}
.roulette_popup .prod-notice-wrap{text-align: center;}
.roulette_popup .prd_name{font-size: 20px;color:#000;font-weight: 600;}
.roulette_popup .btext-tit{font-size: 30px;color:#000;line-height: 1.4;margin: 30px 0;}
.roulette_popup .btext-tit span{color:#00A5B9;}
.roulette_popup .btext{font-size:20px;color:#666}
.roulette_popup .gray-box{font-size:18px;line-height: 1.4;padding:30px;color:#666}

/*제휴모바일쿠폰 이미지영역추가*/
.cp_info_img{display:block;width:73%}

/*멤버십등급안내수정*/
.sm_txt{font-size: 14px;display: block;font-weight:400;color:#666;}

/*bgm 이벤트 팝업*/
.bgm_popup{margin-top: 25px;text-align: center; padding:40px 0}
.bgm_popup .holding_info{font-size: 18px;font-weight: 600;color: #000;}
.bgm_popup .holding_info h4{display: inline-block;font-size: 22px;}
.bgm_popup .holding_info span{font-size: 22px;font-weight: 600;color:#00a5b9}
.bgm_popup .count_area{margin-top: 15px;}
.bgm_popup .count_area .text{display: inline-block;font-size: 22px;font-weight: 600;color:#000;line-height: 50px;}
.bgm_popup .ui-spinner-box{border: none;background-color: transparent;height: 50px;width:140px}
.bgm_popup .ui-spinner-box .ui-widget-content .ui-spinner-button.ui-spinner-down{border:1px solid #ddd;border-radius: 100%;width:40px;height:40px;left: 0;margin-top: 0;transform: translateY(-50%);}
.bgm_popup .ui-spinner-box .ui-widget-content .count{color:#00a5b9;font-size: 18px;height:50px}
.bgm_popup .ui-spinner-box .ui-widget-content .ui-spinner-button.ui-spinner-up{border:1px solid #ddd;border-radius: 100%;width:40px;height:40px;right: 0;margin-top: 0;transform: translateY(-50%);}
.bgm_term{height: 250px;border: 1px solid #dde0e3;border-radius: 5px;padding: 20px;}
.scroll-wrap-y{overflow-y: auto;}
.mt0{margin-top: 0!important;}
.mt20{margin-top: 20px!important;}
/*스토어 서비스*/
.store-service.type01 {margin-bottom: 50px;}
.store-service .fold-wrap .fold-list .fold-item{border-bottom: 0; }
.store-service .cont-box .cont-inner{padding:10px 0}
.store-service .fold-wrap .fold-list .fold-item.expanded{padding-bottom:20px}
.store-service .fold-wrap .fold-list .fold-item .fold-header{font-size:16px}
.store-service .cont-tit-wrap{padding-top: 20px;}
.store-service  .store_name{line-height: 26px;margin-left: 5px;font-weight: 600;}
.store-service  .store_rq_list > .item + .item{margin-top: 10px;}
.store-service  .store_rq_list .store_rq_item{background-color: #f9f9fa;padding:20px 15px;width:100%}
.store-service  .rq_select_list{display: none;margin-top: 10px;}
.store-service  .rq_select_list .ui-row-list.w100 .item {width:100%!important}
.store-service  .rq_select_list .ui-row-list + .cont-tit-wrap {padding-top: 30px;border-top: 0;margin-top: 0!important;}
.store-service  .rq_select_list .ui-row-list:last-child{margin-bottom: 20px;}
.store-service  .rq_select_list .ui-row-list .item + .item{margin-top: 6px!important;}
.board-list-wrap .board-list .board-item .badge-wrap.type02{justify-content: space-between;}
.board-list-wrap .board-list .board-item .badge-wrap.type02 .date{color:#999}
.store-service .store_brand{display: flex;margin-bottom:10px;}
.store-service .store_brand .name{margin-left: 8px;font-size:16px;line-height: 26px;font-weight: 700;color:#000}
.store-service .answer_area{margin-top: 20px;}
.store-service .answer_area .answer_cnt{display: flex;}
.store-service .answer_area .answer_cnt.type02{justify-content: space-between;}
.store-service .answer_area .answer_cnt + .txt{margin-top: 10px;line-height: 24px;}
.store-service .answer_area .tit{color:#666;font-weight: 600;font-size: 15px;}
.store-service .answer_area .txt{color:#000;font-size: 15px;font-weight: 500;}
.store-service .answer_area .txt2{width:68%;margin-left: 5px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.store-service .answer_area .date{color: #999;}
.store-service .sf_area{text-align: center;padding-top: 60px}
.store-service .sf_area h4{font-size:16px;;color:#000;line-height: 26px;color:#000;margin-top: 30px;font-weight: 600;}
.store-service.type02 .board-list-wrap .board-list,
.store-service.type02 .board-list-wrap .board-list .board-item{border:none}
.badge-fill-light-gray{background-color: #dde0e3;border-color: #dde0e3;}
.badge-fill-light-gray .text{color:#aaa;}
.mt10{margin-top: 10px!important;}
.store-service .store-header-wrap + .search-form-wrap{margin: 20px 0;}
.container-wrapper.store-service .cont-box.type-search-only .cont-inner{padding-bottom: 20px!important;}
.store-service.type01 .cont-box ~ .cont-box:not(.full):not(.pc-no-line){padding-top:0}
/*제휴모바일쿠폰 이미지영역추가*/
.cp_info_img{display:block;width:73%}

/*멤버십등급안내수정*/
.sm_txt{font-size: 14px;display: block;font-weight:400;color:#666;}

/*마이페이지 모바일 임시개선*/
.user-count-list.type02 .user-count-item i{display: inline-block;vertical-align: top;overflow: hidden }
.ico-order-h36{width:36px;height:36px;background: url(../images/common/comm_ico_order_h36.png) no-repeat center center;background-size: 34px}
.ico-member-h36{width:36px;height:36px;background: url(../images/common/comm_ico_member_h36.png) 0 0 no-repeat;background-size: 36px}
.ico-receipt-h36{width:36px;height:36px;background: url(../images/common/comm_ico_receipt_h36.png) no-repeat center center;background-size: 36px}
.ico-epay-h36{width:36px;height:36px;background: url(../images/common/comm_ico_epay_h36.png) no-repeat center center;background-size: 35px}
.ico-ecard-h36{width:36px;height:36px;background: url(../images/common/comm_ico_ecard_h36.png) 0 0 no-repeat;background-size: 36px}
.ico-md-store-service{display: inline-block;position: relative;vertical-align: top;overflow: hidden;width:26px;height:26px;background: url(../images/mypage/ico_md_store_service.svg) 0 0 no-repeat;background-size: cover}

/* [2023-08-30] #2910 고객감사제 - 첫 마일 지급 이벤트 */
.m_only{display: none;}
.ct_btn{color:#086a78;background: url(../../assets/images/mypage/ct_btn_img.png) no-repeat 89% bottom, linear-gradient(to bottom, rgba(178,226,212,1)  0%, rgba(172,224,211,1) 33%, rgba(152,217,209,1) 72%, rgba(140,213,208,1)100%);background-size: 100px}
.ct_btn .text{text-align: left;width:76%;line-height: 23px}


/*엔젤리너스 10월감사 이벤트 룰렛*/
.ag_event_btn{background-repeat: no-repeat;background-size: 100% ; color:#fff; padding-left: 16%!important;justify-content: left!important;}
.mt10{margin-top: 10px!important;}
@media (max-width: 890px) {
	.ui-dialog-container .ui-dialog.dialog-rl{	width: 100% !important;}
	.roulette_popup .prd_name{font-size:15px}
	.roulette_popup .btext-tit{font-size:21px;margin: 20px 0 10px;}
	.roulette_popup .btext{font-size:15px}
	.roulette_popup .gray-box{font-size:13px;padding:20px;line-height: 1.6;}
	.cp_info_img{width:80%;margin-top: 4px}
	/*스토어 서비스*/
	.pt0{padding-top: 0!important}
	.pb0{padding-bottom: 0!important;}
	.store-service .cont-box.mo-gray-box{padding-bottom: 100px;}
	.store-service .no-data{padding:60px 0 100px}
	.store-service.type01 .cont-box:first-child .cont-inner{padding-top: 0;}
	.store-service.type01{padding-bottom: 100px;background-color: #fff;}
	.store-service.type02,
	.store-service.type03{background-color: #fff;}
	.store-service.type03 .cont-box:first-child .cont-inner{padding-top: 5px;}
	/*제휴모바일쿠폰 이미지영역추가*/
	.cp_info_img{width:80%;margin-top: 4px}

	/* [2023-08-30] #2910 고객감사제 - 첫 마일 지급 이벤트 */
	.m_only{display: block;}
}
@media (max-width: 414px) {
	/*엔젤리너스 10월감사 이벤트 룰렛*/
	.ag_event_btn{padding-left: 19%!important;}
}
@media (max-width: 360px) {
	/* [2023-08-30] #2910 고객감사제 - 첫 마일 지급 이벤트 */
	.ct_btn .text{width:82%}
	/*엔젤리너스 10월감사 이벤트 룰렛*/
	.ag_event_btn{padding-left: 16%!important;background-size: 100px;background-position: 95% bottom;}
}
@media (max-width: 320px) {
	/*엔젤리너스 10월감사 이벤트 룰렛*/
	.ag_event_btn{padding-left: 11%!important;background-size: 94px;background-position: right bottom;}
}
/*제휴모바일쿠폰 이미지영역추가*/
.cp_info_img{display:block;width:73%}
/*주소록 ui개선*/
.addr-select-list{display:flex;justify-content: space-between;margin-top: 20px;}
.addr-select-list .addr-select-item{width:32.5%}
.addr-select-list .addr-select-item input[type=radio].addr-select-radio{position: absolute;width:1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;border: 0;clip:rect(0, 0, 0, 0)}
.addr-select-list .addr-select-item label{width:100%;border: 1px solid #dde0e3;text-align: center;height:120px;display: inline-block;padding: 20px 0;border-radius: 5px;cursor: pointer;display: inline-block;}
.addr-select-list .addr-select-item i{width: 42px;height: 45px;display: inline-block;position: relative;vertical-align: top;overflow: hidden;}
.addr-select-list .addr-select-item .text{display: block;margin-top: 10px;font-size: 18px;font-weight: 500;color:#000}
.ico_addr_home{background: url(../images/mypage/ico_addr_home_off.png) no-repeat center;background-size: 100%;}
.ico_addr_company{background: url(../images/mypage/ico_addr_company_off.png) no-repeat center;background-size: 100%;}
.ico_addr_direct{background: url(../images/mypage/ico_addr_direct_off.png) no-repeat center;background-size: 100%;}
.addr-select-list input[type=radio].addr-select-radio:checked + label {border-color: #00a5b9;}
.addr-select-list input[type=radio].addr-select-radio:checked + label .ico_addr_home{background: url(../images/mypage/ico_addr_home_on.png) no-repeat center;background-size: 100%;}
.addr-select-list input[type=radio].addr-select-radio:checked + label .ico_addr_company{background: url(../images/mypage/ico_addr_company_on.png) no-repeat center;background-size: 100%;}
.addr-select-list input[type=radio].addr-select-radio:checked + label .ico_addr_direct{background: url(../images/mypage/ico_addr_direct_on.png) no-repeat center;background-size: 100%;}
.addr-select-list input[type=radio].addr-select-radio:checked + label .text{color:#00a5b9}
.addr-select-list + .input-box{margin-top: 20px;display: none;}

/*나의주소록수정*/
.ico-addr-curr {background: url("../images/mypage/ico_addr_curr.svg") 0 0 no-repeat;background-size: cover;width: 24px;height: 24px;position:absolute;right:8%;top:50%;transform: translateY(-50%);}
.ico-addr-drag {background: url("../images/mypage/ico_addr_drag.svg") 0 0 no-repeat;background-size: cover;width: 24px;height: 24px;position:absolute;right:8%;top:50%;transform: translateY(-50%);}
.addr-notice h4{font-size:14px;line-height: 1.2;font-weight: normal;margin-top: 5px}
.addr-book-list .addr-edit-box{position: initial;margin-top: 10px}
.addr-history-list .addr-tit .btn-remove{margin-right: 3px}
.addr-book-list.type02{flex-wrap:wrap}
.addr-book-list.type02 .addr-book-item {max-width: none;width:32.5%;flex:none;margin-bottom: 1%;padding: 3% 5.4% 3% 4%;margin-left:1% }
.addr-book-list.type02 .addr-book-item:nth-child(1),.addr-book-list.type02 .addr-book-item:nth-child(4),.addr-book-list.type02 .addr-book-item:nth-child(7){margin-left: 0}
.addr-history-list.type02 .addr-history-item{padding:3% 6.3% 3% 4%}
.addr-history-list.type02 .addr-history-item ~ .aaddr-history-item{padding-top:3%}

/*#3456 쿠폰만료시 문구추가*/
.expires_txt{margin: 20px 0}
.expires_txt p{font-size:14px;color:#666;}
.expires_txt p br{display:none;}

@media (max-width: 890px) {
	.ui-dialog-container .ui-dialog.dialog-rl{	width: 100% !important;}
	.roulette_popup .prd_name{font-size:15px}
	.roulette_popup .btext-tit{font-size:21px;margin: 20px 0 10px;}
	.roulette_popup .btext{font-size:15px}
	.roulette_popup .gray-box{font-size:13px;padding:20px;line-height: 1.6;}

	/*제휴모바일쿠폰 이미지영역추가*/
	.cp_info_img{width:80%;margin-top: 4px}

	/*주소록 ui개선*/
	.addr-select-list .addr-select-item label{height: 90px;padding: 15px 0;}
	.addr-select-list .addr-select-item i{width:28px;height:31px}
	.addr-select-list .addr-select-item .text{margin-top: 7px;font-size: 15px;}
	.addr-notice h4{margin-top: 15px}

	/*나의주소록수정*/
	.ico-addr-drag, .ico-addr-curr{right:3%}
	.addr-book-list.type02 .addr-book-item{width:100%;padding:20px 50px 20px 20px;margin-left:0!important;}
	.addr-history-list.type02 .addr-history-item{padding:20px 50px 20px 10px}
	.addr-book-list.column .addr-book-item{padding:20px 35px 20px 20px;}
	.addr-history-list.normal .addr-list-item{padding-right: 35px}
	.addr-book-list .addr-book-item .addr-item-tit{margin-bottom: 5px}
	.addr-history-list .addr-tit{margin-bottom: 6px}
	.addr-book-list .addr-edit-box{margin-top: 6px}
	.addr-book-list .addr-book-item .addr-item-cont{line-height: 16px}
	.addr-list-item .addr-cnt{line-height: 16px}
	.addr-history-list.type02 .addr-list{margin-bottom: 0}

	/*#3456 쿠폰만료 문구추가*/
	.expires_txt p{line-height: 1.4}
	.expires_txt p br{display:block;}
}

/*멤버십등급안내수정*/
.sm_txt{font-size: 14px;display: block;font-weight:400;color:#666;}
/*비콘팝업추가*/
.beacon_popup .coupon_info{margin-top: 20px;}
.beacon_popup .coupon_brand{font-size:14px;color: #999;font-weight: 400;margin-top:5px;}
.beacon_popup .coupon_name{font-size:18px;font-weight: 600;margin-top: 10px;color:#000}
.beacon_popup .coupon_prd_img img{width:100%}
.ui-dialog-content.beacon_popup .dialog-footer .dialog-btn-wrap + .dialog-btn-wrap{margin-top: 25px;}
.ui-dialog-content.beacon_popup .left-box .text{color:#999}

/* #3562  */
.cart-prod-qty.type02 .txt{margin: -2px 0 0 2px}
.ui-spinner-box.type02{width:auto;border:none;}
.ui-spinner-box.type02 .ui-widget-content{width:auto;padding:0}
.ui-spinner-box.type02 .ui-widget-content .ui-spinner-button{display: none!important;}
/* #4006 */
.ico-copy-yellow{display:inline-block;width: 15px;height: 15px;background: url("../images/mypage/ico_copy_yellow.png") 0 0 no-repeat;background-size: cover;vertical-align: top;}
/* #4286 */
.input-box.type02 .btn-input-search{top:0;right:0;width:36px;background-position: center center;height:100%}
/* #4375 */
.lp_info{display:none;z-index:3;width:90px;font-size:11px;color:#fff;position: absolute;top:-10px;left: 50%;transform: translateX(-50%);padding:3px 8px 2px; border-radius:30px;background:#00a5b9;}

/* #4536 */
.badge-farmersbox .text{color:#e83924}
.badge-farmersbox {border-color:rgba(255, 215, 211, 0.53);background-color:rgba(255, 215, 211, 0.53)}

/*4654*/
.go_app_cnt{text-align: center;}
.go_app_cnt img{width:57%;}
.go_app_cnt .txt{margin-top: 20px;font-size: 22px;color:#000;line-height: 1.3;font-weight: 500;}
.btn-txt{color:#666}

/*4674*/
.coupon_loading_area{display: block;width:100%;height:100%;background: rgba(0,0,0,0.6);position: absolute;z-index: 7;text-align: center;}
.coupon_loading_area .txt{font-size: 17px;color:#fff;display: block;position: absolute;left:50%;top:71%;width:100%;transform: translateX(-50%);font-weight: bold;}
.coupon_loading_area img{width: 110px;padding:10px;position: absolute;top: 9%;left:50%;transform: translateX(-50%)}

@media (max-width: 430px) {
	/*4674*/
	.coupon_loading_area img{top:3%}
}
/*4819*/
.payment-current-wrap.type02 .price-info-list .price-info-item .label{width:25%}
.payment-current-wrap.type02 .price-info-list .price-info-item .right-box{width:75%;text-align:right}
/*4849*/
.grid-item .coupon-box.type02{background-color: #e5f6f8;min-height:128px;padding:15px}
.coupon-box.type02::before{background-color: transparent}
.coupon-box.type02 .coupon-info-box .coupon-price .balance .val,
.coupon-box.type02 .coupon-info-box .coupon-price .balance .unit{font-size:20px;font-weight: 600;color:#000}
.coupon-box.type02 .coupon-date-list{margin-top: 3px;}
.coupon-box.type02 .thumb-box{right:auto;left:15px}
.coupon-box.type02 .coupon-info-box .coupon-name{width:84%;padding-left: 130px;margin-top: 12px;}
.coupon-box.type02 .coupon-info-box .coupon-price{width:100%;padding-left: 130px;margin-top: 5px;}
.coupon-box.type02 .coupon-info-box .bottom-box{width:100%;padding-left: 130px;}
.coupon-box.type02 .ui-chk{top:50%;transform: translateY(-50%);width:30px;height:30px;right:13px!important}
.coupon-box.type02 .ui-chk input + label:before{width:30px;height:30px}
.coupon-box.type02  .ui-chk input + label:after{background: url("../images/ui/ui_ico_check02.svg") 0 0 no-repeat;background-size: cover;width:30px;height:30px}
.coupon-box.type02 .ui-chk input:checked + label:after{background: #00A5B9!important;width:30px;height:30px}
.coupon-box.type02  .ui-chk input + label .chk_area{display:inline-block; color:#fff;font-size: 16px;position: absolute;z-index: 1;left:1px;top:0;width:28px;height:30px;line-height: 30px;text-align: center;font-weight:600; opacity: 0;}
.coupon-box.type02 .ui-chk input:checked + label .chk_area{opacity: 1;}

@media (max-width: 320px) {
	.go_app_cnt .txt{font-size: 19px;}
	/*4819*/
	.payment-current-wrap.type02 .goods-group .unit,
	.payment-current-wrap.type02 .price-info-list .price-info-item .label{font-size:12px}
	/*4849*/
	.coupon-box.type02 .thumb-box{left:10px}
	.coupon-box.type02 .coupon-info-box .coupon-name{padding-left: 120px;font-size: 14px;}
	.coupon-box.type02 .coupon-info-box .coupon-price,
	.coupon-box.type02 .coupon-info-box .bottom-box{padding-left: 120px;}
	.coupon-box.type02 .coupon-info-box .coupon-price .balance .val,
	.coupon-box.type02 .coupon-info-box .coupon-price .balance .unit{font-size:18px}
	.coupon-box.type02 .ui-chk{right:5px!important}
}
@media (max-width: 280px) {
	/*4674*/
	.coupon_loading_area .txt{margin-top: 45px;}

	.grid-item .coupon-box.type02{padding:10px}
	.coupon-box.type02 .thumb-box{left:6px}
	.coupon-box.type02 .ui-chk{right:5px}
	.coupon-box.type02 .coupon-info-box .coupon-name{font-size: 12px;letter-spacing: -1px;}
	.coupon-box.type02 .coupon-info-box .coupon-price .balance .val,
	.coupon-box.type02 .coupon-info-box .coupon-price .balance .unit{font-size:16px;letter-spacing: -1px;}
	.coupon-box.type02 .coupon-info-box .coupon-name{margin-top: 12px;}
}

/* #4026 */
.ico-copy-black{background: url("../images/common/comm_ico_copy_black.png") 0 0 no-repeat;background-size: cover;}
.employess_code_popup .btn-md i{margin-left: 0!important;margin-right:5px!important;}
.emp_qr_wrap{margin-top: 20px;text-align: center;padding:10px 20px;}
.ico-md-family-cord{width: 26px;height: 25px;background: url("../images/mypage/ico_md_family_cord.svg") 0 0 no-repeat;background-size: cover;display: inline-block;}

/* #4286 */
.input-box.type02 .btn-input-search{top:0;right:0;width:36px;background-position: center center;height:100%}
/* #4375 */
.lp_info{display:none;z-index:3;width:90px;font-size:11px;color:#fff;position: absolute;top:-10px;left: 50%;transform: translateX(-50%);padding:3px 8px 2px; border-radius:30px;background:#00a5b9;}
/* #4026 */
.ico-copy-black{background: url("../images/common/comm_ico_copy_black.png") 0 0 no-repeat;background-size: cover;width:17px!important;height:17px!important}
.employess_code_popup .btn-md i{margin-left: 0!important;margin-right:5px!important;}
.emp_qr_wrap{margin-top: 20px;text-align: center;padding:10px 20px;}
.ico-md-family-cord{width: 26px;height: 25px;background: url("../images/mypage/ico_md_family_cord.svg") 0 0 no-repeat;background-size: cover;display: inline-block;}
.ico-list-black{background: url("../images/common/comm_ico_list_black.png") 0 0 no-repeat;background-size: cover;margin-top: -8px;height:13px!important}
.table_white_type.top{padding-right: 8px;}
.table_white_type.cnt{height: 250px;overflow-y: auto;}
.table_white_type th{text-align: center;border-bottom: 1px solid #dde0e3;font-size:15px;padding:15px 0;font-weight: bold;color:#000;letter-spacing: -1px;}
.table_white_type td{text-align: center;border-bottom: 1px solid #dde0e3;font-size:15px;padding:15px 0;color:#000;letter-spacing: -1px;}

@media (max-width: 890px) {
	/* #4026 */
	.table_white_type.top,
	.table_white_type.cnt{padding-right: 1%;}
	.table_white_type th,
	.table_white_type td{font-size:14px}
}
@media (max-width: 320px) {
	.table_white_type th,
	.table_white_type td{font-size:12px}
}
/* #4174 */
.new_badge_wrap{position: absolute;top: 5px;left: 10px;display: flex;flex-wrap: wrap;width:90%}
.new_badge_wrap .badge-sm{position: relative!important;top: auto!important;left: auto!important;margin:5px 1% 0;}
.benefit_by_level li{background-color: #f7f8f9;display: flex;justify-content:space-between;padding:10px 20px}
.benefit_by_level li.on{background-color: #fbe9e8;}
.benefit_by_level li .left .level{line-height:40px;font-size: 16px;color:#000;font-weight: 600;margin-left: 8px;}
.benefit_by_level li + li{margin-top: 10px;}
.benefit_by_level .cp-price{line-height: 40px;}
.benefit_by_level .price_normal{font-size: 14px;color:#999;text-decoration: line-through;}
.benefit_by_level .percent{font-size: 18px;color:#EF3D2E;font-weight: 600;}
.benefit_by_level .dc_price{font-size: 20px;color:#000;font-weight: 600;letter-spacing: -1px;}
/* #5076 */
.addr_btn_wrap{width:100%;display: flex;height:110px;justify-content: space-between;margin-top: 18px;}
.addr_btn_wrap a{display:block; width:49%;border-radius: 5px;color:#fff;font-size: 28px;line-height: 110px;font-weight: 600;padding-left: 30px;}
.addr_btn_wrap .link_dv{background: #00a5b9 url(../images/main/addr_img_dv.png) no-repeat right bottom;background-size: 235px}
.addr_btn_wrap .link_pk{background: #00a5b9 url(../images/main/addr_img_pk.png) no-repeat right bottom;background-size: 235px}
/* #5519 */
.mk_popup .mk_img {text-align: center;}
.mk_popup .mk_img .img01{width: 80%;}
.mk_popup .mk_img .img02{margin-top: 6%;}
.ui-dialog-content.mk_popup  .dialog-footer .dialog-btn-wrap + .dialog-btn-wrap{margin-top: 20px;}
/* #5505 */
.input_text_box{border:1px solid #dde0e3;padding:0 16px;line-height: 44px;}
.input_text_box.flex{display: flex;justify-content: space-between;}
.input_text_box span{font-size:14px;letter-spacing: -0.025em;font-weight: 600;}
.input_text_box span.black{color: #000;}
.input_text_box span.blue{color: #00a5b9;}
.mt30{margin-top: 30px!important;}
.two_step_payment{width:335px;margin: 0 auto;text-align: center;}
.two_step_payment .tit{font-size: 16px;font-weight: 600;color:#000}
.two_step_payment .card-box{background: url(../images/temp/temp_eatz_card.png) no-repeat center center;width:200px;height:124px;background-size: cover;border-radius: 10px;overflow: hidden;margin: auto;position: relative;}
.two_step_payment .card-box .txt_area{width:100%;height:100%;background-color: #ffffffd9}
.two_step_payment .card-box .txt{position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);font-size: 14px;width:73%;font-weight: 600;text-align:center;line-height: 1.3;}
.two_step_payment .card-box .blue{display: inline-block;color: #00a5b9;font-weight: 600;font-size: 14px;}
.two_step_before_login{text-align: center;}
.two_step_before_login .txt{font-size:16px;font-weight: 600;color:#000;display: block;width: 100%;line-height: 1.3;margin-top: 10px;}
.two_step_before_login .blue{color:#00a5b9;font-weight: 600;font-size:16px;}
.two_step_before_login i{display: inline-block}
.ico-pw-gray{background: url("../images/form/ico_pw_gray.svg") no-repeat center center;background-size: cover;width:24px;height: 24px;}
.w100{width:100%!important}
.pw_find_link{display: block;font-size: 14px;color: #989898;font-weight: 600;}
/* #5948 */
.pickup_info_wrap .fold-wrap.info-folding-box .fold-item .fold-header .btn-fold{padding-right: 15px;}
/* #5118 */
.pr{position: relative;}
.status_info{position: absolute;top:50%;left:88%;transform: translateY(-50%);font-size: 10px;color:#fff;border-radius: 10px;border: 1px solid;padding:2px 4px;}
.status_info.blue{background-color: #00A5B9;border-color: #00A5B9;}
.status_info.gray{background-color: #C2C7CC;border-color: #C2C7CC;}
.setting-item .setting-link{display: block;font-weight: 500;margin-top: 10px;}
.setting-item .setting-link .ico-cnp{margin-right: 2px;}
.ico-cnp{display: inline-block;width:13px;height:12px;background-size:cover;}
.ico-more-arrow{display: inline-block;width:11px;height:11px;background-size:cover;}
/*#5631*/
.tc{text-align: center!important;}
.tl{text-align: left!important;}
.mt40{margin-top: 40px!important;}
.fold-wrap.type02 .fold-list .fold-item .fold-header{padding:13px 42px 13px 16px;background: rgba(239, 241, 243, 0.4);margin-top: 6px;}
.fold-wrap.type02 .fold-list .fold-item{border-bottom: none;}
.fold-wrap.type02 .fold-list .fold-item .fold-header .btn-fold{left:-13px}
.fold-wrap.type02 .agree-item:first-child{padding-top: 13px;}
.fold-wrap.type02 .agree-item{background:#fff;padding:6px 0 0 16px}
/*#6177*/
.btn-kakao{background-color: #fae100;border-color: #fae100;}
.btn-naver{background-color: #1ec800;border-color: #1ec800;}
.btn-shinhan{background-color: #0046ff;border-color: #0046ff;}
.btn-naver .text,.btn-shinhan .text{color:#fff}
.itg_member{text-align: center;}
.itg_member .logo{max-width:100px;}
.itg_member .title{font-size: 20px;font-weight: 600;color:#000;margin:15px 0 ;}
.itg_member .title span{font-size: 20px;font-weight: 600;}
.itg_member .info{font-size: 14px;font-weight: 500;color:#000;line-height: 1.4;}
.itg_member .info span{font-weight: 500;color:#000}
.itg_member .user_id{display: flex;margin: 15px 0;justify-content: center;padding: 15px!important;}
.itg_member .user_id .id{font-weight:500;color:#000}
.itg_member .info2{margin-bottom: 30px;}
.lp_blue{color:#009bfa!important}
/*#7537*/
.swiper-slide-popup .swiper-container .swiper-pagination{bottom:5px}
.swiper-slide-popup .swiper-pagination-bullet-active{background: #00a5b9;}
.pop-hope-switch-on .btn-lg{margin:20px 0 25px;}
.pop-hope-switch-on .swiper-pagination-bullets{bottom:0}
.blue_box{background-color: #e5f6f8;padding:20px;}
.mt5{margin-top: 5px;}
.mt15{margin-top: 15px;}
.pay_tit{border:2px solid #00A5B9;color:#00A5B9;font-size: 24px;display: inline-block;padding: 11px 40px;border-radius: 35px;}
.pay_txt_b{font-weight: 600;color: #00A5B9;font-size: 30px;margin: 40px 0 30px;line-height: 1.3;}
.pay_txt{font-weight:400;color: #000;font-size: 22px;line-height: 1.3;}
.swiper-slide-popup .swiper-button-prev{background: url(../images/ui/ui_ico_swiper_arr_h24.svg) center center no-repeat;border: 1px solid rgba(0, 0, 0, 0.08);transform: rotate(180deg);box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);width:24px;height: 24px;border-radius: 100%;background-color: #fff;}
.swiper-slide-popup .swiper-button-next{background: url(../images/ui/ui_ico_swiper_arr_h24.svg) center center no-repeat;border: 1px solid rgba(0, 0, 0, 0.08);box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);width:24px;height: 24px;border-radius: 100%;background-color: #fff;}
/* #8656 */
.tbl-word-keep th, .tbl-word-keep td{word-break: keep-all;}
.grid-item .thumb-box.bg_gray{border-radius: 20px;background-color: #f0f2f4;}
/* 9147 */
#orderConfirm .cont-inner:last-child {padding-bottom: 15px;}
#orderConfirm .dialog-footer {position: sticky; bottom: 0; padding-top: 15px; z-index: 100; background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.6) 20%, rgba(255, 255, 255, 0.7) 90%, rgba(255, 255, 255, 0.9) 100%)}
.payment_store_info .store_thumb_wrap{overflow: hidden;border-radius: 4px;text-align: center;}
.payment_store_info .map-content{margin: 0;padding-top: 200px;}
.payment_store_info .store_text_wrap{margin-top: 30px;text-align: center;}
.payment_store_info .store_text_wrap .store_current,
.payment_store_info .store_text_wrap .store_current span{font-size: 16px;line-height: 1.3em;color: #000;}
.payment_store_info .store_text_wrap .store_addr{margin-top: 6px;font-size: 14px;line-height: 1.3em;color: #666;}
.payment_store_info .order_type_wrap{margin-top: 30px;padding: 20px;border-radius: 4px;background-color: rgba(0,165,185,0.1);}
.payment_store_info .order_type_wrap .order_type{text-align: center;}
.payment_store_info .order_type_wrap .order_type p,
.payment_store_info .order_type_wrap .order_type span{display: inline-block;font-size: 14px;color: #000;vertical-align: middle;}
.payment_store_info .order_type_wrap .order_type p{padding-left: 9px;}
.ico-order-type {position:relative; display: inline-block;width: 18px;height: 18px;background-repeat: no-repeat;background-size: contain;vertical-align: middle;}
.ico-order-type img {position: absolute; top:50%; left:50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: contain; object-position: center;}
.payment_store_info + .price-info-list{margin-top: 20px;}
.payment-current-box .price-info-list + .cont-tit-wrap{margin-top: 6px;}

/* 주문 상세 페이지 event banner (25.07.04 yoo) */
/* #9649 */
.order_event_banner_wrap{margin-top: 10px;}
.order_event_banner_wrap .order_event_banner{display: block;width: 342px;height: 45px;background-size: contain;background-repeat: no-repeat;background-position: center;}
/* #9767 아이브 KKD 사전예약 (25.07.29 yoo) */
.pre_rsv_event_wrap .search-form-wrap{border: 1px solid #dde0e3;background-color: #eff1f3;}
.ui-select-md-wrap{display: flex;}
.ui-select-md-wrap .ui-select-md{min-width: unset;width: 164px;}
.ui-select-md-wrap .ui-select-md + .ui-select-md{margin-left: 8px;margin-top: 0;}
.pre_rsv_event_wrap .search-form-wrap .input-box{margin-left: 8px;}
.store-info .store-desc-list .store-desc-item ~ .store-desc-text{margin-top: 20px;}
.store-info .store-desc-list .store-desc-text span + span{display: inline-block;margin-left: 4px;}
.rs_date .ui-datepicker{width: 100%;}
.rs_date .ui-datepicker .ui-datepicker-calendar td .ui-state-default{width: 2em;height: 2em;line-height: 2em;}
@media screen and (max-width: 890px){
	.pre_rsv_event_wrap .cont-box:first-child{padding-top: 55px;}
}

@media (max-width: 890px) {
	/* #4026 */
	.table_white_type.top,
	.table_white_type.cnt{padding-right: 1%;}
	.table_white_type th,
	.table_white_type td{font-size:14px}
	/* #5076 */
	.addr_btn_wrap{height: 150px;}
	.addr_btn_wrap a{line-height: 150px;}
	/* #5505 */
	.two_step_payment{width:100%}
	/* 2025 엔젤 팬미팅 */
	.ag_event_btn{height: 12.9851vw;}
	/* #8170 */
	.brand-menu-wrap.swiper-grid-row2{width: 100%;height: auto;margin-left: auto;margin-right: auto;}
	.brand-menu-wrap.swiper-grid-row2 .brand-menu .brand-item{width: 100%;height: 100px;margin-top: 0 !important;margin-right: 6px !important;margin-left: 0 !important;}
	.brand-menu-wrap.swiper-grid-row2 .brand-menu .brand-item:nth-child(2n){margin-top: 6px !important;}
	/* #9649 주문 상세 페이지 event banner (25.07.04 yoo) */
	.order-history-wrap + .order_event_banner_wrap{margin-top: 30px;}
	.order_event_banner_wrap{padding-left: 0;padding-right: 0;margin-bottom: 0;}
	.order_event_banner_wrap .order_event_banner{width: 100%;height: 0;padding-top: 13%;}
	/* #9767 아이브 KKD 사전예약 (25.07.29 yoo) */
	.pre_rsv_event_wrap .search-form-wrap{border: none;background-color: unset;}
	.ui-select-md-wrap.col2 .ui-select-md{width: calc((100% - 8px)/2);}
	.ui-select-md-wrap + .input-box{margin-left: 0;}
	.pre_rsv_event_wrap .search-form-wrap .info-desc-wrap{margin-top: 30px;}
	.pre_rsv_event_wrap .search-form-wrap .info-desc-wrap .guide-desc{font-size: 16px;font-weight: 600;color: #000;}
	.pre_rsv_event_wrap .search-form-wrap .input-box{margin-top: 20px;margin-left: 0;}
	.pre_rsv_event_wrap .cont-box ~ .cont-box.mo-gray-box{margin-top: 0;}
	/* #9845 */
	.pop-banner-view-all .grid-list-wrap{padding-bottom: 0 !important;}
}
@media (max-width: 480px) {	
	/* #9767 아이브 KKD 사전예약 (25.07.31 yoo) */
	.delivery-info-wrap .fold-wrap.order .fold-list .fold-item .fold-header{flex-direction: column;}
	.delivery-info-wrap .fold-wrap.order .fold-list .fold-item .fold-header #rsvDate,
	.delivery-info-wrap .fold-wrap.order .fold-list .fold-item .fold-header #rsvTime{margin-left: 0 !important;}
	
}
@media (max-width: 430px) {
	/* #5076 */
	.addr_btn_wrap{height: 110px;}
	.addr_btn_wrap a{padding-left: 15px;line-height: 110px;font-size:18px;background-size: 185px!important;}
	/* #5188 */
	.status_info{left: 84%;}
	/* 9478 */
	.grid-item .grid-info-box .grid-text br{display: none;}
}
@media (max-width: 375px) {
	/* #9767 아이브 KKD 사전예약 (25.07.31 yoo) */
	.store-info .store-desc-list .store-desc-text span{display: block;}
	.store-info .store-desc-list .store-desc-text span + span{margin-left: 0;margin-top: 5px;}
}
@media (max-width: 320px) {
	.table_white_type th,
	.table_white_type td{font-size:12px}
	/* #5076 */
	.addr_btn_wrap a{padding-left: 15px;background-size: 155px!important;}
	/* #5188 */
	.status_info{left: 80%;}
}
@media (max-width: 300px) {
	/*#5631*/
	.fold-wrap.type02 .terms-agree-list label{font-size: 12px;letter-spacing: -1px;}
	.fold-wrap.type02 .terms-agree-list label span{font-size: 12px;}
}

/*UIUX Project Common*/
.cont-tit .tit-xl{font-size: 20px;line-height: 28px;letter-spacing: -0.025em;font-weight: 600;}
.cont-tit .tit-xxl{font-size: 24px;line-height: 28px;letter-spacing: -0.025em;}
.txt_right_arr_24, .txt_right_arr_24_black{position: relative;}
.txt_right_arr_24::after{content:'';width: 24px;height:24px;background: url("../images/common/comm_ico_arr_right_h24.svg") 0 0 no-repeat;background-size: cover;position: absolute;top: 50%;transform: translateY(-50%);left: 100%;}
.txt_right_arr_24_black::after{content:'';width: 24px;height:24px;background: url("../images/common/comm_ico_arr_right_h24_black.svg") 0 0 no-repeat;background-size: cover;position: absolute;top: 50%;transform: translateY(-50%);left: 100%;}
.badge-wrap.type02 [class^=badge-] {margin: 0;}
.badge-wrap.type02 .badge-sm-round{margin: 0!important;height: 18px;padding:0 6px;border:none;}
.badge-wrap.type02 .badge-sm-round .text{line-height: 18px;}
.ico-coupon-download02{width: 24px;height: 24px;background: url("../images/common/comm_coupon_download02.svg") 0 0 no-repeat;background-size: cover;}
.ico-coupon-download-complete{width: 24px;height: 24px;background: url("../images/common/comm_coupon_download_complete.svg") 0 0 no-repeat;background-size: cover;}
.ico-coupon-download-circle{width: 36px;height: 36px;background: url("../images/common/comm_ico_download_circle.svg") 0 0 no-repeat;background-size: cover;}
.no-data.type02{padding:8.9% 0}
.no-data.type03{padding:60px 0 100px}
[class^=ico-brand].size-sm {width: 24px;height: 24px;border-radius: 24px;}
.ico-mile-yellow {width: 28px;height: 28px;background: url("../images/common/comm_ico_eatz_mile_yellow.svg") 0 0 no-repeat;background-size: cover;}
.ico-logo-mint{width:54px;height:24px;background: url(../../assets/images/common/comm_logo_mint.svg) 0 0 no-repeat;background-size: cover;}
.ico-logo-white{width:54px;height:24px;background: url(../../assets/images/common/comm_logo_white.svg) 0 0 no-repeat;background-size: cover;}
.cont-tit.type02{margin-bottom: 24px;}
.ico-logo-lotteria-white{width:107px;height:24px;background: url(../../assets/images/common/comm_logo_lotteria_white.svg) 0 0 no-repeat;background-size: cover;}
.ico-logo-lotteria-red{width:107px;height:24px;background: url(../../assets/images/common/comm_logo_lotteria_red.svg) 0 0 no-repeat;background-size: cover;transition: 0.2s;}
.ico-logo-angelinus-white{width:136px;height:24px;background: url(../../assets/images/common/comm_logo_angelinus_white.svg) 0 0 no-repeat;background-size: cover;}
.ico-logo-angelinus-brown{width:136px;height:24px;background: url(../../assets/images/common/comm_logo_angelinus_brown.svg) 0 0 no-repeat;background-size: cover;transition: 0.2s;}
.ico-logo-krispy-color{width:74px;height:24px;background: url(../../assets/images/common/comm_logo_krispy_color.svg) 0 0 no-repeat;background-size: cover;transition: 0.2s;}
.ico-logo-all-circle{background: url(../../assets/images/common/comm_ico_brand_all_circle.svg)0 0 no-repeat ;background-size: cover;}
.ico-logo-lotteria-circle{background: url(../../assets/images/common/comm_ico_brand_lotteria_circle.svg)0 0 no-repeat ;background-size: cover;}
.ico-logo-angelinus-circle{background: url(../../assets/images/common/comm_ico_brand_angelinus_circle.svg)0 0 no-repeat ;background-size: cover;}
.ico-logo-krispy-circle{background: url(../../assets/images/common/comm_ico_brand_krispy_circle.svg)0 0 no-repeat ;background-size: cover;}
.ico-logo-pleating-circle{background: url(../../assets/images/common/comm_ico_brand_plaeating_circle.svg)0 0 no-repeat ;background-size: cover;}
.ico-logo-sb-circle{background: url(../../assets/images/common/comm_ico_brand_sb_circle.svg)0 0 no-repeat ;background-size: cover;}
.ico-coffe{background: url(../../assets/images/common/comm_ico_coffe.svg)0 0 no-repeat ;background-size: cover;}
.ico-dounut{background: url(../../assets/images/common/comm_ico_dounut.svg)0 0 no-repeat ;background-size: cover;}
.ico-hamburger{background: url(../../assets/images/common/comm_ico_hamburger.svg)0 0 no-repeat ;background-size: cover;}
.ico-barcode-black{width:42px;height:36px;background: url(../../assets/images/common/comm_ico_barcode_black.svg) 0 0 no-repeat;background-size: cover;}
.brand_cg_wrap .txt{font-size: 12px;line-height: 16px;font-weight: 700;letter-spacing: -0.025em;}
.bg_light_gray{background-color: #f5f6f8!important;}
.ex_banner{width: 100%;text-align: center;}
.ex_banner_wrap{display: inline-block;width:100%;max-width: 970px;min-width: 970px;}
.ex_banner_wrap a{overflow: hidden;display: flex;height: 90px;position: relative;border: 1px solid #eee;border-radius: 20px;background-color: #fff;}
.ex_banner_wrap .img_wrap{width: 34%;max-width: 300px;min-width: 90px;}
.ex_banner_wrap .img_wrap img{height: 100%;object-fit: cover;}
.ex_banner_wrap .text_wrap{display: flex;flex-grow: 1;align-items: center;justify-content: flex-start;width: 100%;padding: 18px 40px;text-align: left;}
.ex_banner_wrap .logo{overflow: hidden;position: relative;width: 90px;height: 50px;}
.ex_banner_wrap .logo img{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.ex_banner_wrap .text{display: inline-block;width: calc(100% - 200px);padding-left: 30px;padding-right: 20px;}
.ex_banner_wrap .text .tit{overflow: hidden;display: inline-block;display: -webkit-box;width: 100%;max-height: 2.4em;font-size: 20px;color: #000;font-weight: 700;line-height: 1.2em;letter-spacing: -0.025em;word-break: break-all;-webkit-box-orient: vertical;-webkit-line-clamp: 2;text-overflow: ellipsis;white-space: normal;}
.ex_banner_wrap .text .tit + span{overflow: hidden;display: inline-block;display: -webkit-box;width: 100%;margin-top: 5px;max-height: 21px;font-size: 16px;color: #666;line-height: 21px;letter-spacing: -0.025em;word-break: break-all;-webkit-box-orient: vertical;-webkit-line-clamp: 1;text-overflow: ellipsis;white-space: normal;}
.ex_banner_wrap .btn{width: 110px;}
.ex_banner_wrap .btn span{display: inline-block;padding: 10px 18px;background-color: #3c3c3c;border-radius: 18px;font-size: 16px;font-weight: 600;color: #fff;line-height: 1em;}
.ex_banner_wrap .btn i{width: 16px;height: 16px;margin-left: 2px;vertical-align: middle;}
.pl0{padding-left: 0 !important;}
.pr0{padding-right: 0 !important;}
.ico-logo-dtms-circle{background: url(../../assets/images/common/comm_ico_brand_dtms_circle.svg)0 0 no-repeat ;background-size: cover;}
.ico-logo-chocolatpalette-circle{background: url(../../assets/images/common/comm_ico_brand_cp_circle.svg)0 0 no-repeat ;background-size: cover;}
.ico-logo-farmerbox-circle{background: url(../../assets/images/common/comm_ico_brand_fm_circle.svg)0 0 no-repeat ;background-size: cover;}
.ico-logo-mukyoku-circle{background: url(../../assets/images/common/comm_ico_brand_mkk_circle.svg)0 0 no-repeat ;background-size: cover;}
.ico-logo-standbru-circle{background: url(../../assets/images/common/comm_ico_brand_sb_circle.svg)0 0 no-repeat ;background-size: cover;}
.ico-logo-all-circle{background: url(../../assets/images/common/comm_ico_brand_all_circle.svg)0 0 no-repeat ;background-size: cover;}
.ico-logo-dtms-color{width:132px;height:24px;background: url(../../assets/images/common/comm_logo_dtms_color.svg) 0 0 no-repeat;background-size: cover;transition: 0.2s;}
.ico-logo-pleeating-color{width:165px;height:24px;background: url(../../assets/images/common/comm_logo_pleeating_color.svg) 0 0 no-repeat;background-size: cover;transition: 0.2s;}
.ico-logo-chocolatpalette-color{width:150px;height:24px;background: url(../../assets/images/common/comm_logo_chocolatpalette_color.svg) 0 0 no-repeat;background-size: cover;transition: 0.2s;}
.ico-logo-mukyoku-color{width:122px;height:24px;background: url(../../assets/images/common/comm_logo_mukyoku_color.svg) 0 0 no-repeat;background-size: cover;transition: 0.2s;}
.ico-logo-farmerbox-color{width:150px;height:24px;background: url(../../assets/images/common/comm_logo_farmerbox_color.svg) 0 0 no-repeat;background-size: cover;transition: 0.2s;}
.ico-logo-dtms-white{width:132px;height:24px;background: url(../../assets/images/common/comm_logo_dtms_white.svg) 0 0 no-repeat;background-size: cover;}
.ico-logo-pleeating-white{width:165px;height:24px;background: url(../../assets/images/common/comm_logo_pleeating_white.svg) 0 0 no-repeat;background-size: cover;}
.ico-logo-chocolatpalette-white{width:150px;height:24px;background: url(../../assets/images/common/comm_logo_chocolatpalette_white.svg) 0 0 no-repeat;background-size: cover;}
.ico-logo-mukyoku-white{width:122px;height:24px;background: url(../../assets/images/common/comm_logo_mukyoku_white.svg) 0 0 no-repeat;background-size: cover;}
.ico-logo-farmerbox-white{width:150px;height:24px;background: url(../../assets/images/common/comm_logo_farmerbox_white.svg) 0 0 no-repeat;background-size: cover;}
.ico-logo-stanbru-white{width:84px;height:24px;background: url(../../assets/images/common/comm_logo_stanbru_white.svg) 0 center no-repeat;background-size: cover;}
@media (max-width: 1024px) {
	.ex_banner_wrap{min-width: unset;}
}
@media (max-width: 890px) {
	.no-data.type02{padding: 66px 0;}
	.ico-logo-krispy-color{transition: initial;}
	.cont-tit .tit-xl{font-weight: 700;}

	.ex_banner_wrap a{height: 100px;}
	.ex_banner_wrap .logo{position: absolute;top: 10px;left: 10px;width: 45px;height: 25px;}
	.ex_banner_wrap .img_wrap{max-width: 270px;}
	.ex_banner_wrap .text_wrap{display: inline-block;padding: 14px 20px;}
	.ex_banner_wrap .text{width: 100%;padding-left: 0;padding-right: 0;}
	.ex_banner_wrap .text .tit{font-size: 16px;}
	.ex_banner_wrap .text .tit + span{margin-top: 8px;font-size: 14px;line-height: 19px;}

	.ui-dialog-container .ui-dialog.dialog-bottom .ui-dialog-content{max-height: 88vh;}
}
@media (max-width: 375px){
	.ex_banner_wrap{padding-left: 0;padding-right: 0;}
}
/* S : UIUX Project 쇼핑*/
.prod-item.type02 .thumb-box{position: relative;border-radius:15px;overflow: hidden;background: #fff;}
.prod-item.type02 .thumb-box .thumb-img{display: -webkit-box;display: -ms-flexbox;display: flex;display: -webkit-flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-justify-content: center;-webkit-box-align: center;-moz-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-moz-box-orient: horizontal;-moz-box-direction: normal;-ms-flex-direction: row;-webkit-flex-direction: row;flex-direction: row;position: absolute;object-fit: cover;min-height: 100%; }
.prod-item.type02 .thumb-box .sold-out{width:100%;height:100%;background:rgba(0, 0, 0, 0.5) ;position: absolute;left:0;top: 0;}
.prod-item.type02 .thumb-box .sold-out .txt{position: absolute;left:50%;top: 50%;transform: translate(-50%, -50%); color:#fff;font-size: 15px;font-weight: 500;line-height:20px;letter-spacing: -0.025em;}
.prod-item.type02 .prod-info-box{padding-left: 8px}
.prod-item.type02 .prod-info-box .prod-price{margin-top:8px;font-size: 0;}
.prod-item.type02 .prod-info-box .prod-price .price .val ~ .unit, .prod-item.type02 .prod-info-box .prod-price .price-normal .val ~ .unit{margin-left: 0;}
.prod-item.type02 .prod-info-box .prod-price .price .val, .prod-item.type02 .prod-info-box .prod-price .price .unit{position: relative;display: inline-block;vertical-align: top;font-weight: 700;font-size: 16px;line-height: 22px;color:#000;letter-spacing: -0.025em;}
.prod-item.type02 .prod-info-box .prod-price .percent{display: inline-block;margin-right:2px;vertical-align: top;font-weight: 700;color: #EF3D2E;font-size: 16px;line-height:22px;letter-spacing: -0.025em;}
.prod-item.type02 .prod-info-box .prod-price .price-normal{display: block;margin-bottom: 0;margin-top: 2px;}
.prod-item.type02 .prod-info-box .prod-price .price, .prod-item.type02 .prod-info-box .prod-price .price-normal{font-size:0}
.prod-item.type02 .prod-info-box .prod-price .price-normal .val,
.prod-item.type02 .prod-info-box .prod-price .price-normal .unit{color:#aaa;font-weight: 400;}
.prod-item.type02 .prod-info-box .brand_cg_wrap + .prod-tit{margin-top: 4px;}
/* E : UIUX Project 쇼핑*/

/* S : UIUX Project 쿠폰*/
/* coupon popup 2종(내 쿠폰으로 주문하기, 원바코드 > 모바일금액권 선택)에 AS-IS 레이아웃 유지 위한 기존 코드 복원 (25.08.26 yoo) */
#couponList .coupon-box,
#barcodeMobileCouponSelect .coupon-box{border: 1px solid #DDE0E3;border-radius: 4px;}
#couponList .coupon-box:before,
#barcodeMobileCouponSelect .coupon-box:before{position: absolute;top: 0;right: 0;content: "";display: inline-block;width: 90px;height: 100%;background-color: rgba(0, 165, 185, 0.1);}
#couponList .coupon-box.coupon-lotteria:before,
#barcodeMobileCouponSelect .coupon-box.coupon-lotteria:before{background-color: rgba(239, 61, 46, 0.1);}
#couponList .coupon-box.coupon-krispy:before,
#barcodeMobileCouponSelect .coupon-box.coupon-krispy:before{background-color: rgba(28, 172, 104, 0.1);}
#couponList .coupon-box.coupon-angelinus:before,
#barcodeMobileCouponSelect .coupon-box.coupon-angelinus:before{background-color: rgba(170, 148, 129, 0.1);}
#couponList .coupon-box .thumb-box .thumb-img,
#barcodeMobileCouponSelect .coupon-box .thumb-box .thumb-img{width: 100%;height: 100%;}
#couponList .coupon-box.coupon-plating:before,
#barcodeMobileCouponSelect .coupon-box.coupon-plating:before{background-color: rgba(34, 34, 34, 0.1);}
#couponList .coupon-box .badge-md + .badge-md,
#barcodeMobileCouponSelect .coupon-box .badge-md + .badge-md{margin-left: 4px;}

.coupon-box.type03{width:100%;height:273px;padding:0 24px; min-width: auto;min-height: auto;background:transparent;border: none;border-radius:0;position: relative;filter: drop-shadow(0 0 10px rgba(0,0,0,0.03));}
.coupon-box.type03::before{content:'';position: absolute; left:1px;top:0; background: url(../images/common/now_coupon_left.png) 100% 100% no-repeat;background-size: cover;width:24px;height: 100%;}
.coupon-box.type03::after{content:'';position: absolute; right:1px;top:0; background: url(../images/common/now_coupon_right.png) 100% 100% no-repeat;background-size: cover;width:24px;height: 100%;}
.coupon-box.type03 .thumb-box{position: relative;top:0;right: auto;transform: translateY(0);margin: auto;}
.coupon-box.type03 .thumb-box .thumb-img{background: none;width:auto;top:50%;left: 50%;transform: translate(-50%,-50%);height:auto}
.coupon-box.type03 .badge-wrap.type02{margin: 0;}
.coupon-box.type03 .coupon-info-box{height:auto}
.coupon-box.type03 .coupon-info-box .coupon-name{width:100%}
.coupon-box.type03 .coupon-cont{background: #fff url(../images/common/now_coupon_line.png) 50% 83% no-repeat;background-size: 90%;padding: 4px 1px 0;width:100%;height:100%;box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.03);}
.coupon-box.type03 .coupon-info-box .coupon-price{width:100%}
.coupon-box.type03 .coupon-btn{display: flex; width:100%;position:absolute;left:50%;bottom:10px;transform: translateX(-50%);font-size:14px;line-height: 24px;font-weight: 500;z-index: 7;justify-content: center;}
.coupon-box.type03 .coupon-btn:disabled{opacity:1;color:#aaa}
.coupon-box.type03 .coupon-btn .ico{display: inline-block;margin-left: 2px;}
/* S : UIUX Project 쿠폰*/

/* S  : UIUX Header*/
@media (max-width: 890px) {
	.header-wrapper[data-mobile-only] .btn-more-view .text{font-size:16px;font-weight: 600;line-height:22px;}
	.btn-more-view.type-white{padding-right: 20px;}
  .btn-more-view.type-white:after {background: url(../images/common/comm_ico_more_view_arr_white.svg) 0 0 no-repeat;background-size: cover;width: 16px;height: 16px;margin-top: -9px;right:2px}
}
/* E  : UIUX Header*/
/* S  : UIUX Docker*/
.ico-docker-coupon {background: url("../images/common/comm_dock_coupon_def.svg") 0 0 no-repeat;background-size: cover;}
.is-active .ico-docker-coupon {background: url("../images/common/comm_dock_coupon_sel.svg") 0 0 no-repeat;background-size: cover;}
/* E  : UIUX Docker*/

/*  S : UIUX 메인 배너 전체보기 팝업 */
.pop-banner-view-all .grid-list-wrap .grid-list.grid-col2 .grid-item {border-radius: 12px;overflow: hidden;position: relative;}
.pop-banner-view-all .grid-list-wrap .grid-list.grid-col2 .grid-item .banner-thumb-item {display: -webkit-box;display: -ms-flexbox;display: flex;display: -webkit-flex;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;-webkit-box-align: center;-moz-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-moz-box-orient: horizontal;-moz-box-direction: normal;-ms-flex-direction: row;-webkit-flex-direction: row;flex-direction: row;border-radius: 0;}
.pop-banner-view-all .grid-list-wrap .grid-list.grid-col2 .grid-item .banner-thumb-item .img-txt-box {width: 160px;padding: 0;position: absolute;left: 24px;top: 24px;}
.pop-banner-view-all .grid-list-wrap .grid-list.grid-col2 .grid-item .banner-thumb-item .img-txt-box .banner-tit {font-size: 18px;line-height: 24px;letter-spacing: -0.025em;font-weight: 700;}
.pop-banner-view-all .grid-list-wrap .grid-list.grid-col2 .grid-item .banner-thumb-item .img-txt-box .banner-tit-desc {width: auto;margin-top:6px;font-weight: 500;}
.pop-banner-view-all .grid-list-wrap .grid-list.grid-col2 .grid-item .banner-thumb-item .banner-display{border-radius: 4px;position:absolute;right:16px;bottom:14px;color:#fff;font-size: 12px;font-weight: 500;line-height: 16px;padding:4px 7px;background-color: rgba(0,0,0,0.12);backdrop-filter: blur(24px);}
@media (min-width: 891px) {
	.pop-banner-view-all .grid-list-wrap .grid-list.grid-col2 .grid-item {width: calc((100% - 12px) / 2);}
	.pop-banner-view-all .grid-list-wrap .grid-list.grid-col2 .grid-item:nth-child(2n) {margin-left: 12px;}
	.pop-banner-view-all .grid-list-wrap .grid-list.grid-col2 .grid-item:nth-child(n+3) {margin-top: 12px;}
	.pop-banner-view-all .grid-list-wrap .grid-list.grid-col2 .grid-item .banner-thumb-item {height: auto;min-height: auto;}
}
@media (max-width: 890px) {
	.pop-banner-view-all .cont-box, .pop-banner-view-all .cont-inner{padding:0!important}
	.pop-banner-view-all .grid-list-wrap{padding-bottom:0!important}
	.pop-banner-view-all .grid-list-wrap .grid-list.grid-col2 .grid-item .banner-thumb-item img{width:100%}
	.pop-banner-view-all .grid-list-wrap .grid-list.grid-col2 .grid-item .banner-thumb-item{height: auto;}
	.pop-banner-view-all .grid-list-wrap .grid-list.grid-col2 .grid-item{border-radius: 0;height:auto}
	.pop-banner-view-all .grid-list-wrap .grid-list.grid-col2 .grid-item ~ .grid-item {margin-top: 8px;}
	.pop-banner-view-all .grid-list-wrap .grid-list.grid-col2 .grid-item .banner-thumb-item .img-txt-box {margin: 0;}
	.pop-banner-view-all .grid-list-wrap .grid-list.grid-col2 .grid-item .banner-thumb-item .img-txt-box .banner-tit {font-size:20px;line-height: 26px;}
	.pop-banner-view-all .grid-list-wrap .grid-list.grid-col2 .grid-item .banner-thumb-item .img-txt-box .banner-tit-desc {width: auto;margin-top:8px;}
	.pop-banner-view-all .grid-list-wrap .grid-list.grid-col2 .grid-item .banner-thumb-item .banner-display{border-radius: 4px;position:absolute;right:16px;bottom:14px;color:#fff;font-size: 12px;font-weight: 500;line-height: 16px;padding:4px 7px;}
}
/*  E : UIUX 메인 배너 전체보기 팝업 */

/* UIUX Project My Page */
/* MY PAGE :: icon */
.ico-mile-h28{width: 28px;height: 28px;background: url("../images/common/comm_ico_mile_h28.svg") no-repeat 0 0 / cover;}
.ico-lopoint-h28{width: 28px;height: 28px;background: url("../images/common/comm_ico_lpoint_h28.svg") no-repeat 0 0 / cover;}
.ico-qr-scan{display: inline-block;width: 24px;height: 24px;background: url("../images/common/comm_ico_qr_scan_white.svg") no-repeat 0 0 / cover;}
.ico-one-barcode{display: inline-block;position: relative;z-index: 2;width: 24px;height: 24px;background: url("../images/common/comm_ico_one_barcode_white.svg") no-repeat 0 0 / cover;}
.ico-one-barcode::before{display: block;content: '';position: absolute;left: -9.5px;top: -6px;z-index: 1;width: 42px;height: 36px;border: 1px solid #fff;border-radius: 32px;background-color: rgba(255,255,255,0.16);}
.ico-cnp{display: inline-block;width:13px;height:12px;background: url("../images/common/comm_ico_cnp.png") no-repeat 0 0 / cover;}
.ico-more-arrow{display: inline-block;width:11px;height:11px;background: url("../images/common/comm_ico_more_view_arr.svg") no-repeat 0 0 / cover;}
.ico-md-order {width: 24px;height: 24px;background: url("../images/mypage/ico_md_order.svg") no-repeat 0 0 / cover;}
.ico-md-coupon {width: 24px;height: 24px;background: url("../images/mypage/ico_md_coupon.svg") no-repeat 0 0 / cover;}
.ico-md-card {width: 24px;height: 24px;background: url("../images/mypage/ico_md_card.svg") no-repeat 0 0 / cover;}
.ico-md-shipping {width: 24px;height: 24px;background: url("../images/mypage/ico_md_shipping.svg") no-repeat 0 0 / cover;}
.ico-md-subscribe {width: 24px;height: 24px;background: url("../images/mypage/ico_md_subscribe.svg") no-repeat 0 0 / cover;}
.ico-md-receipt {width: 24px;height: 24px;background: url("../images/mypage/ico_md_receipt.svg") no-repeat 0 0 / cover;}
.ico-md-entry {width: 24px;height: 24px;background: url("../images/mypage/ico_md_entry.svg") no-repeat 0 0 / cover;}
.ico-md-consult {width: 24px;height: 24px;background: url("../images/mypage/ico_md_consult.svg") no-repeat 0 0 / cover;}
.ico-md-eatzpay {width: 24px;height: 24px;background: url("../images/mypage/ico_md_eatzpay.svg") no-repeat 0 0 / cover;}
.ico-mypick-menu{width: 24px;height: 24px;background: url("../images/mypage/ico_mypick_menu.svg") no-repeat 0 0 / cover;}
.ico-mypick-store{width: 24px;height: 24px;background: url("../images/mypage/ico_mypick_store.svg") no-repeat 0 0 / cover;}
.ico-mypick-wallet{width: 24px;height: 24px;background: url("../images/mypage/ico_mypick_wallet.svg") no-repeat 0 0 / cover;}
.ico-mypick-addr{width: 24px;height: 24px;background: url("../images/mypage/ico_mypick_addr.svg") no-repeat 0 0 / cover;}
.ico-arr-h10-gray {display: inline-block;width: 10px;height: 10px;background: url("../images/common/comm_ico_arr_h10_gray.svg") no-repeat 0 0 / cover;}
.ico-arr-20-white {display: inline-block;width: 20px;height: 20px;background: url("../images/common/comm_ico_arr_20_white.svg") no-repeat 0 0 / cover;}
.ico-detail-white {display: inline-block;background: url("../images/common/comm_ico_detail_white.svg") no-repeat 0 0 / cover;}
.ico-detail-gray {display: inline-block;background: url("../images/common/comm_ico_detail_gray.svg") no-repeat 0 0 / cover;}
.ico-delete-btn {display: inline-block;width: 24px;height: 24px;background: url("../images/common/comm_ico_delete_btn.svg") no-repeat 0 0 / cover;}
.ico-familycard {width: 24px;height: 24px;background: url("../images/mypage/ico_familycard.svg") no-repeat 0 0 / cover;}

/* MY PAGE :: 개인화 영역 */
.membership_regular{position: relative;}
.membership_ico_wrap{display: flex;position: absolute;top: 0;left: 50%;transform: translateX(-50%);padding: 4px 0;}
.membership_ico_wrap [class^=ico-grade-]{width: 32px;height: 32px;}

/* MY PAGE :: 주문현황 */
.order-state-box{background-color: #262d33;}
.order-state-box .store-info{flex-direction: column;padding: 24px;}
.order-state-box .store-info-title{width: 100%;position: relative;flex-direction: column;align-items: flex-start;}
.order-state-box .store-info-title .store-name{margin-top: 0;font-size: 14px;font-weight: 500;color: rgba(255,255,255,0.6);}
.order-state-box .store-info-title .desc{max-width: calc(100% - 48px);margin-top: 4px;margin-left: 0;}
.order-state-box .store-info-title .desc_text span{display: none;font-size: 20px;line-height: 1.4em;font-weight: 600;color: #fff;word-break: keep-all;}
.order-state-box .store-info-title .desc_icon{position: absolute;top: 0;right: 0;width: 48px;height: 48px;}
.order-state-box .store-info-title .desc_icon svg{max-width: 48px;max-height: 48px;}
.order-state-box .order_progress_wrap{width: 100%;margin-top: 20px;}
.order-state-box .order_progress_wrap .progress-box .frame{background-color: #fff;}
.order-state-box .order_progress_wrap .progress-box .frame,
.order-state-box .order_progress_wrap .progress-box .frame .bar{height: 8px;}
.order-state-box .order_progress_wrap .bar::before{display: block;content: '';position: absolute;top: 2px;right: 4px;width: 4px;height: 4px;border-radius: 50%;background-color: #fff;}
.order-state-box .order_progress_wrap .progress_desc{display: none;margin-top: 10px;}
.order-state-box .order_progress_wrap .progress_desc span{display: inline-block;width: 25%;font-size: 13px;font-weight: 500;color: #fff;opacity: 0.3;text-align: center;line-height: 18px;}
.order-state-box .store-info.order .desc_text .text_order,
.order-state-box .store-info.register .desc_text .text_register,
.order-state-box .store-info.delivery .desc_text .text_delivery,
.order-state-box .store-info.cooking .desc_text .text_cooking,
.order-state-box .store-info.cookingReso .desc_text .text_cookingReso,
.order-state-box .store-info.deliveryComplete .desc_text .text_deliveryComplete,
.order-state-box .store-info.pickUpWait .desc_text .text_pickUpWait{display: block;}
.order-state-box .store-info.type_delivery .order_progress_wrap .progress_type_delivery,
.order-state-box .store-info.type_pickup .order_progress_wrap .progress_type_pickup{display: flex;}
.order-state-box .store-info.order .order_progress_wrap .bar{width: 15%;}
.order-state-box .store-info.register .order_progress_wrap .bar{width: 40%;}
.order-state-box .store-info.cooking .order_progress_wrap .bar,
.order-state-box .store-info.delivery .order_progress_wrap .bar,
.order-state-box .store-info.cookingReso .order_progress_wrap .bar{width: 65%;}
.order-state-box .store-info.deliveryComplete .order_progress_wrap .bar,
.order-state-box .store-info.pickUpWait .order_progress_wrap .bar{width: 100%;}
.order-state-box .store-info.order .order_progress_wrap .progress_desc span:nth-child(1),
.order-state-box .store-info.register .order_progress_wrap .progress_desc span:nth-child(2),
.order-state-box .store-info.cooking .order_progress_wrap .progress_desc span:nth-child(3),
.order-state-box .store-info.cookingReso .order_progress_wrap .progress_desc span:nth-child(3),
.order-state-box .store-info.delivery .order_progress_wrap .progress_desc span:nth-child(3),
.order-state-box .store-info.deliveryComplete .order_progress_wrap .progress_desc span:nth-child(4),
.order-state-box .store-info.pickUpWait .order_progress_wrap .progress_desc span:nth-child(4){opacity: 1;}

/* MY PAGE :: 설정 */
.btn_leave{color: #999;font-size: 15px;font-weight: 500;line-height: 20px;}
.btn_underline, .btn_underline:link, .btn_underline:hover, .btn_underline:active, .btn_underline:focus{text-decoration: underline;}
.setting-list .btn_color_gray{color: #444;}

/* MY PAGE :: 내 멤버십 등급 */
.brand_grade_wrap .join_info_text p,
.brand_grade_wrap .join_info_text p a{font-size: 16px;line-height: 22px;font-weight: 500;letter-spacing: -0.025em;color: #000;}
.brand_grade_wrap .join_info_text p a{text-decoration: underline;}
.brand_grade_wrap .brand_grade_list_wrap{margin-top: 16px;}
.brand_grade_wrap .brand-grade-list .brand-grade-item{padding: 20px 20px 24px;border-radius: 20px;background-color: #f7f7f7;}
.brand_grade_wrap .brand-grade-list .brand-grade-item ~ .brand-grade-item{margin-top: 8px;}
.brand_grade_wrap .brand-grade-list .brand-grade-item .brand-grade-info{justify-content: space-between;padding-top: 0;}
.brand_grade_wrap .brand-grade-list .brand-grade-item .brand-grade-info .brand-name{font-size: 16px;line-height: 22px;font-weight: 600;letter-spacing: -0.025em;color: #000;}
.brand_grade_wrap .brand-grade-list .brand-grade-item .badge-md .text{font-size: 12px;font-weight: 500;text-transform: uppercase;}
.brand_grade_wrap .brand-grade-list .brand-grade-item .progress-wrap{margin-top: 4px;}
.brand_grade_wrap .brand-grade-list .brand-grade-item .progress-text{font-size: 14px;line-height: 18px;font-weight: 500;color: #999;letter-spacing: -0.025em;}
.brand_grade_wrap .brand-grade-list .brand-grade-item .progress-box{margin-top: 18px;}
.brand_grade_wrap .brand-grade-list .brand-grade-item .progress-wrap .progress-box .frame,
.brand_grade_wrap .brand-grade-list .brand-grade-item .progress-wrap .progress-box .frame .bar{position: relative;height: 4px;border-radius: 10px;}
.brand_grade_wrap .brand-grade-list .brand-grade-item .progress-wrap .progress-box .frame .bar .bar_icon{position: relative;width: calc(100% - 18px);height: 4px;}
.brand_grade_wrap .brand-grade-list .brand-grade-item.brand-angelinus .progress-wrap .progress-box .frame .bar{background-color: #aa9481;}
.brand_grade_wrap .brand-grade-list .brand-grade-item [class^=ico-grade]{position: absolute;top: 50%;transform: translateY(-50%);left: auto;right: -22px;width: 28px;height: 28px;margin-top: 0;}
.brand_grade_wrap .brand_grade_info_text{margin-top: 12px;font-size: 14px;font-weight: 500;color: #aaa;line-height: 18px;}
.brand_grade_wrap .badge-fill-light-brown{border: 0;background-color: #efecea;}
.brand_grade_wrap .badge-fill-light-brown .text{color: #aa9481;}

/* MY PAGE :: 멤버십 팝업 */
.ui-dialog-container .ui-dialog-content.pop-grade-benefit .dialog-body .cont-box:last-child .cont-inner{padding-bottom: 0;}
.dialog_grade_wrap{padding: 24px 20px 30px;margin-left: -20px;margin-right: -20px;background-color: #262d33;}
.dialog_grade_wrap.brand_grade_wrap .join_info_text p,
.dialog_grade_wrap.brand_grade_wrap .join_info_text p a{color: #fff;}
.dialog_grade_wrap.brand_grade_wrap .brand-grade-list .brand-grade-item .progress-text{font-size: 13px;}
.brand_grade_wrap .brand-grade-list.type_sum{display: flex;}
.brand_grade_wrap .brand-grade-list.type_sum .brand-grade-item .brand-grade-info{flex-direction: column;align-items: center;}
.brand_grade_wrap .brand-grade-list.type_sum .brand-grade-item{width: calc((100% - 24px)/3);padding: 16px;margin-top: 0;}
.brand_grade_wrap .brand-grade-list.type_sum .brand-grade-item ~ .brand-grade-item{margin-left: 12px;}
.brand_grade_wrap .brand-grade-list.type_sum .brand-grade-item .brand-grade-info .brand-name,
.brand_grade_wrap .brand-grade-list.type_sum .brand-grade-item .badge-md{margin-top: 8px;}
.brand_grade_wrap .brand-grade-list.type_sum .brand-grade-item [class^=ico-grade]{position: static;transform: none;width: 40px;height: 40px;}
.brand_grade_wrap .non_member .brand-grade-list .brand-grade-item .brand-grade-info .brand-name,
.brand_grade_wrap .non_member .brand-grade-list .brand-grade-item .progress-text,
.brand_grade_wrap .non_member .badge-md .text{color: #666;opacity: 0.4;}
.brand_grade_wrap .non_member .badge-md{background-color: rgba(234, 234, 234, 0.4);border: 0;}
.brand_grade_wrap .non_member .progress-box .frame{background-color: #e5e5e5;opacity: 0.4;}
.brand_grade_wrap .non_member .brand-grade-list .brand-grade-item [class^=ico-grade]{filter: grayscale(1);}
.brand_grade_wrap .non_member .brand-grade-list.type_sum .brand-grade-item [class^=ico-grade]{opacity: 0.4;}

.tab-wrap-type02 .tabs{position: relative;margin-bottom: 28px;padding-bottom: 0;padding-top: 0;}
.tab-wrap-type02 .tabs::after{display: block;content: '';position: absolute;bottom: 0;left: -20px;width: 100%;height: 1px;background-color: #ebecee;}
.tab-wrap-type02 .tabs .tab-item .tab-link{height: auto;border: 0;border-radius: 0;background: none;}
.tab-wrap-type02.justify-tab .tabs .tab-item .tab-link{padding: 20px 0 15px;}
.tab-wrap-type02 .tabs .tab-item.ui-state-active .tab-link::after{display: block;content: '';position: absolute;bottom: 2px;left: 50%;transform: translateX(-50%);width: 100%;height: 2px;background-color: #00a5b9;}
.tab-wrap-type02 .tabs .tab-item .tab-link .tab-text{font-size: 15px;line-height: 20px;}

.pop-grade-benefit .tab-wrap-type02 .tabs::after{width: calc(100% + 20px);}
.pop-grade-benefit .mbr_grade_wrap{position: relative;padding-bottom: 60px;}
.pop-grade-benefit .mbr_grade_wrap::after{display: block;content: '';position: absolute;bottom: 0;left: -20px;width: calc(100% + 40px);height: 10px;background-color: #f3f5f7;}
.pop-grade-benefit .grade-header-wrap {display: -webkit-box;display: -ms-flexbox;display: flex;display: -webkit-flex;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;-webkit-box-align: center;-moz-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-moz-box-orient: horizontal;-moz-box-direction: normal;-ms-flex-direction: row;-webkit-flex-direction: row;flex-direction: row;}
.pop-grade-benefit .grade-header-wrap .grade-info-wrap{display: flex;align-items: center;}
.pop-grade-benefit .grade-header-wrap [class^=ico-grade-]{margin-right: 8px;}
.pop-grade-benefit .grade-header-wrap .grade-info-wrap .grade-name{font-size: 18px;line-height: 1.4em;font-weight: 700;letter-spacing: -0.025em;color: #000;}
.pop-grade-benefit .grade-header-wrap .grade-info-wrap .grade-name span{display: inline-block;margin-top: -3px;font-size: 14px;font-weight: 500;vertical-align: middle;}
.pop-grade-benefit .grade-header-wrap .grade-info-wrap .grade_crt{margin-left: 8px;}
.pop-grade-benefit .grade-header-wrap .grade-info-wrap .grade_crt span{font-size: 14px;font-weight: 500;color: #00a5b9;line-height: 18px;}
.pop-grade-benefit .grade_benefit_wrap{margin-top: 20px;}
.pop-grade-benefit .mbr_grade_list > li + li{margin-top: 32px;padding-top: 32px;border-top: 1px solid #eee;}
.pop-grade-benefit .grade-benefit-list{display: flex;flex-wrap: wrap;}
.pop-grade-benefit .grade-benefit-list .grade-benefit-item{display: -webkit-box;display: -ms-flexbox;display: flex;display: -webkit-flex;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;-webkit-box-align: center;-moz-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-moz-box-orient: horizontal;-moz-box-direction: normal;-ms-flex-direction: row;-webkit-flex-direction: row;flex-direction: column;width: calc((100% - 24px)/4);text-align: center;}
.pop-grade-benefit .grade-benefit-list .grade-benefit-item ~ .grade-benefit-item{margin-top: 24px;margin-left: 8px;}
.pop-grade-benefit .grade-benefit-list .grade-benefit-item:nth-child(4n+1){margin-left: 0;}
.pop-grade-benefit .grade-benefit-list .grade-benefit-item:nth-child(-n+4){margin-top: 0;}
.pop-grade-benefit .grade-benefit-list .grade-benefit-item .benefit-desc{margin-top: 10px;font-size: 12px;font-weight: 500;color: #000;word-break: keep-all;line-height: 16px;}
.pop-grade-benefit .grade-benefit-list .grade-benefit-item .benefit-desc .sm_txt{font-size: 12px;letter-spacing: -0.025em;word-break: keep-all;margin-top: 2px;}
.pop-grade-benefit .grade-benefit-list .grade-benefit-item .benefit-ico-box{display: flex;justify-content: center;align-items: center;position: relative;width: 56px;height: 56px;margin: 0;border-radius: 50%;background-color: #f8f8f8;}
.pop-grade-benefit .grade-benefit-list .grade-benefit-item .benefit-ico-box [class^=ico-benefit-]{width: 32px;height: 32px;}
.pop-grade-benefit .grade-benefit-list .grade-benefit-item .benefit-ico-box .count{display: block;position: absolute;bottom: auto;top: -2px;left: auto;right: -16px;min-width: unset;max-width: unset;height: unset;padding: 0 6px;border-radius: 10px;background-color: #000;}
.pop-grade-benefit .grade-benefit-list .grade-benefit-item .benefit-ico-box .count .text{display: inline-block;margin-top: -3px;font-size: 10px;font-weight: 600;color: #fff;letter-spacing: -0.025em;vertical-align: middle;}
.pop-grade-benefit .fold-wrap.info-folding-box .fold-item .fold-header{padding: 20px 0;border: 0;font-weight: 600;}
.pop-grade-benefit .fold-wrap.info-folding-box .fold-item .fold-header .btn-fold{padding-right: 0;}
.pop-grade-benefit .fold-wrap.info-folding-box .fold-item.expanded .fold-content{padding: 0;background: none;border: 0;padding-bottom: 40px;}
.pop-grade-benefit .fold-wrap.info-folding-box .fold-item.expanded .fold-content .dot-text{padding-left: 8px;font-size: 14px;}
.pop-grade-benefit .btext-tit.tit-rgl{margin: 0;font-size: 15px;line-height: 1.3em;font-weight: 600;}

/* MY PAGE :: EATZ페이 */
.pb0{padding-bottom: 0 !important;}
.font_primary{color: #00A5B9 !important;}
.btn-line-bold{border-width: 2px !important;}
.btn-line-bold.btn-md{padding-left: 18px;padding-right: 18px;}
.btn-line-bold.btn-line-primary{box-shadow: 0px 5px 10px 0px #00A5B91A;}
.btn-disabled{background-color: #f1f3f4;}
.btn-disabled .text{color: #666;font-weight: 400!important;}
.content-header-wrap .has-btn{position: relative;}
.content-header-wrap .ui-tabs .ui-tabs-nav{padding-top: 0;}
.content-header-wrap .right-box.btn-wrap{position: absolute;right: 0;top: 0;}
.pay_card_list_wrap.grid-list-wrap .grid-list .grid-item{width: calc((100% - 24px)/3);margin-left: 12px;}
.pay_card_list_wrap.grid-list-wrap .grid-list .grid-item:nth-child(3n+1){margin-left: 0;}
.pay_card_list_wrap.grid-list-wrap .grid-list.has-border .grid-item ~ .grid-item:nth-child(n+4){margin-top: 8px;}
.pay_card_list_wrap.grid-list-wrap .grid-list.has-border .grid-item{padding: 23px 20px;border: 1px solid #EBEBEB;border-radius: 20px;}
.pay_card_list_wrap.grid-list-wrap.eatzcard_list_wrap .grid-list.has-border .grid-item{padding: 20px;}
.pay_card_list_wrap.grid-list-wrap .grid-list.has-border .grid-item .btn-delete{top: 16px;right: 16px;}
.pay_card_list_wrap .card-item .card-box{width: 64px;height: 40px;}
.eatzcard_list_wrap .card-box{background-image: url("../images/mypage/img_eatzcard_noimage.png");}
.eatzpay_list_wrap .card-box{background-image: url("../images/mypage/img_eatzpay_noimage.png");}
.eatzpay_list_wrap{margin-top: 12px!important;}
.eatzpay_list_wrap .card-item{align-items: center;}
.eatzpay_btn_wrap{margin: 60px 0 70px;}
.eatzpay_btn_wrap [class^=btn-]{min-width: 180px;}
.pay_card_list_wrap .card-item .card-box img{max-width: 100%;border: 1px solid #ebebeb;border-radius: 4px;}
.pay_card_list_wrap .card-item .card-info-box{padding-left: 16px;}
.pay_card_list_wrap .card-item .card-info-box .card-company{font-size: 16px;font-weight: 600;color: #000;line-height: 22px;}
.pay_card_list_wrap .card-item .card-info-box .card-type{margin-left: 4px;}
.pay_card_list_wrap .card-item .card-info-box .card-type span{display: inline-block;margin-top: -4px;padding: 2.5px 6px;border-radius: 5px;background-color: #f5f5f5;font-size: 12px;font-weight: 500;color: #666;vertical-align: middle;line-height: 16px;}
.pay_card_list_wrap .card-item .card-info-box .card-type span + span{margin-left: 4px;}
.pay_card_list_wrap .card-item .card-info-box .card-number{margin-top: 6px;font-size: 13px;font-weight: 500;color: #aaa;line-height: 18px;}
.pay_card_list_wrap .card-item .card-info-box .card-price{margin: 4px 0 8px;}
.pay_card_list_wrap .card-item .card-info-box .card-price .val, 
.pay_card_list_wrap .card-item .card-info-box .card-price .unit{font-size: 16px;font-weight: 700;line-height: 22px;}
.pay_card_list_wrap .card-item .card-info-box .card-price .val ~ .unit{margin-left: 0;}
.pay_card_list_wrap .card-item .card-info-box .card-date{margin-top: 6px;font-size: 13px;font-weight: 500;color: #aaa;line-height: 18px;}
.pay_card_list_wrap .card-item + .btn-wrap{margin-top: 16px;margin-left: -6px;}
.pay_card_list_wrap .card-item + .btn-wrap button,
.pay_card_list_wrap .card-item + .btn-wrap a{width: calc((100% - 18px)/3);margin-left: 6px;}
.pay_card_list_wrap .card-item + .btn-wrap button .text,
.pay_card_list_wrap .card-item + .btn-wrap a .text{margin-top: -1px;vertical-align: middle;}
.pay_card_list_wrap + .eatzpay_btn_wrap .btn-md + .btn-md{margin-left: 6px;}
.no-data-pay{padding: 60px 0 100px;}
.no-data-pay .btn-center-wrap [class^=btn-]{min-width:180px}
.no-data.has-notice{padding-bottom: 0;}
.pay_notice_wrap{margin-top: 20px;}
.pay_notice_wrap button{font-weight: 400;color: #666;}
.no-data.has-notice + .pay_notice_wrap{margin-top: 200px;}
a.btn-md.type02.btn-disabled .text{font-weight: 400;}
.pt30{padding-top:30px!important}
.pt0{padding-top:0!important}
.pb80{padding-bottom: 80px;}

/* COUPON :: 쿠폰안내 popup */
.pop_coupon_info .dialog-body .cont-box{padding-right: 52px;}
.pop_coupon_info .dot-text{font-size: 14px;font-weight: 500;}
.pop_coupon_info .dot-text a{display: inline-block;margin-top: 8px;}
.pop_coupon_info .dot-text a span{font-size: 14px;line-height: 1.3em;font-weight: 500;letter-spacing: -0.025em;color: #000;}
.pop_coupon_info .dot-text a i{vertical-align: middle;margin-top: -3px;}

/* COUPON :: 쿠폰등록 popup */
.pop_register_coupon .btn-right-wrap button .text{font-size: 14px;line-height: 1.3em;font-weight: 500;letter-spacing: -0.025em;color: #666;}
.pop_register_coupon .btn-right-wrap button .text i{vertical-align: middle;margin-top: -3px;}
.pop_register_coupon .gift_card_wrap{display: flex;margin-top: 12px;padding: 19px 30px;border-radius: 20px;justify-content: center;}
.pop_register_coupon .gift_card_wrap li{text-align: center;position: relative;}
.pop_register_coupon .gift_card_wrap li .text{display: block;font-size: 13px;line-height: 18px;font-weight: 500;color: #666;letter-spacing: -0.025em;margin-top: 6px;}
.pop_register_coupon .gift_card_wrap li + li{margin-left: 30px;padding-left: 30px;}
.pop_register_coupon .gift_card_wrap li + li::after{content: '';width:1px;height:94px;background-color: #dbe0e9;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.pop_register_coupon .gift_card_wrap img{width: 100%;max-width: 120px;}
.pop_register_coupon .dialog-body .cont-box:last-child .cont-inner{padding-bottom: 18px!important;}

/* COUPON :: 지류교환권 등록 popup */
.pop_coupon_use .img-area{padding: 0 40px;border-radius: 20px;background-color: #f5f6f8;text-align: center;}
.pop_coupon_use .img-area img{width: 100%;max-width: 252px;}
.pop_coupon_use .img-area + .info-text-list{margin-top: 10px;}
.pop_coupon_use .btn-round{border-color: #80878d;}
.pop_coupon_use .btn-round .text{font-weight: 500;}
.pop_coupon_use .btn-round i{margin-right: 2px;vertical-align: middle;}

/* COUPON :: 필터 popup */
.pop_list_filtering .ui-row-list.type-btn .ui-rdo label{font-weight: 500;}

@media (max-width: 890px){
	.ui-dialog-container .ui-dialog.dialog-full .ui-dialog-content.pop-grade-benefit .dialog-body .cont-box:first-child .cont-inner{padding-top: 0;}
	
	.mo-pt0{padding-top: 0 !important;}
	.mo-pb0{padding-bottom: 0 !important;}
	.card-item .card-info-box .card-number{margin-top: 6px;}
	.pay_card_list_wrap.grid-list-wrap{padding-bottom: 40px !important;}
	.pay_card_list_wrap.grid-list-wrap .grid-list.has-border .grid-item ~ .grid-item{margin-top: 8px;}
	.pay_card_list_wrap.grid-list-wrap .grid-list .grid-item{width: 100%;margin-left: 0;}
	.pay_card_list_wrap.grid-list-wrap .grid-list li.grid-item:last-child{margin-bottom: 0;}
	.pay_card_list_wrap .grid-list + .btn-wrap{margin-top: 8px;}
	.pay_card_list_wrap .btn-payment-card-add{height: 44px;border: 1px dashed #ebebeb;border-radius: 16px;background-color: #f9f9f9;}
	.pay_card_list_wrap .btn-payment-card-add .text{color: #444;}
	.pay_card_list_wrap + .page-btn-wrap{position: relative;flex-direction: column;margin-top: 10px;padding-top: 20px;}
	.pay_card_list_wrap + .page-btn-wrap::before{display: block;content: '';width: calc(100% + 40px);height: 10px;position: absolute;left: -20px;top: -10px;background-color: #F3F5F7;}
	.pay_card_list_wrap + .page-btn-wrap .btn-line-light-gray{border: 0;}
	.pay_card_list_wrap + .page-btn-wrap .btn-md{width: 100%;justify-content: flex-start;padding: 20px 0;background: url("../images/common/comm_ico_arr_h10.svg") no-repeat right center;}
	.pay_card_list_wrap + .page-btn-wrap .btn-md + .btn-md{margin-left: 0;border-top: 1px solid #EFF1F3;}
	.pay_card_list_wrap + .page-btn-wrap .btn-md .text{font-size: 15px;font-weight: 500;color: #444;}
	.no-data.has-notice{padding-bottom: 100px;}
	.no-data.has-notice + .pay_notice_wrap{margin-top: 10px;}
	.pay_notice_wrap{position: relative;padding: 10px 0 20px ;margin-top: 0;}
	.ui-dialog-container .ui-dialog-content.pop-grade-benefit{position: relative;padding-top: 0;}
	.ui-dialog-container .ui-dialog-content.pop-grade-benefit .dialog-header{position: sticky;top: 0;left: 0;z-index: 1;padding: 20px 44px 20px 20px;margin: 0;background-color: #fff;}
	.ui-dialog-container .ui-dialog-content.pop-grade-benefit .btn-pop-close{position: fixed;z-index: 2;}
	.ui-dialog-container .ui-dialog-content.pop-grade-benefit .tab-wrap.justify-tab .tabs{position: sticky;top: 64px;left: 0;z-index: 1;background-color: #fff;border:1px solid #fff}
	.pop-grade-benefit .fold-wrap.info-folding-box .fold-item.expanded .fold-content{padding-bottom: 60px;}
}

@media (max-width: 480px){
	.pop-grade-benefit .grade-benefit-list .grade-benefit-item{width: calc((100% - 16px)/3);}
	.pop-grade-benefit .grade-benefit-list .grade-benefit-item:nth-child(4n+1){margin-left: 8px;}
	.pop-grade-benefit .grade-benefit-list .grade-benefit-item:nth-child(-n+4){margin-top: 24px;}
	.pop-grade-benefit .grade-benefit-list .grade-benefit-item:nth-child(3n+1){margin-left: 0;}
	.pop-grade-benefit .grade-benefit-list .grade-benefit-item:nth-child(-n+3){margin-top: 0;}
	.pop_coupon_use .input-box.has-value .ui-input{padding-right: 20px;}
	.pop_coupon_use .input-box .btn-input-del{top: 12px;right: 2px;width: 22px;height: 22px;}
}

@media (max-width: 360px){
	.pop-grade-benefit .grade-benefit-list .grade-benefit-item .benefit-desc br{display: none;}
	.pop_register_coupon .channel_logo_wrap{flex-direction: column;}
	.pop_register_coupon .channel_logo_wrap img + img{margin-left: 0;margin-top: 16px;}
	.pop_coupon_use .input-box.has-value .ui-input{padding-left: 4px;padding-right: 12px;}
	.pop_coupon_use .input-box .btn-input-del{top: 16px;width: 12px;height: 12px;background-size: 10px;}
	.order-state-box .store-info-title .desc{letter-spacing: -1px;}
}

/*UIUX Project Common 2차 */
.mt08{margin-top: 8px;}
.btn_coupon_popup{margin-top: 8px;}
.list-header-wrap.has_select{flex-direction: row-reverse;}
.list-header-wrap.has_text{justify-content: space-between;}
.list-header-wrap .total{font-size: 14px;line-height: 18px;font-weight: 500;letter-spacing: -0.025em;color:#000}
.ico-plus{background: url(../images/common/comm_ico_plus_h16.svg) 0 0 no-repeat;background-size: cover;width:16px;height:16px}
.coupon-box .coupon-info-box .coupon-price{margin-top: 8px ;}
.coupon-box .coupon-info-box .coupon-price .price + .price-normal{margin-right: 0;margin-left: 4px;}
.tab-wrap.sub-tab .tab_flex_wrap .tabs{margin-bottom: 0;}
.tab_flex_wrap{display: flex;justify-content: space-between;align-items: flex-start;margin-bottom: 30px;}
.tab_flex_wrap .coupon_rgst_btn{margin-top:-24px}
/* 쿠폰 페이지 */
.grid-list-wrap .grid-list.type-box-full.second{margin-top: 12px;}
.grid-list-wrap .grid-list.type-box-full.type02 .grid-item{border: 1px solid #ebebeb;border-radius: 20px;align-self: inherit;overflow: hidden;}
.grid-list.type02 .coupon-box{position:relative;border:0;min-height:200px;max-height:200px;padding-bottom: 0;}
.grid-list.type02 .coupon-box .coupon-info-box .coupon-name {width: calc(100% - 98px);font-size: 14px;line-height: 18px;letter-spacing: -0.025em;font-weight: 500;margin-top: 4px;}
.grid-list.type02 .coupon-box .coupon-info-box .coupon-name.ellipsis-line2 {display: block;display: -webkit-box;overflow: hidden;max-height: 36px;line-height: 18px;-webkit-box-orient: vertical;-webkit-line-clamp: 2;text-overflow: ellipsis;white-space: normal;}
.grid-list.type02 .coupon-box .coupon-info-box .coupon-price{width:100%}
.grid-list.type02 .coupon-box .coupon-info-box .coupon-price .price .val, .grid-list.type02 .coupon-box .coupon-info-box .coupon-price .price .unit{font-weight: 700;}
.grid-list.type02 .coupon-box .bottom-box{width: calc(100% - 40px);display:flex;justify-content: space-between;align-items: center;position: absolute;bottom:20px;left:20px}
.grid-list.type02 .coupon-box .badge-wrap{width:auto;margin: 0;}
.grid-list.type02 .coupon-box .thumb-box{width:90px;padding-top: 90px;top:20px;transform: translateY(0);}
.grid-list.type02 .coupon-box .thumb-box .thumb-img{background: none;height:auto;}
.grid-list.type02 .coupon-date-list{margin-top:1px;}
.grid-list.type02 .coupon-date-list .data-item{text-align: right;}
.grid-list.type02 .coupon-date-list .title{font-size: 13px;font-weight: 500;color:#aaa;margin-right:0;white-space: nowrap;}
.grid-list.type02 .coupon-date-list .desc{font-weight: 600;font-size: 13px;line-height: 18px;letter-spacing: -0.025em;color:#ef3d2e;white-space:nowrap;word-break: keep-all;margin-right: 2px;}
.grid-list.type02 .coupon-btn{display: flex; width:100%;height:44px;margin: auto;position: relative;border-top:1px dashed #ebebeb;align-items: center;justify-content: center;}
.grid-list.type02 .coupon-btn .text{font-weight: 600;font-size: 14px;line-height: 18px;letter-spacing: -0.025em;color:#000}
.grid-list.type02 .coupon-btn i{width:18px;height:18px;margin-left: 4px;}
.grid-list.type02 .coupon-btn:disabled{opacity: 1;}
.grid-list.type02 .coupon-btn:disabled .text{color:#aaa}
.grid-list.type02 .badge-wrap .badge-md{margin-right:3px}
.ex_banner.type_coupon{margin: 30px 0;padding-left: 0;padding-right: 0;}
/* 쿠폰 - 내 쿠폰함 */
.tab-content .top_area{margin-bottom: 30px;border-radius: 20px;overflow: hidden;}
.holding_coupon_info{background:#262d33;padding:24px;display: flex;justify-content: space-between;align-items: center;}
.holding_coupon_info .text{color:#fff;font-weight: 500;font-size: 16px;line-height: 22px;letter-spacing: -0.025em;}
.holding_coupon_info .text .count{color:#00a5b9;font-weight: 700;font-size: 16px;line-height: 22px;letter-spacing: -0.025em;margin-left: 6px;}
.holding_coupon_info .history_link{color:#fff;position: relative;padding-right: 12px;font-size: 14px;line-height: 18px;font-weight: 500;letter-spacing: -0.025em;display: block;opacity: 0.5;}
.holding_coupon_info .history_link::after{content: '';background: url(../../assets/images/common/comm_ico_arr_right_h24.svg) right center no-repeat;width:12px;height:12px;background-size: cover;position: absolute;right:0;top:50%;transform: translateY(-50%);}
.exchange_mile_link{border-radius: 20px;display: block;margin-top:30px;}
.exchange_mile_link .text01{font-size: 20px;line-height: 26px;letter-spacing: -0.025em;font-weight: 600;color:#000;display: block;}
.exchange_mile_link .text02{font-size: 15px;line-height: 20px;letter-spacing: -0.025em;font-weight: 500;color:#1ea0b3;display: block;margin-top: 4px;}
.exchange_mile_link .bg_img{width:146px;height:125px;margin-top: -65px;margin-right: -4px;}
.btn_coupon_del{width: 24px;height: 24px;position: absolute;top: 16px;right: 16px;background:url(../../assets/images/common/comm_ico_coupon_delete.svg) 0 0 no-repeat;background-size: cover;z-index:7;}
.coupon-box .coupon-info-box .coupon-price .btext02{font-size: 16px;font-weight: 700;line-height: 22px;letter-spacing: -0.025em;color:#000}
.coupon-box .coupon-info-box .coupon-price .btext02 + .balance{ margin-left:4px;font-size:14px;font-weight: 400;line-height: 22px;letter-spacing: -0.025em;color:#aaa}
.coupon-box .coupon-info-box .coupon-number{margin-top:8px;}
.coupon-box .coupon-info-box .coupon-number .use{font-size:13px;line-height: 18px;font-weight: 600;letter-spacing: -0.025em;color:#000;margin-right:1px;}
.coupon-box .coupon-info-box .coupon-number .info{font-size:13px;line-height: 18px;font-weight: 500;letter-spacing: -0.025em;color:#aaa}
.ico_alarm_white02{background: url(../../assets/images/common/comm_ico_alarm_white02.svg) 0 0 no-repeat;background-size: cover;width:16px;height: 16px;}
.has_coupon_popup{margin-top: 8px;}
.btn_option_popup{font-size:14px;font-weight: 500;line-height: 18px;letter-spacing: -0.025em;color:#000;position: relative;padding-right: 16px;}
.btn_option_popup::after{content:'';position: absolute;width:10px;height:10px;background: url(../../assets/images/ui/ui_ico_select_arr.svg) 0 0 no-repeat;top: 4px;right:0}
.btn-info.has_coupon_popup .ico-info-popup{border: none;}
/* 쿠폰 - 쿠폰 내역*/
.tab-wrap.type02{margin-top: -20px;}
.grid-list.type02 .coupon_status{width:100%;padding:20px 20px 0}
.grid-list.type02 .coupon_status .title{display:block;width:100%;padding-bottom: 16px;border-bottom: 1px dashed #ebebeb;font-size: 16px;line-height: 21px;font-weight: 700;letter-spacing: -0.025em;}
.grid-list.type02 .coupon_status + .coupon-box{padding-top: 16px;min-height:200px;max-height: 200px;}
.coupon-box .coupon-info-box .coupon-number.type02{margin-top: 4px;}
.coupon_list_date{padding-top: 40px;font-size:18px;font-weight: 600;line-height: 24px;letter-spacing: -0.025em;color:#000 }
.coupon_list_date + .grid-list-wrap{padding-bottom: 40px;margin-top: 16px;}
.grid-list-wrap + .coupon_list_date{border-top:1px solid #eee}
.grid-list-wrap:last-child{padding-bottom: 0;}
.grid-item.disabled .coupon_status .title{color:#444!important}
.grid-item.disabled .thumb-box{opacity: 0.4;}
.grid-item.disabled .brand_cg_wrap .txt,
.grid-item.disabled .coupon-name.ellipsis-line2,
.grid-item.disabled .coupon-price .percent,
.grid-item.disabled .coupon-price .price .val,
.grid-item.disabled .coupon-price .price .unit,
.grid-item.disabled .badge-fill-light-gray02 .text,
.grid-item.disabled .coupon-box .coupon-info-box .coupon-number .use,
.grid-item.disabled .coupon-box .coupon-info-box .coupon-price .btext02,
.grid-item.disabled .coupon-date-list .desc{color:#aaa!important}
.gray_noti_box{width:100%;background-color: #f7f7f7;padding:12px 20px;border-radius: 15px;}
.gray_noti_box .text{color:#666;font-size: 14px;line-height: 18px;letter-spacing: -0.025em;}
@media (max-width: 890px){
	.btn_coupon_popup{margin-top:4px;margin-left:6px;}
	.has_coupon_popup{margin-top: 4px;margin-left: 6px;}
	.grid-list-wrap .grid-list.type02 .grid-item ~ .grid-item{margin-top: 8px;}
	.grid-list.type02 .coupon_status + .coupon-box{max-height: 100%;min-height: 100%;}
	.grid-list.type02 .coupon-box{max-height:100%;min-height: 100%;}
	.grid-list.type02 .coupon-box .bottom-box{position: relative;left: auto;bottom: auto;margin: 12px 0 20px;width:100%}
	.ex_banner.type_coupon{margin-top:-10px;margin-bottom:20px;border-radius: 20px;}
	.motypeA{padding-bottom: 0!important}
	.motypeA .tab-wrap{background: #fff;}
	.motypeA .tab-content{padding: 20px;background-color:#f5f6f8;padding-bottom: 50px;min-height: 460px;}
	.motypeA .tab-wrap.sub-tab .tabs-swiper{margin-bottom:20px;margin-left: 4px;}
	.tab_flex_wrap{margin-bottom: 0;}
	.noti_setting{display: flex;justify-content: space-between;align-items: center;padding:14px 24px;background:#373e43}
	.noti_setting .text{color:#fff;font-size:13px;line-height: 18px;letter-spacing: -0.025em;font-weight: 400;word-break: keep-all;}
	.setting_btn{display:flex;align-items: center;}
	.setting_btn .text{color:#fff;font-size:13px;font-weight: 400;line-height: 18px;letter-spacing: -0.025em;white-space: nowrap;}
	.setting_btn i{margin-right: 4px;}
	.exchange_mile_link{margin-top: 0;}
	.grid-list-wrap .grid-list.type-box-full.second{margin-top: -23px;}
	/*쿠폰 - 쿠폰내역*/
	.tab-wrap.type02 .tabs{margin-left: 0px;}
	.coupon_list_date{padding-top: 10px;}
	.coupon_list_date + .grid-list-wrap{margin-top: 12px;padding-bottom: 0;}
	.grid-list-wrap + .coupon_list_date{border-top: 0;padding-top: 0;}
	.gray_noti_box{background-color:rgba(224, 227, 233, 0.5) ;}
}
@media (max-width: 330px){
	a.btn-md .text, button.btn-md .text{font-size: 12px;}
	
}
@media (max-width: 280px){
	.grid-list.type02 .coupon-box .thumb-box{top:4px;right:12px}
}

/* 쇼핑 */
.swiper-coupon-wrap .swiper-container .swiper-slide.coupon-item {width: 19.1%;margin-right: 12px!important;}
.swiper-coupon-wrap .swiper-container .swiper-slide.coupon-item:last-child{margin-right: 0!important;}
.swiper-coupon-wrap .swiper-control-wrap .swiper-button-prev.swiper-button-disabled:before,
.swiper-coupon-wrap .swiper-control-wrap .swiper-button-next.swiper-button-disabled:before{opacity: 0;}
.swiper-coupon-wrap .swiper-control-wrap .swiper-button-prev,
.swiper-coupon-wrap .swiper-control-wrap .swiper-button-next{background: none;left:auto}
.swiper-control-wrap .swiper-button-next:hover::before,
.swiper-control-wrap .swiper-button-prev:hover::before{background:url(../../assets/images/ui/ic_arrow_swiper_right_hover.svg);background-size: cover;}
.swiper-coupon-wrap .coupon-item .coupon-info-box{margin-left: 4px;}
.ico_quick_shopping{display: block; width:50px;height:50px;background: url(../../assets/images/common/comm_ico_shopping.png) 0 0 no-repeat;background-size: cover;}
.ico_quick_coffee{display: block; width:50px;height:50px;background: url(../../assets/images/common/comm_ico_coffeebean.png) 0 0 no-repeat;background-size: cover;}
.ico_quick_voucher{display: block; width:50px;height:50px;background: url(../../assets/images/common/comm_ico_voucher.png) 0 0 no-repeat;background-size: cover;}
@media (max-width: 890px){
	.swiper-coupon-wrap .swiper-container .swiper-slide.coupon-item{width:128px;margin-right: 8px!important;margin-bottom: 30px;}
	.cont-box.no_padding_mo{padding:0}
	.type_shopping{margin-top: 0;}
}
/* UIUX Project 결제 */
.btext-tit.fw-md{margin-bottom: 8px!important;}
.gray-box.type02{background-color: #f5f6f8;border-radius: 20px;padding: 0;}
.pop_id_check .gray-box{text-align: center;}
.pop_id_check .gray-box img{width:220px}
.title-text +.goods-box.size-sm{margin-left: 6px;}
.pop_right_area{display: flex;flex-direction: row-reverse;}
.pl07{padding-left: 7px;}
.detail_link{font-size:13px;line-height: 18px;letter-spacing: -0.025em;color:#666;text-decoration: underline!important;display: inline-block;vertical-align: middle;margin:3px 0 0 6px;width:auto;height:auto;font-weight: 500;}
.detail_link + .tooltip-box{top:-86px;left:-85px}
.ui-chk input + label + .detail_link{margin-left: 6px;}
.direct_request_input{display: none;margin-top: 16px;}
.aside-content-wrap.cont-order-wrap .aside-content-inner .cont-box:first-child{padding-top: 0;}
.price-info-list.size-sm .price-info-item .right-box .goods-group .val,
.price-info-list.size-sm .price-info-item .right-box .goods-group .unit,
.price-info-list.size-sm .price-info-item .right-box .goods-group .sub{color:#666}
.cont-order-wrap .badge-wrap.type02 .badge-md + .badge-md{margin-left: 6px!important;}
.has_shape{position: relative;padding-left:12px;}
.has_shape::before{content: ""; position: absolute;left: 0;top:6px;width:6px;height:6px;border-left: 1px solid #999;border-bottom: 1px solid #999;}
.badge-wrap.type02 + .cont-tit.tit-xl{margin-top: 12px;}
.tbl-info-wrap .tbl-row-info tr ~ tr th, .tbl-info-wrap .tbl-row-info tr ~ tr td{padding-top: 8px;}
.fold-wrap.type-tline-gray{border-top:1px solid #444}
.order-header-box + .cont-tit +  .tbl-info-wrap{padding-bottom: 30px;}
.fold-wrap.order .fold-list .fold-item:last-child{border-bottom: transparent;}
.order-prod-list-wrap.order_list .prod-item.horizontal{width:100%}
.order-prod-list-wrap.order_list .prod-item.horizontal .prod-info-box .total-prod-price{display: flex;justify-content: space-between;margin-top: 16px;}
.order-prod-list-wrap.order_list .prod-item.horizontal .prod-info-box .total-prod-price .prod-count{color:#000;font-weight: 500;}
.order-prod-list-wrap.order_list .prod-item.horizontal .prod-info-box .total-prod-price .total-price .val, .order-prod-list-wrap.order_list .prod-item.horizontal .prod-info-box .total-prod-price .total-price .unit{font-weight: 500;}
.order-prod-list-wrap.order_list .prod-item.horizontal .prod-info-box .total-prod-price .prod-count ~ .total-price:before{display: none;}
.order-prod-list-wrap.order_list .prod-item.horizontal .thumb-box{border-radius: 15px;width:70px;padding-top: 68px;overflow: hidden;}
.order-prod-list-wrap.order_list .prod-item.horizontal .thumb-img{top:50%;left:50%;transform: translate(-50%,-50%);bottom:auto;right:auto;object-fit: cover;}
.order-prod-list-wrap.order_list .prod-item.horizontal .prod-info-box{padding-left: 16px;}
.cont-order-wrap .fold-wrap.order .fold-item .right-box .text{display: block;color:#666}
.cont-order-wrap .fold-wrap.order .fold-item.expanded .right-box .text{display: none;}
.cont-order-wrap .tab-wrap.order-way.last{padding-bottom: 0;}
button.btn-sm.type02 .text {font-size: 14px;}
.fold-content.type_payment{padding-top: 12px;}
.fold-content.type_payment .ui-col-list{margin-top: 12px;}
.fold-content.type_payment .ui-col-list .item .ui-rdo.title{padding-top: 8px;}
.fold-content.type_payment .ui-col-list > .item  + .item{border-top:1px solid #eee;padding-top: 12px;}
.fold-content.type_payment .ui-col-list .item.no_top_line{border: none;margin-top: -12px;padding-top: 0;} 
.fold-content.type_payment .ui-col-list .item.no_top_line .tab-wrap .tabs{padding-bottom: 10px;} 
.fold-content.type_payment .ui-col-list .item.no_top_line .tab-wrap.type_square .ui-row-list.type-btn{margin-top: 10px;} 
.fold-content.type_payment .ui-col-list .item  .title_area{display: flex;align-items: center;justify-content: space-between;}
.fold-content.type_payment .ui-rdo input + label{font-size: 15px;line-height: 20px;padding-left: 32px;}
.fold-content.type_payment .btn-more-view.type_gray + .event_btn{margin-top: 30px;}
.fold-content.type_payment .event_btn{background-color: #eff1f3;padding:12px 55px 12px 20px;width:100%;border-radius: 15px;text-align: left;display: flex;align-items: center;position: relative;}
.fold-content.type_payment .event_btn::after{content: '';background: url(../../assets/images/common/comm_ico_arr_h10_gray.svg) 0 0 no-repeat;width:16px;height:16px;position: absolute;right:20px;top:50%;transform: translateY(-50%);background-size: 13px;}
.fold-content.type_payment .event_btn .text{font-weight: 500;font-size: 14px;line-height: 18px;letter-spacing: -0.025em;margin-left: 10px;width: calc(100% - 28px);color:#000}
.fold-content.type_payment .event_btn + .event_btn{margin-top: 8px;}
.payment-card-before-wrap .btn-payment-card-add.first{border-color: #00a5b9;background-color: rgba(0, 165, 185, 0.07); }
.payment-card-before-wrap .btn-payment-card-add.first button{padding: 0 11px;margin-top: 12px;}
.payment-card-before-wrap .btn-payment-card-add.first .ico_plus_white{display: inline-block;margin: -1px 5px 0 0;}
.payment-card-before-wrap .btn-payment-card-add.first .text{font-weight: 500}
.ico_plus_white{width: 11px;height: 11px;background: url(../../assets/images/common/comm_ico_plus_h12_white.svg) 0 0 no-repeat;background-size: cover;}
.ico_setting{width:16px;height:16px;background: url(../../assets/images/common/comm_ico_setting_h24.svg) 0 0 no-repeat;background-size: cover;}
.card_setting_btn .text{color:#666;font-weight: 500;margin-right: 6px;line-height: 18px;}
.card_setting_btn .ico{display: inline-block;vertical-align: bottom;}
.ico_toss{background: url(../../assets/images/common/comm_ico_toss.png) 0 0 no-repeat;width:28px;height: 28px;background-size: cover;}
.ico_lottecard{background: url(../../assets/images/common/comm_ico_lottecard.svg) 0 0 no-repeat;width:28px;height: 28px;background-size: cover;}
.fold-wrap.order .fold-list .fold-item.no-fold.has-content .fold-content {display: block;border-bottom: 1px solid #444;padding-bottom: 30px;}
.ico_leaf{width:24px;height:24px;background: url(../../assets/images/common/comm_ico_leaf.svg) 0 0 no-repeat;background-size: cover;display: inline-block;vertical-align: top;margin: -4px 0 0 2px;}
.gray_info_box{width:100%;background-color: #f7f7f7;padding:12px 16px;border-radius: 10px;display: flex;justify-content: space-between;margin-top: 30px;}
.gray_info_box .text{color:#666;font-size: 14px;line-height: 18px;letter-spacing: -0.025em;font-weight: 500;}
.noti_popup_btn .text{font-size: 12px;line-height: 16px;letter-spacing: -0.025em;color:#666;text-decoration: underline;font-weight: 400;}
.ico_information{background: url(../../assets/images/common/comm_ico_info.svg) 0 0 no-repeat;width:16px;height: 16px;background-size: cover;display: inline-block;vertical-align: middle;margin: -2px 6px 0 0;}
.ico_lpay{background: url(../../assets/images/common/comm_ico_lpay.png) 0 0 no-repeat;width:76px;height: 28px;background-size: cover;display:block;margin: -5px auto;}
.ico_payco{background: url(../../assets/images/common/comm_ico_payco.png) 0 0 no-repeat;width:53px;height: 20px;background-size: cover;display:inline-block}
.ico_sspay{background: url(../../assets/images/common/comm_ico_sspay.png) 0 0 no-repeat;width:84px;height: 20px;background-size: cover;display:inline-block}
.ico_kkpay{background: url(../../assets/images/common/comm_ico_kkpay.png) 0 0 no-repeat;width:48px;height: 20px;background-size: cover;display:inline-block}
.ico_npay{background: url(../../assets/images/common/comm_ico_npay.png) 0 0 no-repeat;width:50px;height: 20px;background-size: cover;display:inline-block}
.ico_safe_number{background: url(../../assets/images/common/comm_ico_shield.svg) 0 0 no-repeat;width:16px;height: 16px;background-size: cover;display:inline-block;vertical-align: top;margin-right: 2px;}
.ico-coin{background: url(../../assets/images/common/comm_ico_coin.svg) 0 0 no-repeat;width:20px;height: 20px;background-size: cover;display:inline-block;vertical-align: top;margin:-2px 0 0 4px;}
.ico_location{background: url(../../assets/images/common/comm_ico_addr_mark.svg) 0 0 no-repeat;width:16px;height: 16px;background-size: cover;}
.tbl-info-wrap.drive_wrap{padding:30px 20px}
.cr_title{padding-right: 0!important;}
.goods-group.type400 .val,
.goods-group.type400 .unit{font-weight: 400;}
.goods-group.type500 .val,
.goods-group.type500 .unit{font-weight: 500;}
.pop_ac_card{margin: 2px 0 0 3px;}
.mgb30{margin-bottom: 30px;}
.pdb0{padding-bottom: 0!important;}
.text_copy_btn{font-size:14px!important;line-height: 18px;font-weight: 500;letter-spacing: -0.025em;color:#aaa;text-decoration: underline;margin-left: 8px;}
/* UIUX Project 결제 - 쿠폰*/
.type-order-coupon{border-radius: 20px;border:1px solid #ebebeb;overflow: hidden;margin:-8px 0 20px;}
.type-order-coupon .grid-list.type02 .coupon-box{min-height: 143px;max-height: 143px;}
.payment-current-wrap .payment-current-box .info-text-list .dot-text span{display: block;}
.no_bottom_line{border-bottom: none!important;}
/* 결제 - 모바일 금액권 popup */
.ui-dialog-container .ui-dialog.dialog-md.dialog-bottom{width: 800px !important;}
.pop_height_fixed{max-height: 670px;}
.pop_height_fixed .scroll-wrap-y{max-height: 512px;}
.pop-choice-coupon .dot-text,
.pop-choice-mobile-coupon .dot-text{font-weight: 500;}
.pop-choice-mobile-coupon .grid-list.type02 .coupon-box{min-height: 180px;max-height: 180px;}
.grid_coupon_pop_wrap.grid-list-wrap .grid-list.type-box-full.grid-col2 .grid-item{width: calc((100% - 8px) / 2);}
.grid_coupon_pop_wrap.grid-list-wrap .grid-list.type-box-full.grid-col2 .grid-item:nth-child(n+1){margin-left: 8px;}
.grid_coupon_pop_wrap.grid-list-wrap .grid-list.type-box-full.grid-col2 .grid-item:nth-child(2n+1){margin-left: 0;}
.grid_coupon_pop_wrap.grid-list-wrap .grid-list.type-box-full.grid-col2 .grid-item ~ .grid-item:nth-child(n+3){margin-top: 8px;}
.grid_chk_wrap .grid-item.active,
.grid_rdo_wrap .grid-item.active{border-color: #00a5b9 !important;}
.grid_chk_wrap .grid-list.type-box-full .grid-item,
.grid_rdo_wrap .grid-list.type-box-full .grid-item{display: flex;align-items: center;}
.grid_chk_wrap .grid-list.type02 .grid-item,
.grid_rdo_wrap .grid-list.type02 .grid-item{overflow: hidden;display: flex;flex-direction: row;justify-content: space-between;align-items: center;}
.grid_chk_wrap .grid-list .ui-chk,
.grid_rdo_wrap .grid-list .ui-rdo{margin-right: 20px;}
.grid_chk_wrap.grid-list-wrap .grid-list .grid-item .coupon-box,
.grid_rdo_wrap.grid-list-wrap .grid-list .grid-item .coupon-box,
.pay_card_list_wrap.grid_chk_wrap .grid-list .grid-item .card-item{width: calc(100% - 44px);}
.grid_chk_wrap .ui-chk,
.grid_rdo_wrap .ui-rdo{position: unset;}
.grid_chk_wrap .ui-chk label,
.grid_rdo_wrap .ui-rdo label{position: absolute;left: 0;top: 0;z-index: 6;width: 100%;height: 100%;}
.grid_chk_wrap .ui-chk label::before,
.grid_chk_wrap .ui-chk label::after,
.grid_rdo_wrap .ui-rdo label::before,
.grid_rdo_wrap .ui-rdo label::after{top: 50%;left: auto;right: 20px;transform: translateY(-50%);}
.grid_rdo_wrap .ui-rdo label::after{right: 27px;}
.grid_chk_wrap .ui-chk input:checked + label::after{transform: translateY(-50%);}
.grid_chk_wrap .ui-chk input:checked + label::before,
.grid_rdo_wrap .ui-rdo input:checked + label::before,
.grid_rdo_wrap .ui-rdo input:checked + label::after{animation: uiActive2 0.18s ease-in-out forwards;}
.grid_coupon_pop_wrap .grid-list.type02 .coupon_status + .coupon-box{padding-top: 0;}
.grid_coupon_pop_wrap .grid-list.type02 .coupon-box .coupon-info-box .coupon-price{align-items: center;}
.grid_coupon_pop_wrap .coupon-box .coupon-info-box .coupon-price .price-total{display: inline-block;margin-top: -1px;margin-left: 4px;font-size: 14px;font-weight: 400;color: #aaa;vertical-align: middle;}
.grid_coupon_pop_wrap .btn-wrap .ico-detail-gray + .text{color: #444;}
@keyframes uiActive2 {
	0% {
		-moz-transform: scale(0.8) translateY(-50%);
		-webkit-transform: scale(0.8) translateY(-50%);
		transform: scale(0.8) translateY(-50%);
	}
	100% {
		-moz-transform: scale(1) translateY(-50%);
		-webkit-transform: scale(1) translateY(-50%);
		transform: scale(1) translateY(-50%);
	}
}

/* 결제 - 쿠폰선택 popup */
.pop-choice-coupon .line-top-box{margin-top: 20px;padding-top: 20px;border-top: 1px solid #eee;}
.pop-choice-coupon .cont-tit{margin-bottom: 12px;}
.pop-choice-coupon .grid-list.type-box-full .grid-item .coupon-box{padding-bottom: 20px;}
.pop-choice-coupon .grid-list.type02 .coupon-box{min-height: 182px;}
.pop-choice-coupon .grid-list.type02 .coupon-box .bottom-box{margin-top: 8px;}
.pop-choice-coupon .cont-tit ~ .cont-tit{padding-top: 0;border-top: none;}
.ui-dialog-container .ui-dialog-content.pop-choice-coupon .dialog-body .grid-list-wrap{margin-bottom: 8px;}
.ui-dialog-container .ui-dialog-content.pop-choice-coupon .dialog-body .grid-list-wrap ~ .btn-wrap.full{margin-top: 0px;}
.grid_coupon_pop_wrap + .btn-wrap .btn-md .text{color: #444;}
.grid_coupon_pop_wrap .coupon-box.disabled{opacity: 1;}
.coupon-box.disabled .thumb-box{opacity: 0.3;}
.coupon-box.disabled .brand_cg_wrap .txt,
.coupon-box.disabled .coupon-info-box .coupon-name, 
.coupon-box.disabled .coupon-info-box .coupon-price .percent,
.coupon-box.disabled .coupon-info-box .coupon-price .price .val, 
.coupon-box.disabled .coupon-info-box .coupon-price .price .unit,
.coupon-box.disabled .badge-fill-light-gray02 .text{color: #aaa !important;}

/* 결제 - 기타결제 popup */
.pop-pay-etc .input-btn-box .input-box ~ .btn-md{margin-left: 10px;}
.pop-pay-etc .form-list-wrap .form-item.pc-full ~ .form-item{margin-top: 30px;}
.pay_card_list_wrap.grid-list-wrap .grid-item.active{border-color: #00a5b9 !important;}
.pay_card_list_wrap.grid-list-wrap .grid-list.grid-col1 .grid-item{width: 100%;margin-left: 0;}
.pay_card_list_wrap.grid-list-wrap .grid-list.grid-col1 .grid-item ~ .grid-item{margin-top: 8px;}
.pop-pay-etc .pay_card_list_wrap.grid-list-wrap.eatzcard_list_wrap .grid-list.has-border .grid-item{padding-top: 28px;padding-bottom: 28px;border-radius: 15px;}
.pay_card_list_wrap.grid-list-wrap .grid-list.grid-col1 .card-item .card-info-box .card-price{margin-bottom: 0;}
.pay_card_list_wrap.grid_chk_wrap .grid-list .ui-chk{margin-right: 0;}
.pop-pay-etc .title-text .fc-spot{font-weight: 600;}
.pop-pay-etc .two_step_payment{width: 100%;}
.pop-pay-etc .two_step_payment .form-list-wrap .form-item .form-title{margin-bottom: 0;}
.pop-pay-etc .fold-wrap .fold-list .fold-item.expanded .fold-content{padding: 0;background-color: transparent;}
.pop-pay-etc .fold-wrap .fold-list .fold-item{border-bottom: 0;}
.pop-pay-etc .fold-item .title-text span{font-size: 14px;line-height: 18px;letter-spacing: -0.025em;font-weight: 600;color: #000;}
.pop-pay-etc .fold-item .title-text{display: flex;justify-content: space-between;width: 100%;}

/* UIUX 미포함 페이지 -  EATZ 마일 (추후삭제 안됨)*/
#mileCouponListBox .coupon-item .thumb-box .thumb-img{background-size: contain;width: 100%;height: 100%;background-repeat: no-repeat;background-position: center center;}

/* UIUX 신성장 브랜드 추가 */
.ico-brand-fbx {background-color: #FFD7d3;}
.ico-brand-fbx:after {background-image: url("../images/common/comm_ico_brand_fm_circle.svg");}
.ico-brand-mkk {background-color: #010101;}
.ico-brand-mkk:after {background-image: url("../images/common/comm_ico_brand_mkk_circle.svg");}
.ico-brand-dtms {background-color: #ea5006;}
.ico-brand-dtms:after {background-image: url("../images/common/comm_ico_brand_dtms_circle.svg");}
.ico-brand-cpt {background-color: #441f19;}
.ico-brand-cpt:after {background-image: url("../images/common/comm_ico_brand_cp_circle.svg");}

@media (max-width: 890px){
	.aside-wrap .aside-payment-wrap .cont-box .fold-wrap{margin-top: 0;}
	.order-header-box {flex-wrap: wrap;max-width: calc(100% + 40px);border-radius: 0;border-left: 0;border-right: 0;border-bottom:10px solid #f3f5f7}
	.order-header-box.mo_no_line{border-bottom:0}
	.order-header-box + .cont-tit{padding:0 20px}
	.order-header-box + .cont-tit + .tbl-info-wrap{padding:0 20px 30px}
	.cont-order-wrap .tab-wrap.order-way{padding-bottom: 0;}
	.has_line_mo{border-top:10px solid #f3f5f7}
	.has_slide_mo{margin: 0 -20px; }
	.aside-wrap .aside-payment-wrap .cont-box .fold-wrap.term-agree{border-color:#444 ;}
	.cont-order-wrap .tab-wrap.order-way.last{padding:0 20px}
	.tab-wrap.justify-tab.type_square .tabs.col4 .tab-item{width: calc(50% - 6px);}
	.tab-wrap.justify-tab.type_square .tabs.col4 .tab-item:nth-child(-n+4){margin-top: 6px;}
	.tab-wrap.justify-tab.type_square .tabs.col4 .tab-item:nth-child(-n+2){margin-top: 0;}
	.tab-wrap.justify-tab.type_square .tabs.col4 .tab-item:nth-child(3),	
	.tab-wrap.justify-tab.type_square .tabs.col4 .tab-item:nth-child(7){margin-left: 0;}
	.tab-wrap.type_square .ui-row-list.col4 .item{width: calc(50% - 5px);}
	.tab-wrap.type_square .ui-row-list.col4 .item:nth-child(3){margin-left: 0;margin-top:17px;}
	.tab-wrap.type_square .ui-row-list.col4 .item:nth-child(4){margin-top:17px;}
	.cr_title{padding-right: 20px!important;}
	.mgb30_mo{margin-bottom: 30px;}
	.pdb0_mo{padding-bottom: 0!important;}
	.pdb30_mo{padding-bottom: 30px!important;}
	.detail_link + .tooltip-box{top:-86px;left:-104px;max-width:335px;padding-right: 38px;}
	.detail_link + .tooltip-box .tooltip-contents .tooltip-item{letter-spacing: -1px;}
	.order_group{padding:0 20px} 
	.prod-item .thumb-box .badge-wrap {top: 4px;left: 4px;}
	/* 결제 - 모바일 금액권 popup */
	.pop_height_fixed{max-height: unset;}
	.ui-dialog-container .ui-dialog.dialog-full .ui-dialog-content.pop_height_fixed .dialog-body .cont-box:first-child .cont-inner{padding-top: 0;}
	.ui-dialog-container .ui-dialog.dialog-full .ui-dialog-content.pop_height_fixed .dialog-body .cont-box:last-child .cont-inner{padding-bottom: 0;}
	.ui-dialog-container .ui-dialog-content.pop_height_fixed .dialog-body .cont-box:last-child .cont-inner{padding-bottom: 0;}
	.pop_height_fixed .cont-inner{background-color: #f5f6f8;}
	.pop_height_fixed .cont-box{padding-left: 0;padding-right: 0;}
	.pop_height_fixed .info-text-list{padding: 0 20px 20px;background-color: #fff;}
	.pop_height_fixed .scroll-wrap-y{max-height: calc(88vh - 148px);}
	.pop_height_fixed .dialog-footer{padding-top: 20px;}
	.pop-choice-mobile-coupon .grid-list.type02 .coupon-box{min-height: unset;max-height: unset;}
	.pop-choice-mobile-coupon .grid-list.type02 .coupon-box .coupon-info-box .coupon-price{width: calc(100% - 78px);}
	.grid_coupon_pop_wrap.grid-list-wrap{position: relative;padding: 30px 20px;margin-top: 0;}
	.grid_coupon_pop_wrap.grid-list-wrap .grid-list.type-box-full.grid-col2 .grid-item{width: 100%;}
	.grid_coupon_pop_wrap.grid-list-wrap .grid-list.type-box-full.grid-col2 .grid-item:nth-child(n+1){margin-left: 0;}
	.grid_coupon_pop_wrap.grid-list-wrap .grid-list.type-box-full.grid-col2 .grid-item ~ .grid-item{margin-top: 8px;}
	.grid_coupon_pop_wrap.grid-list-wrap .grid-list.type-box-full.grid-col2 .grid-item ~ .grid-item:nth-child(n+3){margin-top: 8px;}
	.grid_coupon_pop_wrap.grid-list-wrap .grid-list li.grid-item:last-child{margin-bottom: 0;}
	.grid_coupon_pop_wrap.grid-list-wrap .coupon-box{min-width: unset;}
	.grid_coupon_pop_wrap.grid-list-wrap .grid-list + .btn-wrap{margin-top: 8px;}

	/* 결제 - 쿠폰선택 popup */
	.pop-choice-coupon .line-top-box{margin-top: 0;padding-top: 30px;padding-bottom: 0;border-top: 1px solid #eee;}
	.pop-choice-coupon .cont-tit{padding-left: 20px;padding-right: 20px;}
	.pop-choice-coupon .grid_coupon_pop_wrap{padding-top: 0;padding-bottom: 0;}
	.pop-choice-coupon .grid-list.type02 .coupon-box{min-height: unset;}
	.pop-choice-coupon .grid-list.type02 .coupon-box .bottom-box{width: 100%;position: static;bottom: auto;left: auto;margin-bottom: 0;}
	.pop-choice-coupon .coupon-box .coupon-info-box .coupon-price .price{margin-right: 4px;}
	.pop-choice-coupon .coupon-box .coupon-info-box .coupon-price .price + .price-normal{margin-left: 0;}
	.pop-choice-coupon .btn-wrap:last-child{margin-bottom: 30px;}

	/* 결제 - 기타결제 popup */
	.pop-pay-etc.pop_height_fixed .cont-inner{background-color: transparent;}
	.pop-pay-etc .scroll-wrap-y{overflow-y: unset;max-height: unset;}
	.pop-pay-etc .form-list-wrap{padding-left: 20px;padding-right: 20px;}
	.pop-pay-etc .grid-list-wrap .grid-list{flex-wrap: unset;}
	.pop-pay-etc .pay_card_list_wrap.grid-list-wrap .grid-list.grid-col1 .grid-item ~ .grid-item{margin-top: 0;}
	.pop-pay-etc .pay_card_list_wrap.grid-list-wrap{padding-bottom: 0 !important;}
	.pop-pay-etc.pop_height_fixed .dialog-footer{padding-top: 30px;}
	.pop-pay-etc .two_step_payment .form-list-wrap{padding-left: 0;padding-right: 0;}

	/*롯데 패밀리사이트 팝업*/
	#popLotteFamilySite .ui-dialog-container .ui-dialog.dialog-full .ui-dialog-content .dialog-body .cont-box:first-child .cont-inner{padding-top: 0;}

	/*EATZ TV 상세*/
	.board-detail-wrap.type02{padding-bottom: 100px;}
}

@media (max-width: 375px){
	.pop-choice-coupon .grid-list.type02 .coupon-box .bottom-box,
	.pop-choice-mobile-coupon .grid-list.type02 .coupon-box .bottom-box{flex-direction: column;align-items: flex-start;}
	.pop-choice-coupon .grid-list.type02 .coupon-box .bottom-box .coupon-date-list,
	.pop-choice-mobile-coupon .grid-list.type02 .coupon-box .bottom-box .coupon-date-list{margin-top: 12px;}
}
@media (max-width: 350px){
	.detail_link + .tooltip-box .tooltip-contents .tooltip-item{font-size: 13px;line-height: 17px;letter-spacing: -0.025em;}
}