@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;
}

/* Disable orange highlight */
label, a, button, select {
	-o-tap-highlight-color: rgba(0, 0, 0, 0);
	-ms-tap-highlight-color: rgba(0, 0, 0, 0);
	-moz-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

button {
	padding: 0;
	background-color: transparent;
	border-width: 0;
	outline: none;
	font-family: "Pretendard", "SF Pro Display", AppleSDGothicNeo-Light, Helvetica, "Malgun Gothic", "MalgunGothic", "맑은고딕", sans-serif !important;
	text-align: center;
}



@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%);
}

[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: 15px;
	line-height: 22px;
	letter-spacing: -0.025em;
	font-weight: 600;
	color: #222;
	/*word-break: keep-all;*/
}

.ui-dialog-container .ui-dialog.dialog-alert .dialog-body .alert-desc p{
    font-size: 17px;
    line-height: 22px;
    letter-spacing: -0.025em;
    font-weight: 700;
    color: #222;
    /* word-break: keep-all; */
    margin-bottom: 6px;
}


.ui-dialog-container .ui-dialog.dialog-alert #layerPopupConfirmMsg .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: column;
    text-align: center;
    background: #fff;
    flex: 1 0 auto;
}

.ui-dialog-container .ui-dialog.dialog-alert #layerPopupConfirmMsg  .dialog-body .alert-desc-title {
    flex: 1;
    font-size: 17px;
    line-height: 22px;
    letter-spacing: -0.025em;
    font-weight: 700;
    color: #222;
    /* word-break: keep-all; */
    margin-bottom: 6px;
}

.ui-dialog-container .ui-dialog.dialog-alert #layerPopupConfirmMsg  .dialog-body  .alert-desc-sub {
    flex: 1;
    font-size: 15px;
    line-height: 22px;
    letter-spacing: -0.025em;
    font-weight: 400;
    color: #222;
    /* word-break: keep-all; */
}



.ui-dialog-container .ui-dialog.dialog-alert #layerPopupAlertMsg .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: column;
    text-align: center;
    background: #fff;
    flex: 1 0 auto;
}

.ui-dialog-container .ui-dialog.dialog-alert #layerPopupAlertMsg  .dialog-body .alert-desc {
    flex: 1;
    font-size: 17px;
    line-height: 22px;
    letter-spacing: -0.025em;
    font-weight: 700;
    color: #222;
    /* word-break: keep-all; */
    margin-bottom: 6px;
}

.ui-dialog-container .ui-dialog.dialog-alert #layerPopupAlertMsg  .dialog-body  .alert-desc-sub {
    flex: 1;
    font-size: 15px;
    line-height: 22px;
    letter-spacing: -0.025em;
    font-weight: 400;
    color: #222;
    /* word-break: keep-all; */
}


.ui-dialog-container .ui-dialog.dialog-alert .dialog-footer {
	padding-top: 20px;
}



.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 .val {
    font-size: 14px;
    line-height: 18px;
    letter-spacing: -0.025em;
    font-weight: 500;
    color: #000;
}

.goods-group .unit {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -0.025em;
    font-weight: 500;
    color: #000;
    margin-left: 2px;
}

.goods-group.size-xl .val, .goods-group.size-xl .sub, .goods-group.size-xl .unit {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.025em;
    font-weight: 600;
}


/* 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: 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%;
}
.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: 10px;
}
.input-btn-box .btn-sm, .input-btn-box .btn-md, .input-btn-box .btn-lg, .input-btn-box .btn-xs {
	/*min-width: auto;*/
	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;
}

/* 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("../img/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;
}

/* 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("../img/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("../img/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: #00aa9e;
}
.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;
}

@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-lg #popfamily, .ui-dialog-container .ui-dialog.dialog-full #popfamily{
         width: 400px !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: 0;
		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:nth-child(2) {
       height: 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.mo-allmenu-popup .dialog-body   .cont-box:last-child {
		flex: 0.5;
		border-radius: 15px 15px 0px 0px;
	}
	.ui-dialog-container .ui-dialog.dialog-full .ui-dialog-content .dialog-body .cont-box:last-child .cont-inner {
		padding-bottom: 20px;
	}
	.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: #fff;
	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("../img/ui/ui_popup_close.svg") center no-repeat;
	background-size: 24px;
}
.ui-dialog-container .ui-dialog-content .btn-pop-close.type-white {
	background: url("../img/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.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: 24px;
	}
}
@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;
		-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(0);
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}
@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("../img/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("../img/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("../img/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: 90px !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("../img/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("../img/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: #FF404B;
}
.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: #00aa9e;
	background-color: #00aa9e;
}
.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: #00aa9e;
}
.ui-datepicker .ui-datepicker-calendar td.ui-datepicker-week-end:first-child .ui-state-default {
	color: #00aa9e;
}
.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;
}

.ico-arr {
    background: url(../img/common/comm_ico_mint_arr.svg) 0 0 no-repeat;
    background-size: cover;
}

.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: #0d5d54;
}
.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: #0d5d54;
}
.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 .logo {
 font-family: 'JalnanGothic';
}



.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("../img/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: 20px;
	line-height: 22px;
	letter-spacing: -0.025em;
	font-weight: normal;
}

.ui-dialog-container .mo-allmenu-popup .user-allmenu-wrap .user-desc .text.logo {
	font-size: 20px;
	line-height: 22px;
	letter-spacing: -0.025em;
}

.ui-dialog-container .mo-allmenu-popup .user-allmenu-wrap .user-desc .ico-island-logo {
	width: 24px;
	height: 24px;
	margin-right: 6px;    margin-top: -6px;
}

.ui-dialog-container .mo-allmenu-popup .user-allmenu-wrap .user-desc .ico-island-logo-b {
	width: 30px;
	height: 30px;
	margin-right: 12px;
}

.ico-info-tooltip {
    background: url(../img/common/comm_ico_tooltip.svg) 0 0 no-repeat;
    background-size: 14px center;
}
.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 .user-allmenu-wrap .join-desc-wrap .right-box .btn-text-underline {
	opacity: 0.8;
	/*margin-bottom: 2px;*/
	padding: 0 5px;
}

.ui-dialog-container .mo-allmenu-popup .user-allmenu-wrap .join-desc-wrap .right-box .btn-text-underline:last-child {
	opacity: 0.8;
	/*margin-bottom: 2px;*/
	padding-right: 0px;
}


.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: 15px;
	line-height: 22px;
	letter-spacing: -0.025em;
	color: #666;
	font-weight: 500;
}
.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: #008735 !important;
	font-weight: 600;
}
.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("../img/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("../img/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;
}

.page-btn-wrap, .btn-wrap, .btn-center-wrap, .btn-flex-wrap, .btn-right-wrap {
    text-align: center;
}

a[class^=btn-], button[class^=btn-] {
    display: inline-block;
    box-sizing: border-box;
    vertical-align: top;
}

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-md, button.btn-md {
    height: 44px;
    padding: 0 16px;
}
/* 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: 600;
	font-size: 12px;
	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: #FF404B;
	border: 1px solid #FF404B;
}

a.btn-cprimary, button.btn-cprimary {
	background-color: #00aa9e;
	border: 1px solid #00aa9e;
}
a.btn-cprimary .text, button.btn-cprimary .text {
    color: #fff;
}

.member-login-wrap a.btn-primary, .member-login-wrap button.btn-primary {
	background-color: #007973;
	border: 1px solid #007973;
}

.member-login-wrap a.btn-primary:hover, .member-login-wrap button.btn-primary:hover {
        background: #00aa9e;
        border-color: #00aa9e;
    }


.login_wrap a.btn-line-primary .text, .login_wrap button.btn-line-primary .text {
    color: #007973;
}

.login_wrap .fc-spot {
    color: #007973 !important;
}
.login_wrap  a.btn-line-primary:hover, .login_wrap button.btn-line-primary:hover {
        background-color: rgba(0, 121, 115, 0.1);
    }

.login_wrap a.btn-line-primary, .login_wrap button.btn-line-primary {
    background-color: #fff;
    border: 1px solid #007973;
}


.tonline .wrapper a.btn-primary, .tonline .wrapper button.btn-primary {
    background-color: #007973;
    border: 1px solid #007973;
}

.tonline .wrapper a.btn-primary:hover, .tonline .wrapper button.btn-primary:hover {
        background: #00aa9e;
        border-color: #00aa9e;
    }


.tonline .wrapper  a.btn-line-gray:hover, 
.tonline .wrapper button.btn-line-gray:hover {
        background-color: #EFF1F3;
    }

.tonline .wrapper a.btn-line-gray, .tonline button.btn-line-gray {
    background-color: #fff;
    border: 1px solid #007973;
}
.tonline .wrapper a.btn-line-gray .text, .tonline button.btn-line-gray .text {
    color: #007973;
}

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: #e6012a;
	border-color: #e6012a;
}

a.btn-cprimary:focus, a.btn-cprimary:active, button.btn-cprimary:focus, button.btn-cprimary:active {
	background: #007973;
	border-color: #007973;
}

@media (min-width: 891px) {
	a.btn-primary:hover, button.btn-primary:hover {
		background: #e6012a;
		border-color: #e6012a;
	}
	a.btn-cprimary:hover, button.btn-cprimary:hover {
		background: #007973;
		border-color: #007973;
	}


}
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;
}
@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-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 .text {
	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("../img/common/comm_ico_more_view_arr.svg") 0 0 no-repeat;
	background-size: cover;
}
.btn-more-view.size-lg {
	padding-right: 13px;
	font-size: 16px;
	line-height: 22px;
	letter-spacing: -0.025em;
}
.btn-more-view.size-lg:after {
	/*margin: 6px 0 0 3px;*/
	background: url("../img/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("../img/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%);
}

