@charset "utf-8";

#sample_banner {
	background-color: #FC3049;
}

.sample_banner_inner {
	position: relative;
	display: flex;
	align-items: center;
	width: 100%;
}

.sample_banner_text {
	position: relative;
	display: flex;
	align-items: center;
	width: 100%;
	font-size: 16px;
	color: #fff;
	padding: 14px 0;
}

.sample_banner_arrow {
	color: #fff;
	font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 48;
}

.pointer {
	cursor: pointer;
}

.fvr_count {
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	top: 1px;
	right: -5px;
	font-size: 10px;
	font-weight: 500;
	line-height: 1;
	color: #fff;
	padding: 2px 5px;
	background-color: #f05a28;
	border-radius: 8px;
}

.row {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	width: 100%;
}

.align_items_center {
	align-items: center;
}

.material-icons-wrap {
	position: relative;
	display: inline-flex;
	align-items: center;
}

.blind {
	position: absolute;
	top: 0;
	left: 0;

	width: 1px;
	height: 1px;
	overflow: hidden;

	font-size: 0;
	line-height: 0;
}

#tooltip {
	position: absolute;
	z-index: 9999999999;

	padding: 15px;

	text-align: center;

	color: #fff;
	border-radius: 4px;
	background: #333;
}

#tooltip:after

/* triangle decoration */
	{
	position: absolute;
	bottom: -10px;
	left: 50%;

	width: 0;
	height: 0;
	margin-left: -10px;

	content: "";

	border-top: 10px solid #333;
	border-right: 10px solid transparent;
	border-left: 10px solid transparent;
}

#tooltip.top:after {
	top: -20px;
	bottom: auto;

	border-top-color: transparent;
	border-bottom: 10px solid #333;
}

#tooltip.left:after {
	left: 10px;

	margin: 0;
}

#tooltip.right:after {
	right: 10px;
	left: auto;

	margin: 0;
}

.contbox {
	position: relative;

	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 100%;
	max-width: 1024px;
	padding: 32px 24px;
	margin: 0 auto;
	box-sizing: border-box;

	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: space-between;
}

.disabled {
	cursor: no-drop !important;
}

#TOP>div.inbox {
	z-index: 999;
}

/* 속박스 */
.inbox {
	position: relative;

	width: 100%;
	height: 100%;
	max-width: 1200px;
	margin: 0 auto;
	box-sizing: border-box;
}

.full_inbox {
	position: relative;

	height: 100%;
	max-width: 100vw;
	padding: 0 16px;
	margin: 0 auto;
}

.cont_inbox {
	max-width: 976px;
}

.dpb {
	display: block;
}

.dpi {
	display: inline-block;
}

.black {
	color: #000;
}

.blue {
	color: #3281f9;
}

.orange {
	color: #f05a28;
}

.highlight {
	color: #2b80eb;
}

.tac {
	text-align: center;
}

.medium {
	font-weight: 500;
}

.bg-blk,
.bg_blk {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10;

	display: none;
	width: 100%;
	height: 100%;

	-webkit-transition: all 0.1s;
	transition: all 0.1s;

	opacity: 0;
	background-color: rgba(0, 0, 0, 0.7);
}

.floating_bg {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99;

	display: none;
	width: 100%;
	height: 100%;

	-webkit-transition: all 0.1s;
	transition: all 0.1s;

	opacity: 0;
	background-color: rgba(0, 0, 0, 0.8);
}

.floating_bg.active {
	display: block;

	opacity: 1;
}

.list_bg {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8;

	display: none;
	width: 100%;
	height: 100%;

	opacity: 0;
	background-color: rgba(0, 0, 0, 0.7);
}

.input_validate_text {
	font-size: 12px;
	font-weight: 300;

	color: #f05a28;
}

.madangs-select {
	position: relative;

	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	height: 100%;

	align-items: center;
	-webkit-box-align: center;
	-webkit-box-pack: center;
	-ms-flex-align: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.dropdown_toggle {
	position: relative;

	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	height: 100%;
	padding: 0 8px;

	font-size: 14px;

	cursor: pointer;
	text-align: center;

	color: #fff;

	align-items: center;
	-webkit-box-align: center;
	-webkit-box-pack: center;
	-ms-flex-align: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.dropdown_toggle>img {
	width: 9px;
	margin-left: 8px;

	vertical-align: middle;
}

.dropdown_menu {
	position: absolute;
	top: 56px;
	left: 0;
	z-index: 99;

	display: none;
	width: calc(100% + 24px);
	max-height: 400px;
	padding: 16px;
	overflow: auto;

	border-radius: 8px;
	background-color: #fff;
	box-shadow: 0 6px 16px rgba(0, 0, 0, 0.16);
}

.dropdown_title {
	margin-bottom: 4px;

	font-size: 16px;
	font-weight: 500;
}

.dropdown_comment {
	font-size: 12px;
	font-weight: 300;

	color: #999;
}

.dropdown_list {
	padding: 8px 0;
}

.item_row {
	width: 100%;
	padding: 8px 0;
}

/* CHECKBOX CUSTOM */
.check {
	position: relative;

	display: inline-block;
	height: 20px;
	padding-left: 24px;

	font-size: 14px;

	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.check input {
	position: absolute;

	cursor: pointer;

	opacity: 0;
}

.checkmark {
	position: absolute;
	top: 3px;
	left: 0;

	width: 15px;
	height: 15px;

	border: 1px solid #ddd;
	background-color: #fff;
}

.checkmark2 {
	top: 30px !important;
}

.checkmark3 {
	border: 1px solid #ea6946;
}

.check:hover input~.checkmark {
	background-color: #ccc;
}

.check input:checked~.checkmark {
	border: none;
	background-color: #ea6946;
}

.checkmark:after {
	position: absolute;

	display: none;

	content: "";
}

.check input:checked~.checkmark:after {
	display: block;
}

.check .checkmark:after {
	top: 0;
	left: 5px;

	width: 4px;
	height: 9px;

	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);

	border: solid white;
	border-width: 0 2px 2px 0;
}

/* Renew CHECKBOX */
.blk_check {
	position: relative;

	display: inline-block;
	height: 20px;
	padding-left: 26px;

	font-size: 14px;

	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.blk_check input {
	position: absolute;

	cursor: pointer;

	opacity: 0;
}

.blk_checkmark {
	position: absolute;
	top: 0;
	left: 0;

	width: 20px;
	height: 20px;

	border: 1px solid #acacac;
	border-radius: 4px;
	background-color: #fff;
}

.blk_check:hover input~.blk_checkmark {
	background-color: #ccc;
}

.blk_check input:checked~.blk_checkmark {
	border: none;
	background-color: #333;
}

.blk_checkmark:after {
	position: absolute;

	display: none;

	content: "";
}

.blk_check input:checked~.blk_checkmark:after {
	display: block;
}

.blk_check .blk_checkmark:after {
	top: 0;
	left: 6px;

	width: 6px;
	height: 12px;

	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);

	border: solid white;
	border-width: 0 2px 2px 0;
}

.flex_check {
	position: relative;

	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	padding-left: 0;

	font-size: 14px;

	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

	align-items: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
}

.flex_check input {
	position: absolute;

	cursor: pointer;

	opacity: 0;
}

.flex_check .blk_checkmark {
	position: relative;

	width: 20px;
	height: 20px;
	margin-right: 8px;

	border: 1px solid #acacac;
	border-radius: 4px;
	background-color: #fff;
}

.flex_check:hover input~.blk_checkmark {
	background-color: #ccc;
}

.flex_check input:checked~.blk_checkmark {
	border: none;
	background-color: #333;
}

.blk_checkmark:after {
	position: absolute;

	display: none;

	content: "";
}

.flex_check input:checked~.blk_checkmark:after {
	display: block;
}

.flex_check .blk_checkmark:after {
	top: 0;
	left: 6px;

	width: 6px;
	height: 12px;

	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);

	border: solid white;
	border-width: 0 2px 2px 0;
}

.chk_e_odream input:checked~.blk_checkmark {
	background-color: #3281f9;
}

/*Big Radio Custom*/
.custom_radio_e_odream[type="radio"]:checked,
.custom_radio_e_odream[type="radio"]:not(:checked) {
	position: absolute;
	left: -9999px;
}

.custom_radio_e_odream[type="radio"]:checked+label,
.custom_radio_e_odream[type="radio"]:not(:checked)+label {
	position: relative;

	display: inline-block;
	padding-left: 36px;

	line-height: 24px;

	cursor: pointer;

	color: #666;
}

.custom_radio_e_odream[type="radio"]:checked+label:before,
.custom_radio_e_odream[type="radio"]:not(:checked)+label:before {
	position: absolute;
	top: 0;
	left: 0;

	width: 24px;
	height: 24px;

	content: "";

	border: 1px solid #ddd;
	border-radius: 100%;
	background: #fff;
}

.custom_radio_e_odream[type="radio"]:checked+label:after,
.custom_radio_e_odream[type="radio"]:not(:checked)+label:after {
	position: absolute;
	top: 5px;
	left: 5px;

	width: 16px;
	height: 16px;

	content: "";
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;

	border-radius: 100%;
	background: #3281f9;
}

.custom_radio_e_odream[type="radio"]:not(:checked)+label:after {
	-webkit-transform: scale(0);
	transform: scale(0);

	opacity: 0;
}

.custom_radio_e_odream[type="radio"]:checked+label:after {
	-webkit-transform: scale(1);
	transform: scale(1);

	opacity: 1;
}

.flex_radio_wrapper {
	position: relative;
	display: flex;
	align-items: center;
	width: 100%;
}

.flex_radio_wrapper>input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
	top: 0;
	left: -9999px;
}