.ico-camera, .ico-header-logout-blk, .ico-island-logo, .ico-island-logo-b .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],  [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;
}

.ico-logout {
	width: 24px;
	height: 24px;
	background: url("../img/common/comm_ico_logout.svg") 0 0 no-repeat;
	background-size: cover;
}

.ico-island-logo-b {
	width: 227px;
	height: 44px;
	background: url("../img/rise_logo_2026.svg") 0 0 no-repeat;
	background-size: cover;
}

.header-wrapper[data-pc-only] .ico-island-logo-b {
	width: 227px;
	height: 44px;
	background: url("../img/rise_logo_2026.svg") 0 0 no-repeat;
	background-size: cover;
}


.ico-option {
    width: 24px;
    height: 24px;
    background: url(../img/common/comm_ico_option.svg) 0 0 no-repeat;
    background-size: cover;
}

.ico-island-logo {
    background: url(../img/rise_logo_2026_wht.svg) 0 0 no-repeat;
    background-size: cover;
}

.ui-dialog-container .mo-allmenu-popup .user-allmenu-wrap .user-desc .ico-island-logo{
   width: 167px;
   height: 32px;
    background: url(../img/rise_logo_2026_wht.svg) 0 0 no-repeat;
    background-size: contain;
}


.ui-dialog-container .ui-widget-overlay {
    background-color: rgba(0, 0, 0, 0.5);
    height: var(--reVh, 1vh);
}

@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);
	}
}

/* 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:last-child{
border-bottom: 0px 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: 20px;
	letter-spacing: -0.025em;
	color: #000;
	font-weight: 700;
}
.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: 16px;
	height: 16px;
	content: "";
	background: url("../img/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 .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: #C2C7CC;
}
.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 .btn-fold:after {
	margin-right: 20px;
}
.fold-wrap.order .fold-list .fold-item .fold-header .title {
	font-size: 16px;
	line-height: 22px;
	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-top: 37px;
		padding-bottom: 37px;
	}
	.fold-wrap.order .fold-list .fold-item .fold-content {
		padding-left: 0;
		padding-bottom: 40px;
	}
	.fold-wrap.order .fold-list .fold-item.expanded {
		border-bottom: 1px solid #C2C7CC;
	}
}
.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("../img/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 .fold-list .fold-item.no-fold.has-arrow .fold-header .btn-link:after {
	display: block;
	width: 16px;
	height: 16px;
	content: "";
	background: url("../img/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: 0px;
}

.fold-wrap .fold-list .fold-item.no-fold.has-arrow .fold-header.blank .btn-link:after {
    content: '\E801';
    font-family: 'nc-font';
    font-size: 1.4rem;
    color: #000;
    width: 1.2rem;
    height: 1.2rem;
    line-height: 1.2rem;
    margin-left: .6rem;
    font-weight: 500;
    margin-right: 0px;
	background:none;
}



.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;
}
.fold-wrap.order .fold-list .fold-item.no-fold.has-content .fold-content {
	display: block;
	border-bottom: 1px solid #C2C7CC;
}
@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;
}


.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("../img/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("../img/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: #007973;
}
.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("../img/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("../img/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%;
	}

.ico-island-logo-b {
    width: 132px;
    height: 26px;
    background: url(../img/rise_logo_2026.svg) 0 0 no-repeat;
    background-size: contain;
}

}
@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(242, 245, 249, 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;
	}
}

.lecture_search .input-box {
    width: 550px;
    position: relative;
    max-width: 100%;

}
@media (max-width: 1082px) {

.lecture_search{
    width: 100%;
    position: relative;
}
}
@media (max-width: 860px) {

.search_tab li .tit {
    width: 100px;
    font-weight: 600;
    font-size: 14px;
    margin-right: 30px;
    flex-shrink: 0;
    padding-top: 0px;
    margin-bottom: 0px;
    color: #121e34;
    margin-left: 0px;
}
.lecture_search{
    width: 100%;
    position: relative;
}
}

@media (max-width: 768px) {


.lecture_search{
    width: 100%;
    position: relative;
}

.lecture_search .input-box {
    width: 100%;
    position: relative;
    max-width: 100%;
}

}

.aside-content-wrap {
	overflow: hidden;
	position: relative;
	flex-wrap: wrap;
	padding-top: 1px;
}
.aside-content-wrap.is-fix-bottom .aside-wrap .sps.sps-blw[data-pc-sps] {
	position: absolute !important;
	bottom: 0 !important;
	top: auto !important;
	max-height: none !important;
}
.aside-content-wrap .page-tit-wrap {
	width: 100%;
}
.aside-content-wrap .cont-body .cont-box:first-child {
	padding-top: 10px;
}
.aside-content-wrap .cont-body .sps {
	z-index: 3;
}
.aside-content-wrap.cont-prod-wrap .tabs-sps {
	top: -15px;
}
.aside-content-wrap.cont-prod-wrap .tabs-sps.sps-blw {
	background: rgba(255, 255, 255, 0.9);
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.05);
	-moz-backdrop-filter: blur(20px);
	-webkit-backdrop-filter: blur(20px);
	backdrop-filter: blur(20px);
}
.aside-content-wrap.cont-prod-wrap .tabs-sps ~ .sps-observer {
	top: 25px;
}
.aside-content-wrap.cont-prod-wrap.cont-prod-detail .aside-wrap .thumb-box {
	position: relative;
	background: #fff;
	background: transparent;
	padding-top: 100%;
}
.aside-content-wrap.cont-prod-wrap.cont-prod-detail .aside-wrap .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: url("../img/common/comm_thumb_no_data.svg") center no-repeat;
	/*
	background-size: contain;
	*/
	background-size: cover;
	border-radius:6px;
	

}
.aside-content-wrap.cont-prod-wrap.cont-prod-detail .aside-wrap .thumb-box .btn-round-share {
	position: absolute;
	bottom: 20px;
	right: 20px;
}
.aside-content-wrap.cont-prod-wrap.cont-prod-detail .prod-detail-addr {
	border-bottom: 1px solid #DDE0E3;
}
.aside-content-wrap.cont-prod-wrap.cont-prod-detail .prod-detail-addr .prod-detail-addr-inner {
	padding: 0 20px;
}
.aside-content-wrap.cont-prod-wrap.cont-prod-detail .prod-detail-addr .prod-detail-addr-inner .addr-info {
	padding-top: 2px;
	padding-bottom: 2px;
}
.aside-content-wrap.cont-prod-wrap.cont-prod-detail .cont-body .cont-box .prod-detail-header .badge-wrap.brand + .prod-tit {
	margin-top: 12px;
}
.aside-content-wrap.cont-prod-wrap.cont-prod-detail .cont-body .cont-box .prod-detail-header .badge-wrap:not(.brand) {
	margin-top: 12px;
}
.aside-content-wrap.cont-prod-wrap.cont-prod-detail .cont-body .cont-box .prod-detail-header .line-top-box {
	margin-top: 30px;
}
.aside-content-wrap.cont-prod-wrap.cont-prod-detail .cont-body .cont-box .prod-detail-header ~ .line-top-box {
	margin-top: 30px;
}
.aside-content-wrap.cont-prod-wrap.cont-prod-detail .cont-body .cont-box .prod-detail-header .ui-row-list.type-btn.flex {
	margin-top: 20px;
}
.aside-content-wrap.cont-prod-wrap.cont-prod-detail .cont-body .cont-box .prod-detail-header .ui-row-list.type-btn.flex .item {
	margin-top: 0;
}
.aside-content-wrap.cont-prod-wrap.cont-prod-detail .cont-body .cont-box .prod-detail-header .coupon-item.horizontal .coupon-info-box .badge-wrap {
	margin-top: 0;
}
.aside-content-wrap.cont-prod-wrap.cont-prod-detail .cont-body .cont-box .gray-box {
	margin-top: 20px;
}
.aside-content-wrap.cont-prod-wrap.cont-prod-detail .cont-body .cont-box .gray-box ~ .gray-box {
	margin-top: 12px;
}
.aside-content-wrap.cont-prod-wrap.cont-prod-detail .cont-body .cont-box .line-gray-box {
	margin-top: 20px;
}
.aside-content-wrap.cont-prod-wrap.cont-prod-detail .cont-body .cont-box .line-gray-box ~ .cont-tit-wrap {
	margin-top: 30px;
}
.aside-content-wrap.cont-prod-wrap.cont-prod-detail .cont-body .cont-box .btn-wrap {
	margin-top: 20px;
}
.aside-content-wrap.cont-prod-wrap.cont-prod-detail .cont-body .cont-box .prod-tit {
	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;
	font-size: 22px;
	line-height: 28px;
	letter-spacing: -0.025em;
	font-weight: 600;
	color: #000;
}
.aside-content-wrap.cont-prod-wrap.cont-prod-detail .cont-body .cont-box .prod-tit ~ .btext,
.aside-content-wrap.cont-prod-wrap.cont-prod-detail .cont-body .cont-box .prod-tit ~ .dot-text {
	margin-top: 12px;
}
.aside-content-wrap.cont-prod-wrap.cont-prod-detail .cont-body .cont-box .prod-tit .chk-bookmark {
	display: inline-block;
	margin-left: 6px;
	vertical-align: top;
}
.aside-content-wrap.cont-prod-wrap.cont-prod-detail .cont-body .cont-box .prod-sub-tit {
	font-weight: 600;
	font-size: 16px;
	line-height: 22px;
	letter-spacing: -0.025em;
	color: #000;
}
.aside-content-wrap.cont-prod-wrap.cont-prod-detail .cont-body .cont-box .prod-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: 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: 30px 0;
}
.aside-content-wrap.cont-prod-wrap.cont-prod-detail .cont-body .cont-box .prod-tit-wrap .prod-right .prod-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: 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;
	font-size: 0;
}
.aside-content-wrap.cont-prod-wrap.cont-prod-detail .cont-body .cont-box .prod-tit-wrap .prod-right .prod-price .price-normal {
	display: inline-block;
	padding-top: 2px;
	margin-right: 10px;
	color: #999;
	vertical-align: top;
	font-size: 16px;
	line-height: 22px;
	letter-spacing: -0.025em;
}
.aside-content-wrap.cont-prod-wrap.cont-prod-detail .cont-body .cont-box .prod-tit-wrap .prod-right .prod-price .price-normal .val, .aside-content-wrap.cont-prod-wrap.cont-prod-detail .cont-body .cont-box .prod-tit-wrap .prod-right .prod-price .price-normal .unit {
	position: relative;
	font-size: 16px;
	line-height: 22px;
	letter-spacing: -0.025em;
}
.aside-content-wrap.cont-prod-wrap.cont-prod-detail .cont-body .cont-box .prod-tit-wrap .prod-right .prod-price .price-normal .val:after, .aside-content-wrap.cont-prod-wrap.cont-prod-detail .cont-body .cont-box .prod-tit-wrap .prod-right .prod-price .price-normal .unit:after {
	content: "";
	display: inline-block;
	position: absolute;
	top: 9px;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: #999;
}
.aside-content-wrap.cont-prod-wrap.cont-prod-detail .cont-body .cont-box .prod-tit-wrap .prod-right .prod-price .price-normal .val ~ .val, .aside-content-wrap.cont-prod-wrap.cont-prod-detail .cont-body .cont-box .prod-tit-wrap .prod-right .prod-price .price-normal .val ~ .unit, .aside-content-wrap.cont-prod-wrap.cont-prod-detail .cont-body .cont-box .prod-tit-wrap .prod-right .prod-price .price-normal .unit ~ .val, .aside-content-wrap.cont-prod-wrap.cont-prod-detail .cont-body .cont-box .prod-tit-wrap .prod-right .prod-price .price-normal .unit ~ .unit {
	margin-left: 2px;
}
.aside-content-wrap.cont-prod-wrap.cont-prod-detail .cont-body .cont-box .prod-tit-wrap .prod-right .prod-price .price-normal .unit:after {
	width: calc(100% + 2px);
	left: -2px;
}
.aside-content-wrap.cont-prod-wrap.cont-prod-detail .cont-body .cont-box .prod-tit-wrap .prod-right .prod-price .percent {
	display: inline-block;
	margin-right: 7px;
	font-size: 22px;
	line-height: 28px;
	letter-spacing: -0.025em;
	font-weight: 600;
	color: #EF3D2E;
	vertical-align: top;
}
.aside-content-wrap.cont-prod-wrap.cont-prod-detail .cont-body .cont-box .prod-tit-wrap .prod-right .prod-price .price {
	display: inline-block;
	color: #000;
	vertical-align: top;
	font-size: 22px;
	line-height: 28px;
	letter-spacing: -0.025em;
	font-weight: 600;
}
.aside-content-wrap.cont-prod-wrap.cont-prod-detail .cont-body .cont-box .prod-tit-wrap .prod-right .prod-price .price .desc, .aside-content-wrap.cont-prod-wrap.cont-prod-detail .cont-body .cont-box .prod-tit-wrap .prod-right .prod-price .price .val, .aside-content-wrap.cont-prod-wrap.cont-prod-detail .cont-body .cont-box .prod-tit-wrap .prod-right .prod-price .price .unit {
	font-weight: inherit;
	font-size: 22px;
	line-height: 28px;
	letter-spacing: -0.025em;
}
.aside-content-wrap.cont-prod-wrap.cont-prod-detail .cont-body .cont-box .prod-tit-wrap .prod-right .prod-price .price .desc ~ .val, .aside-content-wrap.cont-prod-wrap.cont-prod-detail .cont-body .cont-box .prod-tit-wrap .prod-right .prod-price .price .desc ~ .unit, .aside-content-wrap.cont-prod-wrap.cont-prod-detail .cont-body .cont-box .prod-tit-wrap .prod-right .prod-price .price .val ~ .val, .aside-content-wrap.cont-prod-wrap.cont-prod-detail .cont-body .cont-box .prod-tit-wrap .prod-right .prod-price .price .val ~ .unit, .aside-content-wrap.cont-prod-wrap.cont-prod-detail .cont-body .cont-box .prod-tit-wrap .prod-right .prod-price .price .unit ~ .val, .aside-content-wrap.cont-prod-wrap.cont-prod-detail .cont-body .cont-box .prod-tit-wrap .prod-right .prod-price .price .unit ~ .unit {
	margin-left: 3px;
}
.aside-content-wrap.cont-prod-wrap.cont-prod-detail .cont-body .cont-box .prod-tit-wrap ~ .prod-sub-tit {
	margin-top: 30px;
}
.aside-content-wrap.cont-prod-wrap.cont-prod-detail .cont-body .cont-box .prod-tit-wrap:last-child {
	margin-bottom: 0;
}
.aside-content-wrap.cont-prod-wrap.cont-prod-detail .cont-body .cont-box .prod-tit-wrap ~ .fold-wrap.info-folding-box,
.aside-content-wrap.cont-prod-wrap.cont-prod-detail .cont-body .cont-box .cont-tit ~ .fold-wrap.info-folding-box {
	margin-top: 20px;
}
.aside-content-wrap.cont-prod-wrap.cont-prod-detail .cont-body .cont-box .anchor-scrollspy.option-tabs {
	position: relative;
	padding-bottom: 30px;
	padding-top: 73px;
}
.aside-content-wrap.cont-prod-wrap.cont-prod-detail .cont-body .cont-box .anchor-scrollspy.option-tabs .tabs-sps {
	height: 74px;
}
.aside-content-wrap.cont-prod-wrap.cont-prod-detail .cont-body .cont-box .anchor-scrollspy.option-tabs .tabs-sps:before {
	content: "";
	position: absolute;
	display: block;
	left: 0;
	right: 0;
	bottom: 0;
	height: 1px;
	background: rgba(221, 224, 227, 0.6);
}
.aside-content-wrap.cont-prod-wrap.cont-prod-detail .cont-body .cont-box .anchor-scrollspy.option-tabs .tabs-sps .tabs:before {
	display: none;
}
.aside-content-wrap.cont-prod-wrap.cont-prod-detail .cont-body .cont-box .anchor-scrollspy.option-tabs .tabs-sps.sps-blw {
	top: 0;
	padding-top: 0;
	padding-bottom: 0;
}
.aside-content-wrap.cont-prod-wrap.cont-prod-detail .cont-body .cont-box .anchor-scrollspy.option-tabs .tabs-sps ~ .sps-observer {
	top: -15px;
}
.aside-content-wrap.cont-prod-wrap.cont-prod-detail .cont-body .cont-box .anchor-scrollspy.option-tabs ~ .fold-wrap.option-fold {
	border-top: 1px dashed #DDE0E3;
}
.aside-content-wrap.cont-prod-wrap.cont-prod-detail .cont-body .cont-box .fold-wrap.option-fold .fold-list .fold-item:last-child {
	border-bottom: 0;
}
.aside-content-wrap.cont-prod-wrap.cont-prod-detail .cont-body .cont-box .fold-wrap.option-fold .fold-list .fold-item .fold-header {
	font-size: 16px;
	line-height: 22px;
	letter-spacing: -0.025em;
}
.aside-content-wrap.cont-prod-wrap.cont-prod-detail .cont-body .cont-box .fold-wrap.option-fold .fold-list .fold-item.expanded .fold-content {
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 30px;
	padding-left: 0;
	background: transparent;
}
.aside-content-wrap.cont-prod-wrap.cont-prod-detail .cont-body .cont-box .line-top-box {
	margin-top: 0;
	margin-bottom: 0;
}
.aside-content-wrap.cont-prod-wrap.cont-prod-detail .cont-body .cont-box .line-top-box:first-child {
	border-top: 0;
	padding-top: 0;
}
.aside-content-wrap.cont-prod-wrap.cont-prod-detail .cont-body .cont-box .fold-wrap.option-fold:first-child {
	margin-top: -20px;
}
.aside-content-wrap.cont-prod-wrap.cont-prod-detail .cont-body .cont-box .opt-select-wrap {
	margin-top: 20px;
}
.aside-content-wrap.cont-prod-wrap.cont-prod-detail .cont-body .cont-box [data-mobile-docker]:first-child .page-btn-wrap.flex:first-child {
	margin-top: 0;
}
.aside-content-wrap.cont-prod-wrap.cont-prod-detail .page-btn-wrap.flex {
	margin-top: 30px;
}
.aside-content-wrap.cont-prod-wrap.cont-prod-detail + .cont-box .cont-inner .fold-wrap:first-child {
	margin-top: -20px;
}
.aside-content-wrap.cont-prod-wrap.cont-prod-detail ~ .cont-box .editor-wrap img {
	width: 100%;
}
.aside-content-wrap.cont-main-wrap .cont-body .swiper-ticket-banner .swiper-slide {
    width: 220px;
    /* height: 100%; */
    margin-right: 20px;
}
.aside-content-wrap.cont-main-wrap .cont-body .swiper-ticket-banner .swiper-slide .ticket-box {
    width: 220px;
    height: auto;
	display: flex;
    flex-direction: column;
    justify-content: center;
}