.flex_radio_wrapper .checkmark {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	top: 0;
	left: 0;
	height: 16px;
	width: 16px;
	min-height: 16px;
	min-width: 16px;
	background-color: #fff;
	border: 2px solid #3573d1;
	border-radius: 50%;
}

.flex_radio_wrapper .checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

.flex_radio_wrapper input:checked~.checkmark:after {
	display: block;
}

.flex_radio_wrapper .checkmark:after {
	/*top: 9px;
    left: 9px;*/
	width: 8px;
	height: 8px;
	min-width: 8px;
	min-height: 8px;
	border-radius: 50%;
	background: #3573d1;
}

.var_flex_radio_wrapper {
	position: relative;
	display: flex;
	align-items: center;
	width: 100%;
}

.var_flex_radio_wrapper>input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
	top: 0;
	left: -9999px;
}

.var_flex_radio_wrapper .checkmark {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	top: 0;
	left: 0;
	height: 16px;
	width: 16px;
	min-height: 16px;
	min-width: 16px;
	background-color: #fff;
	border: 2px solid;
	border-color: var(--data-color);
	border-radius: 50%;
}

.var_flex_radio_wrapper .checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

.var_flex_radio_wrapper input:checked~.checkmark:after {
	display: block;
}

.var_flex_radio_wrapper .checkmark:after {
	/*top: 9px;
    left: 9px;*/
	width: 8px;
	height: 8px;
	min-width: 8px;
	min-height: 8px;
	border-radius: 50%;
	background: var(--data-color);
}

/* Radio Custom */
.custom_radio[type="radio"]:checked,
.custom_radio[type="radio"]:not(:checked) {
	position: absolute;
	left: -9999px;
}

.custom_radio[type="radio"]:checked+label,
.custom_radio[type="radio"]:not(:checked)+label {
	position: relative;

	display: inline-block;
	padding-left: 28px;

	line-height: 20px;

	cursor: pointer;

	color: #666;
}

.custom_radio[type="radio"]:checked+label:before,
.custom_radio[type="radio"]:not(:checked)+label:before {
	position: absolute;
	top: 3px;
	left: 0;

	width: 13px;
	height: 13px;

	content: "";

	border: 1px solid #ddd;
	border-radius: 100%;
	background: #fff;
}

.custom_radio[type="radio"]:checked+label:after,
.custom_radio[type="radio"]:not(:checked)+label:after {
	position: absolute;
	top: 6px;
	left: 3px;

	width: 9px;
	height: 9px;

	content: "";
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;

	border-radius: 100%;
	background: #f05a28;
}

.custom_radio[type="radio"]:not(:checked)+label:after {
	-webkit-transform: scale(0);
	transform: scale(0);

	opacity: 0;
}

.custom_radio[type="radio"]:checked+label:after {
	-webkit-transform: scale(1);
	transform: scale(1);

	opacity: 1;
}

/* Radio Custom2 */
.custom_radio2[type="radio"]:checked,
.custom_radio2[type="radio"]:not(:checked) {
	position: absolute;
	left: -9999px;
}

.custom_radio2[type="radio"]:checked+label,
.custom_radio2[type="radio"]:not(:checked)+label {
	position: relative;

	display: block;

	line-height: 20px;

	cursor: pointer;
	text-align: center;

	color: #666;
}

.custom_radio2[type="radio"]:checked+label:before,
.custom_radio2[type="radio"]:not(:checked)+label:before {
	position: absolute;
	bottom: 0;
	left: 15px;

	width: 13px;
	height: 13px;

	content: "";

	border: 1px solid #ddd;
	border-radius: 100%;
	background: #fff;
}

.custom_radio2[type="radio"]:checked+label:after,
.custom_radio2[type="radio"]:not(:checked)+label:after {
	position: absolute;
	bottom: 3px;
	left: 18px;

	width: 9px;
	height: 9px;

	content: "";
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;

	border-radius: 100%;
	background: #f05a28;
}

.custom_radio2[type="radio"]:not(:checked)+label:after {
	-webkit-transform: scale(0);
	transform: scale(0);

	opacity: 0;
}

.custom_radio2[type="radio"]:checked+label:after {
	-webkit-transform: scale(1);
	transform: scale(1);

	opacity: 1;
}

/* Radio Custom3 */
.custom_radio3[type="radio"]:checked,
.custom_radio3[type="radio"]:not(:checked) {
	position: absolute;
	left: -9999px;
}

.custom_radio3[type="radio"]:checked+label,
.custom_radio3[type="radio"]:not(:checked)+label {
	position: relative;

	display: block;

	line-height: 20px;

	cursor: pointer;
	text-align: center;

	color: #666;
}

.custom_radio3[type="radio"]:checked+label:before,
.custom_radio3[type="radio"]:not(:checked)+label:before {
	position: absolute;
	bottom: 2px;
	left: 15px;

	width: 13px;
	height: 13px;

	content: "";

	border: 1px solid #ddd;
	border-radius: 100%;
	background: #fff;
}

.custom_radio3[type="radio"]:checked+label:after,
.custom_radio3[type="radio"]:not(:checked)+label:after {
	position: absolute;
	bottom: 5px;
	left: 18px;

	width: 9px;
	height: 9px;

	content: "";
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;

	border-radius: 100%;
	background: #f05a28;
}

.custom_radio3[type="radio"]:not(:checked)+label:after {
	-webkit-transform: scale(0);
	transform: scale(0);

	opacity: 0;
}

.custom_radio3[type="radio"]:checked+label:after {
	-webkit-transform: scale(1);
	transform: scale(1);

	opacity: 1;
}

/* 커스텀 라디오 버튼 디자인 */
.custom-radio {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	width: 100%;
	cursor: pointer;
}

.custom-radio:hover input:not(:checked)+span {
	background-color: #ddd;
}

.custom-radio input {
	display: none;
}

.custom-radio span {
	display: inline-block;
	width: 14px;
	/* 원 모양의 크기 */
	height: 14px;
	/* 원 모양의 크기 */
	border: 1px solid #364653;
	/* 테두리 색상 */
	border-radius: 50%;
	/* 원 형태로 만들기 */
	position: relative;
	margin-right: 5px;
}

/* 선택된 라디오 버튼 디자인 */
.custom-radio input:checked+span:after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 10px;
	/* 선택된 내부 원 크기 */
	height: 10px;
	/* 선택된 내부 원 크기 */
	background: #364653;
	/* 선택된 내부 원 색상 */
	border-radius: 50%;
	/* 내부 원을 원 모양으로 만들기 */
}

/* Radio Custom3 */
.coupon_custom_radio[type="radio"]:checked,
.coupon_custom_radio[type="radio"]:not(:checked) {
	position: absolute;
	left: -9999px;
}

.coupon_custom_radio[type="radio"]:checked+label,
.coupon_custom_radio[type="radio"]:not(:checked)+label {
	position: relative;

	display: flex;
	align-items: center;

	line-height: 20px;

	cursor: pointer;
	text-align: center;

	color: #666;
}

.coupon_custom_radio[type="radio"]:checked+label:before,
.coupon_custom_radio[type="radio"]:not(:checked)+label:before {
	position: absolute;
	bottom: 2px;
	left: 15px;

	width: 13px;
	height: 13px;

	content: "";

	border: 1px solid #ddd;
	border-radius: 100%;
	background: #fff;
}

.coupon_custom_radio[type="radio"]:checked+label:after,
.coupon_custom_radio[type="radio"]:not(:checked)+label:after {
	position: absolute;
	bottom: 5px;
	left: 18px;

	width: 9px;
	height: 9px;

	content: "";
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;

	border-radius: 100%;
	background: #f05a28;
}

.coupon_custom_radio[type="radio"]:not(:checked)+label:after {
	-webkit-transform: scale(0);
	transform: scale(0);

	opacity: 0;
}

.coupon_custom_radio[type="radio"]:checked+label:after {
	-webkit-transform: scale(1);
	transform: scale(1);

	opacity: 1;
}

/* Radio Custom Test */
.radio-button,
.checkbox {
	position: relative;

	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.checkbox {
	display: block;
}

.radio-button input,
.checkbox input {
	position: absolute;
	/* for mobile accessibility (iOS Label Bug) */

	visibility: hidden;
	padding: 0;
	margin: 5px;
}

.radio-button .label-visible,
.checkbox .label-visible {
	display: block;
	margin: 0 auto;
}

.fake-radiobutton,
.fake-checkbox {
	position: absolute;
	top: 0;
	left: 3px;

	display: block;
	width: 20px;
	height: 20px;

	border: 1px solid #ddd;
	background-color: white;
}

.fake-radiobutton:after,
.fake-checkbox:after {
	position: absolute;
	top: 50%;
	left: 50%;

	display: none;
	width: 12px;
	height: 12px;

	content: "";
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);

	background: #f05a28;
}

.fake-radiobutton {
	border-radius: 50%;
}

.fake-radiobutton:after {
	border-radius: 50%;
}

input[type="radio"]:checked+span .fake-radiobutton:after,
input[type="checkbox"]:checked+span .fake-checkbox:after {
	display: block;
}

.input_border_none {
	padding-right: 1em;
	padding-left: 0.4em;

	color: #777;
	border: none;
	border-bottom: 1px solid #777;
	border-radius: 0;
	background-color: rgba(255, 255, 255, 0);
}

/* 물건 리스트 */
/*Theme*/
.theme-container {
	/*margin-bottom: 25px;*/
}