.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;
}

.pro-tab-wrap {
	padding: 0;
}

.pro-tab-wrap.ui-tabs {
    position: relative;
	padding: 0;
	margin-bottom: 100px;
}

.pro-tab-wrap.ui-tabs .ui-tabs-nav {
    margin: 0;
    padding: 0;
}
.pro-tab-wrap.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    margin-bottom: -1px;
    padding-bottom: 1px;
}

.pro-tab-wrap.ui-tabs .tabs .tab-item {
    width: auto;
    margin: 0;
}

.pro-tab-wrap .tabs .tab-item ~ .tab-item {
    margin-left: 6px;
}

.pro-tab-wrap .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;
}
.pro-tab-wrap .tabs .ui-tabs-nav {
	height: auto;
	position: relative;
    width: 100%;
	display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
;
}
.pro-tab-wrap .tabs .tab-item {
	flex: 1;
}
.pro-tab-wrap .tabs .tab-item.ui-state-active .tab-link {
	position: relative;
	background-color: #fff;
	border-color: #000;
	box-shadow: none;
}
.pro-tab-wrap  .tabs .tab-item.ui-state-active .tab-link .tab-text {
	color: #000;
	font-weight: 600;
}
.pro-tab-wrap .tabs .tab-item.ui-state-active .tab-link:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -2px;
	width: 100%;
	height: 3px;
	background: #fff;
}
.pro-tab-wrap .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;
}

.pro-tab-wrap .ui-tabs .ui-tabs-nav li {
    list-style: none;
    float: left;
    position: relative;
    top: 0;
    margin: 1px .2em 0 0;
    border-bottom-width: 0;
    padding: 0;
    white-space: nowrap;
}

.pro-tab-wrap .tabs .tab-item {
    flex: 1;
}
.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: #FF404B;
}
.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;
}
@media (max-width: 890px) {
	.pro-tab-wrap  .tabs .tab-item .tab-link {
		flex-flow: column;
		height: 70px;
	}

.aside-content-wrap.cont-prod-wrap.cont-prod-detail [data-mobile-docker] .prod-total-wrap {
		border-top: 1px solid #DDE0E3;
		padding: 20px;
		margin-top: 0;
	}

}
.pro-tab-wrap  .tabs .tab-item .tab-link .tab-text {
	color: #666;
	font-size: 14px;
	line-height: 18px;
	letter-spacing: -0.025em;
	font-weight:500;
}
@media (min-width: 891px) {
	.pro-tab-wrap  .tabs .tab-item .tab-link .tab-text ~ [class^=badge-sm-] {
		margin-left: 6px;
	}
}
@media (max-width: 890px) {
	.pro-tab-wrap  .tabs .tab-item .tab-link .tab-text ~ [class^=badge-sm-] {
		margin-top: 6px;
	}
}
.pro-tab-wrap .tabs .tab-item .tab-link.height-short {
	height: 47px;
}
@media (min-width: 891px) {
	.pro-tab-wrap  .tabs .ui-tabs-nav {
		height: 47px;
	}
}



.cont-prod-detail .sns-link-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	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;
}
.cont-prod-detail .sns-link-list .sns-link-item {
	position: relative;
}
.cont-prod-detail .sns-link-list .sns-link-item ~ .sns-link-item {
	margin-left: 14px;
}
.cont-prod-detail .sns-link-list .sns-link-item .sns-link {
	display: inline-block;
	vertical-align: top;
	width: 24px;
	height: 24px;
	font-size: 14px;
	line-height: 18px;
	letter-spacing: -0.025em;
}

@media (min-width: 891px) {
	.aside-content-wrap.cont-prod-wrap.cont-prod-detail:last-child {
		padding-bottom: 0;
	}
	.aside-content-wrap.cont-prod-wrap.cont-prod-detail.is-fix-bottom .aside-wrap .aside-thumb-box.sps-blw[data-pc-sps] {
		width: 100%;
		left: auto;
		right: 0;
		margin: 0;
		-moz-transform: none;
		-webkit-transform: none;
		transform: none;
	}
	.aside-content-wrap.cont-prod-wrap.cont-prod-detail.is-fix-bottom .aside-wrap .aside-thumb-box.sps-blw[data-pc-sps] {
		right: 0;
	}
	.aside-content-wrap.cont-prod-wrap.cont-prod-detail .prod-detail-addr {
		padding: 13px 0;
	}
	.aside-content-wrap.cont-prod-wrap.cont-prod-detail .prod-detail-addr .prod-detail-addr-inner {
		position: relative;
		max-width: 1150px;
		margin: 0 auto;
	}
	.aside-content-wrap.cont-prod-wrap.cont-prod-detail .aside-wrap {
		min-height: 500px;
		position: relative;
		width: 50%;
		flex: none;
	}
	.aside-content-wrap.cont-prod-wrap.cont-prod-detail .aside-wrap .aside-thumb-box {
		width: 100%;
		padding-right: 40px;
		padding-bottom: 50px;
		padding-top: 1px;
	}
	.aside-content-wrap.cont-prod-wrap.cont-prod-detail .aside-wrap .aside-thumb-box.sps-blw {
		width: 50%;
		max-width: 555px;
		right: auto;
		left: 50%;
		-moz-transform: translateX(-100%);
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
	}
	.aside-content-wrap.cont-prod-wrap.cont-prod-detail .cont-body {
		min-height: 555px;
		width: 50%;
	}
	.aside-content-wrap.cont-prod-wrap.cont-prod-detail .cont-body .cont-box {
		/*&:last-child {
		    padding-bottom: 50px;
		}*/
	}
	.aside-content-wrap.cont-prod-wrap.cont-prod-detail .cont-body .cont-box .anchor-scrollspy .tabs-sps {
		padding-top: 0;
		padding-bottom: 0;
		/*.tabs {
		    width: 515px;
		}*/
	}
	.aside-content-wrap.cont-prod-wrap.cont-prod-detail .cont-body .cont-box .anchor-scrollspy .tabs-sps.sps-blw {
		z-index: 11;
		top: 0;
		left: auto;
		right: auto;
		margin-left: -39px;
		width: 50%;
		padding-left: 40px;
		padding-right: 40px;
	}
	.aside-content-wrap.cont-prod-wrap.cont-prod-detail .cont-body .cont-box .anchor-scrollspy .tabs-sps.sps-blw .tabs {
		width: 688px;
		margin: 0;
		padding: 0;
	}
	.aside-content-wrap.cont-prod-wrap.cont-prod-detail .cont-body .cont-box:last-of-type {
		padding-bottom: 50px;
	}
	.aside-content-wrap.cont-prod-wrap.cont-prod-detail .cont-body.is-anchor-bottom .cont-box {
		position: static !important;
	}
	.aside-content-wrap.cont-prod-wrap.cont-prod-detail .cont-body.is-anchor-bottom .cont-box .cont-inner {
		position: static !important;
	}
	.aside-content-wrap.cont-prod-wrap.cont-prod-detail .cont-body.is-anchor-bottom .cont-box .cont-inner .option-tabs {
		position: static !important;
	}
	.aside-content-wrap.cont-prod-wrap.cont-prod-detail .cont-body.is-anchor-bottom .cont-box .cont-inner .option-tabs .tabs-sps.sps-blw {
		position: absolute !important;
		bottom: 0;
		top: auto !important;
		width: calc(100% + 20px);
	}
	.aside-content-wrap.cont-prod-wrap.cont-prod-detail + .cont-box {
		padding-top: 0 !important;
	}
	.aside-content-wrap.cont-prod-wrap.cont-prod-detail + .cont-box:before {
		position: absolute;
		content: "";
		display: block;
		left: -100%;
		right: -100%;
		top: 0;
		height: 1px;
		background: #DDE0E3;
	}
	.aside-content-wrap.cont-prod-wrap.cont-prod-detail + .cont-box .cont-inner {
		border-top: 0;
	}
	.aside-content-wrap.cont-prod-wrap.cont-prod-detail [data-mobile-docker] {
		background: transparent;
	}
	.aside-content-wrap.cont-prod-wrap.cont-prod-detail [data-mobile-docker]:not(:first-child) .prod-total-wrap, .aside-content-wrap.cont-prod-wrap.cont-prod-detail [data-pc-only]:not(:first-child) .prod-total-wrap {
		margin-top: 30px;
		padding-top: 30px;
		border-top: 1px solid #000;
	}
	.aside-content-wrap.cont-prod-wrap.cont-prod-detail ~ .cont-box .cont-inner .page-btn-wrap:first-child,
	.aside-content-wrap.cont-prod-wrap.cont-prod-detail ~ .cont-box .cont-inner .swiper-prod-wrap[style*="display: none"] ~ .page-btn-wrap {
		margin-top: 10px;
	}
}
@media (max-width: 890px) {
	.aside-content-wrap.cont-prod-wrap.cont-prod-detail {
		padding-top: 55px;
	}

	.PDetail .aside-content-wrap.cont-prod-wrap.cont-prod-detail {
        padding-top: 49px;
    }

	.ODetail .aside-content-wrap.cont-prod-wrap.cont-prod-detail {
        padding-top: 0px;
    }

	.subPage.detail .aside-content-wrap.cont-prod-wrap.cont-prod-detail {
		padding-top: 49px;
		padding-bottom: 80px;
	}
	.PDetail .wrapper:not(.mo-header-transparent) .header-wrapper[data-mobile-only] ~ .container-wrapper > .cont-box:first-child {
        padding-top: 0;
    }

	.ODetail .wrapper:not(.mo-header-transparent) .header-wrapper[data-mobile-only] ~ .container-wrapper > .cont-box:first-child {
        padding-top: 0;
    }

	.aside-content-wrap.cont-prod-wrap.cont-prod-detail .prod-detail-addr {
		padding: 9px 0 16px;
		background: #fff;
	}
	.aside-content-wrap.cont-prod-wrap.cont-prod-detail .aside-wrap .aside-thumb-box .cont-box {
		padding: 0;
	}
	.aside-content-wrap.cont-prod-wrap.cont-prod-detail .aside-wrap .aside-thumb-box .cont-box .thumb-box .btn-round-share {
		bottom: 32px;
	}
	.aside-content-wrap.cont-prod-wrap.cont-prod-detail .cont-body {
		margin-top: 0;
	}
	.aside-content-wrap.cont-prod-wrap.cont-prod-detail .cont-body .cont-box:first-child {
		margin-top: -12px;
		border-radius: 12px 12px 0 0;
		box-shadow: 0 -10px 25px rgba(0, 0, 0, 0.05);
	}
	.wrapper:not(.mo-header-transparent) .aside-content-wrap.cont-prod-wrap.cont-prod-detail .cont-body .cont-box:first-child {
		padding-top: 10px;
	}
	.aside-content-wrap.cont-prod-wrap.cont-prod-detail .cont-body .cont-box:nth-last-of-type(1) .cont-inner {
		/*padding-bottom: calc(60px + env(safe-area-inset-bottom));
		padding-bottom: 30px;*/
	}
	.aside-content-wrap.cont-prod-wrap.cont-prod-detail .cont-body .cont-box .option-tabs {
		margin-top: -10px;
	}
	.aside-content-wrap.cont-prod-wrap.cont-prod-detail .cont-body .cont-box .anchor-scrollspy .tabs-sps .swiper-container {
		padding-left: 20px;
		padding-right: 20px;
	}
	.aside-content-wrap.cont-prod-wrap.cont-prod-detail .cont-body .cont-box .anchor-scrollspy .tabs-sps.sps-abv {
		margin-left: -20px;
		margin-right: -20px;
	}
	.aside-content-wrap.cont-prod-wrap.cont-prod-detail .cont-body .cont-box .anchor-scrollspy .tabs-sps .sps-blw {
		/*padding: {
		    left: 20px;
		    right: 20px;
		}*/
	}
	.aside-content-wrap.cont-prod-wrap.cont-prod-detail .cont-body .cont-box .anchor-scrollspy .anchor-scrollspy-nav {
		padding: 0;
		margin: 0;
	}
	.aside-content-wrap.cont-prod-wrap.cont-prod-detail [data-mobile-docker] {
		box-shadow: 0px -10px 25px 0px rgba(0, 0, 0, 0.05);
	}
	.aside-content-wrap.cont-prod-wrap.cont-prod-detail [data-mobile-docker] .prod-total-wrap {
		border-top: 1px solid #DDE0E3;
		padding: 20px;
		margin-top: 0;
	}
	.aside-content-wrap.cont-prod-wrap.cont-prod-detail [data-mobile-docker] .page-btn-wrap {
		margin-top: 0;
	}
	.aside-content-wrap.cont-prod-wrap.cont-prod-detail ~ .cont-box .cont-inner .page-btn-wrap:first-child,
	.aside-content-wrap.cont-prod-wrap.cont-prod-detail ~ .cont-box .cont-inner .swiper-prod-wrap[style*="display: none"] ~ .page-btn-wrap {
		margin-top: 0;
	}



}
@media (min-width: 891px) {
	.aside-content-wrap.cont-prod-wrap:before {
		position: absolute;
		content: "";
		left: 0;
		right: 0;
		top: 0;
		height: 1px;
		background: #DDE0E3;
	}
	.aside-content-wrap.cont-prod-wrap:last-child {
		margin-bottom: -100px;
		padding-bottom: 100px;
	}
	.aside-content-wrap.cont-prod-wrap.is-fix-bottom .aside-wrap .aside-store-wrap.sps-blw[data-pc-sps] {
		width: 100%;
		left: auto;
		right: 0;
		margin: 0;
		-moz-transform: none;
		-webkit-transform: none;
		transform: none;
	}
	.aside-content-wrap.cont-prod-wrap .cont-body {
		position: relative;
		/*overflow: visible;*/
		width: 728px;
		min-height: 707px;
	}
	.aside-content-wrap.cont-prod-wrap .cont-body:after {
		z-index: 1;
		position: absolute;
		right: -150%;
		left: 0;
		top: 0;
		bottom: -100px;
		content: "";
		background: rgba(239, 241, 243, 0.2);
	}
	.aside-content-wrap.cont-prod-wrap .cont-body .cont-box {
		z-index: 2;
		margin-left: 0;
		margin-right: 0;
	}
	.aside-content-wrap.cont-prod-wrap .cont-body .cont-box .tab-wrap {
		position: relative;
	}
	.aside-content-wrap.cont-prod-wrap .aside-wrap {
		position: relative;
		width: 382px;
	}
}
@media (min-width: 891px) and (max-width: 1150px) {
	.aside-content-wrap.cont-prod-wrap .aside-wrap {
		flex: 1 0 auto;
	}
	.aside-content-wrap.cont-prod-wrap .cont-body {
		flex: 1 0 auto;
		width: calc(100% - 382px);
		padding-right: 20px;
	}
	.aside-content-wrap.cont-prod-wrap:not(.is-fix-bottom) .aside-wrap .aside-thumb-box {
		padding-left: 20px;
	}
	.aside-content-wrap.cont-prod-wrap:not(.is-fix-bottom) .aside-wrap .aside-thumb-box.sps-blw[data-pc-sps] {
		padding-left: 40px;
	}
	.aside-content-wrap.cont-prod-wrap.cont-prod-detail.is-fix-bottom .aside-wrap .aside-thumb-box.sps-blw {
		padding-left: 20px;
	}
}
.aside-content-wrap.cont-order-wrap.no-top-line:before {
	display: none;
}
@media (min-width: 891px) {
	.aside-content-wrap.cont-order-wrap.cont-top-line:before {
		display: none;
	}
	.aside-content-wrap.cont-order-wrap.cont-top-line .aside-content-inner {
		position: relative;
		padding-top: 1px;
	}
	.aside-content-wrap.cont-order-wrap.cont-top-line .aside-content-inner:before {
		position: absolute;
		content: "";
		left: 20px;
		right: 20px;
		top: 0;
		height: 1px;
		background-color: #DDE0E3;
	}
}
@media (max-width: 890px) {
	.aside-content-wrap {
		background: #fff;
	}
	.aside-content-wrap .aside-content-inner {
		background: #F3F5F7;
	}
	.aside-content-wrap:last-child {
		flex: 1;
	}
	.aside-content-wrap:first-child {
		padding-top: 55px;
	}
	.aside-content-wrap .aside-content-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: 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;
	}
	.aside-content-wrap .aside-content-inner .cont-body {
		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: 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;
	}
	.aside-content-wrap.sps-blw {
		-moz-transform: translateY(0);
		-webkit-transform: translateY(0);
		transform: translateY(0);
		-moz-transition: transform 0.24s;
		-webkit-transition: transform 0.24s;
		transition: transform 0.24s;
	}
	.aside-content-wrap.sps-blw.scroll-up {
		-moz-transform: translateY(55px);
		-webkit-transform: translateY(55px);
		transform: translateY(55px);
	}
	.aside-content-wrap.cont-order-wrap {
		position: relative;
		flex-wrap: wrap;
	}
	.aside-content-wrap.cont-order-wrap.sps-blw {
		-moz-transform: translateY(0);
		-webkit-transform: translateY(0);
		transform: translateY(0);
		-moz-transition: transform 0.24s;
		-webkit-transition: transform 0.24s;
		transition: transform 0.24s;
	}
	.aside-content-wrap.cont-order-wrap.sps-blw.scroll-up {
		-moz-transform: translateY(55px);
		-webkit-transform: translateY(55px);
		transform: translateY(55px);
	}
	.aside-content-wrap.cont-order-wrap .page-tit-wrap {
		width: 100%;
	}
	.aside-content-wrap.cont-order-wrap .cont-body {
		margin-top: 0;
	}
	.aside-content-wrap.cont-order-wrap .cont-body:first-child .cont-box:last-child .cont-inner {
		padding-bottom: 30px;
	}
	.container-wrapper .cont-box[data-pc-only]:first-child ~ .aside-content-wrap.cont-order-wrap .cont-body .cont-box:first-child, .container-wrapper .cont-box[data-pc-only]:first-child ~ .aside-content-wrap.cont-order-wrap .cont-body .cont-box:first-child {
		padding-top: 0;
	}
	.container-wrapper .cont-box[data-pc-only]:first-child ~ .aside-content-wrap.cont-order-wrap .cont-body .cont-box:first-child .cont-inner, .container-wrapper .cont-box[data-pc-only]:first-child ~ .aside-content-wrap.cont-order-wrap .cont-body .cont-box:first-child .cont-inner {
		padding-top: 20px;
	}
	.container-wrapper .cont-box[data-pc-only]:first-child ~ .aside-content-wrap.cont-order-wrap .fold-wrap:first-child .fold-item.no-fold:first-child .fold-header {
		padding-top: 20px;
	}
	.aside-content-wrap.cont-order-wrap .aside-wrap {
		margin-top: 10px;
	}
	.aside-content-wrap.cont-order-wrap .aside-wrap .aside-payment-wrap {
		background: #fff;
	}
	.aside-content-wrap.cont-order-wrap .aside-wrap .aside-payment-wrap .cont-box ~ .cont-box {
		margin-top: 0;
		border-top: 10px solid #f4f5f7;
	}
	.aside-content-wrap.cont-order-wrap .aside-wrap .cont-box:first-child {
		padding-top: 0;
	}
	.aside-content-wrap.cont-order-wrap .aside-wrap .cont-box:first-child .payment-current-box:first-child {
		padding-top: 10px;
	}

	.MyLecture .tbl-row-info tr th {
		padding-right: 6px;
		color: #666;
		font-size: 12px;
		font-weight: 600;
	}
	.MyLecture .tbl-row-info tr td {
		color: #000;
		font-size: 12px;
		font-weight: 600;
	}

}
@media (min-width: 891px) {
	.aside-content-wrap {
		margin-top: 30px;
	}

    .home .aside-content-wrap {
        margin-top: 0px;
    }

	.aside-content-wrap.cont-order-wrap {
		margin-bottom: -100px;
		padding-bottom: 100px;
	}
	.aside-content-wrap.cont-order-wrap .cont-body {
		overflow: hidden;
		width: calc(100% - 382px);
		flex: none;
		padding-right: 40px;
	}
	.aside-content-wrap.cont-order-wrap .cont-body .cont-box {
		margin-left: 0;
		margin-right: 0;
		padding-left: 0;
	}
	.aside-content-wrap.cont-order-wrap .cont-body .cont-box:last-child {
		padding-bottom: 0;
	}
	.aside-content-wrap.cont-order-wrap:before {
		position: absolute;
		content: "";
		left: 0;
		right: 0;
		top: 0;
		height: 1px;
		background-color: #DDE0E3;
	}
	.aside-content-wrap.cont-order-wrap.is-fix-bottom .aside-wrap .aside-payment-wrap.sps-blw[data-pc-sps] {
		right: 0;
		left: auto;
		max-height: none;
		overflow: visible;
	}
	.aside-content-wrap.cont-order-wrap:not(.is-fix-bottom) .aside-wrap .aside-payment-wrap.sps-blw[data-pc-sps] {
		/*height: max-content;*/
	}
	.aside-content-wrap.cont-order-wrap .aside-wrap {
		width: 382px;
	}
	.aside-content-wrap.cont-order-wrap .aside-wrap .aside-payment-wrap[data-pc-sps] {
		position: absolute;
		left: 0;
		right: 0;
	}
	.aside-content-wrap.cont-order-wrap .aside-wrap .aside-payment-wrap[data-pc-sps].sps-blw {
		position: fixed;
		right: auto;
		left: 50%;
		margin-left: 173px;
	}
	.aside-content-wrap .aside-content-inner {
		max-width: 1150px;
		padding-left: 20px;
		padding-right: 20px;
		margin: 0 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: 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;
	}
	.aside-content-wrap .aside-content-inner .cont-box:first-child {
		padding-top: 40px;
	}

	.aside-content-wrap .aside-content-inner .aside-user-wrap .cont-box:first-child {
		padding-top: 0px;
	}


	
	.aside-content-wrap .cont-body {
		position: relative;
		flex: 1;
		padding-right: 20px;
		/*&:before {
		    position: absolute;
		    content: '';
		    display: block;
		    top: 0;
		    bottom: -100px;
		    width: 1px;
		    left: 0;
		    background: variables.$colorLineGray;
		}*/
	}
	.aside-content-wrap .cont-body .cont-box {
		background: transparent;
		padding-right: 0;
		margin-left: 0;
		margin-right: 0;
	}
	.aside-content-wrap .aside-wrap {
		position: relative;
	}
	.aside-content-wrap .aside-wrap:before {
		position: absolute;
		content: "";
		display: block;
		top: 0;
		bottom: -100px;
		width: 1px;
		left: 0;
		background: #E3E7EB;
	}
	.aside-content-wrap .aside-wrap:first-child:before {
		left: auto;
		right: 0;
	}
	.aside-content-wrap .aside-wrap .aside-payment-wrap {
		width: 382px;
		padding-left: 40px;
	}
	.aside-content-wrap .aside-wrap .aside-payment-wrap .page-btn-wrap {
		margin-top: 30px;
	}
	.aside-content-wrap .aside-wrap .aside-payment-wrap .page-btn-wrap [class^=btn-] {
		margin-bottom: 0;
	}

     .aside-content-wrap .aside-wrap ~ .cont-body {
		padding-right: 0;
		padding-left: 0px;
	}

	.home .aside-content-wrap .aside-wrap ~ .cont-body {
		padding-right: 0;
		padding-left: 20px;
	}
	.aside-content-wrap .aside-wrap .sps.sps-blw {
		z-index: 3;
		max-height: 100vh;
		overflow-y: auto;
	}
	.aside-content-wrap .aside-wrap .sps.sps-abv {
		position: relative !important;
	}
	.aside-content-wrap .aside-wrap .sps.auto-height {
		max-height: none !important;
	}
	.aside-content-wrap .aside-wrap .cont-box {
		padding-left: 0;
		padding-right: 0;
		padding-top: 40px;
	}
}
	