.main-list-container {
	margin-top: 25px;
	padding-bottom: 50px;
	overflow: hidden;
}

#theme-view {
	width: 100%;
	margin-top: 50px;

	color: #333;
}

.theme-box {
	position: relative;

	width: 1200px;
	padding-top: 52px;
	margin: 0 auto;
}

.location {
	position: absolute;
	z-index: 10;

	display: inline-block;
	width: 1000px;
	height: 25px;
	margin: 0 auto;
}

.location .prev,
.location .next {
	top: 700%;
	z-index: 10;
}

.location .prev {
	left: -6%;

	opacity: 0.2;
}

.location .next {
	right: -25%;

	opacity: 0.3;
}

.theme-text {
	margin: 4px 0;
}

.theme-text a:hover {
	font-weight: bold;
}

.more-list {
	font-size: 20px;

	cursor: pointer;

	color: #f1683b;
}

.theme-title-text {
	position: relative;
	display: inline-block;

	font-size: 22px;
	font-weight: 500;
}

.mulgun-list {
	position: relative;
	cursor: pointer;
}

.mul-box {
	position: relative;

	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	/*width: 280px;
margin: 4px 0;
margin-top: 12px;*/
	padding: 5px;

	cursor: pointer;

	border: 1px solid #eee;
	box-shadow: 1px 2px 3px #ddd;
}

.mul-box ul {
	position: relative;

	margin-top: 8px;
}

.type_label {
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	top: 0;
	left: 7px;
	width: 35px;
	height: 35px;
	font-size: 14px;
	color: #fff;
	white-space: nowrap;
}

.type_label[data-type-code="1"] {
	background-color: #364653;
}

.type_label[data-type-code="2"] {
	background-color: #7c56d5;
}

.mulgun-list .dpsl_label {
	position: absolute;
	top: inherit;
	bottom: 4px;
	right: inherit;
	left: 7px;
	color: #fff;
	font-size: 12px;
	padding: 1.5px 4px;
	border-radius: 2px;
	background-color: #000;
}

.mul_list_note_icon {
	position: absolute;
	bottom: 4px;
	left: 4px;

	width: auto;
	height: 19px;
	padding: 2px 6px 2px 6px;

	line-height: 0;
	white-space: nowrap;

	border-radius: 10px;
	background: #3281f9;
	box-shadow: 0 3px 6px 0 rgb(0 0 0 / 16%);
}

.mul_list_note_icon>span>img {
	width: 12px;
	height: 12px;
}

.mul_list_note_icon>span:nth-child(1) {
	display: inline-block;
	width: 12px;
	height: 12px;

	line-height: 12px;

	text-align: center;
	vertical-align: middle;

	border-radius: 6px;
	background-color: white;
}

.mul_list_note_icon>span:nth-child(2) {
	width: 40px;
	height: 15px;
	margin: 0 0 0 5px;

	font-size: 10px;
	line-height: 1.5;

	text-align: center;

	color: #fff;
}

.mul_list_note_icon.small {
	border-right: 40px solid #439de3;
	border-bottom: 40px solid transparent;
}

.mul_list_note_icon.small>span {
	width: 40px;
	height: 40px;

	font-size: 10px;
}

.mul_hide_menu_btn {
	position: absolute;
	top: 4px;
	right: 4px;
	z-index: 1;

	width: 30px;
	height: 30px;

	line-height: 30px;

	text-align: center;

	border-radius: 15px;
	background-color: #f8f8f8;
}

.mul_hide_menu_btn>img {
	width: 20px;
	height: 20px;
	vertical-align: middle;
}

.favorite_menu_tooltip {
	position: relative;
	display: flex;
	flex-direction: column;
	background-color: #fff;
	min-width: 220px;
	cursor: auto;
}

.favorite_menu_tooltip_button {
	position: relative;
	display: flex;
	align-items: center;
	width: 100%;
	padding: 12px 20px;
	cursor: pointer;
}

.favorite_menu_tooltip_button:hover {
	background-color: #eee;
}

.favorite_menu_tooltip_button>span {
	font-size: 16px;
	white-space: nowrap;
}

.favorite_menu_tooltip_button>img {
	width: 16px;
	height: 16px;
	margin-right: 8px;
}

/*관심없음*/
.favorite_menu_tooltip_button[data-event-type="unfavorite"],
.favorite_menu_tooltip_button[data-event-type="delete"],
.favorite_menu_tooltip_button[data-event-type="clear_unfavorite"] {
	color: #777;
}

.unfavorite_menu_tooltip_wrapper {
	position: relative;
	display: flex;
	flex-direction: column;
	width: 100%;
	padding: 12px;
}

.unfavorite_menu_tooltip_wrapper>span {
	font-size: 16px;
}

.unfavorite_menu_tooltip_text {
	margin-right: 20px;
}

.unfavorite_menu_tooltip_button {
	color: #3573d1;
	margin-left: auto;
	padding-top: 12px;
	cursor: pointer;
}

/*보관함 그룹*/
.favorite_memo_tooltip_wrapper {
	position: relative;
	display: flex;
	align-items: center;
	width: 100%;
	padding: 12px;
	border-bottom: 1px solid #ddd;
}

.favorite_memo_tooltip_title {
	font-size: 16px;
}

.favorite_memo_tooltip_input_wrap {
	position: relative;
	padding: 12px 12px 0 12px;
	width: 280px;
}

#favorite_memo_tooltip {
	width: 100%;
	height: 32px;
	font-size: 14px;
	border-radius: 2px;
	background-color: #fafafa;
}

.favorite_memo_tooltip_button_wrap {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	width: 100%;
	padding: 12px;
}

.favorite_memo_tooltip_button {
	font-size: 14px;
	cursor: pointer;
}

.favorite_memo_tooltip_button.pass {
	color: #777;
}

.favorite_memo_tooltip_button.save {
	margin-left: 20px;
}

.favorite_menu_group_list_title_wrapper {
	position: relative;
	display: flex;
	align-items: center;
	width: 100%;
	padding: 12px;
	border-bottom: 1px solid #ddd;
}

.favorite_menu_group_list_title {
	font-size: 16px;
}

.favorite_menu_group_list_close {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 20px;
	height: 20px;
	margin-left: auto;
	cursor: pointer;
}

.favorite_menu_group_list_close>img {
	width: 14px;
	height: 14px;
}

.favorite_menu_group_list {
	position: relative;
	display: block;
	max-height: 200px;
	overflow: auto;
}

.favorite_menu_group_list::-webkit-scrollbar {
	/* display: none; */
}

.favorite_menu_group_list_insert:hover {
	background-color: #eee;
}

.favorite_menu_group_list_insert {
	position: relative;
	display: block;
	width: 100%;
	font-size: 14px;
	color: #555;
	text-align: left;
	padding: 9px 12px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	cursor: pointer;
}

.favorite_menu_group_list_add_wrapper {
	border-top: 1px solid #ddd;
}

.favorite_menu_group_list_add {
	position: relative;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	width: 100%;
	padding: 12px;
	cursor: pointer;
}

.favorite_menu_group_list_add>img {
	width: 14px;
	height: 14px;
	margin-right: 8px;
}

.favorite_menu_group_list_add_title {
	font-size: 16px;
}

#add_favorite_group_input {
	width: 100%;
	font-size: 14px;
	border: none;
	border-bottom: 1px solid #ddd;
	padding-top: 8px;
	padding-left: 0;
}

.group_name_length_wrap {
	position: relative;
	display: flex;
	align-items: center;
}

.group_name_length_wrap>span {
	font-size: 12px;
	color: #777;
}

.favorite_menu_group_list_close_button {
	font-size: 14px;
	color: #777;
	margin-left: auto;
	margin-top: 8px;
}

.favorite_menu_group_list_add_button {
	font-size: 14px;
	color: #3573d1;
	margin-left: auto;
	margin-top: 8px;
}

.favorite_menu_group_list_add_button.only_add {
	margin-left: 12px;
}

/*tippy theme*/
.tippy-content {
	padding: 0;
}

.tippy-box[data-theme~="light"] {
	background-color: #fff;
	color: #000;
	border: 1px solid #ddd;
	box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.24);
}

.tippy-box[data-theme~="light"][data-placement^="top"]>.tippy-arrow::before {
	border-top-color: #fff;
}

.tippy-box[data-theme~="light"][data-placement^="bottom"]>.tippy-arrow::before {
	border-bottom-color: #fff;
}

.tippy-box[data-theme~="light"][data-placement^="left"]>.tippy-arrow::before {
	border-left-color: #fff;
}

.tippy-box[data-theme~="light"][data-placement^="right"]>.tippy-arrow::before {
	border-right-color: #fff;
}

.img_overlay_bottom_wrap {
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	bottom: 4px;
	right: 4px;
	white-space: nowrap;
}

.dpsl_label {
	position: absolute;
	top: 4px;
	bottom: initial;
	right: 4px;
	left: initial;
	color: #fff;
	padding: 1.5px 4px;
	border-radius: 2px;
	background-color: #000;
}

.mul-list-yongdo,
.mul-list-pyong,
.mul-list-view {
	z-index: 1;

	padding: 1.5px 4px;
	border-radius: 2px;
	overflow: hidden;

	font-size: 12px;

	color: #fff;
	background-color: rgba(70, 73, 75, 0.8);
}

.mul-list-pyong {
	margin-left: 4px;
}

.dpsl_label+.mul_list_view_wrapper {
	left: 42px;
}

.mul_list_view_wrapper {
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	bottom: 4px;
	left: 4px;
	white-space: nowrap;
}

.mul-list-view {
	color: #fafafa;
	background-color: rgba(0, 0, 0, 0.25);
}