.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;
}


/* 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 th {
    padding-right: 8px;
    color: #666;
    font-size: 13px;
    font-weight: 600;
}

 .tbl-row-info tr th {
    padding-right: 8px;
    color: #666;
    font-size: 15px;
    font-weight: 500;    letter-spacing: -0.025em;
}

 .tbl-row-info tr td {
    color: #000;
    font-size: 15px;
    font-weight: 600;    letter-spacing: -0.025em;
}

 .tbl-row-info tr td span.fw-md {
    color: #000;
    font-size: 15px;
    font-weight: 600;
}



.tbl-row-info tr td {
	color: #000;
}
.tbl-row-info tr td {
    color: #000;
	font-size: 13px;
    font-weight: 600;
}

.online .tbl-row-info tr th {
    padding-right: 8px;
    color: #666;
    font-size: 14px;
    font-weight: 500;    letter-spacing: -0.025em;
}

.online .tbl-row-info tr td {
    color: #000;
    font-size: 14px;
    font-weight: 600;    letter-spacing: -0.025em;
}

.online .tbl-row-info tr td span.fw-md {
    color: #000;
    font-size: 14px;
    font-weight: 600;
}

.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: 10px;
}


/* editor */
.editor-wrap {
	font-size: 14px;
	line-height: 18px;
	letter-spacing: -0.025em;
	font-family: "Pretendard",  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%;
}

.editor-wrap p i{
	font-family:  "MalgunGothic", "맑은고딕", sans-serif !important;    font-weight: bold;    
	font-weight: lighter;
}

.badge-wrap {
	margin: -3px -1px -3px -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: 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: 3px 1px 3px 2px;
}
.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-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 6px 3px;
	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 {
	/*  */
	/*  */
	/* badge-fill */
}
.badge-lotteria {
	border-color: rgba(239, 61, 46, 0.1);
	background-color: rgba(239, 61, 46, 0.1);
}
.badge-lotteria .text {
	color: #EF3D2E;
	font-weight: 600;
}
.badge-angelinus {
	background-color: rgba(170, 148, 129, 0.1);
	border-color: rgba(170, 148, 129, 0.1);
}
.badge-angelinus .text {
	color: #AA9481;
	font-weight: 600;
}
.badge-krispy {
	background-color: rgba(28, 172, 104, 0.1);
	border-color: rgba(28, 172, 104, 0.1);
}
.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-eatz {
	background-color: rgba(0, 165, 185, 0.1);
	border-color: rgba(0, 165, 185, 0.1);
}
.badge-eatz .text {
	color: #e6012a;
	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: #e6012a;
	font-weight: 600;
}
.badge-spot {
	border-color: #e6012a;
	background-color: #fff;
}
.badge-spot .text {
	color: #e6012a;
	font-weight: 600;
}
.badge-fill-spot {
	background-color: #e6012a;
	border-color: #e6012a;
}
.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: #e6012a;
	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: map.get(variables.$colorBrd, angelinus);
	border-color: map.get(variables.$colorBrd, angelinus);*/
	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-gray {
	background-color: #EFF1F3;
	border-color: #EFF1F3;
}
.badge-fill-light-gray .text {
	color: #666;
	font-weight: 600;
}
.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;
}
.ico-header-mypage {
    background: url(../img/common/comm_ico_my_04.svg) 0 0 no-repeat;
    background-size: cover;
    width: 24px;
    height: 24px;
}
.ico-header-alarm {
    background: url(../img/common/comm_ico_alarm.svg) 0 0 no-repeat;
    background-size: cover;
    width: 24px;
    height: 24px;
}
@media (max-width: 890px) {
	.aside-content-wrap.cont-prod-wrap.cont-prod-detail {
		padding-top: 55px;
	}
    .aside-content-wrap.cont-prod-wrap.cont-prod-detail .aside-wrap .aside-thumb-box .cont-box {
        padding: 0;
    }
	.tonline .aside-content-wrap.cont-prod-wrap.cont-prod-detail {
        padding-top: 0px;
    }
	.tonline .wrapper:not(.mo-header-transparent) .header-wrapper[data-mobile-only] ~ .container-wrapper > .cont-box:first-child {
        padding-top: 0;
    }

    .form-list-wrap .form-item ~ .form-item {
        margin-top: 24px;
    }
}


/* form - 유효성 검사 */
/* 유효성검사 체크 */
.valid-check .valid-desc {
	display: none;
	font-size: 13px;
	font-weight: 500;
	color: #666;
	letter-spacing:-0.023em;
}
.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("../img/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;
}


.form-cont.gn_regfrm_data_error .ui-input, .form-cont.gn_regfrm_data_error .ui-select select, .form-cont.gn_regfrm_data_error .textarea-box, .form-cont.gn_regfrm_data_error .ui-select .ui-selectmenu-button {
	border-color: #EF3D2E;
}
.form-cont.gn_regfrm_data_error .gn_regfrm_error {
	display: block;
	margin-top: 6px;
	padding-left: 20px;
	background: url("../img/form/ico_warning.svg") 0 0 no-repeat;
	background-size: 16px;
	color: #EF3D2E;	font-weight: 500;
}
.form-cont.gn_regfrm_data_error .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("../img/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("../img/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;
}


.member-login-wrap {
	max-width: 420px;
	margin: 0 auto;
}
.member-login-wrap .member-login-tit {
	padding-top: 20px;
	font-size: 22px;
	line-height: 28px;
	letter-spacing: -0.025em;
	font-weight: 600;
	color: #000;
	text-align: center;
}
.member-login-wrap .member-login-tit .member-login {
	position: relative;
	font-size: 22px;
	line-height: 28px;
	letter-spacing: -0.025em;
	font-weight: 600;
	color: #007973;
}
.member-login-wrap .form-login-wrap {
	margin-top: 40px;
}
.member-login-wrap .form-login-wrap .input-box .valid-desc {
	padding-left: 0;
	background: none;
}
.form-signup-wrap .input-box .valid-desc {
	padding-left: 0px;
	background: none;
}

.member-login-wrap .form-login-wrap .btn-wrap.full {
	margin-top: 8px;
}

.form-signup-wrap .btn-wrap.full {
	margin-top: 14px;
}


.member-login-wrap .form-login-wrap .member-link-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;
	margin-top: 16px;
}


.member-login-wrap .form-login-wrap .member-link-wrap .ui-chk ~ .ui-chk{
margin-left:-60px;
}



.member-login-wrap .form-login-wrap .member-link-wrap .btn-text-link {
	position: relative;
	display: inline-block;
}
.member-login-wrap .form-login-wrap .member-link-wrap .btn-text-link .text {
	display: block;
	font-size: 13px;
	line-height: 18px;
	letter-spacing: -0.025em;
	font-weight: 500;
	color: #999;
}
.member-login-wrap .form-login-wrap .member-link-wrap .btn-text-link ~ .btn-text-link {
	margin-left: 8px;
	padding-left: 9px;
}
.member-login-wrap .form-login-wrap .member-link-wrap .btn-text-link ~ .btn-text-link:after {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	width: 1px;
	height: 10px;
	margin-top: -5px;
	background-color: #DDE0E3;
}
.member-login-wrap .form-login-wrap .member-link-wrap .right-link {
	font-size: 0;
}
.member-login-wrap .form-login-wrap .member-link-wrap ~ .member-login-sns {
	margin-top: 30px;
}

.member-login-notice {
	max-width: 420px;
	margin: 0 auto;
	text-align: center;
}
@media (min-width: 891px) {
	.member-login-notice {
		margin-top: 10px;
	}
}
.member-login-notice .bottom-text {
	font-size: 14px;
	line-height: 18px;
	letter-spacing: -0.025em;
	font-weight: 600;
	color: #000;
}
.member-login-notice .bottom-text .fc-spot {
	font-weight: inherit;
}
.member-login-notice .btn-wrap.full {
	margin-top: 15px;
}
.member-login-notice .btn-more-view {
	margin-top: 20px;
}

.ico-header-logout-blk {
    background: url(../img/common/comm_ico_logout_blk.svg) 0 0 no-repeat;
    background-size: cover;
    width: 24px;
    height: 24px;
}

@media (min-width: 891px) {
	.wrapper .cont-box ~ .cont-box:not(.full).no-line {
		max-width: none;
	}
	.wrapper .cont-box ~ .cont-box:not(.full).no-line .cont-inner {
		padding: 0;
		border-top: 0;
	}
}
/* e : 로그인 */
/* s : 회원가입, 완료, 탈퇴 */
.member-notice {
	max-width: 420px;
	margin: 0 auto;
	padding-top: 170px;
	text-align: center;
}
@media (min-width: 891px) {
	.member-notice {
		padding-top: 290px;
	}
}
.member-notice .member-tit {
	font-size: 22px;
	line-height: 28px;
	letter-spacing: -0.025em;
	font-weight: 600;
	color: #000;
}
.member-notice .member-content {
	font-size: 14px;
	line-height: 18px;
	letter-spacing: -0.025em;
	line-height: 22px;
	color: #000;
	margin: 15px 0 50px;
}
.member-notice .member-content ~ .info-text-list {
	margin-top: 0;
}
.member-notice .page-btn-wrap {
	margin-top: 50px;
}
.member-notice .page-btn-wrap [class^=btn-] {
	flex: 1;
	min-width: auto;
}
.member-notice.welcome {
	background: url("../img/login/bg_member_welcome.svg") center 20px no-repeat;
	background-size: 180px 111px;
	padding-top: 170px;
}
@media (min-width: 891px) {
	.member-notice.welcome {
		padding-top: 290px;
		background: url("../img/login/bg_member_welcome.svg") center 90px no-repeat;
		background-size: 260px 160px;
	}
}
.member-notice.withdraw {
	background: url("../img/login/bg_member_withdraw.svg") center 20px no-repeat;
	background-size: 180px 111px;
	padding-top: 170px;
}
@media (min-width: 891px) {
	.member-notice.withdraw {
		padding-top: 220px;
		background: url("../img/login/bg_member_withdraw.svg") center 20px no-repeat;
		background-size: 260px 160px;
	}
}
.member-notice.sign-gate {
	background: url("../img/login/bg_member_sign_gate.svg") center 20px no-repeat;
	background-size: 180px 111px;
	padding-top: 170px;
}

.member-notice.sign-gate .member-tit .fc-spot {
	font-size: 22px;
	line-height: 28px;
	letter-spacing: -0.025em;
	font-weight: 600;
}
.member-notice.sign-gate .btn-wrap.full {
	padding-top: 0;
}
.member-notice .info-text-list {
	margin-bottom: 23px;
	text-align: left;
}
.member-notice .info-text-list + .ui-chk {
	width: 100%;
	text-align: left;
}

.member-inner {
	max-width: 420px;
	margin: 0 auto;
}

/* e : 회원가입, 완료, 탈퇴 */
.btn-wrap.full.member-login-sns {
	margin-top: 30px;
}
.btn-wrap.full.member-login-sns .btn-md {
	position: relative;
}
.btn-wrap.full.member-login-sns .btn-md [class^=ico-] {
	position: absolute;
	top: 50%;
	left: 20px;
	width: 24px;
	height: 24px;
	margin-top: -12px;
	margin-right: 0;
	background-position: center;
}