.mul-list-view>img {
	height: 10px;
	margin-right: 2px;
}

.theme .theme-mulgun-box {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	width: 100%;
	height: 325px;

	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.mulgun_list_horizontal {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;

	align-items: center;
	-webkit-box-align: center;
	-webkit-box-pack: justify;
	-ms-flex-align: center;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.mulgun_list_horizontal .mul-list-img-box {
	width: 140px;
	height: 106px;
	overflow: initial;
}

.mulgun_list_horizontal .mul-list-img-box .mul-img {
	width: 140px;
}

.mulgun_list_horizontal .mul-list-txt-box {
	padding-left: 10px;
	margin-top: 0;
}

.mulgun_list_horizontal .mul-name {
	font-size: 14px;
}

.mulgun_list_horizontal .mul-lowest-price {
	font-size: 14px;
}

.mul-list-img-box {
	position: relative;

	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	height: 194px;
	overflow: hidden;

	border: 1px solid #eee;
	border-radius: 2px;

	align-items: center;
	-webkit-box-align: center;
	-webkit-box-pack: center;
	-ms-flex-align: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.mul-list-img-box .mul-img {
	width: 100%;
	height: 100%;

	opacity: 0.9;
	border-radius: 2px;
}

.mul-list-img-box .mul-img:hover {
	opacity: 1;
}

.no_thumb {
	position: absolute;
	top: 50%;
	left: 50%;

	display: block;
	width: 100%;
	padding: 36px;

	font-size: 20px;
	font-weight: 600;

	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	text-align: center;
	word-break: break-word;

	color: #fff;
}

.mul-list-txt-box {
	width: 100%;
	height: 25%;
	margin-top: 4px;
	overflow: hidden;
}

.mul_favorite_group_name_wrap {
	position: relative;
	display: flex;
	align-items: center;
	width: 100%;
	max-width: calc(100vw - 32px);
}

.mul_favorite_group_name {
	font-size: 12px;
	color: #4d96ff;
	padding: 1px 4px;
	border: 1px solid #ddd;
	border-radius: 4px;
	background-color: #fff;
	margin-bottom: 4px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.mul_state_wrap {
	position: relative;

	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;

	align-items: center;
	-webkit-box-align: center;
	-webkit-box-pack: start;
	-ms-flex-align: center;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

.mul_state_wrap>.mul_state_text {
	display: block;
	font-size: 12px;
	white-space: nowrap;
	padding: 0;
	color: #777;
}

.mul_state_wrap>.mul_state_text.bubwon {
	color: #777;
}

.mul_state_wrap>.mul_state_text.case_num {
	margin-left: 4px;
}

.mul_state_wrap>.mul_state_text.date {
	color: #777;
	margin-left: auto;
}

.mul_state_wrap>.mul_state_text.uchal {
	color: #333;
}

.mul_state_wrap>.mul_state_text.new {
	color: #3573d1;
}

.mul_state_wrap>.mul_state_text.status.before {
	color: #3573d1;
}

.mul_state_wrap>.mul_state_text.status.sold {
	color: #FC3049;
}

.mul_state_wrap>.mul_state_text.status.after {
	color: #777;
}

.mul_state_wrap>.mul_state_text.status.after {
	color: #777;
}

.mul_state_text.seller_name {
	margin-left: auto;
}

.mul_state_text.category {
	color: #f05a28;
}

.mul_state_text.complete {
	color: #f05a28;
}

.mul_state_text.cancel {
	color: #999;
}

.mul_state_text.request {
	color: #364653;
}

.mul_state_text.confirm {
	color: #3281f9;
}

.mul_state_text.success {
	color: #3281f9;
}

.mul_state_text.refund {
	color: #f05a28;
}

.first_payment_free {
	position: absolute;
	top: 8px;
	left: 8px;
	z-index: 1;

	padding: 3px 8px;
	overflow: hidden;

	font-size: 12px;

	color: #fff;
	border-radius: 2px;
	background-color: #fc3049;
}

.mul-name {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;

	font-size: 14px;
	font-weight: 600;

	color: #364653;

	align-items: center;
	-webkit-box-align: center;
	-webkit-box-pack: start;
	-ms-flex-align: center;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

.mul-name>.item_name {
	display: inline-block;
	overflow: hidden;

	white-space: nowrap;
	text-overflow: ellipsis;
}

.mul-name>.mul-addr-txt {
	display: inline-block;
	/*    overflow: hidden;

    white-space: nowrap;
    text-overflow: ellipsis;*/
}

.mul-name>.mul-num {
	display: inline-block;
	padding-left: 0.4em;
}

.method_price {
	position: relative;

	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	padding-top: 4px;
}

.method_price>.e_odream_method {
	font-size: 12px;

	color: #999;
}

.method_price>.e_odream_price {
	margin-left: auto;

	font-size: 14px;
	font-weight: 500;
}

.e_odream_point {
	color: #3281f9;
}

.mul-appraised-value {
	overflow: hidden;

	font-size: 12px;

	white-space: nowrap;
	text-overflow: ellipsis;

	color: #90949c;
}

.mul-appraised-value.change {
	text-decoration: line-through;
}

.mul-lowest-price {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	overflow: hidden;

	font-size: 14px;
	font-weight: 500;

	white-space: nowrap;
	text-overflow: ellipsis;

	align-items: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
}

.mul-lowest-price-name {
	margin-right: 0.4em;
}

.mul-lowest-price-value,
.mul-lowest-price-per {
	color: #2B80EB;
}

.mul-lowest-price[data-sold-status="1"] .mul-lowest-price-value,
.mul-lowest-price[data-sold-status="1"] .mul-lowest-price-per {
	color: #FC3049;
}

.mul-lowest-price-per {
	font-size: 14px;
}

.sold_status {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 16px;
	height: 16px;
	font-size: 10px;
	line-height: 1;
	color: #fff;
	background-color: #FC3049;
	margin-right: 4px;
}

.mul-lowest-price-value {
	overflow: hidden;

	white-space: nowrap;
	text-overflow: ellipsis;
}

.mul-detail {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	width: 100%;

	font-size: 12px;

	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.mul-detail span {
	display: inline-block;

	line-height: 22px;

	text-align: center;

	border-radius: 4px;

	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.mul-detail span:nth-child(2) {
	margin: 0 2px;
}

.mul-detail .mul-day-left {
	vertical-align: middle;

	color: #f1683b;
	border: 1px solid #f1683b;
}

.mul-detail .mul-state,
.mul-detail .mul-view {
	color: #acacac;
	border: 1px solid #acacac;
}

.mul-list-button-next {
	right: -50px;
}

.mul-list-button-prev {
	left: -50px;
}

.mul-view-icon {
	margin-right: 3px;
}

.mul_special_right_wrap {
	position: relative;

	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding-top: 2px;

	font-size: 12px;

	color: #90949c;

	align-items: center;
	-webkit-box-align: center;
	-webkit-box-pack: start;
	-ms-flex-align: center;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

.mul_special_right_inner {
	display: flex;
	flex-wrap: wrap;
	width: calc(100% - 20px);
	overflow: hidden;
	/*white-space: nowrap;*/

	text-overflow: clip;
	word-break: keep-all;
}

.mul_special_right_wrap span {
	padding-right: 4px;

	white-space: nowrap;
}

.mul_favorite_btn {
	position: relative;

	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	margin-left: auto;

	border: none;
	background: none;

	align-items: center;
	-webkit-box-align: center;
	-webkit-box-pack: center;
	-ms-flex-align: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.mul_favorite_btn img {
	width: 13px;
}

/*가로형 리스트*/
.mulgun-list[data-list-type="horizontal"] {
	width: 414px;
	padding: 12px 8px;
}

.mulgun-list[data-list-type="horizontal"] .mul_list_view_wrapper {
	top: 4px;
	right: 4px;
	bottom: auto;
	left: auto;
}

.mulgun-list[data-list-type="horizontal"] .type_label {
	left: 4px;
	width: 32px;
	height: 32px;
	font-size: 12px;
}

.mulgun-list[data-list-type="horizontal"] .dpsl_label {
	position: absolute;
	top: 35px;
	bottom: initial;
	right: initial;
	left: 4px;
	color: #fff;
	padding: 1.5px 4px;
	border-radius: 2px;
	background-color: #000;
}

.mulgun-list[data-list-type="horizontal"]>ul {
	display: flex;
	flex-direction: row;
}

.mulgun-list[data-list-type="horizontal"] .mul-list-img-box {
	min-width: 130px;
	width: 130px;
	height: 103px;

	/* min-width: 148px;
	width: 148px;
	height: 114px; */
	margin-right: 8px;
}

.mulgun-list[data-list-type="horizontal"] .mul-list-img-box>img {
	width: auto !important;
	height: 100% !important;
}

.mulgun-list[data-list-type="horizontal"] .mul-list-yongdo,
.mulgun-list[data-list-type="horizontal"] .mul-list-pyong {
	font-size: 12px;
	padding: 1.5px 4px;
}

.mulgun-list[data-list-type="horizontal"] .mul_state_text.date {
	margin-right: 32px;
}

.mulgun-list[data-list-type="horizontal"] .mul-list-txt-box {
	width: 100%;
	height: auto;
	margin-top: 0;
}

.mulgun-list[data-list-type="horizontal"] .mul-name {
	padding: 2px 0;
}

.mulgun-list[data-list-type="horizontal"] .mul-name>.mul-addr-txt {
	overflow: hidden;

	white-space: nowrap;
	text-overflow: ellipsis;
}

.mulgun-list[data-list-type="horizontal"] .mul_special_right_wrap {
	padding-top: 2px;
}

.mulgun-list[data-list-type="horizontal"] .mul_list_note_icon {
	top: 4px;
	right: 4px;
	left: auto;
	bottom: auto;
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
	opacity: 0.2;
}

.swiper-arrow-button {
	width: 15px;
	height: 28px;
	padding: 2em;
	margin-top: 0;

	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);

	opacity: 0.7;
	border: none;
	background: none;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 15px 28px;
}

.swiper-arrow-button:hover {
	opacity: 1;
}

.swiper-arrow-button-prev {
	background-image: url(../images/icon/1prev.png);
}

.swiper-arrow-button-next {
	background-image: url(../images/icon/1next.png);
}

.empty_massage_wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	/*align-items: center;*/

	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.mypage-theme-container .empty_message {
	padding-bottom: 50px;
}

.empty_message {
	width: 100%;

	font-size: 18px;
	font-weight: 200;

	text-align: center;

	color: #aaa;
}

.mul-list-favorite-memo-edit-wrap,
.mul-list-favorite-memo-wrap {
	position: relative;

	display: none;
	width: 100%;
	height: 36px;
	margin-top: 5px;
	overflow: hidden;

	border: 1px solid #ddd;
	border-radius: 2px;
	border-radius: 4px;
	background-color: #fcfcfc;

	align-items: center;
	-webkit-box-align: center;
	-webkit-box-pack: justify;
	-ms-flex-align: center;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.mul-list-favorite-memo-edit-wrap.on,
.mul-list-favorite-memo-wrap.on {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.mul-list-favorite-memo-wrap.show {
	height: auto;
}

.mul-list-favorite-memo-wrap.show>p {
	white-space: inherit;
}

.mul-list-favorite-memo {
	position: relative;

	display: block;
	width: 90%;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 0.4em;
	overflow: hidden;

	font-size: 12px;
	font-weight: 400;

	white-space: nowrap;
	text-overflow: ellipsis;

	color: #364653;

	align-items: center;
	align-items: center;
	-webkit-box-align: center;
	-webkit-box-pack: start;
	-ms-flex-align: center;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

input[name="favorite_memo"] {
	position: relative;

	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 90%;
	height: 100%;
	padding-left: 0.4em;

	font-size: 12px;
	font-weight: 400;

	white-space: nowrap;

	border: none;
	background-color: #fcfcfc;

	align-items: center;
	-webkit-box-align: center;
	-webkit-box-pack: start;
	-ms-flex-align: center;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

.mul-list-favorite-memo-edit {
	display: none;
	padding: 8px 6px 8px 8px;

	font-size: 12px;

	white-space: nowrap;

	color: #acacac;

	align-items: center;
	-webkit-box-align: center;
	-webkit-box-pack: center;
	-ms-flex-align: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.mul-list-favorite-memo-edit.right {
	padding-left: 12px;
}

/* 중간 띠배너 */
.monthly_banner {
	width: 100%;
	height: 120px;
	margin-bottom: 50px;
}

.monthly_banner_container {
	position: relative;

	display: flex;
	width: 100%;
	height: 100%;
	padding: 0 40px;

	cursor: pointer;

	border-radius: 10px;
	background-color: #242e71;

	align-items: center;
	justify-content: flex-start;
}

.monthly_banner_icon {
	margin-right: 20px;
}

.monthly_banner_text_wrap {
	position: relative;

	display: flex;
	width: 100%;

	align-items: center;
	justify-content: space-between;
}

.monthly_banner_tit {
	font-size: 24px;
	font-weight: 600;

	color: #fff;
}

.monthly_banner_button {
	position: relative;

	display: flex;
	padding: 10px 25px;
	margin-left: auto;

	font-size: 20px;
	font-weight: 600;

	color: #242e71;
	border-radius: 10px;
	background-color: #fff;

	align-items: center;
	justify-content: center;
}

.middle_banner {
	width: 100%;
	height: 200px;
	min-height: 200px;
	margin-top: 30px;
	margin-bottom: 50px;

	cursor: pointer;
}

.middle_banner_container {
	position: relative;

	display: flex;
	width: 100%;
	height: 100%;
	flex-direction: column;

	align-items: flex-start;
	justify-content: center;
}

.middle_banner_tit {
	font-size: 28px;
	font-weight: 600;

	color: #284584;
}

.middle_banner_txt {
	font-size: 16px;
	font-weight: 300;

	color: #284584;
}

.middle_banner_btn {
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content;
	padding: 0.4em 1.5em 0.5em;
	margin-top: 20px;

	font-size: 16px;
	font-weight: 400;

	-webkit-transition: all 0.2s;
	transition: all 0.2s;

	color: #a67035;
	border: 2px solid #a67035;
	background: none;
}

.middle_banner_btn:hover {
	color: #fff;
	background-color: #a67035;
	box-shadow: 2px 2px 5px #5e3912;
}

.location_banner {
	cursor: auto;

	background: #f5ebe0 url(../images/banner/location_banner2.png) no-repeat center;
}

.middle_banner1 {
	background: #d0daf0 url(../images/banner/middle_banner1.png) no-repeat center;
}

.middle_banner2 {
	background: #f0e0cd url(../images/banner/middle_banner2.jpg) no-repeat center;
}

.middle_banner1 .middle_banner_tit {
	position: relative;

	width: auto;
	padding-left: 200px;

	white-space: nowrap;
}

.middle_banner1 .middle_banner_tit::before {
	position: absolute;
	top: -16px;
	right: -37px;

	display: block;

	font-size: 16px;

	content: "Click!";
	-webkit-transform: rotate(17deg);
	transform: rotate(17deg);
}

.middle_banner1 .middle_banner_txt {
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content;
	padding-left: 210px;
}

.middle_banner1_img {
	position: absolute;
	bottom: 0;
	left: 35px;

	height: 230px;
}

.middle_banner2_img {
	position: absolute;
	right: 35px;
	bottom: 10px;

	height: 220px;
}

.middle_banner2 .middle_banner_tit,
.middle_banner2 .middle_banner_txt {
	position: relative;

	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content;
	margin-left: 342px;

	color: #c78230;
}

.middle_banner2 .middle_banner_tit::before {
	position: absolute;
	top: -16px;
	left: -37px;

	display: block;

	font-size: 16px;

	content: "Click!";
	-webkit-transform: rotate(-17deg);
	transform: rotate(-17deg);
}

.location_banner .middle_banner_container {
	align-items: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
}

.location_banner .middle_banner_tit,
.location_banner .middle_banner_txt {
	z-index: 1;

	text-align: center;

	color: #a67035;
}

.location_banner_icon {
	position: absolute;
	bottom: 13%;
	left: 73%;

	width: 140px;
}

/* 공지사항 */
.float_notice_container {
	width: 600px;
	max-height: 800px;
	min-height: 250px;
	padding: 32px;

	border-radius: 8px;
	background-color: #fff;
	box-shadow: rgba(41, 42, 43, 0.24) 0 24px 32px -8px;
}

/* 새로운 후원하기 배너 */
#req_support_banner {
	width: 100%;
	height: 200px;
	min-height: 200px;
	margin: 80px 0;

	background-image: url(../images/introduce/donation.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 2160px;
}

.support_banner_wrap {
	position: relative;

	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	height: 100%;

	align-items: center;
	-webkit-box-align: center;
	-webkit-box-pack: center;
	-ms-flex-align: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.support_banner_txt_wrap {
	position: relative;

	text-align: center;

	color: #e08a20;
}

.support_banner_wrap h3 {
	font-size: 22px;
	font-weight: 600;

	color: #e08a20;
}

.support_banner_wrap p {
	padding-top: 5px;

	font-size: 15px;
	font-weight: 400;

	color: #e08a20;
}

.donation_banner_icon {
	margin-right: 30px;
}

#js_top {
	position: fixed;
	bottom: 15px;
	left: 50%;
	z-index: 9;

	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 50px;
	height: 50px;

	cursor: pointer;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);

	opacity: 0;

	align-items: center;
	-webkit-box-align: center;
	-webkit-box-pack: center;
	-ms-flex-align: center;
	-ms-flex-pack: center;
	justify-content: center;
}

#js_top>div {
	position: relative;

	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 30px;
	height: 30px;

	border: 1px solid #aaa;
	border-radius: 50%;
	background-color: #fff;

	align-items: center;
	-webkit-box-align: center;
	-webkit-box-pack: center;
	-ms-flex-align: center;
	-ms-flex-pack: center;
	justify-content: center;
}

#js_top img {
	width: 10px;

	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}

.tooltip_mark {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	width: 20px;
	height: 20px;
	margin-left: 10px;

	font-size: 12px;

	cursor: pointer;

	color: #fff;
	border-radius: 50%;
	background: #ccc;

	align-items: center;
	-webkit-box-align: center;
	-webkit-box-pack: center;
	-ms-flex-align: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.tooltip_box {
	position: absolute;
	top: 40px;
	left: 0;
	z-index: 1;

	display: none;
	height: auto;
	padding: 15px 20px 15px 10px;

	font-size: 14px;
	font-weight: 400;

	white-space: nowrap;

	opacity: 1;
	border: 1px solid #999;
	background-color: #fff;
	box-shadow: 1px 1px 2px #999;
}

.tooltip_title {
	font-weight: 600;
}

.search_result_state.tri_blue {
	color: #3269a5;
}

.search_result_state.tri_red {
	color: #e53939;
}

.search_result_state.tri_gray {
	color: #6d777e;
}

div.overlay.on {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;

	width: 100%;
	height: 100%;

	background-color: rgba(255, 255, 255, 0.4);
}

.question_tooltip {
	position: relative;

	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	width: 14px;
	height: 14px;
	margin: 0 5px;

	cursor: pointer;

	align-items: center;
	-webkit-box-align: center;
	-webkit-box-pack: center;
	-ms-flex-align: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.question_tooltip>img {
	width: 100%;
	height: 100%;
	margin-top: 1px;
}

.ellipsis {
	display: block;
	width: 100%;
	overflow: hidden;

	white-space: nowrap;
	text-overflow: ellipsis;
}

td.ellipsis {
	display: table-cell;
	width: auto;
}

.multi_ellipsis {
	display: -webkit-box;
	overflow: hidden;

	white-space: initial;

	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}

.pt15 {
	padding-top: 15px;
}

.mb8 {
	margin-bottom: 8px !important;
}

.mb16 {
	margin-bottom: 16px;
}

.mb24 {
	margin-bottom: 24px;
}

.pb28 {
	padding-bottom: 28px !important;
}

.pb0 {
	padding-bottom: 0;
}

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

.mt0 {
	margin-top: 0;
}

.mt24 {
	margin-top: 24px;
}

.mt36 {
	margin-top: 36px;
}

.mt16 {
	margin-top: 16px;
}

.mt12 {
	margin-top: 12px;
}

.mt4 {
	margin-top: 4px;
}

.mr4 {
	margin-right: 4px;
}

.ml4 {
	margin-left: 4px;
}

.ml8 {
	margin-left: 8px;
}

.ui-tooltip-content {
	font-size: 16px;
}

.fs14 {
	font-size: 14px;
}

.fs16 {
	font-size: 16px;
}

.fs18 {
	font-size: 18px;
}

.fw500 {
	font-weight: 500;
}

.fw600 {
	font-weight: 600;
}

.tar {
	text-align: right;
}

.flex_wrapper {
	position: relative;
	display: flex;
}

.flex_wrapper.column {
	flex-direction: column;
}

.flex_wrapper.center {
	align-items: center;
	justify-content: center;
}

.flex_wrapper.right {
	align-items: flex-end;
}

#pagination {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	padding-bottom: 30px;
	margin-top: auto;

	text-align: center;

	align-items: center;
	-webkit-box-align: center;
	-webkit-box-pack: center;
	-ms-flex-align: center;
	-ms-flex-pack: center;
	justify-content: center;
}

#pagination>div {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	height: 40px;
	min-width: 40px;
	margin: 0 4px;

	font-size: 16px;

	cursor: pointer;
	text-align: center;

	color: #999;
	border-radius: 2px;

	align-items: center;
	-webkit-box-align: center;
	-webkit-box-pack: center;
	-ms-flex-align: center;
	-ms-flex-pack: center;
	justify-content: center;
}

#pagination>div>img {
	width: 8px;
	margin-top: 2px;
}

#pagination>div:hover {
	/* color: #364653; */
	background-color: #f2f2f2;
}

#pagination>div.active {
	font-weight: 500;

	color: #fff;
	border: 1px solid #364653;
	background-color: #364653;
}

.pagination-empty {
	position: relative;

	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	padding: 48px 0;

	font-size: 16px;

	align-items: center;
	-webkit-box-align: center;
	-webkit-box-pack: center;
	-ms-flex-align: center;
	-ms-flex-pack: center;
	justify-content: center;
}

/*JS Pagination*/
.js_pagination {
	position: relative;

	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;

	align-items: center;
	-webkit-box-align: center;
	-webkit-box-pack: center;
	-ms-flex-align: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.js_pagination>div {
	position: relative;

	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 40px;
	height: 40px;
	margin: 48px 8px;

	font-size: 14px;

	cursor: pointer;

	align-items: center;
	-webkit-box-align: center;
	-webkit-box-pack: center;
	-ms-flex-align: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.js_pagination>div.active {
	color: #fff;
	border: none;
	background-color: #000;
}

.js_arrow>img {
	height: 12px;
}

#my_group {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	z-index: 2;

	width: 100%;
	height: 48px;

	border-bottom: 1px solid #ddd;
	background-color: #fff;
}

.my_group_container_wrap {
	position: relative;

	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	height: 100%;

	align-items: center;
	-webkit-box-align: center;
	-webkit-box-pack: start;
	-ms-flex-align: center;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

.my_group_container {
	position: relative;

	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	height: 100%;
	margin-left: 0;

	align-items: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	/*margin-right: 24px;*/
	/*cursor: pointer;*/
}

.my_group_wrapper {
	position: relative;

	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 100%;

	align-items: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
}

.my_group_slide {
	position: relative;

	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: auto;
	height: 100%;

	font-size: 16px;
	font-weight: 300;

	cursor: pointer;
	white-space: nowrap;

	color: #333;

	align-items: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
}

.my_group_slide.on {
	font-weight: 500;

	color: #364653;
}

.my_group_slide>span {
	position: relative;

	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	height: 100%;

	align-items: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
}

.my_group_slide.on>span::before {
	position: absolute;
	bottom: 0;

	display: block;
	width: 100%;
	height: 2px;

	content: "";

	background-color: #364653;
}

.my_group_slide:active {
	background-color: #f5f6fa;
}

.favorite_group_add {
	display: none;
	padding-bottom: 12px;

	background-color: #fafafa;
	box-shadow: 0 1px 6px 0 #ddd;
}

.favorite_group_add.modal {
	padding: 0 16px;
}

.favorite_group_add_wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	margin-top: 12px;
	flex-direction: column;

	align-items: flex-start;
	-webkit-box-align: start;
	-webkit-box-direction: normal;
	-webkit-box-orient: vertical;
	-webkit-box-pack: start;
	-ms-flex-align: start;
	-ms-flex-direction: column;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

.group_add_title {
	font-size: 24px;
	font-weight: 500;
}

.group_add_input_wrap {
	position: relative;

	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	margin-top: 8px;

	align-items: center;
	-webkit-box-align: center;
	-webkit-box-pack: start;
	-ms-flex-align: center;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

input[name="group_name"] {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	height: 36px;
	padding-left: 0;

	font-size: 14px;

	border: none;
	border-bottom: 1px solid #364653;
	background-color: #fafafa;
	box-shadow: none;

	align-items: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
}

.group_add_btn_wrap {
	position: relative;

	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;

	align-items: center;
	-webkit-box-align: center;
	-webkit-box-pack: end;
	-ms-flex-align: center;
	-ms-flex-pack: end;
	justify-content: flex-end;
}

.text_length_wrap {
	display: flex;
	margin-right: auto;

	color: #999;
}

.group_add_btn_wrap>span {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 100%;
	padding: 12px 0;

	font-size: 14px;

	cursor: pointer;

	color: #f05a28;

	align-items: center;
	-webkit-box-align: center;
	-webkit-box-pack: center;
	-ms-flex-align: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.group_add_btn_wrap>span.cancel {
	margin-right: 16px;

	color: #acacac;
}

.my_group_slide_add::before {
	position: absolute;
	top: 50%;
	left: -12px;

	display: block;
	width: 1px;
	height: 20px;

	content: "";
	-webkit-transform: translateY(-45%);
	transform: translateY(-45%);

	background-color: #ddd;
}

.color999 {
	color: #999;
}

#loading {
	position: fixed;
	top: 0;
	z-index: 99999999999;

	width: 100%;
	height: 100%;

	text-align: center;

	background: rgba(255, 255, 255, 0.8);
}

.loaderWrap {
	position: absolute;
	top: 50%;
	left: 50%;

	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.loader,
.loader:before,
.loader:after {
	width: 1em;
	height: 4em;

	-webkit-animation: load1 1s infinite ease-in-out;
	animation: load1 1s infinite ease-in-out;

	background: #b9b9b9;
}

.loader {
	position: relative;

	margin: 88px auto;

	font-size: 11px;

	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-animation-delay: -0.16s;
	animation-delay: -0.16s;
	text-indent: -9999em;

	color: #b9b9b9;
}

.loader:before,
.loader:after {
	position: absolute;
	top: 0;

	content: "";
}

.loader:before {
	left: -1.5em;

	-webkit-animation-delay: -0.32s;
	animation-delay: -0.32s;
}

.loader:after {
	left: 1.5em;
}

@-webkit-keyframes load1 {

	0%,
	80%,
	100% {
		height: 4em;

		box-shadow: 0 0;
	}

	40% {
		height: 5em;

		box-shadow: 0 -2em;
	}
}

@keyframes load1 {

	0%,
	80%,
	100% {
		height: 4em;

		box-shadow: 0 0;
	}

	40% {
		height: 5em;

		box-shadow: 0 -2em;
	}
}

.switch_wrap {
	position: relative;

	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;

	align-items: center;
	-webkit-box-align: center;
	-webkit-box-pack: justify;
	-ms-flex-align: center;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.switch_wrap>span {
	font-size: 14px;
	font-weight: 500;
}

.switch_wrap .switch {
	position: relative;

	display: inline-block;
	width: 44px;
	height: 24px;
}

.switch_wrap .switch input {
	width: 0;
	height: 0;

	opacity: 0;
}

.slider {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;

	cursor: pointer;
	-webkit-transition: 0.1s;
	transition: 0.1s;

	background-color: #ccc;
}

.slider:before {
	position: absolute;
	top: 3px;
	left: 4px;

	width: 18px;
	height: 18px;

	content: "";
	-webkit-transition: 0.1s;
	transition: 0.1s;

	background-color: white;
}

input:checked+.slider {
	background-color: #333;
}

input:checked+.slider:before {
	left: auto;

	-webkit-transform: translateX(22px);
	transform: translateX(22px);
}

/* Rounded sliders */
.slider.round {
	border-radius: 34px;
}

.slider.round:before {
	border-radius: 50%;
}

.ml16 {
	margin-left: 16px;
}

/* 이어드림 버튼 */
.payment_btn_wrap {
	position: relative;

	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	padding: 24px 0;

	border-radius: 8px;
	background-color: #f5f6fa;

	align-items: center;
	-webkit-box-align: center;
	-webkit-box-pack: center;
	-ms-flex-align: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.payment_btn_wrap>div {
	position: relative;

	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 0 120px;
	flex-direction: column;

	cursor: pointer;

	align-items: center;
	-webkit-box-align: center;
	-webkit-box-direction: normal;
	-webkit-box-orient: vertical;
	-webkit-box-pack: center;
	-ms-flex-align: center;
	-ms-flex-direction: column;
	-ms-flex-pack: center;
	justify-content: center;
}

.payment_btn_wrap>div>div.payment_img_wrap {
	position: relative;

	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 4px;

	align-items: center;
	-webkit-box-align: center;
	-webkit-box-pack: center;
	-ms-flex-align: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.payment_btn_wrap>div>div.payment_img_wrap>img {
	width: 26px;
	height: 26px;
}

.payment_btn_wrap>div>div.payment_img_wrap::before {
	position: absolute;
	top: -3px;
	right: -3px;

	display: block;
	width: 10px;
	height: 10px;

	content: "";

	border-radius: 50%;
}

.payment_btn_wrap>div>div.payment_img_wrap.my_coupon.active::before {
	background-color: #3281f9;
}

.payment_btn_wrap>div>div.payment_img_wrap.chat.active::before {
	background-color: #3281f9;
}

.payment_btn_wrap>div>span {
	font-size: 16px;

	white-space: nowrap;
}

/*이어드림*/
#payment_btn.sticky {
	position: -webkit-sticky;
	position: sticky;
	bottom: 0;

	width: 100%;

	background-color: #f5f6fa;
}

#payment_btn.sticky.list_btn_wrap {
	box-shadow: 0 -3px 6px rgba(0, 0, 0, 0.16);
}

#payment_btn.sticky .payment_btn_wrap {
	padding: 12px 0;

	border-radius: 0;
	background-color: inherit;
}

#payment_btn.sticky .payment_btn_wrap>div>div.payment_img_wrap {
	margin-bottom: 0;
}

.page_title {
	font-size: 22px;
	font-weight: 600;
}

.page_title_link {
	display: inline-block;

	font-size: 14px;

	cursor: pointer;
	text-decoration: underline;

	color: #3281f9;
}

.floating_btn_wrap {
	/*position: -webkit-sticky;*/
	position: fixed;
	bottom: 140px;
	left: calc(100% - 80px);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-top: auto;
	flex-direction: column;

	align-items: center;
	-webkit-box-align: center;
	-webkit-box-direction: normal;
	-webkit-box-orient: vertical;
	-webkit-box-pack: center;
	-ms-flex-align: center;
	-ms-flex-direction: column;
	-ms-flex-pack: center;
	justify-content: center;
	z-index: 100;
}

.floating_btn {
	position: relative;

	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 50px;
	height: 50px;

	cursor: pointer;

	border-radius: 50%;
	background-color: #3281f9;
	box-shadow: 1px 3px 6px rgba(0, 0, 0, 0.5);

	align-items: center;
	-webkit-box-align: center;
	-webkit-box-pack: center;
	-ms-flex-align: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.floating_btn img {
	width: 20px;
	height: 20px;
}

.floating_btn_list {
	position: absolute;
	bottom: 0;
	/*padding-right: 340px;*/

	padding-right: 450px;
}

.floating_btn_list[data-fold="true"] {
	display: block;
}

.floating_btn_list[data-fold="false"] {
	display: none;
}

.floating_btn_inner {
	position: relative;

	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	/*width: 275px;*/
	width: 350px;
	flex-direction: column;

	text-align: center;
	white-space: nowrap;

	-webkit-box-direction: normal;
	-webkit-box-orient: vertical;
	-ms-flex-direction: column;
}

.btn_half_inner {
	position: relative;

	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;

	align-items: center;
	-webkit-box-align: center;
	-webkit-box-pack: justify;
	-ms-flex-align: center;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.floating_btn_inner button {
	position: relative;

	display: block;
	padding: 16px 8px;
	margin: 8px 0;
	/*font-size: 14px;*/

	font-size: 16px;

	color: #fff;
	border-radius: 24px;
	background-color: #3281f9;
}

.floating_btn_step {
	margin-right: 8px;

	font-size: 12px;
}

.btn_half_inner button {
	width: 49%;
	margin-bottom: 0;
}

.btn_half_inner button:first-child {
	background-color: #fc3049;
}

.btn_half_inner button:last-child {
	background-color: #364653;
}

/*.review_tooltip {
    position: absolute;
    top: -50px;
    left: 50%;

    padding: 8px 12px;

    font-size: 13px;

    transform: translateX(-50%);
    white-space: nowrap;

    color: #fff;
    border-radius: 4px;
    background-color: #3281f9;
    box-shadow: 1px 5px 6px rgba(0,0,0,.16);
}
.review_tooltip::after {
    position: absolute;
    bottom: -8px;
    left: 50%;

    display: block;
    width: 0;
    height: 0;

    content: "";
    transform: translateX(-50%);

    border-top: 8px solid #3281f9;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
}*/
.adsbymadang_banner_container {
	width: 100%;
	max-width: 1200px;
	max-height: 140px;
	margin: 0 auto;
}

.adsbymadang_banner {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}

.adsbymadang_banner>img {
	width: 100%;
	image-rendering: -webkit-optimize-contrast;
}

.adsbymadang_banner_wrap {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	max-width: 1200px;
	height: 140px;
	/*height: calc(100vw - 300px);*/
	/*height: calc((100vw - 800px) / 6.2 - 1px);*/
	margin: 0 auto;
	margin-top: 0;
	overflow: hidden;
}

.mapsearch_list>.adsbymadang_banner_wrap {
	margin-top: 0 !important;
	height: 130px;
}

.adsbymadang_banner_wrap>img {
	width: 100%;
	image-rendering: -webkit-optimize-contrast;
}

.adsbymadang_swiper_pagination {
	bottom: 0 !important;
}

.material-symbols-outlined.fill {
	font-variation-settings:
		"FILL" 1,
		"wght" 400,
		"GRAD" 0,
		"opsz" 48;
}

.material-symbols-outlined:before {
	display: none;
}

/* IE */
html[user-browser="ie"] .floating_btn_wrap {
	position: fixed;
}

html[user-browser="ie"] .floating_btn_list {
	right: 100px;

	padding-right: 0;
}

/* 지도 폴리곤 */
.rebuild_area_mouseover {
	position: absolute;
	top: -5px;
	left: 15px;
	font-size: 14px;
	padding: 4px 8px;
	background-color: #fff;
	border: 1px solid #777;
	border-radius: 4px;
}

.rebuild_detail_container {
	position: relative;
	min-width: 240px;
	max-width: 240px;
	/*max-width: 240px;*/
	background-color: #fff;
	border-radius: 8px;
	box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.24);
}

.rebuild_detail_wrapper {
	position: relative;
	display: flex;
	flex-direction: column;
	width: 100%;
	padding: 16px 12px;
}

.rebuild_detail_inner {
	position: relative;
	display: flex;
	align-items: flex-start;
	width: 100%;
	padding-bottom: 8px;
	white-space: normal;
}

.rebuild_detail_inner:last-child {
	padding-top: 12px;
	padding-bottom: 0;
	margin-top: 8px;
	border-top: 1px solid #eee;
}

.rebuild_detail_inner>span {
	display: inline-block;
}

.rebuild_detail_title {
	font-size: 14px;
	font-weight: 500;
}

.rebuild_detail_left,
.rebuild_detail_right {
	font-size: 13px;
}

.rebuild_detail_left {
	padding-right: 12px;
	color: #3a3a3a;
	white-space: nowrap;
	opacity: 0.8;
}

.rebuild_detail_more {
	position: relative;
	font-size: 13px;
	/*text-decoration: underline;*/
	margin: 0 auto;
	padding: 0 24px;
	cursor: pointer;
}

.rebuild_detail_more::before {
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: calc(100% - 48px);
	height: 1px;
	background-color: #364653;
}

.dimmed {
	cursor: no-drop;
}

.dimmed::after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255, 0.8);
	cursor: no-drop;
}

/*.dimmed_main::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    border-radius: 4px;
    background-color: rgba(0,0,0,0.7);
    cursor: no-drop;
}
.dimmed_main > .main_nav_button_image_wrap,
.dimmed_main > .main_nav_button_text_wrap {
    opacity: 0.4;
}*/
.dimmed_label {
	position: absolute;
	display: none;
	align-items: center;
	justify-content: center;
	top: 0;
	right: 0;
	font-size: 14px;
	font-weight: 500;
	line-height: 29px;
	padding: 0 16px;
	color: #fff;
	border-top-right-radius: 4px;
	background-color: #fc3049;
	z-index: 1;
}

.dimmed_main>.dimmed_label {
	display: flex;
}

.mul_list_swiper_button_next {
	right: -20px !important;
	background-color: #fff;
	border-radius: 50%;
	opacity: 1;
	box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.16);
	padding: 1.8em;
	background-size: 12px 20px;
}

.mul_list_swiper_button_prev {
	left: -20px !important;
	background-color: #fff;
	border-radius: 50%;
	opacity: 1;
	box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.16);
	padding: 1.8em;
	background-size: 12px 20px;
}

.text_hover:hover {
	color: #2f80ed;
}

.round-checkbox {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}

/* Hover 애니메이션 */
.round-checkbox:hover span {
	transform: scale(1.1);
	/* 살짝 커짐 */
	border-color: #b0b0b0;
	/* 테두리 색을 약간 진하게 */
	background-color: #f9f9f9;
	/* 배경을 약간 연한 회색으로 */
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
	/* 부드러운 그림자 효과 */
}

/* 기본 체크박스 숨기기 */
.round-checkbox input[type="checkbox"] {
	display: none;
}

/* 원형 모양 스타일 */
.round-checkbox span {
	display: inline-block;
	width: 17px;
	height: 17px;
	border-radius: 50%;
	/* 원형 */
	border: 2px solid #e3e3e3;
	/* 테두리 색상 */
	position: relative;
	cursor: pointer;
	background-color: white;
	/* 기본 배경색 */
	transition: all 0.2s ease;
}

/* 체크된 상태의 원 배경색 변경 및 테두리 제거 */
.round-checkbox input[type="checkbox"]:checked+span {
	background-color: #2B80EB;
	/* 파란색으로 채우기 */
	border-color: #2B80EB;
}

/* 체크박스가 체크되었을 때 체크 표시 추가 */
.round-checkbox input[type="checkbox"]:checked+span::before {
	content: '';
	display: block;
	width: 3px;
	height: 6px;
	border: solid white;
	border-width: 0 2px 2px 0;
	position: absolute;
	top: 45%;
	left: 50%;
	transform: translate(-50%, -50%) rotate(45deg);
	/* 체크 표시 가운데 정렬 및 45도 회전 */
	background-color: transparent;
}

/* Tippy.js의 기본 스타일을 덮어씌웁니다 */
.tippy-box[data-theme~='button_overlay'] {
	padding: 4px 8px;
	font-size: 12px;
	color: #fff;
	background-color: #008DFF;
	border-radius: 4px;
}

/* 화살표 스타일 */
.tippy-box[data-theme~='button_overlay'][data-placement^='top']>.tippy-arrow {
	color: #008DFF;
	/* 화살표 색상 */
}

.tippy_check_filter_wrapper {
	position: relative;
	padding: 32px 24px 0 24px;
	min-width: 320px;
	max-height: 600px;
	overflow: auto;
}

.tippy_check_container {
	position: relative;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 16px;
	padding-top: 20px;
}

.tippy_filter_button_wrapper {
	position: sticky;
	display: flex;
	align-items: center;
	justify-content: center;
	bottom: 0;
	width: 100%;
	padding: 24px 0;
	background-color: #fff;
	gap: 10px;
}

.tippy_filter_button {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 110px;
	padding: 12px;
	text-align: center;
	font-size: 16px;
	border-radius: 5px;
	color: #fff;
	background-color: #008DFF;
}

.tippy_filter_button.reset {
	color: #767676;
	background-color: #F3F3F4;
}

.default_button {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #364653;
	font-size: 13px;
	font-weight: 400;
	color: #fff;
	border: none;
	border-radius: 4px;
	box-shadow: none;
	padding: 10px 20px;
	margin: 0 auto;
	cursor: pointer;
	transition: all .2s;
}

.default_button.full {
	width: 100%;
}

.default_button.small {
	padding: 6px 20px;
}

.default_button.warning {
	background-color: #ba252b;
}

.default_button:disabled {
	background-color: #ddd;
	cursor: not-allowed;
}

.default_button:hover {
	background-color: #000;
}

.banner_label {
	position: absolute;
	bottom: 0px;
	right: 0;
	width: 30px;
	height: 20px;
	background-color: #000;
	/* background-color: rgba(0, 0, 0, 0.8); */
	color: #fff;
	font-size: 11px;
	font-weight: 400;
	text-align: center;
	line-height: 20px;
	border-radius: 4px;
}

@media screen and (max-width: 1280px) {
	@supports (-ms-ime-align: auto) {
		.selector {
			max-width: 25rem;
		}
	}

	.mul-view-icon {
		display: none;
	}

	/*.contbox {
        max-width: initial;
        padding: 32px 0 0 0;
        margin: 0 16px;        
    }*/
}

@media screen and (max-width: 1200px) {
	.inbox {
		width: 100%;
		padding: 0 16px;
	}

	.adsbymadang_banner_wrap,
	.mapsearch_list>.adsbymadang_banner_wrap {
		height: calc((100vw - 100px) / 8.4 - 1px);
	}
}

@media screen and (max-width: 1024px) {
	.contbox {
		padding: 0;
		margin: 0;
	}

	.ui-tooltip-content {
		font-size: 14px;
	}
}

@media screen and (max-width: 840px) {
	.no_thumb {
		font-size: 18px;
	}

	.monthly_banner_icon {
		margin-right: 20px;
	}

	.monthly_banner_tit {
		font-size: 20px;

		white-space: pre-line;
	}

	.monthly_banner_button {
		position: relative;

		display: flex;
		padding: 10px 25px;
		margin-left: auto;

		font-size: 16px;
		font-weight: 600;

		color: #242e71;
		border-radius: 10px;
		background-color: #fff;

		align-items: center;
		justify-content: center;
	}
}

@media screen and (max-width: 686px) {
	.adsbymadang_banner_wrap {
		/*height: calc((100vw - 240px) / 6.2 - 1px);*/
		max-height: 120px;
	}

	.adsbymadang_banner_wrap>img {
		width: 180%;
	}

	.adsbymadang_banner_container {
		max-height: 120px;
	}

	.adsbymadang_banner>img {
		/*width: 180%;*/
		/*width: 220%;*/
		width: 220%;
	}
}

@media screen and (max-width: 600px) {
	.sample_banner_text {
		font-size: 14px;
		padding: 12px 0;
	}

	.mulgun-list[data-list-type="horizontal"] {
		padding: 12px 4px;
	}

	.mulgun-list[data-list-type="horizontal"] .mul-list-img-box {
		min-width: 130px;
		width: 130px;
		height: 103px;
	}

	.mulgun-list[data-list-type="horizontal"] .mul_hide_menu_btn {
		width: 24px;
		height: 24px;
		line-height: 24px;
	}

	.mulgun-list[data-list-type="horizontal"] .mul_hide_menu_btn img {
		width: 14px;
		height: 14px;
	}

	.mulgun-list[data-list-type="horizontal"] .mul_state_wrap>.mul_state_text {
		font-size: 11px;
	}

	.mulgun-list[data-list-type="horizontal"] .mul_state_text.date {
		margin-right: 26px;
	}

	.mulgun-list[data-list-type="horizontal"] .mul_special_right_wrap {
		font-size: 11px;
	}

	.mul-list-yongdo,
	.mul-list-pyong {
		font-size: 14px;
	}

	.mulgun-list[data-list-type="horizontal"] .mul-list-yongdo,
	.mulgun-list[data-list-type="horizontal"] .mul-list-pyong,
	.mulgun-list[data-list-type="horizontal"] .mul-list-view {
		font-size: 10px;
	}

	.mulgun-list[data-list-type="vertical"] .mul-list-yongdo,
	.mulgun-list[data-list-type="vertical"] .mul-list-pyong,
	.mulgun-list[data-list-type="vertical"] .mul-list-view {
		font-size: 14px;
		padding: 3px 6px;
	}

	.mulgun-list[data-list-type="vertical"] .dpsl_label {
		font-size: 14px;
		padding: 3px 6px;
	}

	.mulgun-list[data-list-type="vertical"] .type_label {
		width: 40px;
		height: 40px;
	}

	.favorite_menu_group_list {
		max-height: 180px;
	}

	#pagination {
		/*padding-top: 20px;
        padding-bottom: 20px;*/
		padding-top: 8px;
		padding-bottom: 8px;
		margin-bottom: 30px;
		background: #f8f8f8;
	}

	#pagination.mob {
		margin-bottom: 14px;
		/* margin-top: 10px; */
	}

	#pagination>div {
		height: 28px;
		min-width: 28px;
		margin: 0;

		font-size: 14px;
	}

	#pagination>div>img {
		width: 6px;
		margin-top: 2px;
	}

	.payment_btn_wrap {
		border-radius: 0;

		-ms-flex-pack: distribute;
		justify-content: space-around;
	}

	.payment_btn_wrap>div {
		margin: 0;
	}

	.no_thumb {
		padding: 36px 60px;

		font-size: 18px;
	}

	.floating_btn_wrap {
		left: calc(100% - 64px);
	}

	.floating_btn_list {
		padding-right: 360px;
	}

	.floating_btn_inner {
		width: 275px;
	}

	.floating_btn_inner button {
		font-size: 14px;
	}

	.monthly_banner {
		height: auto;
	}

	.monthly_banner_container {
		padding: 16px 24px;
	}

	.monthly_banner_text_wrap {
		flex-direction: column;

		align-items: center;
	}

	.monthly_banner_tit {
		font-size: 18px;
	}

	.monthly_banner_button {
		width: 100%;
		margin-top: 16px;
		margin-left: 0;
	}

	.favorite_memo_tooltip_button {
		font-size: 15px;
	}

	.favorite_memo_tooltip_button_wrap {
		padding-top: 20px;
	}

	.favorite_memo_tooltip_input_wrap {
		padding-top: 16px;
		width: 80vw;
	}

	#favorite_memo_tooltip {
		height: 36px;
	}

	.dimmed_label {
		font-size: 12px;
	}
}