/*#5631*/
.sh_notice{max-width: 500px;margin: 0 auto;}
.sh_notice .ico-sns-shsign{display: inline-block;width:30px;height: 30px;background-size: cover;vertical-align: middle;margin: -3px 2px 0 0;}
.sh_notice .page_tit{font-size: 24px;}
.sh_blue{color:#0046ff;}
.sh_notice .sh_img{max-width: 160px;margin: 0 auto;margin-top: 40px;}
.sh_notice h4{font-size: 24px;font-weight: 600;color:#000;line-height: 1.2;}
.sh_notice h4 span{font-size: 24px;font-weight: 600;}
.sh_notice .txt{font-size:14px;line-height: 1.6;font-weight: 500;}
.sh_notice .txt span{font-size:14px;line-height: 1.6;font-weight: 500;}
.sh_notice .input-box.form-counting .btn-input-del{right:12px}
/*#7100*/
.event_bubble{position: absolute;background: #0046ff;border: 1px solid #00A5B9;width: auto;padding: 10px 20px;left: 0;bottom: -48px;border-radius: 10px;z-index: 10;}
.event_bubble::after {content: "";position: absolute;top: -6px;left: 24px;border-bottom: 6px solid #0046ff;border-left: 6px solid transparent;border-right: 7px solid transparent;transform: translateX(-50%);}
.event_bubble .txt{font-size: 14px;color: #fff;font-weight: 500;}

@media (min-width: 891px) {
	.member-notice.sign-gate {
		padding-top: 220px;
		background: url("../img/login/bg_member_sign_gate.svg") center 20px no-repeat;
		background-size: 260px 160px;
	}
}
@media (max-width: 400px) {
	.event_bubble {padding: 10px 4%}
	.event_bubble .txt{font-size: 13px;letter-spacing: -1px;}
}
@media (max-width: 270px) {
	.event_bubble {padding: 10px 5px;width:100%}
	.event_bubble .txt{font-size: 11px}
}

@media (max-width: 891px) {
.ui-dialog-container .ui-dialog.dialog-alert #layerPopupAlertMsg .dialog-body .alert-desc-sub {
    flex: 1;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: -0.025em;
    font-weight: 400;
    color: #222;
    /* word-break: keep-all; */
}
}
@media (max-width: 560px) {
    .ui-dialog-container .ui-dialog.dialog-alert #layerPopupAlertMsg .dialog-body .alert-desc-sub {
        flex: 1;
        font-size: 14px;
        line-height: 18px;
        letter-spacing: -0.025em;
        font-weight: 400;
        color: #222;
        /* word-break: keep-all; */
    }
}

/* **************************************** *
 * MODULES - ALERT
 * **************************************** */
.nc-alert {position: fixed;left: 0;top: 0;height: 100%;width: 100%;background-color: #000000;background-color: rgba(0, 0, 0, .4);z-index: 9999999;}
.nc-alert__container {position: relative;width: 90%;max-width: 32rem;left: 50%;top: 50%;-ms-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);border-radius: 0;text-align: center;-webkit-box-shadow: 0 2rem 8rem rgba(0, 0, 0, .1);box-shadow: 0 2rem 8rem rgba(0, 0, 0, .1); background: #fff;}
.nc-alert__content {width: 100%;min-height: 9.5rem;text-align: center;padding: 3.6rem 2rem;}
.nc-alert__content h1 { font-size: 1.6rem; line-height: 1.35; color: #222; font-weight: 600; margin-top: 0; padding-bottom: 0.8rem; letter-spacing: -0.025em;}
.nc-alert__content p {vertical-align: middle;font-size: 1.4rem;line-height: 1.58;color:#666;word-wrap: break-word;word-break: keep-all; letter-spacing: -0.025em;}

.nc-alert__content h1 span{color: #ed193a;}


.nc-alert__content p span{
    vertical-align: middle;
    font-size: 1.4rem;
    line-height: 1.58;
    color: #ed193a;
    word-wrap: break-word;
    word-break: keep-all;
    letter-spacing: -0.025em;
}

.nc-alert__btn {font-size: 1.4rem;line-height: 1.7;font-weight: 500;color: #484848; background: #f8f8f8; border: 0.1rem solid #ddd; cursor:pointer; display:inline-block; -webkit-transition:300ms; transition:300ms;}
html.desktop .nc-alert__btn:hover { background:#eee; }
.nc-alert--primary-button .nc-alert__btn.nc-alert--ok { background: #0f4c82; border: 1px solid #0f4c82; color: #fff; }
html.desktop .nc-alert--primary-button .nc-alert__btn.nc-alert--ok:hover {background: #0e1727; border-color: #0e1727;}
.nc-alert__style-wide .nc-alert__container {max-width:40rem;}
.nc-alert__style-wide .nc-alert__container .nc-alert__content p br {display:none;}

.nc-alert--button-icon .nc-alert__btn:before {font-family:'nc-font';line-height: 1;font-size:12px;padding-right: 9px;}
.nc-alert--button-icon .nc-alert__btn.nc-alert--ok:before {content: '\e935';}
.nc-alert--button-icon .nc-alert__btn.nc-alert--cancel:before {content: '\e92e';}
.nc-alert--confirm .nc-alert__btn { background: #eee; }
html.desktop .nc-alert--confirm .nc-alert__btn:hover { background: #ddd; }
.nc-alert--primary-title .nc-alert__content h1 { color: #0f4c82; }

.nc-alert--has-icon .nc-alert__content h1 { position:relative; padding-top: 71px;}
.nc-alert--has-icon .nc-alert__content h1:before {font-family: 'nc-font';font-size: 45px;position: absolute;font-weight: normal;top: 0;left: 50%;-ms-transform: translateX(-50%);-webkit-transform: translateX(-50%);transform: translateX(-50%);}
.nc-alert--has-icon.nc-alert__type-info .nc-alert__content h1:before {content:'\e94e';color: #aaa;}
.nc-alert--has-icon.nc-alert__type-success .nc-alert__content h1:before {content:'\e94f';color:#20bd54;}
.nc-alert--has-icon.nc-alert__type-error .nc-alert__content h1:before {content:'\e950';color:#dd4242;}

.nc-alert__type-success h1 {color: #0f4c82;}
.nc-alert__type-error h1 {color: #eb0808;}

/* Classic */
.nc-alert__style-classic .nc-alert__container { background: #fff; }
.nc-alert__style-classic .nc-alert__container .nc-alert__actions { border-top: 1px solid #ddd; }
.nc-alert__style-classic .nc-alert__actions {padding: 20px 0; margin: 0 20px; text-align: center;}
.nc-alert__style-classic .nc-alert__btn { padding: 7px 29px 9px 28px; border-radius: 5px; }
.nc-alert__style-classic.nc-alert--confirm .nc-alert__btn { width: 159px; margin-right: 15px; }
.nc-alert__style-classic.nc-alert--confirm .nc-alert__btn:last-child { margin-right: 0; }
.nc-alert__style-classic.nc-alert--primary-title .nc-alert__content h1 {padding-bottom:25px;}
.nc-alert__style-classic.nc-alert--primary-title .nc-alert__content p { color:#444; }
.nc-alert__style-classic.nc-alert--has-icon.nc-alert__type-info .nc-alert__content h1 { padding-top: 76px;}

/* Basic */
.nc-alert__style-basic .nc-alert__container {overflow:hidden;}
.nc-alert__style-basic .nc-alert__container .nc-alert__actions { border-top: 0; }
.nc-alert__style-basic .nc-alert__content {background: #fff;min-height: 9.5rem; padding: 5.6rem 2rem;}
.nc-alert__style-basic .nc-alert__content h1 {margin-top: 0;}
.nc-alert__style-basic .nc-alert__actions {background: #fff; border-top: 1px solid #ddd;}
.nc-alert__style-basic .nc-alert__btn {padding:1.0rem 0 1.1rem;width: 100%;height:100%;border-radius: 0;background: #fff;border: 0;border-top: 0.1rem solid #eee;color:#666;}
html.desktop .nc-alert__style-basic .nc-alert__btn:hover { background: #eee;outline: none; }
.nc-alert__style-basic.nc-alert--primary-button .nc-alert__content {background: #fff;}
.nc-alert__style-basic.nc-alert--primary-button .nc-alert__btn {color: #fff;background:#0e1727; border: 0; border-top: 1px solid #0e1727;}
html.desktop .nc-alert__style-basic.nc-alert--primary-button .nc-alert__btn:hover {  color:#fff; background: #000;  border-top: 1px solid #000; }
.nc-alert__style-basic.nc-alert--primary-button.nc-alert--confirm .nc-alert__content {background: #fff;}
.nc-alert__style-basic.nc-alert--primary-button.nc-alert--confirm .nc-alert__btn {border-top: 0;}
.nc-alert__style-basic.nc-alert--primary-button.nc-alert--confirm .nc-alert__btn.nc-alert--ok { color: #0f4c82; background: rgba(108, 155, 197, 0.1); border-top: 0.1rem solid #eee; }
html.desktop .nc-alert__style-basic.nc-alert--primary-button.nc-alert--confirm .nc-alert__btn.jt_alert_ok:hover { background: #132332; }
.nc-alert__style-basic.nc-alert--confirm .nc-alert__actions { background: #fff; }
.nc-alert__style-basic.nc-alert--confirm .nc-alert__btn {width: 50%;color: #666;background: #eee;}
html.desktop .nc-alert__style-basic.nc-alert--confirm .nc-alert__btn:hover { /* color:#484848; background: #ddd; */border-right: 0rem solid #eee;}
.nc-alert__style-basic.nc-alert--confirm .nc-alert__btn.nc-alert--cancel { border-top: 0.1rem solid #eee; background: #fff; border-right: 0.1rem solid #eee; }
.nc-alert__style-basic.nc-alert--button-icon.nc-alert--confirm .nc-alert__content {background: #fff;}
.nc-alert__style-basic.nc-alert--primary-title .nc-alert__content { padding: 38px 20px 35px; }
.nc-alert__style-basic.nc-alert--primary-title .nc-alert__content h1 {padding-bottom: 18px;margin-bottom: 33px;border-bottom: 1px solid #ddd;}
.nc-alert__style-basic.nc-alert--has-icon.nc-alert__type-info .nc-alert__content h1 { padding-top: 71px;}
.nc-alert__style-basic.nc-alert--has-icon .nc-alert__content {padding: 32px 20px 34px;}
.nc-alert__style-basic.nc-alert--has-icon .nc-alert__content h1 { margin-top:0; }

